:root {
    --black: #050606;
    --graphite: #0a0c0c;
    --panel: #101313;
    --panel-2: #171a1a;
    --line: rgba(255,255,255,.13);
    --line-soft: rgba(255,255,255,.075);
    --white: #f5f7f3;
    --muted: #9aa09c;
    --lime: #9bd126;
    --lime-bright: #b5ed35;
    --lime-dark: #6f9f11;
    --ink: #141713;
    --paper: #eef0eb;
    --shell: min(1600px, calc(100vw - 64px));
    --header-h: 96px;
    --radius: 2px;
    --ease: cubic-bezier(.22,.76,.18,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); overflow-x: hidden; }
html.no-js [data-reveal] { opacity: 1; transform: none; }
body { margin: 0; min-width: 320px; color: var(--white); background: var(--black); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.menu-open, body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
::selection { color: var(--ink); background: var(--lime); }
.page-shell { width: var(--shell); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 999; top: 12px; left: 12px; padding: 10px 15px; color: var(--black); background: var(--lime); transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: none; }
.film-grain { position: fixed; z-index: 500; inset: 0; pointer-events: none; opacity: .035; mix-blend-mode: screen; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"); }
.cursor-light { position: fixed; z-index: 2; width: 520px; height: 520px; border-radius: 50%; pointer-events: none; opacity: 0; background: radial-gradient(circle, rgba(157,209,38,.075), transparent 68%); transform: translate(-50%,-50%); transition: opacity .4s; }
@media (pointer:fine) { body:hover .cursor-light { opacity: 1; } }

/* Header */
.site-header { position: fixed; z-index: 200; top: 0; left: 0; width: 100%; height: var(--header-h); border-bottom: 1px solid transparent; transition: background .35s, border-color .35s, height .35s; }
.site-header.is-scrolled { height: 76px; background: rgba(5,6,6,.89); border-color: var(--line-soft); backdrop-filter: blur(18px); }
.site-header__inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.site-brand { position: relative; z-index: 2; width: 225px; flex: 0 0 auto; }
.site-brand img { width: 100%; height: auto; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(22px, 2.4vw, 46px); margin-left: auto; }
.desktop-nav a { position: relative; color: rgba(255,255,255,.72); font-size: 12px; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; transition: color .25s; }
.desktop-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-12px; height:1px; background:var(--lime); transition:right .3s var(--ease); }
.desktop-nav a:hover, .desktop-nav a[aria-current="page"] { color:var(--white); }
.desktop-nav a:hover::after, .desktop-nav a[aria-current="page"]::after { right:0; }
.header-actions { display:flex; align-items:center; gap:18px; }
.social-switch { display:flex; align-items:center; gap:15px; min-height:43px; padding:0 17px; border:1px solid rgba(157,209,38,.48); color:var(--lime-bright); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:background .25s,color .25s,border-color .25s; }
.social-switch:hover { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.social-switch b { font-size:16px; font-weight:400; }
.menu-toggle { display:none; width:46px; height:46px; padding:0; border:0; background:transparent; cursor:pointer; }
.menu-toggle span { display:block; width:26px; height:1px; margin:7px auto; background:var(--white); transition:transform .3s,opacity .3s; }
.menu-open .menu-toggle span:first-child { transform:translateY(4px) rotate(45deg); }
.menu-open .menu-toggle span:last-child { transform:translateY(-4px) rotate(-45deg); }
.mobile-menu { position:fixed; z-index:190; inset:0; display:grid; align-content:center; padding:120px max(32px,5vw) 36px; visibility:hidden; opacity:0; background:#080a09; transition:opacity .4s,visibility .4s; }
.mobile-menu.is-open { visibility:visible; opacity:1; }
.mobile-menu__scan { position:absolute; inset:0; opacity:.18; background:linear-gradient(90deg,transparent 49.8%,rgba(157,209,38,.18) 50%,transparent 50.2%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px); background-size:100% 100%,100% 5px; }
.mobile-menu nav { position:relative; width:min(760px,100%); margin:auto; }
.mobile-menu nav a { display:grid; grid-template-columns:50px 1fr; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); transform:translateY(20px); opacity:0; transition:transform .45s var(--ease),opacity .45s; }
.mobile-menu.is-open nav a { transform:none; opacity:1; }
.mobile-menu nav a:nth-child(2){transition-delay:.04s}.mobile-menu nav a:nth-child(3){transition-delay:.08s}.mobile-menu nav a:nth-child(4){transition-delay:.12s}.mobile-menu nav a:nth-child(5){transition-delay:.16s}.mobile-menu nav a:nth-child(6){transition-delay:.2s}
.mobile-menu nav span { color:var(--lime); font-size:11px; letter-spacing:.15em; }
.mobile-menu nav strong { font-size:clamp(32px,8vw,70px); line-height:1.1; font-weight:600; letter-spacing:-.04em; }
.mobile-menu__social strong { color:var(--lime); }
.mobile-menu__foot { position:relative; display:flex; justify-content:space-between; gap:20px; margin-top:36px; color:var(--muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }

/* Generic */
main { position:relative; z-index:1; }
.section { padding:clamp(100px,11vw,180px) 0; }
.section-kicker { display:flex; align-items:center; gap:14px; margin:0 0 25px; color:var(--lime); font-size:11px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.section-kicker i { display:block; width:45px; height:1px; background:currentColor; }
.section-heading { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); align-items:end; gap:60px; margin-bottom:clamp(55px,7vw,100px); }
.section-heading h2 { margin:0; font-size:clamp(45px,6.1vw,100px); line-height:.92; font-weight:590; letter-spacing:-.055em; }
.section-heading h2 em { color:var(--muted); font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.section-heading__aside { padding-bottom:8px; }
.section-heading__aside p { max-width:470px; margin:0 0 28px; color:var(--muted); font-size:clamp(16px,1.35vw,21px); }
.section-heading--compact { grid-template-columns:1fr auto; align-items:end; margin-bottom:55px; }
.section-heading--compact h2 { font-size:clamp(42px,5vw,72px); }
.section-heading--light h2 { color:var(--white); }
.text-link { display:inline-flex; align-items:center; gap:12px; padding-bottom:7px; border-bottom:1px solid rgba(255,255,255,.35); font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:color .25s,border-color .25s; }
.text-link:hover { color:var(--lime); border-color:var(--lime); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:56px; padding:0 26px; border:1px solid transparent; background:none; font-size:12px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:transform .25s,background .25s,color .25s,border-color .25s; }
.button:hover { transform:translateY(-2px); }
.button--outline { border-color:rgba(255,255,255,.34); }
.button--outline:hover { border-color:var(--lime); color:var(--lime); }
.button--lime { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.button--lime:hover { background:var(--lime-bright); border-color:var(--lime-bright); }
.button--wide { width:100%; }
.back-link { display:inline-flex; align-items:center; gap:12px; margin-bottom:55px; color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; transition:color .25s; }
.back-link:hover { color:var(--lime); }
[data-reveal] { opacity:0; transform:translateY(36px); transition:opacity .85s var(--ease),transform .85s var(--ease); }
[data-reveal].is-visible { opacity:1; transform:none; }
[data-reveal-delay="1"] { transition-delay:.11s; } [data-reveal-delay="2"] { transition-delay:.22s; }

/* Hero */
.hero { position:relative; min-height:100svh; overflow:hidden; background:#090b0a; }
.hero__media, .hero__media picture, .hero__media img { position:absolute; inset:0; width:100%; height:100%; }
.hero__image { object-fit:cover; object-position:center; transform:scale(1.035); animation:heroIn 2s var(--ease) forwards; filter:saturate(.82) contrast(1.06); }
@keyframes heroIn { to { transform:scale(1); } }
.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,4,3,.94) 0%,rgba(3,4,3,.62) 44%,rgba(3,4,3,.18) 76%,rgba(3,4,3,.38) 100%),linear-gradient(0deg,rgba(3,4,3,.82) 0%,transparent 48%); }
.hero__scanlines { position:absolute; inset:0; opacity:.13; background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.1) 4px); mix-blend-mode:overlay; }
.hero__frame { position:relative; min-height:100svh; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.4fr); grid-template-rows:auto 1fr auto; align-items:end; padding-top:calc(var(--header-h) + 30px); padding-bottom:40px; }
.hero__topline { grid-column:1/-1; align-self:start; display:flex; justify-content:space-between; color:rgba(255,255,255,.58); font-size:10px; font-weight:650; letter-spacing:.16em; text-transform:uppercase; }
.hero__topline span:first-child { display:flex; align-items:center; gap:9px; }
.hero__topline i { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 18px var(--lime); }
.hero__copy { grid-column:1; align-self:center; max-width:980px; padding:clamp(65px,9vh,125px) 0 50px; }
.hero__copy h1 { max-width:1040px; margin:0; font-size:clamp(63px,8.4vw,145px); line-height:.82; font-weight:610; letter-spacing:-.065em; text-wrap:balance; }
.hero__copy > p:not(.section-kicker) { max-width:665px; margin:38px 0 0; color:rgba(255,255,255,.72); font-size:clamp(17px,1.45vw,23px); line-height:1.55; }
.hero__actions { display:flex; align-items:center; gap:40px; margin-top:45px; }
.watch-button { display:flex; align-items:center; gap:18px; padding:0; border:0; background:transparent; cursor:pointer; text-align:left; }
.watch-button__icon { position:relative; display:grid; place-items:center; width:64px; height:64px; border:1px solid rgba(255,255,255,.55); border-radius:50%; transition:background .3s,border-color .3s,transform .3s; }
.watch-button__icon i { width:0; height:0; margin-left:4px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid var(--white); }
.watch-button:hover .watch-button__icon { color:var(--ink); background:var(--lime); border-color:var(--lime); transform:scale(1.05); }
.watch-button:hover .watch-button__icon i { border-left-color:var(--ink); }
.watch-button strong, .watch-button small { display:block; }
.watch-button strong { margin-bottom:4px; font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.watch-button small { color:var(--muted); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.hero__project { grid-column:2; align-self:end; justify-self:end; width:min(100%,320px); padding-left:25px; border-left:1px solid rgba(255,255,255,.3); }
.hero__project > span { display:block; margin-bottom:13px; color:var(--lime); font-size:9px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.hero__project strong { display:block; margin-bottom:5px; font-size:18px; line-height:1.25; }
.hero__project small { color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.hero__scroll { position:absolute; right:0; bottom:43px; display:flex; align-items:center; gap:13px; color:rgba(255,255,255,.48); font-size:9px; letter-spacing:.15em; text-transform:uppercase; writing-mode:vertical-rl; }
.hero__scroll i { width:1px; height:45px; background:linear-gradient(var(--lime) 50%,rgba(255,255,255,.2) 50%); background-size:100% 200%; animation:scrollLine 2s infinite; }
@keyframes scrollLine { 0%{background-position:0 100%}100%{background-position:0 -100%} }
.discipline-ticker { width:100%; max-width:100vw; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#080a09; }
.discipline-ticker > div { width:max-content; display:flex; align-items:center; gap:28px; padding:20px 0; animation:ticker 32s linear infinite; }
.discipline-ticker span { font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.discipline-ticker i { color:var(--lime); font-style:normal; }
@keyframes ticker { to { transform:translateX(-50%); } }

/* Home work */
.selected-work { background:var(--black); }
.featured-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(24px,3vw,50px) 24px; }
.project-tile { grid-column:span 6; }
.project-tile--1 { grid-column:span 8; }
.project-tile--2 { grid-column:span 4; padding-top:12vw; }
.project-tile--3 { grid-column:2/span 4; }
.project-tile--4 { grid-column:6/span 7; padding-top:5vw; }
.project-tile--5 { grid-column:span 5; }
.project-tile--6 { grid-column:7/span 6; padding-top:7vw; }
.project-tile__media { position:relative; overflow:hidden; aspect-ratio:16/10; background:var(--panel); }
.project-tile--2 .project-tile__media, .project-tile--3 .project-tile__media, .project-tile--5 .project-tile__media { aspect-ratio:4/5; }
.project-tile__media picture, .project-tile__media img { width:100%; height:100%; }
.project-tile__media img { object-fit:cover; filter:saturate(.82); transition:transform .8s var(--ease),filter .55s; }
.project-tile a:hover img { transform:scale(1.035); filter:saturate(1); }
.project-tile__media::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 50%); }
.project-tile__play, .work-card__play { position:absolute; z-index:2; left:22px; bottom:20px; display:grid; place-items:center; width:45px; height:45px; border-radius:50%; color:var(--white); background:rgba(5,6,6,.65); backdrop-filter:blur(10px); transition:background .3s,transform .3s; }
.project-tile__play i, .work-card__play i { width:0;height:0;margin-left:3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor; }
.project-tile a:hover .project-tile__play, .work-card a:hover .work-card__play { color:var(--ink); background:var(--lime); transform:scale(1.08); }
.project-tile__index { position:absolute; z-index:2; top:18px; right:18px; font-size:10px; font-weight:700; letter-spacing:.12em; }
.project-tile__meta { padding-top:18px; }
.project-tile__meta > div { display:flex; gap:9px; align-items:center; color:var(--muted); font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.project-tile__meta h3 { margin:9px 0 4px; font-size:clamp(20px,2.4vw,37px); line-height:1.08; font-weight:550; letter-spacing:-.035em; }
.project-tile__meta p { margin:0; color:var(--muted); font-size:13px; }

/* Services home */
.production-system { position:relative; overflow:hidden; background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.production-system::before { content:""; position:absolute; inset:0; opacity:.04; background:linear-gradient(90deg,var(--white) 1px,transparent 1px),linear-gradient(var(--white) 1px,transparent 1px); background-size:90px 90px; }
.production-system .page-shell { position:relative; }
.service-rail { border-top:1px solid var(--line); }
.service-rail article { display:grid; grid-template-columns:85px minmax(230px,.65fr) 1fr auto; align-items:start; gap:35px; padding:34px 0; border-bottom:1px solid var(--line); transition:padding .35s,background .35s; }
.service-rail article:hover { padding-inline:20px; background:rgba(255,255,255,.025); }
.service-rail article > span { color:var(--lime); font-size:11px; letter-spacing:.14em; }
.service-rail h3 { margin:0; font-size:clamp(24px,2.4vw,40px); line-height:1; font-weight:550; letter-spacing:-.035em; }
.service-rail p { max-width:560px; margin:0; color:var(--muted); }
.service-rail a { display:flex; align-items:center; gap:12px; white-space:nowrap; color:var(--white); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.service-rail a b { color:var(--lime); font-size:16px; }

/* Studio feature */
.studio-feature { background:var(--paper); color:var(--ink); }
.studio-feature__grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr); align-items:center; gap:clamp(50px,7vw,120px); }
.studio-feature__media { position:relative; }
.studio-feature__media > picture, .studio-feature__media img { width:100%; }
.studio-feature__media img { aspect-ratio:16/10; object-fit:cover; filter:grayscale(1) contrast(1.08); }
.studio-feature__media::before { content:""; position:absolute; z-index:2; inset:15px; border:1px solid rgba(255,255,255,.36); pointer-events:none; }
.studio-feature__hud { position:absolute; z-index:3; top:28px; left:32px; right:32px; display:flex; justify-content:space-between; color:#fff; font-size:9px; font-weight:700; letter-spacing:.16em; }
.studio-feature__hud span:last-child { color:var(--lime-bright); }
.studio-feature__copy .section-kicker { color:var(--lime-dark); }
.studio-feature__copy h2 { margin:0; font-size:clamp(45px,5.4vw,85px); line-height:.93; letter-spacing:-.055em; font-weight:590; }
.studio-feature__copy h2 em { color:#757a74; font-family:Georgia,serif; font-weight:400; }
.studio-feature__copy > p { margin:30px 0; color:#5d635d; font-size:clamp(17px,1.3vw,21px); }
.studio-feature__copy dl { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:35px 0 42px; padding:28px 0; border-top:1px solid rgba(20,23,19,.16); border-bottom:1px solid rgba(20,23,19,.16); }
.studio-feature__copy dt { font-size:clamp(28px,3vw,50px); line-height:1; font-weight:650; letter-spacing:-.05em; }
.studio-feature__copy dd { margin:7px 0 0; color:#747a74; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.studio-feature .button--outline { border-color:rgba(20,23,19,.28); }
.studio-feature .button--outline:hover { color:var(--ink); background:var(--lime); border-color:var(--lime); }

/* Social */
.social-portal { position:relative; overflow:hidden; color:var(--ink); background:var(--lime); }
.social-portal__noise { position:absolute; inset:0; opacity:.08; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.social-portal__inner { position:relative; min-height:360px; display:grid; grid-template-columns:.7fr 1.15fr auto; align-items:center; gap:60px; padding-block:75px; }
.social-portal__brand > span { display:block; margin-bottom:18px; font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.social-portal__brand img { width:min(280px,100%); max-height:80px; object-fit:contain; object-position:left center; }
.social-portal__copy h2 { margin:0; font-size:clamp(42px,5vw,76px); line-height:.93; letter-spacing:-.05em; }
.social-portal__copy p { max-width:650px; margin:25px 0 0; font-size:17px; }
.social-portal__inner > a { display:grid; place-items:center; width:180px; height:180px; padding:30px; border:1px solid rgba(20,23,19,.45); border-radius:50%; text-align:center; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; transition:transform .35s,background .35s,color .35s; }
.social-portal__inner > a b { display:block; font-size:22px; font-weight:400; }
.social-portal__inner > a:hover { color:var(--white); background:var(--ink); transform:rotate(-4deg) scale(1.04); }

/* Clients */
.client-section { background:var(--black); }
.client-section__head { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:55px; }
.client-section__head .section-kicker { margin:0; }
.client-section__head > p { max-width:460px; margin:0; color:var(--muted); }
.client-logo-grid { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.client-logo-grid > div { display:grid; place-items:center; min-height:135px; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.015); transition:background .25s; }
.client-logo-grid > div:hover { background:rgba(157,209,38,.06); }
.client-logo-grid picture { display:grid; place-items:center; width:100%; height:65px; }
.client-logo-grid img { max-width:125px; max-height:62px; width:auto; height:auto; filter:grayscale(1) brightness(1.8); opacity:.72; transition:filter .3s,opacity .3s; }
.client-logo-grid > div:hover img { filter:none; opacity:1; }

/* Journal preview */
.journal-preview { color:var(--ink); background:var(--paper); }
.journal-preview .section-kicker { color:var(--lime-dark); }
.journal-preview .section-heading h2 em { color:#737970; }
.journal-preview .section-heading__aside p { color:#626862; }
.journal-preview .text-link { border-color:rgba(20,23,19,.3); }
.journal-preview__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.journal-preview-card__media { overflow:hidden; aspect-ratio:16/10; background:#dfe2dc; }
.journal-preview-card__media picture, .journal-preview-card__media img { width:100%; height:100%; }
.journal-preview-card__media img { object-fit:cover; filter:saturate(.75); transition:transform .7s var(--ease),filter .4s; }
.journal-preview-card a:hover img { transform:scale(1.04); filter:saturate(1); }
.journal-preview-card__meta { padding:24px 4px 0; }
.journal-preview-card__meta > span { color:#70766f; font-size:9px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }
.journal-preview-card__meta h3 { margin:10px 0 12px; font-size:clamp(23px,2.2vw,35px); line-height:1.05; letter-spacing:-.04em; }
.journal-preview-card__meta p { color:#626862; }
.journal-preview-card__meta b { display:block; margin-top:22px; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }

/* Work page */
.work-hero { padding:calc(var(--header-h) + 115px) 0 100px; background:var(--black); }
.work-hero .page-shell { display:grid; grid-template-columns:1fr auto; align-items:end; gap:70px; }
.work-hero h1 { margin:0; font-size:clamp(70px,9.2vw,155px); line-height:.82; font-weight:600; letter-spacing:-.068em; }
.work-hero h1 em { color:var(--muted); font-family:Georgia,serif; font-weight:400; }
.work-hero__copy > p:last-child { max-width:720px; margin:38px 0 0; color:var(--muted); font-size:clamp(17px,1.35vw,21px); }
.work-hero__count { display:flex; align-items:flex-end; gap:15px; padding-bottom:12px; }
.work-hero__count strong { color:var(--lime); font-size:clamp(70px,7vw,115px); line-height:.75; letter-spacing:-.07em; }
.work-hero__count span { padding-bottom:3px; color:var(--muted); font-size:9px; line-height:1.4; letter-spacing:.12em; text-transform:uppercase; }
.work-library { min-height:70vh; padding:0 0 150px; }
.work-toolbar { position:sticky; z-index:40; top:76px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:20px 0; background:rgba(5,6,6,.94); border-top:1px solid var(--line); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.project-search { position:relative; display:flex; align-items:center; width:min(620px,70vw); }
.project-search > i { position:absolute; left:4px; width:16px; height:16px; border:1px solid var(--muted); border-radius:50%; }
.project-search > i::after { content:""; position:absolute; right:-5px; bottom:-3px; width:7px; height:1px; background:var(--muted); transform:rotate(45deg); }
.project-search input { width:100%; height:48px; padding:0 46px 0 34px; border:0; border-bottom:1px solid rgba(255,255,255,.32); outline:0; color:var(--white); background:transparent; font-size:18px; transition:border-color .25s; }
.project-search input:focus { border-color:var(--lime); }
.project-search input::placeholder { color:#747a76; }
.project-search button { position:absolute; right:4px; display:none; border:0; background:transparent; font-size:23px; cursor:pointer; }
.project-search.has-value button { display:block; }
.work-toolbar__status { color:var(--muted); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.work-toolbar__status span { color:var(--lime); }
.category-filter { display:flex; flex-wrap:wrap; gap:9px; padding:26px 0 54px; }
.category-filter button { min-height:38px; padding:0 15px; border:1px solid var(--line); color:var(--muted); background:transparent; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:background .25s,color .25s,border-color .25s; }
.category-filter button span { margin-left:8px; opacity:.65; }
.category-filter button:hover, .category-filter button.is-active { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:60px 24px; }
.work-card { min-width:0; }
.work-card.is-filtered-out, .work-card.is-beyond-initial:not(.is-loaded) { display:none; }
.work-card__media { position:relative; overflow:hidden; aspect-ratio:16/10; background:var(--panel); }
.work-card__media picture, .work-card__media img { width:100%; height:100%; }
.work-card__media img { object-fit:cover; filter:saturate(.76); transition:transform .75s var(--ease),filter .45s; }
.work-card a:hover img { transform:scale(1.045); filter:saturate(1); }
.work-card__media::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 48%); }
.work-card__year { position:absolute; z-index:2; top:15px; right:16px; padding:6px 8px; color:rgba(255,255,255,.78); background:rgba(5,6,6,.55); font-size:8px; letter-spacing:.13em; }
.work-card__copy { padding:18px 2px 0; }
.work-card__copy > span { color:var(--lime); font-size:8px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }
.work-card__copy h2, .work-card__copy h3 { margin:8px 0 5px; font-size:clamp(21px,2vw,31px); line-height:1.08; font-weight:550; letter-spacing:-.036em; }
.work-card__copy p { height:1.5em; overflow:hidden; margin:0; color:var(--muted); font-size:12px; white-space:nowrap; text-overflow:ellipsis; }
.work-empty { display:grid; place-items:center; gap:7px; min-height:300px; text-align:center; border:1px solid var(--line); }
.work-empty strong { font-size:28px; }
.work-empty span { color:var(--muted); }
.work-empty button { margin-top:20px; padding:10px 16px; border:1px solid var(--lime); color:var(--lime); background:transparent; cursor:pointer; }
.work-load-more { display:flex; justify-content:center; margin-top:70px; }

/* Project detail */
.project-detail { padding:calc(var(--header-h) + 80px) 0 0; }
.project-detail__head { padding-bottom:55px; }
.project-detail__head-grid { display:grid; grid-template-columns:1fr minmax(300px,.36fr); align-items:end; gap:70px; }
.project-detail__head h1 { max-width:1100px; margin:0; font-size:clamp(58px,7.7vw,125px); line-height:.88; font-weight:600; letter-spacing:-.06em; }
.project-detail__head dl { margin:0; border-top:1px solid var(--line); }
.project-detail__head dl div { display:grid; grid-template-columns:75px 1fr; gap:15px; padding:13px 0; border-bottom:1px solid var(--line); }
.project-detail__head dt { color:var(--muted); font-size:8px; letter-spacing:.13em; text-transform:uppercase; }
.project-detail__head dd { margin:0; font-size:12px; }
.project-player__frame { position:relative; overflow:hidden; aspect-ratio:16/9; background:#000; }
.project-player iframe { width:100%; height:100%; border:0; }
.project-player__frame > picture, .project-player__frame > picture img { width:100%; height:100%; }
.project-player__frame > picture img { object-fit:cover; }
.project-player__bar { display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:8px; letter-spacing:.15em; text-transform:uppercase; }
.project-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.62fr); gap:clamp(60px,9vw,150px); padding-top:110px; padding-bottom:140px; }
.project-story__lead h2 { max-width:800px; margin:0; font-size:clamp(36px,4.7vw,74px); line-height:1.03; font-weight:530; letter-spacing:-.048em; }
.project-story__credits { padding-top:44px; border-top:1px solid var(--line); }
.project-share { display:flex; flex-wrap:wrap; gap:18px; margin-top:42px; padding-top:22px; border-top:1px solid var(--line); }
.project-share a, .project-share button { padding:0; border:0; border-bottom:1px solid rgba(255,255,255,.3); color:var(--muted); background:none; font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.related-work { border-top:1px solid var(--line); }
.related-work__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }

/* Services page */
.service-hero { padding:calc(var(--header-h) + 120px) 0 125px; background:var(--paper); color:var(--ink); }
.service-hero__grid { display:grid; grid-template-columns:1.2fr .55fr; align-items:end; gap:80px; }
.service-hero .section-kicker { color:var(--lime-dark); }
.service-hero h1 { margin:0; font-size:clamp(68px,9vw,145px); line-height:.82; font-weight:600; letter-spacing:-.067em; }
.service-hero h1 em { color:#777c76; font-family:Georgia,serif; font-weight:400; }
.service-hero__grid > div:last-child p { margin:0 0 30px; color:#626862; font-size:clamp(17px,1.4vw,22px); }
.service-list { padding:70px 0 140px; }
.service-list article { position:relative; display:grid; grid-template-columns:90px minmax(300px,.65fr) 1fr; gap:45px; padding:60px 0; }
.service-list__number { color:var(--lime); font-size:11px; letter-spacing:.14em; }
.service-list h2 { margin:0 0 18px; font-size:clamp(40px,5vw,75px); line-height:.94; font-weight:570; letter-spacing:-.052em; }
.service-list__title p { max-width:500px; margin:0; color:var(--muted); }
.service-list__body { max-width:620px; padding-top:10px; }
.service-list__line { position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--line); }
.process-section { padding:130px 0; background:var(--panel); }
.process-grid { list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:0; padding:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.process-grid li { min-height:330px; padding:34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.process-grid span { color:var(--lime); font-size:10px; letter-spacing:.14em; }
.process-grid h3 { margin:95px 0 17px; font-size:32px; font-weight:550; letter-spacing:-.04em; }
.process-grid p { color:var(--muted); }

/* Studio page */
.studio-hero { position:relative; min-height:88svh; display:flex; align-items:flex-end; overflow:hidden; }
.studio-hero__media, .studio-hero__media picture, .studio-hero__media img, .studio-hero__media > div { position:absolute; inset:0; width:100%; height:100%; }
.studio-hero__media img { object-fit:cover; filter:grayscale(1) contrast(1.08); }
.studio-hero__media > div { background:linear-gradient(0deg,rgba(4,5,4,.96),rgba(4,5,4,.12) 75%),linear-gradient(90deg,rgba(4,5,4,.65),transparent 60%); }
.studio-hero__content { position:relative; padding-bottom:85px; }
.studio-hero h1 { max-width:1120px; margin:0; font-size:clamp(58px,7.7vw,125px); line-height:.88; font-weight:600; letter-spacing:-.06em; }
.studio-hero__content > p:last-child { max-width:700px; margin:28px 0 0; color:rgba(255,255,255,.68); font-size:20px; }
.studio-facts { display:grid; grid-template-columns:1fr 1fr; gap:90px; padding-top:120px; padding-bottom:120px; }
.studio-facts h2 { margin:0; font-size:clamp(46px,5.7vw,88px); line-height:.94; letter-spacing:-.055em; }
.studio-facts h2 em { color:var(--muted); font-family:Georgia,serif; font-weight:400; }
.studio-facts dl { display:grid; grid-template-columns:repeat(2,1fr); margin:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.studio-facts dl div { min-height:160px; padding:26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.studio-facts dt { font-size:clamp(38px,4vw,64px); line-height:1; letter-spacing:-.05em; }
.studio-facts dd { margin:13px 0 0; color:var(--muted); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.studio-story { padding:120px 0; background:var(--paper); color:var(--ink); }
.studio-story__grid { display:grid; grid-template-columns:1fr .75fr; gap:clamp(60px,8vw,140px); align-items:start; }
.studio-story__visual { position:sticky; top:110px; }
.studio-story__visual img { width:100%; aspect-ratio:4/5; object-fit:cover; filter:grayscale(1); }
.studio-story__visual span { display:block; margin-top:12px; color:#727870; font-size:9px; letter-spacing:.14em; }
.studio-story__copy { color:#454b46; }
.studio-story__copy strong { display:block; margin:42px 0 17px; color:var(--ink); font-size:clamp(27px,2.6vw,42px); line-height:1.1; }
.studio-story__copy strong:first-child { margin-top:0; }
.studio-story__copy a { color:var(--lime-dark); border-bottom:1px solid currentColor; }
.team-section { background:var(--black); }
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:60px 22px; }
.team-card__portrait { position:relative; overflow:hidden; aspect-ratio:4/5; background:var(--panel); }
.team-card__portrait picture, .team-card__portrait img { width:100%; height:100%; }
.team-card__portrait img { object-fit:cover; filter:grayscale(1); transition:filter .5s,transform .7s var(--ease); }
.team-card:hover img { filter:grayscale(.1); transform:scale(1.025); }
.team-card__portrait span { position:absolute; top:15px; right:15px; padding:6px 8px; color:var(--lime); background:rgba(0,0,0,.55); font-size:8px; letter-spacing:.12em; }
.team-card__copy { padding-top:18px; }
.team-card h3 { margin:0; font-size:27px; font-weight:560; letter-spacing:-.035em; }
.team-card__copy > p { margin:5px 0 15px; color:var(--lime); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.team-card__copy > div { color:var(--muted); font-size:13px; }
.team-card__copy a { display:inline-block; margin-top:14px; color:var(--muted); font-size:10px; border-bottom:1px solid var(--line); }
.studio-contact-strip { border-top:1px solid var(--line); }
.studio-contact-strip .page-shell { display:grid; grid-template-columns:120px 1fr auto; align-items:center; gap:55px; }
.studio-contact-strip .page-shell > span { color:var(--lime); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.studio-contact-strip h2 { margin:0; font-size:clamp(37px,4.5vw,68px); line-height:1; letter-spacing:-.047em; }

/* Journal */
.journal-hero { display:grid; grid-template-columns:1.15fr .55fr; align-items:end; gap:80px; padding-top:calc(var(--header-h) + 110px); padding-bottom:100px; }
.journal-hero h1 { margin:0; font-size:clamp(68px,8.8vw,142px); line-height:.82; font-weight:600; letter-spacing:-.067em; }
.journal-hero h1 em { color:var(--muted); font-family:Georgia,serif; font-weight:400; }
.journal-hero > p { color:var(--muted); font-size:20px; }
.journal-archive { padding-bottom:150px; }
.journal-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:70px 26px; }
.journal-card { grid-column:span 4; }
.journal-card--lead { grid-column:span 8; }
.journal-card--2, .journal-card--4 { padding-top:8vw; }
.journal-card__media { position:relative; overflow:hidden; aspect-ratio:16/10; background:var(--panel); }
.journal-card--lead .journal-card__media { aspect-ratio:16/9; }
.journal-card__media picture, .journal-card__media img { width:100%; height:100%; }
.journal-card__media img { object-fit:cover; filter:saturate(.76); transition:transform .7s var(--ease),filter .4s; }
.journal-card a:hover img { transform:scale(1.04); filter:saturate(1); }
.journal-card__type { position:absolute; z-index:4; top:15px; left:15px; padding:7px 10px; border:1px solid rgba(157,209,38,.46); color:var(--lime); background:rgba(5,7,6,.82); backdrop-filter:blur(10px); font-size:8px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.journal-card__copy { padding-top:20px; }
.journal-card time { color:var(--lime); font-size:9px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.journal-card h2 { margin:9px 0 12px; font-size:clamp(24px,2.5vw,40px); line-height:1.04; font-weight:550; letter-spacing:-.04em; }
.journal-card--lead h2 { font-size:clamp(34px,4vw,64px); }
.journal-card p { margin:0; color:var(--muted); }
.journal-card b { display:block; margin-top:20px; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.post-detail { padding:calc(var(--header-h) + 85px) 0 0; }
.post-detail__head { max-width:1400px; padding-bottom:60px; }
.post-detail__head h1 { max-width:1250px; margin:0; font-size:clamp(58px,8vw,128px); line-height:.87; font-weight:590; letter-spacing:-.063em; }
.post-detail__head > p:last-child { max-width:800px; margin:35px 0 0; color:var(--muted); font-size:clamp(18px,1.6vw,24px); }
.post-detail__cover { overflow:hidden; }
.post-detail__cover picture, .post-detail__cover img { width:100%; }
.post-detail__cover img { max-height:82vh; object-fit:cover; }
.post-detail__video { margin-top:40px; }
.post-detail__video iframe { width:100%; aspect-ratio:16/9; border:0; }
.post-detail__body { display:grid; grid-template-columns:230px minmax(0,760px); justify-content:center; gap:80px; padding-top:100px; padding-bottom:120px; }
.post-detail__body aside { display:flex; flex-direction:column; align-items:flex-start; gap:17px; padding-top:10px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.post-detail__body aside a, .post-detail__body aside button { padding:0 0 5px; border:0; border-bottom:1px solid var(--line); color:inherit; background:none; cursor:pointer; }
.post-gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; padding-bottom:120px; }
.post-gallery button { overflow:hidden; padding:0; border:0; background:transparent; cursor:zoom-in; }
.post-gallery button img { width:100%; transition:transform .6s var(--ease); }
.post-gallery button:hover img { transform:scale(1.025); }
.related-journal { border-top:1px solid var(--line); }

/* Contact */
.contact-hero { position:relative; min-height:70svh; display:flex; align-items:flex-end; overflow:hidden; }
.contact-hero__media, .contact-hero__media picture, .contact-hero__media img, .contact-hero__media > div { position:absolute; inset:0; width:100%; height:100%; }
.contact-hero__media img { object-fit:cover; filter:grayscale(1); }
.contact-hero__media > div { background:linear-gradient(0deg,rgba(4,5,4,.96),rgba(4,5,4,.2)),linear-gradient(90deg,rgba(4,5,4,.7),transparent); }
.contact-hero__copy { position:relative; padding-bottom:75px; }
.contact-hero h1 { max-width:1180px; margin:0; font-size:clamp(60px,8vw,130px); line-height:.86; letter-spacing:-.064em; font-weight:600; }
.contact-hero__copy > p:last-child { margin:25px 0 0; color:rgba(255,255,255,.68); font-size:20px; }
.contact-main { display:grid; grid-template-columns:.7fr 1fr; gap:clamp(70px,9vw,155px); padding-top:120px; padding-bottom:150px; }
.contact-main__details h2 { margin:0; font-size:clamp(42px,5vw,76px); line-height:.96; letter-spacing:-.052em; }
.contact-main__details h2 em { color:var(--muted); font-family:Georgia,serif; font-weight:400; }
.contact-main__details dl { margin:55px 0 35px; border-top:1px solid var(--line); }
.contact-main__details dl div { display:grid; grid-template-columns:90px 1fr; padding:18px 0; border-bottom:1px solid var(--line); }
.contact-main__details dt { color:var(--muted); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.contact-main__details dd { margin:0; }
.contact-form-wrap { padding:45px; border:1px solid var(--line); background:var(--panel); }
.contact-form { display:grid; gap:24px; }
.form-row { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.contact-form label > span { display:block; margin-bottom:9px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.contact-form input, .contact-form textarea, .contact-form select { width:100%; border:0; border-bottom:1px solid rgba(255,255,255,.25); border-radius:0; outline:0; color:var(--white); background:transparent; }
.contact-form input, .contact-form select { height:50px; }
.contact-form textarea { min-height:160px; padding:13px 0; resize:vertical; }
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border-color:var(--lime); }
.contact-form select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%); background-position:calc(100% - 15px) 22px,calc(100% - 10px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat; }
.contact-form option { color:var(--ink); }
.form-privacy { margin:0; color:var(--muted); font-size:11px; }
.form-privacy a { border-bottom:1px solid var(--line); }
.form-alert { margin-bottom:25px; padding:18px; border-left:3px solid #e07070; background:rgba(224,112,112,.08); }
.form-alert ul { margin:8px 0 0; padding-left:18px; }
.honeypot { position:absolute!important; left:-9999px!important; opacity:0!important; }

/* Rich text / legal */
.rich-text { color:var(--muted); font-size:16px; line-height:1.75; }
.rich-text p { margin:0 0 1.35em; }
.rich-text h2, .rich-text h3, .rich-text h4 { color:var(--white); line-height:1.1; letter-spacing:-.035em; }
.rich-text h2 { margin:2em 0 .7em; font-size:36px; }
.rich-text h3 { margin:1.8em 0 .6em; font-size:27px; }
.rich-text ul, .rich-text ol { margin:1.2em 0 1.5em; padding-left:1.3em; }
.rich-text li { margin:.4em 0; }
.rich-text a { color:var(--white); border-bottom:1px solid var(--lime); }
.rich-text blockquote { margin:2em 0; padding:0 0 0 25px; border-left:2px solid var(--lime); color:var(--white); font-size:1.25em; }
.rich-text--article { font-size:clamp(17px,1.25vw,20px); line-height:1.78; }
.credit-separator { color:var(--lime); }
.legal-page { display:grid; grid-template-columns:330px minmax(0,780px); justify-content:space-between; gap:100px; padding-top:calc(var(--header-h) + 100px); padding-bottom:140px; }
.legal-page aside { position:sticky; top:120px; align-self:start; }
.legal-page h1 { margin:0; font-size:clamp(52px,6vw,90px); line-height:.9; letter-spacing:-.06em; }
.legal-page aside > p:last-child { color:var(--muted); }

/* Footer */
.site-footer { position:relative; z-index:1; padding-top:115px; border-top:1px solid var(--line); background:#070908; }
.site-footer__signal { position:absolute; top:0; right:8vw; display:flex; gap:7px; transform:translateY(-50%); }
.site-footer__signal span { width:10px; height:10px; border-radius:50%; background:var(--line); }
.site-footer__signal span:first-child { background:var(--lime); box-shadow:0 0 20px rgba(157,209,38,.6); }
.site-footer__cta { padding-bottom:100px; }
.site-footer__cta-grid { display:grid; grid-template-columns:1fr auto; align-items:center; gap:70px; }
.site-footer__cta h2 { margin:0; font-size:clamp(55px,7.6vw,125px); line-height:.86; letter-spacing:-.065em; }
.site-footer__cta h2 em { color:var(--muted); font-family:Georgia,serif; font-weight:400; }
.footer-contact-orbit { display:grid; place-items:center; width:190px; height:190px; padding:30px; border:1px solid rgba(255,255,255,.3); border-radius:50%; text-align:center; font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; transition:background .3s,color .3s,border-color .3s,transform .3s; }
.footer-contact-orbit b { display:block; color:var(--lime); font-size:22px; }
.footer-contact-orbit:hover { color:var(--ink); background:var(--lime); border-color:var(--lime); transform:rotate(-4deg); }
.footer-contact-orbit:hover b { color:var(--ink); }
.site-footer__main { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; padding:60px 0; border-top:1px solid var(--line); }
.footer-brand img { width:min(330px,100%); }
.footer-brand p { margin:20px 0 0; color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.footer-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:45px; }
.footer-columns > div { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.footer-columns span { margin-bottom:9px; color:var(--lime); font-size:8px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.footer-columns a, .footer-columns p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; transition:color .2s; }
.footer-columns a:hover { color:var(--white); }
.site-footer__bottom { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:40px; padding:23px 0; border-top:1px solid var(--line); color:#6f7570; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.site-footer__bottom span:nth-child(2) { display:flex; gap:10px; }
.site-footer__bottom a:hover { color:var(--lime); }

/* Modal / lightbox / UI */
.video-modal { position:fixed; z-index:700; inset:0; display:grid; place-items:center; visibility:hidden; opacity:0; transition:opacity .35s,visibility .35s; }
.video-modal.is-open { visibility:visible; opacity:1; }
.video-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.92); backdrop-filter:blur(12px); }
.video-modal__panel { position:relative; z-index:1; width:min(1500px,92vw); }
.video-modal__frame { aspect-ratio:16/9; background:#000; box-shadow:0 30px 90px rgba(0,0,0,.55); }
.video-modal__frame iframe { width:100%; height:100%; border:0; }
.video-modal__close { position:absolute; z-index:2; top:-52px; right:0; width:42px; height:42px; border:1px solid var(--line); border-radius:50%; background:#111; cursor:pointer; font-size:24px; }
.toast { position:fixed; z-index:800; right:28px; bottom:28px; display:flex; align-items:center; gap:25px; max-width:420px; padding:17px 20px; color:var(--ink); background:var(--lime); box-shadow:0 15px 50px rgba(0,0,0,.4); }
.toast button { border:0; background:transparent; font-size:20px; cursor:pointer; }
.copy-toast { position:fixed; z-index:900; left:50%; bottom:30px; padding:12px 18px; color:var(--ink); background:var(--lime); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transform:translate(-50%,20px); opacity:0; transition:opacity .25s,transform .25s; }
.copy-toast.is-visible { opacity:1; transform:translate(-50%,0); }
.lightbox { position:fixed; z-index:750; inset:0; display:grid; place-items:center; padding:5vw; visibility:hidden; opacity:0; background:rgba(0,0,0,.94); transition:.3s; }
.lightbox.is-open { visibility:visible; opacity:1; }
.lightbox img { max-width:90vw; max-height:84vh; }
.lightbox button { position:absolute; top:25px; right:25px; width:45px; height:45px; border:1px solid var(--line); border-radius:50%; background:#111; font-size:24px; cursor:pointer; }
.not-found { min-height:100svh; display:grid; align-items:center; position:relative; overflow:hidden; }
.not-found__signal { position:absolute; inset:0; opacity:.18; background:radial-gradient(circle at 70% 50%,rgba(157,209,38,.55),transparent 28%),repeating-linear-gradient(0deg,transparent 0,transparent 4px,rgba(255,255,255,.09) 5px); }
.not-found__inner { position:relative; }
.not-found h1 { margin:0; font-size:clamp(75px,11vw,180px); line-height:.8; letter-spacing:-.07em; }
.not-found h1 em { color:var(--muted); font-family:Georgia,serif; font-weight:400; }
.not-found__inner > p:not(.section-kicker) { margin:35px 0; color:var(--muted); }

@media (max-width:1200px) {
    :root { --shell:min(100% - 42px, 1500px); }
    .desktop-nav { gap:22px; }
    .social-switch span { display:none; }
    .social-switch { width:43px; justify-content:center; padding:0; }
    .featured-grid { gap:40px 18px; }
    .client-logo-grid { grid-template-columns:repeat(4,1fr); }
    .team-grid { grid-template-columns:repeat(3,1fr); }
    .service-list article { grid-template-columns:60px minmax(250px,.65fr) 1fr; gap:30px; }
}
@media (max-width:900px) {
    :root { --header-h:76px; --shell:calc(100vw - 38px); }
    .desktop-nav, .social-switch { display:none; }
    .menu-toggle { display:block; }
    .site-brand { width:190px; }
    .cursor-light { display:none; }
    .section { padding:90px 0; }
    .section-heading, .section-heading--compact { grid-template-columns:1fr; gap:35px; }
    .section-heading__aside { max-width:600px; }
    .hero__frame { grid-template-columns:1fr; }
    .hero__copy { grid-column:1; }
    .hero__copy h1 { font-size:clamp(58px,13vw,105px); }
    .hero__project { grid-column:1; justify-self:start; margin-bottom:60px; }
    .hero__scroll { display:none; }
    .featured-grid { grid-template-columns:repeat(2,1fr); }
    .project-tile, .project-tile--1,.project-tile--2,.project-tile--3,.project-tile--4,.project-tile--5,.project-tile--6 { grid-column:auto; padding-top:0; }
    .project-tile--1 { grid-column:1/-1; }
    .project-tile--2 .project-tile__media,.project-tile--3 .project-tile__media,.project-tile--5 .project-tile__media { aspect-ratio:16/11; }
    .service-rail article { grid-template-columns:50px 1fr; gap:15px 25px; }
    .service-rail p, .service-rail a { grid-column:2; }
    .studio-feature__grid { grid-template-columns:1fr; }
    .social-portal__inner { grid-template-columns:1fr auto; }
    .social-portal__brand { grid-column:1/-1; }
    .social-portal__copy { grid-column:1; }
    .social-portal__inner > a { width:145px; height:145px; }
    .journal-preview__grid { grid-template-columns:1fr; }
    .journal-preview-card a { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
    .work-hero .page-shell { grid-template-columns:1fr; }
    .work-hero__count { justify-self:end; }
    .work-grid { grid-template-columns:repeat(2,1fr); }
    .project-detail__head-grid { grid-template-columns:1fr; }
    .project-story { grid-template-columns:1fr; }
    .related-work__grid { grid-template-columns:1fr; }
    .service-hero__grid { grid-template-columns:1fr; }
    .service-list article { grid-template-columns:55px 1fr; }
    .service-list__body { grid-column:2; }
    .process-grid { grid-template-columns:repeat(2,1fr); }
    .studio-facts { grid-template-columns:1fr; }
    .studio-story__grid { grid-template-columns:1fr; }
    .studio-story__visual { position:relative; top:0; }
    .studio-story__visual img { aspect-ratio:16/10; }
    .team-grid { grid-template-columns:repeat(2,1fr); }
    .studio-contact-strip .page-shell { grid-template-columns:1fr; }
    .journal-hero { grid-template-columns:1fr; }
    .journal-grid { grid-template-columns:repeat(2,1fr); }
    .journal-card,.journal-card--lead { grid-column:auto; padding-top:0; }
    .post-detail__body { grid-template-columns:1fr; gap:35px; }
    .post-detail__body aside { flex-direction:row; flex-wrap:wrap; }
    .contact-main { grid-template-columns:1fr; }
    .legal-page { grid-template-columns:1fr; gap:60px; }
    .legal-page aside { position:relative; top:0; }
    .site-footer__cta-grid { grid-template-columns:1fr; }
    .footer-contact-orbit { justify-self:end; }
    .site-footer__main { grid-template-columns:1fr; gap:60px; }
}
@media (max-width:620px) {
    :root { --shell:calc(100vw - 28px); }
    .site-brand { width:165px; }
    .hero__topline span:last-child { display:none; }
    .hero__copy { padding-top:80px; }
    .hero__copy h1 { font-size:clamp(52px,15vw,78px); }
    .hero__copy > p:not(.section-kicker) { margin-top:25px; font-size:16px; }
    .hero__actions { align-items:flex-start; flex-direction:column; gap:25px; margin-top:30px; }
    .hero__project { width:260px; margin-bottom:15px; }
    .section-heading h2 { font-size:48px; }
    .featured-grid { grid-template-columns:1fr; }
    .project-tile,.project-tile--1 { grid-column:auto; }
    .service-rail article { grid-template-columns:36px 1fr; padding:28px 0; }
    .service-rail article:hover { padding-inline:0; }
    .studio-feature__copy dl { gap:9px; }
    .studio-feature__copy dd { letter-spacing:.07em; }
    .social-portal__inner { grid-template-columns:1fr; gap:35px; }
    .social-portal__copy { grid-column:1; }
    .social-portal__inner > a { justify-self:end; width:135px; height:135px; }
    .client-section__head { align-items:flex-start; flex-direction:column; }
    .client-logo-grid { grid-template-columns:repeat(2,1fr); }
    .client-logo-grid > div { min-height:105px; padding:20px; }
    .journal-preview-card a { grid-template-columns:1fr; gap:0; }
    .work-hero { padding-top:calc(var(--header-h) + 80px); }
    .work-hero h1,.service-hero h1,.journal-hero h1 { font-size:58px; }
    .work-toolbar { top:76px; align-items:flex-end; }
    .project-search { width:100%; }
    .work-toolbar__status { display:none; }
    .category-filter { flex-wrap:nowrap; overflow:auto; margin-right:-14px; padding-right:14px; scrollbar-width:none; }
    .category-filter::-webkit-scrollbar { display:none; }
    .category-filter button { flex:0 0 auto; }
    .work-grid { grid-template-columns:1fr; gap:45px; }
    .project-detail__head h1,.post-detail__head h1,.contact-hero h1,.studio-hero h1 { font-size:55px; }
    .project-story { padding-top:70px; padding-bottom:90px; }
    .project-story__lead h2 { font-size:38px; }
    .service-list article { grid-template-columns:35px 1fr; gap:20px; padding:45px 0; }
    .service-list__body { grid-column:1/-1; padding-left:55px; }
    .process-grid { grid-template-columns:1fr; }
    .process-grid li { min-height:250px; }
    .process-grid h3 { margin-top:60px; }
    .studio-facts dl { grid-template-columns:1fr 1fr; }
    .team-grid { grid-template-columns:1fr; }
    .team-card__portrait { aspect-ratio:4/4.6; }
    .journal-grid { grid-template-columns:1fr; }
    .post-detail__cover { width:100%; }
    .post-detail__body { padding-top:65px; }
    .post-gallery { grid-template-columns:1fr; }
    .form-row { grid-template-columns:1fr; }
    .contact-form-wrap { padding:28px 20px; }
    .footer-contact-orbit { width:150px; height:150px; }
    .footer-columns { grid-template-columns:1fr 1fr; }
    .footer-columns > div:last-child { grid-column:1/-1; }
    .site-footer__bottom { grid-template-columns:1fr; gap:12px; }
    .site-footer__bottom span:nth-child(2) { flex-wrap:wrap; }
    .mobile-menu__foot { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
    [data-reveal] { opacity:1; transform:none; }
}

/* Context-aware identity and privacy-first project player */
.site-brand__dark { display:none; }
.page-services .site-header:not(.is-scrolled) .site-brand__light { display:none; }
.page-services .site-header:not(.is-scrolled) .site-brand__dark { display:block; }
.page-services .site-header:not(.is-scrolled) .desktop-nav a { color:rgba(20,23,19,.7); }
.page-services .site-header:not(.is-scrolled) .desktop-nav a:hover,
.page-services .site-header:not(.is-scrolled) .desktop-nav a[aria-current="page"] { color:var(--ink); }
.page-services .site-header:not(.is-scrolled) .social-switch { color:var(--lime-dark); border-color:rgba(111,159,17,.5); }
.page-services .site-header:not(.is-scrolled) .menu-toggle span { background:var(--ink); }
.project-player__frame > picture { position:absolute; inset:0; }
.project-player__frame > picture::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 52%),linear-gradient(90deg,rgba(0,0,0,.15),transparent); }
.project-player__launch { position:absolute; z-index:3; left:50%; top:50%; display:grid; justify-items:center; gap:12px; width:190px; padding:0; border:0; color:var(--white); background:transparent; transform:translate(-50%,-50%); cursor:pointer; text-align:center; }
.project-player__launch > span { display:grid; place-items:center; width:92px; height:92px; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:rgba(5,6,6,.3); backdrop-filter:blur(10px); transition:background .3s,border-color .3s,transform .3s; }
.project-player__launch i { width:0; height:0; margin-left:7px; border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:15px solid currentColor; }
.project-player__launch strong { font-size:11px; letter-spacing:.14em; text-transform:uppercase; }
.project-player__launch small { margin-top:-8px; color:rgba(255,255,255,.62); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.project-player__launch:hover > span { color:var(--ink); background:var(--lime); border-color:var(--lime); transform:scale(1.08); }
@media (max-width:620px) {
    .project-player__launch > span { width:70px; height:70px; }
    .project-player__launch { gap:9px; }
}

/* =========================================================
   LIMELIGHT 1.2 — curated hero, production navigator &
   proportion-safe visual presentation
   ========================================================= */

/* Curated cinematic hero */
.hero__media { isolation:isolate; }
.hero__slide { position:absolute; z-index:0; inset:0; overflow:hidden; opacity:0; pointer-events:none; transition:opacity 1.05s var(--ease); }
.hero__slide.is-active { z-index:1; opacity:1; }
.hero__slide picture,
.hero__slide img { position:absolute; inset:0; width:100%; height:100%; }
.hero__slide .hero__image { animation:none; transform:scale(1.055); transition:transform 8s linear; }
.hero__slide.is-active .hero__image { transform:scale(1); }
.hero__shade { z-index:2; }
.hero__scanlines { z-index:3; }
.hero__frame { z-index:4; }
.hero__copy { grid-row:2; }
.hero__project { grid-row:2; }
.hero__controls { grid-column:1; grid-row:3; align-self:end; display:grid; grid-template-columns:42px auto minmax(110px,260px) auto 42px; align-items:center; gap:16px; width:min(570px,calc(100% - 40px)); min-height:48px; margin-top:12px; color:rgba(255,255,255,.72); }
.hero__arrow { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:rgba(5,6,6,.28); backdrop-filter:blur(12px); cursor:pointer; transition:color .25s,background .25s,border-color .25s,transform .25s; }
.hero__arrow:hover { color:var(--ink); background:var(--lime); border-color:var(--lime); transform:scale(1.04); }
.hero__counter { display:flex; align-items:baseline; gap:4px; min-width:50px; font-size:9px; letter-spacing:.08em; }
.hero__counter strong { color:var(--white); font-size:14px; font-weight:650; }
.hero__counter span { color:rgba(255,255,255,.4); }
.hero__progress { position:relative; overflow:hidden; height:1px; background:rgba(255,255,255,.23); }
.hero__progress i { display:block; width:100%; height:100%; background:var(--lime); transform:scaleX(0); transform-origin:left center; }
.hero__dots { display:flex; align-items:center; justify-content:center; gap:8px; }
.hero__dots button { width:6px; height:6px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.32); cursor:pointer; transition:background .25s,transform .25s; }
.hero__dots button.is-active { background:var(--lime); transform:scale(1.35); }
.hero__dots button:focus-visible,
.hero__arrow:focus-visible { outline:2px solid var(--lime); outline-offset:4px; }
.hero__project strong,
.hero__project small { transition:opacity .25s; }

/* Functional production navigator replaces the decorative ticker */
.capability-nav { position:relative; z-index:3; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#080a09; }
.capability-nav::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.035; background:linear-gradient(90deg,var(--white) 1px,transparent 1px),linear-gradient(var(--white) 1px,transparent 1px); background-size:72px 72px; }
.capability-nav__inner { position:relative; display:grid; grid-template-columns:minmax(210px,.28fr) 1fr; align-items:stretch; }
.capability-nav__intro { display:flex; flex-direction:column; justify-content:center; gap:7px; padding:30px 28px 30px 0; border-right:1px solid var(--line); }
.capability-nav__intro span { color:var(--lime); font-size:8px; font-weight:750; letter-spacing:.16em; text-transform:uppercase; }
.capability-nav__intro strong { max-width:180px; font-size:17px; line-height:1.15; font-weight:560; letter-spacing:-.025em; }
.capability-nav__grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.capability-nav__grid a { position:relative; min-width:0; min-height:128px; display:flex; flex-direction:column; justify-content:space-between; gap:18px; padding:24px 18px; border-right:1px solid var(--line-soft); background:transparent; transition:color .28s,background .28s,padding .28s; }
.capability-nav__grid a:last-child { border-right:0; }
.capability-nav__grid a::after { content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--lime); transition:right .35s var(--ease); }
.capability-nav__grid a:hover { color:var(--white); background:rgba(155,209,38,.055); padding-left:23px; }
.capability-nav__grid a:hover::after { right:0; }
.capability-nav__grid span { color:var(--lime); font-size:8px; font-weight:700; letter-spacing:.13em; }
.capability-nav__grid strong { overflow-wrap:normal; word-break:normal; hyphens:auto; font-size:10px; line-height:1.25; font-weight:700; letter-spacing:.055em; text-transform:uppercase; }
.capability-nav__grid i { align-self:flex-end; color:#5f6661; font-size:13px; font-style:normal; transition:color .25s,transform .25s; }
.capability-nav__grid a:hover i { color:var(--lime); transform:translate(2px,-2px); }

/* Preserve every source image while keeping a cinematic 16:9 rhythm */
.media-frame { position:relative; isolation:isolate; overflow:hidden; background:#0c0e0d; box-shadow:inset 0 0 0 1px rgba(255,255,255,.035); }
.media-frame__backdrop { position:absolute; z-index:0; inset:-10%; background-image:var(--frame-image); background-position:center; background-size:cover; filter:blur(30px) saturate(.82); opacity:.48; transform:scale(1.08); }
.media-frame::before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(115deg,rgba(5,6,6,.32),rgba(5,6,6,.08) 52%,rgba(5,6,6,.34)),linear-gradient(0deg,rgba(5,6,6,.18),transparent 38%); }
.media-frame__picture { position:absolute; z-index:2; inset:0; display:grid; place-items:center; }
.media-frame__picture picture { display:grid; place-items:center; width:100%; height:100%; }
.media-frame .media-frame__image { width:100%!important; height:100%!important; max-width:100%; max-height:100%; object-fit:contain!important; object-position:center; filter:saturate(.9) contrast(1.015); transform:scale(1); transition:transform .65s var(--ease),filter .45s; }
.project-tile__media,
.project-tile--2 .project-tile__media,
.project-tile--3 .project-tile__media,
.project-tile--5 .project-tile__media { aspect-ratio:16/9; }
.project-tile__media::after { z-index:3; }
.project-tile__play,
.project-tile__index { z-index:4; }
.project-tile a:hover .media-frame__image,
.journal-preview-card a:hover .media-frame__image,
.journal-card a:hover .media-frame__image { transform:scale(1.015); filter:saturate(1) contrast(1.02); }
.journal-preview-card__media,
.journal-card__media,
.journal-card--lead .journal-card__media { position:relative; aspect-ratio:16/9; }
.journal-card__type { z-index:4; }

/* Full, uncropped imagery inside Aktuelles articles */
.post-detail__cover { display:grid; place-items:center; padding:clamp(18px,3vw,48px); background:linear-gradient(145deg,#0d100e,#080a09); box-shadow:inset 0 0 0 1px var(--line-soft); }
.post-detail__cover picture { display:flex; align-items:center; justify-content:center; width:100%; min-height:min(56vw,760px); }
.post-detail__cover img { width:auto; max-width:100%; height:auto; max-height:82vh; object-fit:contain; }
.post-gallery button { display:grid; place-items:center; min-height:320px; padding:clamp(12px,2vw,28px); background:#0c0f0d; box-shadow:inset 0 0 0 1px var(--line-soft); }
.post-gallery button picture { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.post-gallery button img { width:auto; max-width:100%; height:auto; max-height:72vh; object-fit:contain; }

/* Services remain inside the cinematic black brand world */
.service-hero { border-bottom:1px solid var(--line); color:var(--white); background:radial-gradient(circle at 78% 15%,rgba(155,209,38,.105),transparent 28%),linear-gradient(135deg,#090b0a 0%,#050606 65%); }
.service-hero::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.035; background:linear-gradient(90deg,var(--white) 1px,transparent 1px),linear-gradient(var(--white) 1px,transparent 1px); background-size:80px 80px; }
.service-hero { position:relative; overflow:hidden; }
.service-hero__grid { position:relative; z-index:1; }
.service-hero .section-kicker { color:var(--lime); }
.service-hero h1 em { color:var(--muted); }
.service-hero__grid > div:last-child p { color:var(--muted); }
.page-services .site-header:not(.is-scrolled) .site-brand__light { display:block; }
.page-services .site-header:not(.is-scrolled) .site-brand__dark { display:none; }
.page-services .site-header:not(.is-scrolled) .desktop-nav a { color:rgba(255,255,255,.72); }
.page-services .site-header:not(.is-scrolled) .desktop-nav a:hover,
.page-services .site-header:not(.is-scrolled) .desktop-nav a[aria-current="page"] { color:var(--white); }
.page-services .site-header:not(.is-scrolled) .social-switch { color:var(--lime-bright); border-color:rgba(157,209,38,.48); }
.page-services .site-header:not(.is-scrolled) .menu-toggle span { background:var(--white); }

/* Stable logo proportions in the global footer */
.footer-brand { min-width:0; }
.footer-brand__logo,
.footer-brand img { display:block; width:min(330px,100%); max-width:100%; height:auto!important; max-height:none!important; aspect-ratio:1819 / 436; object-fit:contain; object-position:left center; }

@media (max-width:1320px) {
    .capability-nav__grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .capability-nav__grid a:nth-child(4n) { border-right:0; }
    .capability-nav__grid a:nth-child(n+5) { border-top:1px solid var(--line-soft); }
}
@media (max-width:900px) {
    .hero__copy { grid-row:2; padding-bottom:92px; }
    .hero__project { display:none; }
    .hero__controls { grid-column:1; grid-row:3; width:min(100%,560px); margin:0 0 4px; }
    .capability-nav__inner { grid-template-columns:1fr; }
    .capability-nav__intro { flex-direction:row; align-items:center; justify-content:space-between; padding:23px 0; border-right:0; border-bottom:1px solid var(--line); }
    .capability-nav__intro strong { max-width:none; text-align:right; }
    .capability-nav__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .capability-nav__grid a { min-height:112px; border-top:1px solid var(--line-soft); }
    .capability-nav__grid a:nth-child(odd) { border-right:1px solid var(--line-soft); }
    .capability-nav__grid a:nth-child(even) { border-right:0; }
    .journal-preview-card__media { min-height:230px; }
}
@media (max-width:620px) {
    .hero__copy { padding-bottom:72px; }
    .hero__controls { grid-template-columns:38px auto 1fr 38px; gap:11px; width:100%; }
    .hero__arrow { width:38px; height:38px; }
    .hero__dots { display:none; }
    .hero__progress { min-width:80px; }
    .capability-nav__inner { width:100%; }
    .capability-nav__intro { width:var(--shell); margin-inline:auto; }
    .capability-nav__grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-left:max(14px,calc((100vw - var(--shell))/2)); padding-right:max(14px,calc((100vw - var(--shell))/2)); scrollbar-width:none; }
    .capability-nav__grid::-webkit-scrollbar { display:none; }
    .capability-nav__grid a { flex:0 0 min(68vw,250px); min-height:122px; border-top:0!important; border-right:1px solid var(--line-soft)!important; scroll-snap-align:start; }
    .project-tile__media,
    .project-tile--2 .project-tile__media,
    .project-tile--3 .project-tile__media,
    .project-tile--5 .project-tile__media,
    .journal-preview-card__media,
    .journal-card__media,
    .journal-card--lead .journal-card__media { aspect-ratio:16/10; }
    .post-detail__cover { padding:12px; }
    .post-detail__cover picture { min-height:58vw; }
    .post-gallery button { min-height:220px; }
}


/* Version 1.3 — ordered project grid and neutral Aktuelles imagery */
.featured-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(34px,3.2vw,56px) clamp(20px,2.1vw,32px);
    align-items:stretch;
}
.project-tile,
.project-tile--1,
.project-tile--2,
.project-tile--3,
.project-tile--4,
.project-tile--5,
.project-tile--6 {
    grid-column:auto;
    padding-top:0;
    min-width:0;
    height:100%;
}
.project-tile > a {
    display:grid;
    grid-template-rows:auto 1fr;
    height:100%;
}
.selected-work .project-tile__media,
.selected-work .project-tile--2 .project-tile__media,
.selected-work .project-tile--3 .project-tile__media,
.selected-work .project-tile--5 .project-tile__media {
    aspect-ratio:16/9;
}
.project-tile__meta {
    display:flex;
    flex-direction:column;
    min-height:126px;
    padding-top:19px;
}
.project-tile__meta h3 { margin-bottom:6px; }
.project-tile__meta p { margin-top:auto; padding-top:5px; }

/* Aktuelles: no colour wash over preview windows. Images remain uncropped. */
.journal-card__media .media-frame__backdrop,
.journal-preview-card__media .media-frame__backdrop {
    inset:0;
    padding:0;
    background-color:#090b0a;
    background-image:linear-gradient(145deg,#111412 0%,#090b0a 68%,#070908 100%)!important;
    filter:none;
    opacity:1;
    transform:none;
}
.journal-card__media .image-placeholder,
.journal-preview-card__media .image-placeholder {
    position:relative;
    display:block;
    width:100%;
    height:100%;
    background:
        linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
        radial-gradient(circle at 72% 32%,rgba(255,255,255,.055),transparent 31%);
    background-size:56px 56px,56px 56px,auto;
}
.journal-card__media .image-placeholder::after,
.journal-preview-card__media .image-placeholder::after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:54px;
    height:1px;
    background:rgba(255,255,255,.2);
    transform:translate(-50%,-50%);
}

@media (max-width:1100px) {
    .featured-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .project-tile,
    .project-tile--1,
    .project-tile--2,
    .project-tile--3,
    .project-tile--4,
    .project-tile--5,
    .project-tile--6 { grid-column:auto; padding-top:0; }
}
@media (max-width:620px) {
    .featured-grid { grid-template-columns:1fr; gap:44px; }
    .project-tile__meta { min-height:0; }
}

/* Version 1.4 — unified dark presentation, scalable homepage imagery and Studio CMS enhancements */

/* Homepage hero: every source image is scaled proportionally instead of being cropped. */
.hero__slide {
    isolation:isolate;
    background:#050606;
}
.hero__slide-backdrop {
    position:absolute;
    z-index:0;
    inset:-7%;
    pointer-events:none;
    background-image:var(--hero-poster);
    background-position:center;
    background-size:cover;
    filter:blur(34px) saturate(.72) brightness(.58);
    opacity:.78;
    transform:scale(1.1);
    transition:transform 9s linear,opacity 1s var(--ease);
}
.hero__slide.is-active .hero__slide-backdrop { transform:scale(1.025); opacity:.84; }
.hero__slide picture {
    z-index:1;
    display:grid;
    place-items:center;
    overflow:hidden;
}
.hero__slide .hero__image,
.hero__slide.is-active .hero__image {
    width:100%!important;
    height:100%!important;
    padding:clamp(0px,1vw,15px);
    object-fit:contain!important;
    object-position:center;
    filter:saturate(.84) contrast(1.045) brightness(.93);
    transform:none!important;
    animation:none!important;
    transition:filter .9s var(--ease),opacity .9s var(--ease);
}
.hero__shade {
    background:
        linear-gradient(90deg,rgba(3,4,3,.95) 0%,rgba(3,4,3,.68) 43%,rgba(3,4,3,.2) 76%,rgba(3,4,3,.42) 100%),
        linear-gradient(0deg,rgba(3,4,3,.86) 0%,rgba(3,4,3,.08) 54%,rgba(3,4,3,.2) 100%);
}

/* The public homepage remains inside one consistent cinematic dark world. */
.page-home main { background:var(--black); }
.page-home .studio-feature {
    color:var(--white);
    background:
        radial-gradient(circle at 76% 18%,rgba(157,209,38,.075),transparent 29%),
        linear-gradient(145deg,#090b0a 0%,#050606 72%);
    border-top:1px solid var(--line-soft);
    border-bottom:1px solid var(--line-soft);
}
.page-home .studio-feature__grid,
.page-home .studio-feature__grid > * { min-width:0; }
.page-home .studio-feature__media {
    position:relative;
    aspect-ratio:16 / 9;
    min-height:0;
    overflow:hidden;
    background:#090b0a;
}
.page-home .studio-feature__media::before { z-index:3; }
.page-home .studio-feature__media .media-frame__backdrop {
    filter:blur(28px) grayscale(.45) saturate(.58) brightness(.62);
    opacity:.68;
}
.page-home .studio-feature__media .media-frame__picture { z-index:2; }
.page-home .studio-feature__media .media-frame__image {
    width:100%!important;
    height:100%!important;
    max-width:100%;
    max-height:100%;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center;
    filter:grayscale(.72) contrast(1.055) brightness(.9);
}
.page-home .studio-feature__hud { z-index:4; }
.page-home .studio-feature__copy .section-kicker { color:var(--lime); }
.page-home .studio-feature__copy h2 {
    max-width:100%;
    margin:0;
    color:var(--white);
    font-size:clamp(38px,3.55vw,62px);
    line-height:.96;
    letter-spacing:-.05em;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
}
.page-home .studio-feature__copy h2 em { color:var(--muted); }
.page-home .studio-feature__copy > p { color:var(--muted); }
.page-home .studio-feature__copy dl { border-color:var(--line); }
.page-home .studio-feature__copy dt { color:var(--white); }
.page-home .studio-feature__copy dd { color:var(--muted); }
.page-home .studio-feature .button--outline { color:var(--white); border-color:rgba(255,255,255,.32); }
.page-home .studio-feature .button--outline:hover { color:var(--ink); background:var(--lime); border-color:var(--lime); }

/* Yellow Social portal stays as the deliberate colour moment; its logo remains original black. */
.social-portal { z-index:2; isolation:isolate; }
.social-portal__inner,
.social-portal__brand,
.social-portal__copy { min-width:0; }
.social-portal__brand { overflow:visible; }
.social-portal__brand img {
    display:block;
    width:min(340px,100%);
    max-width:100%;
    height:auto!important;
    max-height:none;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:left center;
    filter:none!important;
    opacity:1;
}

/* No white flash after the Social portal. */
.client-section {
    position:relative;
    z-index:1;
    overflow:hidden;
    color:var(--white);
    background:var(--black);
    border-top:1px solid rgba(255,255,255,.08);
}
.client-logo-grid > div { overflow:hidden; }
.client-logo-grid picture { overflow:visible; }
.client-logo-grid img {
    display:block;
    width:100%;
    height:100%;
    max-width:145px;
    max-height:66px;
    object-fit:contain;
    object-position:center;
}
.page-home .journal-preview {
    color:var(--white);
    background:
        radial-gradient(circle at 18% 5%,rgba(157,209,38,.055),transparent 23%),
        linear-gradient(180deg,#080a09 0%,var(--black) 100%);
    border-top:1px solid var(--line-soft);
}
.page-home .journal-preview .section-kicker { color:var(--lime); }
.page-home .journal-preview .section-heading h2 { color:var(--white); }
.page-home .journal-preview .section-heading h2 em { color:var(--muted); }
.page-home .journal-preview .section-heading__aside p,
.page-home .journal-preview-card__meta > span,
.page-home .journal-preview-card__meta p { color:var(--muted); }
.page-home .journal-preview .text-link { color:var(--white); border-color:rgba(255,255,255,.34); }
.page-home .journal-preview-card__meta h3,
.page-home .journal-preview-card__meta b { color:var(--white); }

/* Studio page: the entire location section stays in the black Limelight brand world. */
.studio-story {
    position:relative;
    overflow:hidden;
    padding:clamp(110px,11vw,175px) 0;
    color:var(--white);
    background:linear-gradient(145deg,#070908 0%,var(--graphite) 52%,#080a09 100%);
    border-top:1px solid var(--line-soft);
    border-bottom:1px solid var(--line-soft);
}
.studio-story::before {
    content:"";
    position:absolute;
    top:-18vw;
    right:-10vw;
    width:44vw;
    aspect-ratio:1;
    border-radius:50%;
    pointer-events:none;
    background:radial-gradient(circle,rgba(157,209,38,.065),transparent 69%);
}
.studio-story__grid {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);
    gap:clamp(60px,8vw,140px);
    align-items:start;
}
.studio-story__grid > * { min-width:0; }
.studio-story__visual {
    position:sticky;
    top:110px;
    margin:0;
}
.studio-story__image-frame {
    position:relative;
    display:grid;
    place-items:center;
    min-height:420px;
    padding:clamp(14px,1.8vw,26px);
    overflow:hidden;
    border:1px solid var(--line);
    background:linear-gradient(145deg,var(--panel-2),#0b0d0c);
}
.studio-story__image-frame::before {
    content:"";
    position:absolute;
    inset:13px;
    border:1px solid rgba(255,255,255,.08);
    pointer-events:none;
}
.studio-story__image-frame picture {
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:100%;
}
.studio-story__image-frame img {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:760px;
    aspect-ratio:auto!important;
    object-fit:contain;
    object-position:center;
    filter:grayscale(.72) contrast(1.04);
}
.studio-story__visual figcaption {
    display:grid;
    grid-template-columns:auto minmax(40px,1fr) auto;
    align-items:center;
    gap:14px;
    margin-top:15px;
    color:var(--muted);
    font-size:9px;
    font-style:normal;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.studio-story__visual figcaption span { display:inline; margin:0; color:inherit; font-size:inherit; letter-spacing:inherit; }
.studio-story__visual figcaption i { height:1px; background:var(--line); }
.studio-story__visual figcaption b { color:rgba(255,255,255,.55); font-weight:600; }
.studio-story__copy,
.studio-story__copy p { color:var(--muted); }
.studio-story__copy strong {
    display:block;
    margin:46px 0 18px;
    color:var(--white);
    font-size:clamp(27px,2.6vw,42px);
    line-height:1.1;
    letter-spacing:-.035em;
}
.studio-story__copy strong:first-child { margin-top:0; }
.studio-story__copy ul,
.studio-story__copy ol {
    margin:20px 0 28px;
    padding:0;
    list-style:none;
    border-top:1px solid var(--line-soft);
}
.studio-story__copy li {
    position:relative;
    padding:13px 0 13px 23px;
    color:rgba(255,255,255,.7);
    border-bottom:1px solid var(--line-soft);
}
.studio-story__copy li::before {
    content:"";
    position:absolute;
    top:22px;
    left:2px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--lime);
    box-shadow:0 0 0 4px rgba(157,209,38,.08);
}
.studio-story__copy li strong {
    display:inline;
    margin:0;
    color:var(--white);
    font-size:inherit;
    line-height:inherit;
    letter-spacing:inherit;
}
.studio-story__copy a {
    color:var(--lime);
    border-bottom:1px solid rgba(157,209,38,.5);
    transition:color .25s,border-color .25s;
}
.studio-story__copy a:hover { color:var(--lime-bright); border-color:var(--lime-bright); }

/* Team addresses stay visually private while every card keeps a direct mail action. */
.team-card__mail {
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:19px;
    padding-bottom:7px;
    color:var(--muted);
    border-bottom:1px solid var(--line);
    font-size:10px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    transition:color .25s,border-color .25s,gap .25s;
}
.team-card__mail b { color:var(--lime); font-size:13px; font-weight:400; }
.team-card__mail:hover { gap:14px; color:var(--white); border-color:var(--lime); }

@media (max-width:1100px) {
    .page-home .studio-feature__copy h2 { font-size:clamp(36px,4vw,50px); }
}
@media (max-width:900px) {
    .page-home .studio-feature__copy h2 { font-size:clamp(42px,7vw,60px); }
    .studio-story__grid { grid-template-columns:1fr; }
    .studio-story__visual { position:relative; top:0; }
    .studio-story__image-frame { min-height:0; }
    .page-home .studio-feature__media { aspect-ratio:16 / 9; }
}
@media (max-width:620px) {
    .hero__slide .hero__image,
    .hero__slide.is-active .hero__image { padding:0; object-position:center 42%; }
    .social-portal__brand img { width:min(300px,100%); }
    .studio-story__visual figcaption { grid-template-columns:1fr; gap:7px; }
    .studio-story__visual figcaption i { display:none; }
    .page-home .studio-feature__copy h2 { font-size:clamp(38px,11.2vw,52px); }
}