/* Dark-only editorial finish. System fonts keep typography independent of remote font loading. */
html{color-scheme:dark;--ink:#eef0f3;--muted:#adb7c5;--paper:#090d12;--panel:linear-gradient(145deg,#25314385,#121a279c);--edge:#b9c5d226}
html body,html body.editorial-page{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.7}
html body:before{background:radial-gradient(ellipse at var(--light-x,75%) var(--light-y,25%),#34587520,transparent 65%);pointer-events:none}
html body:after{content:'';position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
html body h1,html body h2,html body h3{color:var(--ink);text-wrap:balance}
html body h1,html body h2{font-family:'Times New Roman',Times,serif;font-weight:700}
html body h3,html body .strengths h3{font-family:Arial,Helvetica,sans-serif}
html body .page-heading h1,html body .project-summary h2,html body.case-editorial .story h2,html body.case-editorial .case-list>a>strong,html body .portfolio-section h2,html body .photo-placeholder h2,html body .career-item summary strong,html body .curated-work .release-heading h2{font-family:'Times New Roman',Times,serif;font-weight:700;letter-spacing:-.045em;line-height:1.08;color:var(--ink)}
html body .page-heading h1{font-size:clamp(3rem,6.8vw,6.5rem);margin:12px 0 24px;text-transform:uppercase}
html body .page-heading{margin-bottom:44px;padding-bottom:24px;border-color:var(--edge)}
html body .editorial{max-width:1200px;padding:48px 36px 100px}
html body .collection-heading{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.075em;color:var(--ink);line-height:1.05}
html body .landing-centre h1{font-family:Arial,Helvetica,sans-serif;font-weight:300;font-size:clamp(1.8rem,2.8vw,3rem);letter-spacing:-.025em;color:var(--ink);text-shadow:none}
html body .landing-centre>p,html body .landing-centre>span,html body .page-subtitle,html body.case-editorial .case-list>a>em,html body .page-footer{color:var(--muted)}
html body .project-summary h2,html body.case-editorial .story h2{font-size:clamp(1.8rem,3vw,2.5rem)}
html body .curated-work .release-heading h2,html body .portfolio-section h2{font-size:clamp(2rem,3vw,2.8rem);color:var(--ink)}
html body.case-editorial .case-list>a>strong{font-size:clamp(1.4rem,2vw,1.8rem)}
html body.case-editorial .case-list>a{padding:32px 8px;border-color:var(--edge)}
html body .reference-header{height:64px;padding:10px 24px;background:var(--panel);border-color:var(--edge);color:var(--ink)}
html body .site-name strong{font-family:Arial,Helvetica,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.025em;color:var(--ink)}
html body .site-name span{font-size:.75rem;color:var(--muted)}
html body .reference-social{gap:14px}
html body .reference-social svg{width:17px;height:17px;color:var(--ink)}
html body .reference-social .reference-portfolio{color:var(--ink);border-color:var(--edge);font-size:.75rem;padding:5px 9px;background:transparent}
html body .reference-header{inset:10px 16px auto;height:44px;padding:4px 14px;border-radius:14px;border-width:1px;box-shadow:0 6px 20px #0003;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
html body .reference-header .site-name{gap:3px}
html body .reference-header .site-name strong{font-size:12px;letter-spacing:.045em}
html body .reference-header .site-name span{font-size:10px}
html body .reference-header .reference-social{gap:14px}
html body .reference-header .reference-social svg{width:15px;height:15px}
html body .reference-dock{width:min(740px,calc(100% - 32px));padding:1px 3px;gap:0;background:var(--panel);border-color:var(--edge);border-width:1px;box-shadow:0 6px 20px #0003;bottom:max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
html body .reference-dock a{font-family:Arial,Helvetica,sans-serif;padding:5px 9px;font-size:.64rem;line-height:1.1;font-weight:500;letter-spacing:.05em;color:var(--muted)}
html body .reference-dock a[aria-current=page],html body .reference-dock a:hover{color:var(--gold-light);background:#a2adb512;box-shadow:none}
html body .circle-icon{width:134px;height:134px;background:var(--panel);border-color:var(--edge)}
html body .circle-icon svg{width:46px;height:46px;stroke:var(--ink)}
html body .discipline-links>a{color:var(--ink)}
html body .discipline-links{gap:64px;margin-top:48px}
html body .discipline-links small{font-size:.75rem}
html body .curated-work .featured-releases .release-grid{gap:22px}
html body .curated-work .featured-releases .card-info{padding:14px 17px}
html body .curated-work .release-card h3,html body #video-grid .card-info h3,html body .project-films .card-info h3{font-family:Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:1.45;letter-spacing:.025em;color:var(--ink);text-transform:uppercase}
html body .curated-work .reel-viewport .release-card:nth-child(n){width:220px;flex-basis:220px}
html body .curated-work .reel-viewport .card-info{padding:10px 12px;min-height:62px}
html body .release-card,html body #video-grid .card{background:var(--panel);border-color:var(--edge);border-radius:10px;box-shadow:inset 0 1px 0 #ffffff0c,0 12px 30px #0001}
html body #video-grid{gap:20px}
html body .card-play{width:38px;height:38px;font-size:13px;color:var(--gold-light)}
html body .services-ticker{padding:8px 0;margin:36px 0 44px;border-color:var(--edge);background:#8b9bb505}
html body .services-ticker-group span{font-family:Arial,Helvetica,sans-serif;font-size:.75rem;letter-spacing:.11em;color:var(--muted)}
html body .portfolio-section{margin:48px 0 68px}
html body .portfolio-artwork{gap:20px}
html body .portfolio-artwork figure{border-color:var(--edge);background:var(--panel)}
html body .contact-detail>a,html body .strengths h3,html body .next-project strong{color:var(--ink)}
html body .contact-detail>a{font-size:1.25rem}
html body .filter,html body .work-motion-toggle,html body .background-toggle,html body .project-tags span{font-family:Arial,Helvetica,sans-serif;color:var(--muted);border-color:var(--edge);font-size:.75rem}
html body .filter.active,html body .kicker,html body .eyebrow{color:var(--gold-muted)}
html body .film-caption h2{font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:1.125rem;line-height:1.45}
html body.landing-only .hero-video{opacity:.16}
@media(max-width:760px){html body .reference-header{inset:8px 8px auto;padding:4px 10px;height:44px;border-radius:13px;gap:8px}html body .reference-header .site-name strong{font-size:10px}html body .reference-header .site-name span{font-size:9px}html body .reference-social{gap:9px}html body .editorial{padding:36px 20px 90px}html body .reference-dock{justify-content:flex-start;width:calc(100% - 16px);padding:1px 3px;bottom:max(8px,env(safe-area-inset-bottom))}html body .reference-dock a{padding:6px 8px;font-size:.62rem}html body .page-heading h1{font-size:clamp(2.8rem,9vw,4rem);overflow-wrap:anywhere}html body .landing-centre h1{font-size:clamp(1.7rem,6vw,2.8rem);white-space:normal}html body .circle-icon{width:108px;height:108px}html body .discipline-links{gap:36px;margin-top:32px}html body .curated-work .featured-releases .release-grid{gap:16px}}
@media(max-width:420px){html body .site-name strong{max-width:165px;line-height:1.4}html body .reference-social{gap:10px}}
@media(max-height:550px){html body .discipline-links{margin-top:16px}html body .circle-icon{width:80px;height:80px}html body .landing-centre h1{font-size:1.5rem}}