@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#101217; --paper:#f3f1ed; --soft:#deddd8; --line:#cccac4; --muted:#6c6e70; --blue:#255bff; --rose:#e84b65; --max:1280px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; font-size:16px; line-height:1.55; }
body::selection { color:white; background:var(--blue); }
a { color:inherit; }
button, input, textarea, select { font:inherit; }
button { cursor:pointer; }
img { display:block; max-width:100%; }

.site-header { width:min(var(--max), calc(100% - 48px)); margin:0 auto; min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.wordmark { font-family:"DM Mono", monospace; font-size:.78rem; font-weight:500; letter-spacing:-.04em; text-decoration:none; display:flex; align-items:center; gap:8px; white-space:nowrap; }
.wordmark span { color:var(--blue); }
.site-nav { display:flex; align-items:center; gap:clamp(18px,3vw,40px); font-size:.9rem; }
.site-nav a { text-decoration:none; position:relative; }
.site-nav a:not(.nav-admin)::after { content:""; position:absolute; left:0; bottom:-5px; width:100%; height:1px; background:var(--ink); transform:scaleX(0); transform-origin:right; transition:transform .25s ease; }
.site-nav a:not(.nav-admin):hover::after { transform:scaleX(1); transform-origin:left; }
.nav-admin { padding:7px 12px; border:1px solid var(--ink); border-radius:999px; transition:.2s; }
.nav-admin:hover { color:white; background:var(--ink); }
.menu-toggle { display:none; padding:7px 0; color:var(--ink); background:none; border:0; font-size:.82rem; }
.eyebrow, .field-label { margin:0; color:var(--muted); font-family:"DM Mono", monospace; font-size:.69rem; letter-spacing:.045em; line-height:1.4; text-transform:uppercase; }

.home-intro { width:min(var(--max), calc(100% - 48px)); min-height:calc(100svh - 84px); margin:auto; padding:clamp(84px,11vw,150px) 0 64px; display:grid; grid-template-columns:repeat(12,1fr); grid-template-rows:auto 1fr auto; column-gap:24px; position:relative; overflow:hidden; }
.home-intro>.eyebrow { grid-column:1/-1; }
.home-intro h1 { grid-column:1/10; margin:clamp(48px,8vw,120px) 0 0; align-self:start; font-size:clamp(3.1rem,8.9vw,8.2rem); letter-spacing:-.09em; line-height:.86; font-weight:600; position:relative; z-index:1; }
.home-intro h1 em { font-family:"Playfair Display",Georgia,serif; font-weight:500; letter-spacing:-.1em; }
.intro-copy { grid-column:9/-1; align-self:end; position:relative; z-index:1; }
.intro-copy p { max-width:29ch; margin:0 0 24px; font-size:clamp(1rem,1.35vw,1.2rem); line-height:1.55; }
.text-link { font-family:"DM Mono",monospace; font-size:.78rem; text-decoration:none; border-bottom:1px solid var(--ink); padding-bottom:5px; }
.text-link span { color:var(--blue); font-size:1.2rem; padding-left:8px; }
.intro-orbit { position:absolute; right:13%; top:19%; width:min(33vw,430px); aspect-ratio:1; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-family:"DM Mono",monospace; font-size:.65rem; transform:rotate(-14deg); }
.intro-orbit::before { content:""; position:absolute; inset:18%; border:1px solid var(--blue); border-radius:50%; }
.intro-orbit i { position:absolute; top:50%; left:-5%; width:110%; height:1px; background:var(--rose); transform:rotate(21deg); }
.intro-orbit span:first-child { position:absolute; top:7%; left:15%; }
.intro-orbit span:last-child { position:absolute; right:8%; bottom:14%; }

.work-section { width:min(var(--max), calc(100% - 48px)); margin:auto; padding:90px 0 130px; }
.section-heading { display:grid; grid-template-columns:2fr 1fr; gap:48px; padding-bottom:54px; border-bottom:1px solid var(--ink); }
.section-heading h2 { max-width:13ch; margin:13px 0 0; font-size:clamp(2.2rem,4.3vw,4.25rem); line-height:1; letter-spacing:-.07em; }
.section-note { align-self:end; max-width:31ch; margin:0; color:var(--muted); }
.work-group { padding-top:28px; margin-top:74px; border-top:1px solid var(--line); }
.group-label { display:flex; align-items:baseline; gap:18px; margin-bottom:28px; }
.group-label span { color:var(--blue); font-family:"DM Mono",monospace; font-size:.72rem; }
.group-label h3 { margin:0; font-size:1.15rem; font-weight:500; letter-spacing:-.04em; }
.project-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.project-card { min-width:0; background:var(--ink); color:white; text-decoration:none; transition:transform .3s ease, box-shadow .3s ease; }
.project-card:hover { transform:translateY(-6px); box-shadow:0 15px 28px rgb(16 18 23 / .16); }
.project-card-visual { aspect-ratio:1.2; overflow:hidden; background:linear-gradient(125deg,#272c3c,#0e1015); }
.project-card-visual img { width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.project-card:hover img { transform:scale(1.035); }
.project-card-details { min-height:190px; padding:20px; position:relative; }
.project-card-meta { margin:0 0 22px; color:#b9bbc1; font-family:"DM Mono",monospace; font-size:.65rem; text-transform:uppercase; }
.project-card h4 { max-width:13ch; margin:0; font-size:1.45rem; line-height:1.1; letter-spacing:-.06em; }
.project-card-summary { margin:11px 28px 0 0; color:#b9bbc1; font-size:.81rem; line-height:1.45; }
.project-card-arrow { position:absolute; right:18px; top:19px; color:#84a4ff; font-size:1.35rem; }
.empty-work { grid-column:1/-1; margin:0; padding:26px 0; color:var(--muted); border-bottom:1px solid var(--line); }
.contact-banner, .project-outro { padding:clamp(72px,10vw,150px) max(24px, calc((100% - var(--max))/2)); color:white; background:var(--ink); }
.contact-banner .eyebrow, .project-outro .eyebrow { color:#a5a7ac; }
.contact-banner a, .project-outro a { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-top:18px; color:inherit; font-size:clamp(2.1rem,5vw,5.3rem); font-weight:600; letter-spacing:-.08em; line-height:1; text-decoration:none; }
.contact-banner a span, .project-outro a span { color:#84a4ff; font-size:.65em; }
.site-footer { width:min(var(--max), calc(100% - 48px)); min-height:92px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; color:var(--muted); font-family:"DM Mono",monospace; font-size:.69rem; }
.site-footer p { margin:0; }.site-footer a { text-decoration:none; }

/* Case studies */
.case-hero { width:min(1030px, calc(100% - 48px)); margin:auto; padding:clamp(64px,10vw,130px) 0 56px; }
.back-link { display:inline-block; margin-bottom:clamp(55px,9vw,115px); color:var(--muted); font-family:"DM Mono",monospace; font-size:.73rem; text-decoration:none; }.back-link:hover { color:var(--blue); }
.case-hero h1, .not-found h1 { max-width:12ch; margin:15px 0 20px; font-size:clamp(3rem,7vw,6.9rem); line-height:.9; letter-spacing:-.09em; }
.case-summary { max-width:50ch; margin:0; font-size:clamp(1rem,1.6vw,1.27rem); line-height:1.55; }
.case-tools { margin:34px 0 0; padding-top:16px; border-top:1px solid var(--line); color:var(--muted); font-family:"DM Mono",monospace; font-size:.7rem; text-transform:uppercase; }
.model-stage { width:min(var(--max), calc(100% - 48px)); min-height:clamp(400px,65vh,720px); margin:0 auto clamp(80px,11vw,160px); overflow:hidden; background:#e7e5df; position:relative; }
model-viewer { width:100%; min-height:clamp(400px,65vh,720px); --poster-color:transparent; }
.viewer-hint { position:absolute; bottom:18px; left:20px; margin:0; color:#565963; font-family:"DM Mono",monospace; font-size:.65rem; pointer-events:none; }.model-error { margin:0; padding:36px; }
.project-article { width:min(1030px, calc(100% - 48px)); margin:auto; padding-bottom:clamp(90px,13vw,180px); }
.story-block { display:grid; grid-template-columns:5fr 7fr; align-items:center; gap:clamp(32px,7vw,105px); padding:clamp(50px,9vw,115px) 0; border-top:1px solid var(--line); }
.story-block-reverse { grid-template-columns:7fr 5fr; }.story-block-reverse .story-copy { order:2; }.story-block-reverse .story-media { order:1; }
.story-copy { max-width:33ch; }.story-index { display:block; margin-bottom:20px; color:var(--blue); font-family:"DM Mono",monospace; font-size:.7rem; }.story-copy p { margin:0; font-size:clamp(1.05rem,1.7vw,1.4rem); line-height:1.55; letter-spacing:-.025em; }
.story-media { min-width:0; }.story-media img { width:100%; aspect-ratio:1.1; object-fit:cover; }.story-media-pair { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.story-media-pair img { aspect-ratio:.9; }
.project-loading { width:min(var(--max),calc(100% - 48px)); min-height:60vh; margin:auto; padding-top:160px; color:var(--muted); font-family:"DM Mono",monospace; font-size:.75rem; }.not-found { width:min(860px, calc(100% - 48px)); min-height:65vh; margin:auto; padding:120px 0; }.button { display:inline-flex; align-items:center; gap:12px; margin-top:25px; padding:13px 18px; color:white; background:var(--ink); border:1px solid var(--ink); border-radius:0; font-weight:600; font-size:.88rem; text-decoration:none; transition:.2s; }.button:hover { color:var(--ink); background:transparent; }

/* Informational pages */
.standard-page { width:min(var(--max),calc(100% - 48px)); margin:auto; padding:clamp(70px,11vw,150px) 0; }.standard-page h1 { max-width:12ch; margin:15px 0 50px; font-size:clamp(3rem,7vw,6.4rem); line-height:.9; letter-spacing:-.09em; }.standard-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(38px,10vw,155px); padding-top:32px; border-top:1px solid var(--ink); }.standard-grid p { max-width:44ch; margin:0 0 20px; font-size:1.03rem; }.standard-grid .lede { font-size:clamp(1.25rem,2.1vw,1.85rem); line-height:1.38; letter-spacing:-.04em; }.skills-list { margin:0; padding:0; list-style:none; }.skills-list li { padding:15px 0; border-bottom:1px solid var(--line); font-size:1rem; }
.contact-links { display:grid; gap:10px; align-content:start; }.contact-links a { font-size:clamp(1.35rem,2.2vw,2rem); letter-spacing:-.05em; text-decoration:none; border-bottom:1px solid var(--ink); padding:11px 0; }.contact-links a:hover { color:var(--blue); }

/* Admin */
.admin-page { background:#e8e7e1; }.admin-shell { width:min(var(--max),calc(100% - 48px)); margin:auto; padding:clamp(62px,9vw,120px) 0; }.admin-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:64px; padding-bottom:58px; border-bottom:1px solid var(--ink); }.admin-intro h1 { margin:14px 0 0; font-size:clamp(2.9rem,5.7vw,5.4rem); line-height:.9; letter-spacing:-.09em; }.admin-intro>p { max-width:38ch; align-self:end; margin:0; color:var(--muted); }
.admin-layout { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr); gap:clamp(42px,7vw,100px); padding-top:55px; }.panel-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:25px; }.panel-heading h2, .project-manager h2 { margin:0; font-size:1.32rem; letter-spacing:-.045em; }.save-status { color:var(--blue); font-family:"DM Mono",monospace; font-size:.67rem; text-align:right; }
#project-form { display:grid; gap:21px; }.form-grid { display:grid; grid-template-columns:2fr 1fr; gap:16px; }#project-form label { display:grid; gap:8px; font-size:.76rem; font-weight:600; }#project-form input, #project-form textarea, #project-form select { width:100%; padding:12px 0; color:var(--ink); background:transparent; border:0; border-bottom:1px solid #9e9e99; border-radius:0; outline:0; font-size:1rem; font-weight:400; }#project-form textarea { resize:vertical; min-height:66px; }#project-form input:focus, #project-form textarea:focus, #project-form select:focus { border-color:var(--blue); box-shadow:0 1px var(--blue); }
.upload-field { display:grid; gap:9px; }.drop-zone { min-height:134px; padding:25px; place-items:center; align-content:center; text-align:center; color:#565861; background:#f4f3ee; border:1px dashed #aaa9a1; transition:.2s; cursor:pointer; }.drop-zone input { position:absolute; inline-size:1px !important; block-size:1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }.drop-zone strong { font-size:.83rem; }.drop-zone span { margin-top:5px; color:var(--muted); font-size:.73rem; font-weight:400; }.drop-zone.is-dragging { border-color:var(--blue); background:#e4eaff; }.drop-zone.has-file { border-style:solid; border-color:var(--blue); background:#e7edff; }.drop-zone.has-file strong { color:var(--blue); }
.story-builder { margin-top:24px; padding-top:28px; border-top:1px solid var(--ink); }.builder-heading { margin-bottom:18px; }.builder-heading p { max-width:47ch; margin:5px 0 0; color:var(--muted); font-size:.79rem; }.builder-block { display:grid; gap:15px; padding:20px; margin-bottom:10px; background:#f4f3ee; border:1px solid #d0cfc9; }.builder-block-head { display:flex; justify-content:space-between; align-items:center; }.builder-block-head span { font-family:"DM Mono",monospace; font-size:.68rem; }.remove-block, .reset-button { padding:0; color:var(--muted); background:none; border:0; border-bottom:1px solid currentColor; font-size:.72rem; }.remove-block:hover, .reset-button:hover { color:var(--rose); }.block-images .drop-zone { min-height:100px; background:#ecebe6; }.builder-actions { display:flex; flex-wrap:wrap; gap:10px; }.button-quiet { margin:0; color:var(--ink); background:transparent; border-color:var(--ink); font-size:.76rem; }.button-quiet:hover { color:white; background:var(--ink); }.form-actions { display:flex; align-items:center; gap:21px; }.form-actions .button { margin:0; }.project-manager { align-self:start; padding:0 0 22px; border-top:1px solid var(--ink); }.project-manager>.eyebrow { margin-top:17px; }.project-manager h2 { margin:7px 0 21px; }.admin-project-list { display:grid; }.admin-empty { margin:0; padding:20px 0; color:var(--muted); font-size:.82rem; border-top:1px solid var(--line); }.admin-project-item { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:17px 0; border-top:1px solid var(--line); }.admin-project-item p { margin:0 0 4px; color:var(--muted); font-family:"DM Mono",monospace; font-size:.62rem; text-transform:uppercase; }.admin-project-item h3 { margin:0; font-size:.88rem; letter-spacing:-.025em; }.project-manager-actions { display:flex; gap:10px; font-size:.7rem; }.project-manager-actions a, .project-manager-actions button { padding:0; color:var(--ink); background:none; border:0; text-decoration:none; border-bottom:1px solid var(--ink); }.project-manager-actions button:hover { color:var(--rose); }

@media (max-width:820px) { .site-header, .home-intro, .work-section, .site-footer, .case-hero, .model-stage, .project-article, .standard-page, .admin-shell { width:calc(100% - 32px); }.site-header { min-height:69px; }.menu-toggle { display:block; }.site-nav { display:none; position:absolute; top:68px; left:0; right:0; padding:18px; background:var(--paper); border:1px solid var(--line); box-shadow:0 14px 25px rgb(16 18 23 / .1); align-items:flex-start; flex-direction:column; gap:16px; }.site-nav.is-open { display:flex; }.admin-page .site-nav { background:#e8e7e1; }.home-intro { min-height:auto; padding:86px 0 88px; grid-template-columns:1fr; }.home-intro h1 { grid-column:1; margin-top:70px; font-size:clamp(3.5rem,14vw,6rem); }.intro-copy { grid-column:1; margin-top:66px; }.intro-orbit { top:19%; right:-13%; width:58vw; }.section-heading, .standard-grid, .admin-intro, .admin-layout { grid-template-columns:1fr; gap:25px; }.section-note { max-width:42ch; }.project-grid { grid-template-columns:repeat(2,1fr); }.case-hero { padding-top:70px; }.story-block, .story-block-reverse { grid-template-columns:1fr; gap:30px; }.story-block-reverse .story-copy { order:initial; }.story-block-reverse .story-media { order:initial; }.story-copy { max-width:44ch; }.admin-intro { padding-bottom:40px; }.project-manager { margin-top:24px; }.contact-banner, .project-outro { padding-left:16px; padding-right:16px; } }
@media (max-width:540px) { .site-header, .home-intro, .work-section, .site-footer, .case-hero, .model-stage, .project-article, .standard-page, .admin-shell { width:calc(100% - 28px); }.wordmark { font-size:.72rem; }.home-intro h1 { margin-top:56px; font-size:clamp(3.1rem,16vw,4.6rem); }.intro-orbit { display:none; }.project-grid { grid-template-columns:1fr; }.project-card-details { min-height:165px; }.work-section { padding-top:65px; padding-bottom:90px; }.work-group { margin-top:56px; }.section-heading { padding-bottom:36px; }.story-media-pair { grid-template-columns:1fr; }.model-stage, model-viewer { min-height:370px; }.case-hero h1, .standard-page h1 { font-size:clamp(2.8rem,14vw,4.3rem); }.site-footer { min-height:110px; align-items:flex-start; justify-content:center; flex-direction:column; gap:5px; padding:25px 0; }.form-grid { grid-template-columns:1fr; }.form-actions { align-items:flex-start; flex-direction:column; gap:15px; }.builder-actions { display:grid; grid-template-columns:1fr; }.button-quiet { justify-content:center; }.admin-project-item { flex-direction:column; }.project-manager-actions { margin-top:5px; } }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; } }

/* Dark, high-contrast product design direction */
:root { --ink:#f5f7fb; --paper:#090b10; --soft:#161922; --line:#2a2e3a; --muted:#8f96a7; --blue:#5d83ff; --rose:#ff4d70; }
body { color:var(--ink); background:radial-gradient(75rem 42rem at 85% -12%, #172141 0%, transparent 56%), var(--paper); }
.site-header { border-color:var(--line); }
.wordmark span, .text-link span, .group-label span, .story-index { color:#79a0ff; }
.site-nav a:not(.nav-admin)::after { background:var(--ink); }
.nav-admin { border-color:#4a5f9e; background:#121a32; }.nav-admin:hover { background:var(--blue); border-color:var(--blue); }
.menu-toggle { color:var(--ink); }

.home-hero { width:min(var(--max), calc(100% - 48px)); min-height:calc(100svh - 84px); margin:0 auto; position:relative; display:flex; align-items:flex-end; overflow:hidden; background:#121722; isolation:isolate; }
.hero-video, .hero-shade { position:absolute; inset:0; overflow:hidden; }
.hero-video iframe { position:absolute; top:50%; left:50%; width:100vw; height:56.25vw; min-width:177.78vh; min-height:100%; border:0; transform:translate(-50%, -50%) scale(1.02); pointer-events:none; filter:contrast(1.13) saturate(.85) brightness(.64); }
.hero-shade { background:linear-gradient(90deg, rgb(6 8 13 / .93) 0%, rgb(7 9 14 / .65) 45%, rgb(7 9 14 / .12) 100%), linear-gradient(0deg, rgb(6 8 13 / .72), transparent 47%); z-index:1; }
.hero-content { width:min(800px, 80%); padding:clamp(38px,7vw,100px); position:relative; z-index:2; }
.home-hero .eyebrow { color:#aab6d9; }
.home-hero h1 { max-width:9ch; margin:19px 0 21px; font-size:clamp(3.2rem,7.8vw,7.8rem); font-weight:800; letter-spacing:-.095em; line-height:.86; }
.home-hero h1 span { color:#88a6ff; }
.hero-copy { max-width:42ch; margin:0 0 31px; color:#ced4e1; font-size:clamp(1rem,1.35vw,1.15rem); }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.hero-button { display:inline-flex; align-items:center; gap:14px; min-height:48px; padding:12px 16px; color:#f5f7fb; border:1px solid #65708b; background:rgb(11 14 21 / .45); font-size:.82rem; font-weight:600; text-decoration:none; transition:background .2s, border-color .2s, transform .2s; backdrop-filter:blur(8px); }
.hero-button:hover { border-color:#9bb2ff; background:#25396e; transform:translateY(-2px); }.hero-button-primary { border-color:var(--blue); background:var(--blue); }.hero-button-primary:hover { background:#7899ff; border-color:#7899ff; }
.hero-status { position:absolute; right:24px; bottom:20px; z-index:2; display:flex; align-items:center; gap:8px; margin:0; color:#cbd2e3; font-family:"DM Mono",monospace; font-size:.62rem; text-transform:uppercase; }.hero-status span { width:7px; height:7px; border-radius:999px; background:#86ffb5; box-shadow:0 0 13px #86ffb5; }

.work-section { padding-top:120px; }.section-heading { border-color:#4e5870; }.section-heading h2 { max-width:12ch; }.section-note, .empty-work { color:var(--muted); }.work-group { border-color:var(--line); scroll-margin-top:20px; }.project-card { background:#11141d; border:1px solid #252a37; }.project-card:hover { border-color:#627fcf; box-shadow:0 16px 42px rgb(0 0 0 / .45); }.project-card-visual { background:linear-gradient(125deg,#1b2340,#0c0e14); }.project-card-details { background:linear-gradient(120deg,#11141d,#121724); }.project-card-meta, .project-card-summary { color:#9ea7bb; }.project-card-arrow { color:#8ca8ff; }
.contact-banner, .project-outro { background:linear-gradient(115deg,#10182f,#080a0f 63%); border-top:1px solid #293b70; border-bottom:1px solid #293b70; }.contact-banner .eyebrow, .project-outro .eyebrow { color:#8f9ab7; }.contact-banner a span, .project-outro a span { color:#87a6ff; }.site-footer { color:#9098aa; }

.case-hero h1, .not-found h1, .standard-page h1, .admin-intro h1 { color:var(--ink); }.case-tools, .back-link, .viewer-hint, .model-error { color:var(--muted); }.case-tools, .story-block { border-color:var(--line); }.model-stage { background:radial-gradient(circle at center, #1d273c, #11141b 65%); border:1px solid #242b3b; }.story-copy p { color:#dfe3eb; }.story-media img { border:1px solid #252a36; }.button { background:var(--blue); border-color:var(--blue); }.button:hover { color:var(--ink); border-color:#8da9ff; background:#142144; }
.standard-grid { border-color:#4e5870; }.standard-grid p { color:#cbd1dd; }.standard-grid .lede { color:var(--ink); }.skills-list li, .contact-links a { border-color:var(--line); }.contact-links a:hover { color:#91adff; }

.admin-page { background:radial-gradient(70rem 38rem at 100% 0%, #172140, transparent 62%), #090b10; }.admin-intro, .project-manager { border-color:#4e5870; }.admin-intro>p, .builder-heading p, .admin-empty, .admin-project-item p { color:var(--muted); }.save-status { color:#89a6ff; }#project-form input, #project-form textarea, #project-form select { color:var(--ink); border-color:#464d5b; }#project-form select option { color:var(--ink); background:#121622; }.drop-zone { color:#cfd5e2; background:#11151e; border-color:#464d5b; }.drop-zone span { color:var(--muted); }.drop-zone.is-dragging { color:var(--ink); border-color:#7d9dff; background:#16234a; }.drop-zone.has-file { border-color:#6f93ff; background:#142144; }.drop-zone.has-file strong { color:#93adff; }.story-builder { border-color:#4e5870; }.builder-block { background:#11151e; border-color:#303644; }.block-images .drop-zone { background:#0d1119; }.button-quiet { color:var(--ink); border-color:#606a80; }.button-quiet:hover { background:#222d49; }.remove-block, .reset-button, .project-manager-actions a, .project-manager-actions button { color:#adb6ca; }.project-manager-actions a, .project-manager-actions button { border-color:#adb6ca; }.admin-project-item { border-color:var(--line); }

@media (max-width:820px) { .site-nav { background:#0d1017; border-color:#303848; box-shadow:0 14px 25px rgb(0 0 0 / .45); }.admin-page .site-nav { background:#0d1017; }.home-hero { width:calc(100% - 32px); min-height:calc(100svh - 69px); }.hero-content { width:100%; padding:52px 30px; }.hero-video iframe { width:177.78vh; height:100vh; }.hero-shade { background:linear-gradient(0deg, rgb(5 7 12 / .9), rgb(5 7 12 / .26) 82%); }.hero-status { right:17px; bottom:17px; } }
@media (max-width:540px) { .home-hero { width:calc(100% - 28px); }.hero-content { padding:36px 23px 64px; }.home-hero h1 { font-size:clamp(3.1rem,15.5vw,4.75rem); }.hero-actions { display:grid; grid-template-columns:1fr; }.hero-button { justify-content:space-between; }.hero-status { display:none; }.work-section { padding-top:78px; } }