:root{--bg:#070a0e;--panel:#0d1116;--line:rgba(255,255,255,.14);--text:#f7f8fa;--muted:#b6bcc4;--orange:#ff7a00;--orange2:#ff9a2f;--max:1005px;--shadow:0 18px 46px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070a0e;color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{width:min(var(--max),calc(100% - 42px));margin:auto}a{color:inherit;text-decoration:none}.topbar{height:47px;position:sticky;top:0;z-index:50;background:rgba(4,7,10,.95);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.nav{height:47px;display:flex;align-items:center;gap:24px}.logo{display:flex;flex-direction:column;color:#fff;line-height:.86;min-width:170px}.logo:visited{color:#fff}.logo strong{font-size:22px;letter-spacing:.045em;font-weight:900}.logo strong span,.footer-logo span{color:var(--orange)}.logo small{font-size:5.7px;color:#d8dce2;letter-spacing:.02em;margin-top:4px}.navlinks{display:flex;align-items:center;gap:28px;margin-left:auto;height:100%}.navlinks a{font-size:9.5px;color:#eceff3;height:100%;display:flex;align-items:center;position:relative}.navlinks a.active{color:var(--orange)}.navlinks a.active:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--orange)}.navlinks a:hover{color:var(--orange)}.search{font-size:18px;transform:rotate(-15deg);color:#fff}.topcta{border:1px solid var(--orange);padding:8px 18px;border-radius:19px;color:var(--orange);font-size:9.5px;font-weight:800;white-space:nowrap}.menu{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:22px}.hero{height:345px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:#05080b}.hero-art{position:absolute;right:0;top:0;width:64%;height:100%;background:url('assets/hero-cinematic-clean.png') center right/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080b 0%,rgba(5,8,11,.96) 35%,rgba(5,8,11,.4) 55%,rgba(5,8,11,.03) 78%);pointer-events:none}.hero-inner{height:100%;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{width:54%;position:relative}.hero-brand{font-size:52px;font-weight:900;letter-spacing:.025em;line-height:.86}.hero-brand span{color:var(--orange)}.hero-brand-sub{font-size:16px;margin:6px 0 18px}.hero h1{font-size:26px;line-height:1.08;letter-spacing:-.025em;margin:0 0 16px}.hero h1 em{font-style:normal;color:var(--orange)}.disc-line{font-size:9.5px;font-weight:600;white-space:nowrap;color:#f1f3f6}.buttons{display:flex;gap:11px;margin-top:19px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:22px;padding:10px 20px;background:var(--orange);color:#111;font-weight:800;font-size:10px;border:1px solid var(--orange)}.btn.ghost{background:rgba(0,0,0,.16);color:#fff}.scribble{position:absolute;left:-16px;top:225px;color:rgba(255,255,255,.28);font-family:cursive;font-size:21px;line-height:.8;transform:rotate(-10deg)}.scribble span{margin-left:22px}.section{padding:20px 0 23px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:12px}.eyebrow{font-size:8px;letter-spacing:.19em;color:var(--orange);font-weight:900;text-transform:uppercase;margin-bottom:4px}.section h2{font-size:22px;line-height:1;margin:0}.section h2 em{font-style:normal;color:var(--orange)}.section-note{color:#929aa4;font-size:6.8px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:3px}.discipline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dcard{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:#0e1217;box-shadow:var(--shadow);aspect-ratio:2/1}.dcard img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease,filter .25s ease}.dcard:hover img{transform:scale(1.025);filter:brightness(1.08)}.track{padding-top:18px;padding-bottom:20px;background:linear-gradient(180deg,#080b0f,#090c10)}.track-title{margin-bottom:8px}.track-grid{display:grid;grid-template-columns:.85fr 1.08fr 1.06fr 1.35fr}.track-item{min-height:115px;padding:8px 18px 8px 0;margin-right:18px;border-right:1px solid rgba(255,122,0,.4)}.track-item:last-child{border-right:0;margin-right:0}.icon-stat{display:flex;gap:13px;align-items:flex-start}.stat-icon{font-size:22px;color:var(--orange);line-height:1;margin-top:5px;min-width:28px}.big{font-size:24px;color:var(--orange);font-weight:900;line-height:1;margin:0 0 9px}.track-item p{font-size:11px;color:#e1e4e8;line-height:1.35;margin:0}.clients strong{color:var(--orange);display:block;font-size:7px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:5px}.clients p{font-size:9.4px;line-height:1.42;margin:0 0 9px}.clients small{color:#9ca4ad;font-size:8.3px}.projects-section{padding-top:12px;padding-bottom:22px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.project{aspect-ratio:2.22/1;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#111}.project img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.project:hover img{transform:scale(1.02)}.about-section{border-bottom:1px solid var(--line);padding:12px 0}.about{display:grid;grid-template-columns:1.05fr 1.15fr .85fr;gap:18px;align-items:center}.portrait{height:178px;border-radius:5px;border:1px solid var(--line);background:radial-gradient(circle at 35% 25%,rgba(255,122,0,.2),transparent 24%),radial-gradient(circle at 80% 30%,rgba(38,95,180,.18),transparent 28%),linear-gradient(145deg,#151b24,#090d12 62%,#24160e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9fa6af}.portrait-initials{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff7a00,#ffb154);color:#121212;font-size:23px;font-weight:900;box-shadow:0 0 45px rgba(255,122,0,.16)}.portrait small{text-transform:uppercase;letter-spacing:.18em;font-size:6px}.about-copy h3{font-size:17px;margin:0 0 8px}.about-copy p{font-size:9.7px;line-height:1.52;color:#c0c5cc;margin:0}.signature{font-family:cursive;font-size:17px;color:#ddd;margin-top:8px;transform:rotate(-5deg);display:inline-block}.contactbox{background:#11161d;border:1px solid var(--line);border-radius:8px;padding:17px}.contactbox h3{font-size:12px;margin:0 0 12px}.contactbox .buttons{margin:0 0 13px;gap:8px}.contactbox .btn{font-size:8px;padding:8px 12px}.socials{display:flex;gap:14px;align-items:center;color:#fff;font-size:14px}.footer{height:54px;padding:0;border-top:1px solid rgba(255,255,255,.06);color:#aeb5be}.footer .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.footer-logo strong{font-size:11px;color:#fff}.footer-logo small{font-size:7px;margin-left:6px}.tagline{font-size:6px;letter-spacing:.35em;text-transform:uppercase}.subhero{padding:72px 0 48px;background:radial-gradient(circle at 80% 20%,rgba(255,122,0,.12),transparent 30%),linear-gradient(#090d12,#070a0e)}.subhero h1{font-size:clamp(38px,6vw,64px);margin:0 0 18px}.subhero p{max-width:760px;color:#b8c0ca;line-height:1.7}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.content-card{border:1px solid var(--line);background:#0d1218;border-radius:10px;padding:24px}.content-card h3{margin-top:0}.content-card p,.content-card li{color:#b8c0ca;line-height:1.65}.back{display:inline-block;margin-bottom:24px;color:var(--orange)}
@media(max-width:1050px){:root{--max:930px}.navlinks{gap:18px}.hero-art{width:62%}.disc-line{white-space:normal}.about{grid-template-columns:.9fr 1.1fr}.contactbox{grid-column:1/-1}.discipline-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.topbar{height:58px}.nav{height:58px}.navlinks{display:none}.menu{display:block}.search,.topcta{display:none}.navlinks.open{display:flex;position:absolute;left:18px;right:18px;top:58px;background:#090d12;border:1px solid var(--line);padding:18px;border-radius:8px;flex-direction:column;height:auto;align-items:flex-start}.navlinks.open a{height:auto}.hero{height:auto;min-height:530px}.hero-art{width:100%;height:52%;top:0;background-position:center}.hero:after{background:linear-gradient(180deg,rgba(5,8,11,.14) 0%,rgba(5,8,11,.68) 40%,#05080b 58%)}.hero-inner{min-height:530px;align-items:flex-end;padding-bottom:42px}.hero-copy{width:100%}.hero-brand{font-size:48px}.hero h1{font-size:29px}.scribble{display:none}.discipline-grid{grid-template-columns:repeat(2,1fr)}.track-grid{grid-template-columns:1fr 1fr}.track-item:nth-child(2){border-right:0}.projects{grid-template-columns:1fr}.project{aspect-ratio:2.25/1}.about{grid-template-columns:1fr 1.2fr}.contactbox{grid-column:1/-1}.section{padding:28px 0}.section-title{align-items:flex-start;flex-direction:column;gap:7px}.section-note{font-size:7px}}
@media(max-width:540px){.wrap{width:min(var(--max),calc(100% - 26px))}.hero{min-height:560px}.hero-inner{min-height:560px}.hero-brand{font-size:43px}.hero-brand-sub{font-size:13px}.hero h1{font-size:26px}.disc-line{font-size:9px;line-height:1.5}.discipline-grid{grid-template-columns:1fr}.dcard{aspect-ratio:2/1}.track-grid{grid-template-columns:1fr}.track-item{border-right:0;border-bottom:1px solid rgba(255,122,0,.35);margin-right:0;padding:14px 0}.projects{grid-template-columns:1fr}.about{grid-template-columns:1fr}.portrait{height:200px}.footer{height:auto;padding:17px 0}.footer .wrap{flex-direction:column;align-items:flex-start;gap:10px}.tagline{letter-spacing:.18em}.content-grid{grid-template-columns:1fr}}

/* V4 — desktop proportions tuned to approved BRSP visual */
@media (min-width: 1060px){
  :root{--max:1320px}
  .topbar{height:64px}
  .nav{height:64px;gap:30px}
  .logo{min-width:235px}
  .logo strong{font-size:32px}
  .logo small{font-size:7.4px;margin-top:6px}
  .navlinks{gap:32px}
  .navlinks a{font-size:12px}
  .topcta{font-size:11px;padding:10px 22px;border-radius:22px}
  .search{font-size:20px}

  .hero{height:470px}
  .hero-art{width:67%;background-position:center}
  .hero:after{background:linear-gradient(90deg,#05080b 0%,rgba(5,8,11,.98) 31%,rgba(5,8,11,.58) 49%,rgba(5,8,11,.08) 74%)}
  .hero-copy{width:49%;padding-left:2px}
  .hero-brand{font-size:76px}
  .hero-brand-sub{font-size:23px;margin:8px 0 26px}
  .hero h1{font-size:39px;line-height:1.06;margin-bottom:22px}
  .disc-line{font-size:12px;line-height:1.55}
  .buttons{margin-top:24px;gap:14px}
  .btn{font-size:12px;padding:13px 24px;border-radius:24px}
  .scribble{top:322px;font-size:29px;left:-8px}

  .section{padding:30px 0 34px}
  .eyebrow{font-size:9px;margin-bottom:6px}
  .section h2{font-size:31px}
  .section-title{margin-bottom:18px}
  .section-note{font-size:8px}
  .discipline-grid{gap:12px}
  .dcard{border-radius:7px;aspect-ratio:2.08/1}

  .track{padding-top:28px;padding-bottom:30px}
  .track-grid{grid-template-columns:.86fr 1.08fr 1.08fr 1.48fr}
  .track-item{min-height:145px;padding:12px 24px 10px 0;margin-right:24px}
  .stat-icon{font-size:30px;min-width:36px}
  .big{font-size:34px;margin-bottom:12px}
  .track-item p{font-size:13px;line-height:1.45}
  .clients strong{font-size:8.5px;margin-bottom:7px}
  .clients p{font-size:11.2px;line-height:1.5;margin-bottom:10px}
  .clients small{font-size:9.7px}

  .projects-section{padding-top:24px;padding-bottom:34px}
  .projects{gap:12px}
  .project{aspect-ratio:2.05/1;border-radius:7px}

  .about-section{padding:24px 0 28px}
  .about{grid-template-columns:1.03fr 1.18fr .9fr;gap:28px}
  .portrait{height:255px;border-radius:8px}
  .portrait-initials{width:90px;height:90px;font-size:31px}
  .about-copy h3{font-size:25px;margin-bottom:14px}
  .about-copy p{font-size:12.8px;line-height:1.58}
  .signature{font-size:23px;margin-top:11px}
  .contactbox{padding:22px;border-radius:10px}
  .contactbox h3{font-size:16px;margin-bottom:15px}
  .contactbox .btn{font-size:10px;padding:10px 15px}
  .socials{font-size:17px;gap:17px}

  .footer{height:70px}
  .footer-logo strong{font-size:14px}
  .footer-logo small{font-size:8px}
  .tagline{font-size:7px}
}


/* V5 — screenshot review polish */
section[id], #contact{scroll-margin-top:86px}
@media (min-width: 1060px){
  .hero-art{width:64%;background-position:center right}
  .hero:after{background:linear-gradient(90deg,#05080b 0%,rgba(5,8,11,.99) 30%,rgba(5,8,11,.78) 42%,rgba(5,8,11,.22) 62%,rgba(5,8,11,.02) 82%)}
  .hero-copy{width:51%}
  .disc-line{position:relative;z-index:3}
  .projects-section .section-title{margin-bottom:16px}
  .project{aspect-ratio:2.12/1}
  .about-section{padding-top:28px;padding-bottom:32px}
}
@media (min-width: 1500px){
  :root{--max:1360px}
}

/* Selected YouTube work */
.video-work{border-top:1px solid var(--line,#24282d);background:#080b0e}
.video-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.video-card{position:relative;display:block;aspect-ratio:16/9;padding:0;border:1px solid #34383e;border-radius:7px;overflow:hidden;background:#101318;cursor:pointer}
.video-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05);transition:transform .25s ease,filter .25s ease}
.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.48));pointer-events:none}
.video-card:hover img{transform:scale(1.035);filter:saturate(1.05) contrast(1.08)}
.video-card .play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.52);color:#fff;font-size:17px;padding-left:3px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.video-modal{position:fixed;z-index:999;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:5vw}
.video-modal.open{display:flex}
.video-frame{width:min(1200px,92vw);aspect-ratio:16/9;background:#000;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.video-frame iframe{width:100%;height:100%;border:0}
.video-close{position:absolute;right:28px;top:18px;background:transparent;color:#fff;border:0;font-size:46px;line-height:1;cursor:pointer;font-weight:200}
@media(max-width:1050px){.video-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.video-grid{grid-template-columns:1fr 1fr}.video-close{right:14px;top:10px}}


/* V7 — real work / credits */
.real-work{border-top:1px solid var(--line);background:linear-gradient(180deg,#080b0f 0%,#06090d 100%)}
.work-feature-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px}
.work-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.work-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.work-feature{position:relative;display:block;width:100%;min-height:190px;padding:0;border:1px solid #353b42;border-radius:9px;overflow:hidden;background:#0c1015;cursor:pointer;text-align:left;box-shadow:0 12px 40px rgba(0,0,0,.24)}
.work-feature-main{min-height:415px}
.work-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.06);transition:transform .35s ease,filter .35s ease}
.work-feature:hover img{transform:scale(1.025);filter:saturate(1.02) contrast(1.08)}
.work-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 35%,rgba(0,0,0,.82) 100%);z-index:1}
.work-kicker{position:absolute;left:20px;bottom:48px;z-index:3;color:var(--orange);font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.work-title{position:absolute;left:20px;bottom:18px;z-index:3;color:#fff;font-size:20px;font-weight:800}
.work-feature .play{left:auto;right:18px;top:18px;transform:none;width:42px;height:42px;font-size:14px;background:rgba(0,0,0,.52)}
.credits-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0e13;padding:20px 0}
.credits-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:42px}
.credit-label{color:var(--orange);font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin-bottom:7px}
.credit-line{color:#d6dbe1;font-size:11px;line-height:1.55}
@media(max-width:900px){.work-feature-grid{grid-template-columns:1fr}.work-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.work-feature-main{min-height:330px}.work-side .work-feature{min-height:220px}.credits-grid{grid-template-columns:1fr;gap:18px}}
@media(max-width:620px){.work-side,.work-row{grid-template-columns:1fr}.work-feature,.work-side .work-feature{min-height:220px}.work-feature-main{min-height:300px}.work-title{font-size:17px}.work-kicker{bottom:43px}.credits-band{padding:16px 0}.credit-line{font-size:10px}}

/* V8 — selected history */
.legacy-work{background:linear-gradient(180deg,#080b0f,#070a0e);padding-top:28px;padding-bottom:32px}
.legacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.legacy-card{position:relative;display:block;min-height:290px;overflow:hidden;border:1px solid #343a42;border-radius:9px;background:#0d1117;box-shadow:0 16px 42px rgba(0,0,0,.28)}
.legacy-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08) brightness(.72);transition:transform .35s ease,filter .35s ease}
.legacy-card:hover img{transform:scale(1.025);filter:saturate(.9) contrast(1.1) brightness(.78)}
.legacy-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 18%,rgba(2,5,8,.92) 88%)}
.legacy-year,.legacy-title,.legacy-copy,.legacy-link{position:absolute;z-index:2;left:22px;right:22px}
.legacy-year{top:20px;color:var(--orange);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.legacy-title{bottom:88px;font-size:24px;font-weight:900;color:#fff}
.legacy-copy{bottom:46px;max-width:620px;font-size:10px;line-height:1.45;color:#cbd1d8}
.legacy-link{bottom:20px;font-size:9px;color:var(--orange);font-weight:800}
.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.case-fact{border:1px solid var(--line);background:#0d1218;border-radius:9px;padding:18px}
.case-fact strong{display:block;font-size:24px;color:var(--orange);margin-bottom:6px}
.case-fact span{font-size:9px;line-height:1.45;color:#bbc2cb}
.room-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0 0;padding:0;list-style:none}
.room-list li{border:1px solid var(--line);border-radius:7px;padding:11px 12px;background:#0a0e13;color:#d7dce2}
@media(max-width:800px){.legacy-grid{grid-template-columns:1fr}.case-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.legacy-card{min-height:260px}.legacy-title{font-size:20px}.legacy-copy{font-size:9.5px}.case-facts{grid-template-columns:1fr}.room-list{grid-template-columns:1fr}}

/* V9 — expanded escape-room portfolio */
.escape-location-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}
.escape-location-strip a{border:1px solid var(--line);background:#0b1016;border-radius:8px;padding:13px 14px;min-height:70px;display:flex;flex-direction:column;justify-content:center;transition:border-color .2s ease,transform .2s ease}
.escape-location-strip a:hover{border-color:rgba(255,122,0,.6);transform:translateY(-1px)}
.escape-location-strip strong{font-size:10px;color:#fff;margin-bottom:5px}
.escape-location-strip span{font-size:8px;color:#9da5ae}
.escape-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.escape-case{border:1px solid var(--line);background:linear-gradient(155deg,#111821,#0a0e13);border-radius:10px;padding:22px;min-height:215px}
.escape-case-wide{grid-column:1/-1;min-height:auto}
.escape-case-tag{font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:800;margin-bottom:8px}
.escape-case h3{font-size:19px;margin:0 0 9px}
.escape-case p{font-size:10px;line-height:1.58;color:#bfc6cf;margin:0}
.escape-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.escape-chips span{font-size:7.5px;color:#dce1e6;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.03)}
@media(max-width:900px){.escape-location-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.escape-location-strip,.escape-case-grid{grid-template-columns:1fr}.escape-case-wide{grid-column:auto}}

/* V9 portrait — real Bram production image */
.portrait-photo{position:relative;overflow:hidden;display:block;margin:0;background:#090d12}
.portrait-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 43%;transform:scale(1.34);transform-origin:72% 43%;filter:saturate(.82) contrast(1.08) brightness(.83);display:block}
.portrait-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,11,.12),rgba(5,8,11,0) 52%,rgba(255,122,0,.06));pointer-events:none}
.portrait-photo figcaption{position:absolute;z-index:2;left:14px;bottom:12px;margin:0;padding:5px 8px;border-radius:999px;background:rgba(4,7,10,.72);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(5px);color:#dce1e7;font-size:6.8px;letter-spacing:.11em;text-transform:uppercase}
@media(max-width:540px){.portrait-photo img{object-position:72% 43%;transform:scale(1.28)}}

/* V9.1 — iPhone/mobile hardening */
html,body{max-width:100%;overflow-x:hidden}
.portrait{overflow:hidden}
.portrait-photo img{max-width:none}

@media(max-width:540px){
  body{font-size:16px}
  .wrap{width:calc(100% - 28px);max-width:none}
  .section{padding:32px 0}
  .eyebrow{font-size:10px;line-height:1.3;margin-bottom:7px}
  .section h2{font-size:28px;line-height:1.08}
  .section-note{font-size:9px;line-height:1.45;letter-spacing:.12em}
  .track-item p{font-size:13px}
  .clients strong{font-size:9px}
  .clients p{font-size:12px;line-height:1.5}
  .clients small{font-size:10px;line-height:1.4}
  .credit-label{font-size:9px}
  .credit-line{font-size:12px;line-height:1.55}
  .legacy-card{min-height:320px}
  .legacy-year{font-size:9px}
  .legacy-title{font-size:23px;bottom:104px}
  .legacy-copy{font-size:12px;line-height:1.45;bottom:48px}
  .legacy-link{font-size:10px}
  .escape-location-strip strong{font-size:13px}
  .escape-location-strip span{font-size:11px}
  .project{aspect-ratio:1.7/1}
  .about-section{padding:30px 0}
  .about{gap:22px}
  .portrait{height:280px;width:100%;min-width:0}
  .portrait-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:72% 43%;transform:scale(1.18);transform-origin:72% 43%}
  .portrait-photo figcaption{font-size:8px;left:12px;bottom:10px}
  .about-copy h3{font-size:22px;line-height:1.15;margin-bottom:10px}
  .about-copy p{font-size:13px;line-height:1.6}
  .signature{font-size:20px}
  .contactbox{padding:18px}
  .contactbox h3{font-size:15px}
  .contactbox .btn{font-size:10px;padding:10px 13px}
  .footer-logo strong{font-size:13px}
  .footer-logo small{font-size:8px}
  .tagline{font-size:7px}
}

/* V10 — responsive project cards, real HTML typography */
.projects-v10{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.project-card-v10{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:linear-gradient(180deg,#10151b,#0b0f14);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.project-media-v10{position:relative;overflow:hidden;aspect-ratio:16/8.7;background:#0a0d11;border-bottom:1px solid rgba(255,255,255,.1)}
.project-media-v10 img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%;filter:saturate(.9) contrast(1.04);transform:scale(1.02)}
.project-media-v10:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,8,11,.34));pointer-events:none}
.project-copy-v10{padding:16px 17px 18px}
.project-kicker-v10{color:var(--orange);font-size:8px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:7px}
.project-copy-v10 h3{font-size:18px;line-height:1.15;color:#fff;margin:0 0 8px}
.project-copy-v10 p{font-size:10.5px;line-height:1.55;color:#bbc2ca;margin:0}

@media(max-width:800px){
  .projects-v10{grid-template-columns:1fr}
  .project-card-v10{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
  .project-media-v10{aspect-ratio:auto;min-height:190px;border-bottom:0;border-right:1px solid rgba(255,255,255,.1)}
  .project-copy-v10{display:flex;flex-direction:column;justify-content:center;padding:18px}
}

@media(max-width:540px){
  .projects-v10{gap:16px}
  .project-card-v10{display:block}
  .project-media-v10{min-height:0;aspect-ratio:2.18/1;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .project-media-v10 img{object-fit:cover;object-position:center top;transform:none}
  .project-copy-v10{padding:15px 16px 17px}
  .project-kicker-v10{font-size:9px;line-height:1.3}
  .project-copy-v10 h3{font-size:22px;line-height:1.1;margin-bottom:8px}
  .project-copy-v10 p{font-size:13px;line-height:1.55}
  .projects-section{overflow:hidden}
}

/* V11 — Over Bram: real work, real signature */
.about-v11{padding:36px 0 40px;background:linear-gradient(180deg,#080b0f,#06090d)}
.about-layout-v11{grid-template-columns:1.12fr 1.18fr .82fr;gap:30px;align-items:center}
.about-visuals-v11{position:relative;min-height:330px}
.about-main-photo-v11{position:absolute;left:0;top:0;width:86%;height:286px;margin:0;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#080b0f;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.about-main-photo-v11 img{width:100%;height:100%;display:block;object-fit:cover;object-position:68% 45%;filter:saturate(.84) contrast(1.07) brightness(.83)}
.about-action-photo-v11{position:absolute;right:0;bottom:0;width:48%;height:150px;margin:0;overflow:hidden;border-radius:9px;border:2px solid #10151b;background:#090d12;box-shadow:0 18px 46px rgba(0,0,0,.48);transform:rotate(1.2deg)}
.about-action-photo-v11 img{width:100%;height:100%;display:block;object-fit:cover;object-position:57% 48%;filter:saturate(.9) contrast(1.08) brightness(.86)}
.about-main-photo-v11 figcaption,.about-action-photo-v11 figcaption{position:absolute;z-index:2;left:12px;bottom:10px;margin:0;padding:5px 8px;border-radius:999px;background:rgba(4,7,10,.72);border:1px solid rgba(255,255,255,.13);color:#e2e6ea;font-size:7px;letter-spacing:.11em;text-transform:uppercase;backdrop-filter:blur(5px)}
.about-copy-v11 h3{font-size:24px;line-height:1.08;margin:0 0 14px}
.about-copy-v11 p{font-size:12px;line-height:1.62;color:#c4cbd3;margin:0 0 11px}
.about-copy-v11 strong{color:#fff;font-weight:700}
.signature-v11{display:block;width:245px;max-width:72%;height:auto;margin:16px 0 0;filter:none}

@media(max-width:1050px){
  .about-layout-v11{grid-template-columns:1fr 1.1fr}
  .about-layout-v11 .contactbox{grid-column:1/-1}
}
@media(max-width:800px){
  .about-layout-v11{grid-template-columns:1fr}
  .about-visuals-v11{min-height:350px}
  .about-main-photo-v11{width:88%;height:300px}
  .about-action-photo-v11{width:42%;height:150px}
}
@media(max-width:540px){
  .about-v11{padding:32px 0 36px}
  .about-layout-v11{gap:24px}
  .about-visuals-v11{min-height:330px}
  .about-main-photo-v11{position:relative;width:100%;height:260px}
  .about-action-photo-v11{width:48%;height:132px;right:10px;bottom:0}
  .about-copy-v11 h3{font-size:25px}
  .about-copy-v11 p{font-size:14px;line-height:1.62;margin-bottom:13px}
  .signature-v11{width:190px;max-width:62%;margin-top:14px}
}

/* V11.1 — signature contrast fix */
.signature-v11{
  display:block;
  width:250px;
  max-width:76%;
  height:auto;
  margin:18px 0 2px;
  padding:10px 14px 9px;
  box-sizing:border-box;
  background:#f2efe7;
  border:1px solid rgba(255,255,255,.16);
  border-radius:5px;
  box-shadow:0 10px 26px rgba(0,0,0,.20);
}
@media(max-width:540px){
  .signature-v11{
    width:210px;
    max-width:68%;
    margin-top:16px;
    padding:9px 12px 8px;
  }
}

/* V12 — Music Videos & Artist Productions */
.music-history-v12{background:#0a0e13;border-top:1px solid rgba(255,255,255,.06)}
.music-title-v12{margin-bottom:18px}
.music-lead-v12{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}
.music-lead-v12 p{max-width:720px;margin:0;color:#aeb6c0;font-size:12px;line-height:1.65}
.text-link-v12{color:#ff7900;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.music-grid-v12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.music-card-v12{display:grid;grid-template-columns:1.05fr 1fr;min-height:190px;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden;background:#0d1218}
.music-thumb-v12{position:relative;border:0;padding:0;margin:0;background:#07090c;overflow:hidden;cursor:pointer;min-height:190px}
.music-thumb-v12 img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(1.08) brightness(.78);transition:.35s ease}
.music-thumb-v12:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.04) brightness(.9)}
.music-play-v12{position:absolute;left:16px;bottom:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ff7900;color:#07090c;font-size:13px;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.music-copy-v12{padding:20px 20px 18px;display:flex;flex-direction:column}
.music-year-v12{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#ff7900;font-weight:800}
.music-copy-v12 h3{font-size:20px;line-height:1.05;margin:8px 0 9px;color:#fff}
.music-copy-v12 p{font-size:10px;line-height:1.55;color:#aeb6c0;margin:0 0 14px}
.music-role-v12{margin-top:auto;padding-top:11px;border-top:1px solid rgba(255,255,255,.08);font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:#d8dde2;font-weight:700}
.artist-strip-v12{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.artist-strip-v12 span{padding:7px 10px;border:1px solid rgba(255,121,0,.26);border-radius:999px;background:rgba(255,121,0,.045);font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#dce1e6;font-weight:700}

.music-subhero-v12{padding-bottom:54px}
.music-subhero-v12 p{max-width:760px}
.music-archive-v12{padding-top:26px}
.archive-case-v12{display:grid;grid-template-columns:1.08fr 1fr;gap:42px;align-items:center;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.archive-case-v12.reverse .archive-video-v12{order:2}
.archive-case-v12 h2,.archive-note-v12 h2{font-size:34px;line-height:1;margin:7px 0 13px}
.archive-case-v12 p,.archive-note-v12 p{font-size:12px;line-height:1.65;color:#b5bdc6;margin:0}
.archive-video-v12{position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:12px;overflow:hidden;background:#090c10;cursor:pointer}
.archive-video-v12 img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.86) contrast(1.06) brightness(.8)}
.archive-video-v12 span{position:absolute;left:18px;bottom:17px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ff7900;color:#080a0d;font-weight:900}
.archive-tags-v12{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.archive-tags-v12 span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;border-radius:5px;background:#121820;border:1px solid rgba(255,255,255,.08);color:#e0e4e8}
.archive-note-v12{margin:35px 0;display:grid;grid-template-columns:1fr auto;gap:32px;padding:30px;border-radius:14px;background:linear-gradient(135deg,#111821,#0b0f14);border:1px solid rgba(255,121,0,.24)}
.archive-number-v12{font-size:60px;font-weight:900;line-height:1;color:rgba(255,121,0,.17);align-self:center}
.artist-archive-v12{padding:28px 0 6px}
.artist-strip-v12.big span{font-size:10px;padding:9px 12px}
.archive-disclaimer-v12{font-size:10px;color:#777f88;margin:15px 0 0}

@media(max-width:900px){
  .music-card-v12{grid-template-columns:1fr}
  .music-thumb-v12{aspect-ratio:16/9;min-height:0}
  .archive-case-v12,.archive-case-v12.reverse{grid-template-columns:1fr;gap:20px}
  .archive-case-v12.reverse .archive-video-v12{order:0}
}
@media(max-width:620px){
  .music-lead-v12{display:block}
  .text-link-v12{display:inline-block;margin-top:14px}
  .music-grid-v12{grid-template-columns:1fr}
  .music-card-v12{grid-template-columns:1fr}
  .music-copy-v12{padding:18px}
  .music-copy-v12 h3{font-size:24px}
  .music-copy-v12 p{font-size:13px}
  .music-role-v12{font-size:9px}
  .artist-strip-v12 span{font-size:9px}
  .archive-case-v12{padding:26px 0}
  .archive-case-v12 h2,.archive-note-v12 h2{font-size:28px}
  .archive-case-v12 p,.archive-note-v12 p{font-size:14px}
  .archive-note-v12{grid-template-columns:1fr;padding:22px}
  .archive-number-v12{font-size:48px}
}

/* V13 — Artist archive deep dives */
.archive-highlights-v13{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.archive-highlight-v13{display:block;padding:15px 16px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#0d1218;text-decoration:none;transition:.2s ease}
.archive-highlight-v13:hover{border-color:rgba(255,121,0,.5);transform:translateY(-1px)}
.archive-highlight-v13 small{display:block;color:#ff7900;font-size:7px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:5px}
.archive-highlight-v13 strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}
.archive-highlight-v13 span{display:block;color:#9ea7b0;font-size:9px;line-height:1.45}
.collection-v13{padding:45px 0;border-top:1px solid rgba(255,255,255,.08)}
.collection-head-v13{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:24px}
.collection-head-v13 h2{font-size:34px;line-height:1;margin:7px 0 0}
.collection-head-v13 p{font-size:11px;line-height:1.65;color:#aeb6c0;margin:0}
.collection-grid-v13{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.collection-video-v13{border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden;background:#0d1218}
.collection-video-v13>div{padding:15px 16px 17px}
.collection-video-v13 small,.wesly-card-v13 small{color:#ff7900;font-size:7px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
.collection-video-v13 h3,.wesly-card-v13 h3{font-size:18px;margin:6px 0;color:#fff}
.collection-video-v13 p{font-size:10px;line-height:1.55;color:#aeb6c0;margin:0}
.wesly-grid-v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wesly-card-v13{border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;background:#0d1218}
.wesly-card-v13 .archive-video-v12{border-radius:0}
.wesly-card-v13>div{padding:12px 13px 14px}
.wesly-card-v13 h3{font-size:15px;margin-bottom:0}
@media(max-width:760px){
  .archive-highlights-v13{grid-template-columns:1fr}
  .collection-head-v13{grid-template-columns:1fr;gap:12px}
  .collection-head-v13 h2{font-size:28px}
  .collection-head-v13 p{font-size:14px}
  .collection-grid-v13{grid-template-columns:1fr}
  .wesly-grid-v13{grid-template-columns:1fr 1fr}
  .collection-video-v13 p{font-size:13px}
  .collection-video-v13 h3{font-size:21px}
  .wesly-card-v13 h3{font-size:16px}
}
@media(max-width:430px){
  .wesly-grid-v13{grid-template-columns:1fr}
  .archive-highlight-v13 span{font-size:11px}
}

/* V14 — Enjoy Media archive reconstruction */
.enjoy-home-v14{background:#070a0e;border-top:1px solid rgba(255,255,255,.06)}
.enjoy-home-shell-v14{display:grid;grid-template-columns:1.18fr .82fr;gap:34px;padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(135deg,#10161d,#090d12)}
.enjoy-home-copy-v14 h2{font-size:39px;line-height:.98;margin:8px 0 17px}
.enjoy-home-copy-v14 p{max-width:720px;color:#bac1c9;font-size:12px;line-height:1.66;margin:0 0 10px}
.enjoy-home-copy-v14 .enjoy-home-note-v14{font-size:9px;color:#7f8993}
.enjoy-home-copy-v14 .buttons{margin-top:18px}
.enjoy-home-stats-v14{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.enjoy-home-stats-v14 div{padding:17px;border-radius:9px;background:#0a0f15;border:1px solid rgba(255,255,255,.075)}
.enjoy-home-stats-v14 strong{display:block;color:#ff7900;font-size:16px;line-height:1;margin-bottom:6px}
.enjoy-home-stats-v14 span{font-size:8px;line-height:1.4;text-transform:uppercase;letter-spacing:.09em;color:#9ca5ae}

.archive-route-v14{margin-top:18px}
.archive-route-v14 a{color:#ff7900;text-decoration:none;font-size:10px;font-weight:800}
.music-feature-v14{display:grid;grid-template-columns:1.12fr 1fr;gap:35px;align-items:center;padding:24px;margin:0 0 20px;border:1px solid rgba(255,121,0,.25);border-radius:14px;background:linear-gradient(135deg,#111820,#0b0f14)}
.music-feature-v14 h2{font-size:39px;line-height:1;margin:8px 0 14px}
.music-feature-v14 p{font-size:12px;line-height:1.65;color:#b7c0c8;margin:0}
.music-feature-video-v14{position:relative;border:0;padding:0;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#080b0f;cursor:pointer}
.music-feature-video-v14 img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.06) brightness(.82)}
.music-feature-video-v14 span{position:absolute;left:18px;bottom:17px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ff7900;color:#080a0d;font-weight:900}
.archive-text-grid-v14{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:36px 0;border-top:1px solid rgba(255,255,255,.08)}
.archive-text-grid-v14 article{padding:18px;border-radius:10px;background:#0d1218;border:1px solid rgba(255,255,255,.08)}
.archive-text-grid-v14 small{color:#ff7900;font-size:8px;font-weight:800;letter-spacing:.12em}
.archive-text-grid-v14 h3{font-size:16px;margin:6px 0 8px}
.archive-text-grid-v14 p{font-size:10px;line-height:1.5;color:#aeb6bf;margin:0}

.enjoy-hero-v14{padding-bottom:52px}
.enjoy-hero-v14 p{max-width:810px}
.enjoy-proof-v14{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.enjoy-proof-v14 span{padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.09);background:#0c1117;color:#9fa8b1;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.enjoy-proof-v14 strong{color:#fff}
.enjoy-origin-v14{padding-top:32px;background:#080c11}
.enjoy-origin-grid-v14{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}
.enjoy-origin-grid-v14 h2{font-size:35px;line-height:1.02;margin:8px 0}
.enjoy-origin-grid-v14 p{font-size:12px;line-height:1.7;color:#b3bbc4;margin:0 0 12px}

.format-grid-v14{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.format-grid-v14 article{padding:20px;border-radius:11px;background:#0d1218;border:1px solid rgba(255,255,255,.08)}
.format-grid-v14 article.featured{border-color:rgba(255,121,0,.32);background:linear-gradient(145deg,#131a22,#0c1015)}
.format-grid-v14 small{color:#ff7900;font-size:8px;font-weight:800;letter-spacing:.12em}
.format-grid-v14 h3{font-size:19px;line-height:1.08;margin:7px 0 10px}
.format-grid-v14 p{font-size:10px;line-height:1.55;color:#aeb6bf;margin:0}
.format-grid-v14 a{display:inline-block;margin-top:12px;color:#ff7900;text-decoration:none;font-size:9px;font-weight:800}

.enjoy-music-v14{background:#090d12}
.enjoy-music-hero-v14{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px;padding:17px 20px;border-radius:10px;background:#0d1319;border:1px solid rgba(255,121,0,.2)}
.enjoy-music-hero-v14>div{display:flex;align-items:center;gap:13px}
.enjoy-music-hero-v14 strong{color:#ff7900;font-size:33px;line-height:1}
.enjoy-music-hero-v14 span{max-width:300px;color:#aeb6bf;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em}

.archive-index-v14{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.archive-index-v14 article{display:grid;grid-template-columns:44px 1fr;column-gap:9px;row-gap:3px;padding:13px 14px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#0c1117}
.archive-index-v14 b{grid-row:1/3;color:#ff7900;font-size:9px}
.archive-index-v14 strong{font-size:11px;color:#f2f4f6}
.archive-index-v14 span{grid-column:2;font-size:8px;color:#8f99a3;line-height:1.35}
.archive-index-v14.compact article{min-height:60px}

.enjoy-broadcast-v14{background:#070a0e}
.enjoy-experience-v14{background:linear-gradient(135deg,#10161d,#080b0f)}
.enjoy-experience-grid-v14{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:40px}
.enjoy-experience-grid-v14 h2{font-size:36px;line-height:1;margin:8px 0 14px}
.enjoy-experience-grid-v14 p{font-size:12px;line-height:1.65;color:#b4bdc5;margin:0}
.enjoy-experience-grid-v14 .buttons{justify-content:flex-end}

@media(max-width:900px){
  .enjoy-home-shell-v14{grid-template-columns:1fr}
  .music-feature-v14{grid-template-columns:1fr}
  .format-grid-v14{grid-template-columns:1fr 1fr}
  .archive-index-v14{grid-template-columns:1fr 1fr}
  .enjoy-origin-grid-v14,.enjoy-experience-grid-v14{grid-template-columns:1fr}
  .enjoy-experience-grid-v14 .buttons{justify-content:flex-start}
}
@media(max-width:620px){
  .enjoy-home-shell-v14{padding:22px;gap:23px}
  .enjoy-home-copy-v14 h2{font-size:33px}
  .enjoy-home-copy-v14 p{font-size:14px}
  .enjoy-home-copy-v14 .enjoy-home-note-v14{font-size:11px}
  .enjoy-home-stats-v14{grid-template-columns:1fr 1fr}
  .enjoy-home-stats-v14 strong{font-size:14px}
  .enjoy-home-stats-v14 span{font-size:9px}
  .music-feature-v14{padding:15px;gap:18px}
  .music-feature-v14 h2{font-size:30px}
  .music-feature-v14 p{font-size:14px}
  .archive-text-grid-v14{grid-template-columns:1fr}
  .archive-text-grid-v14 h3{font-size:19px}
  .archive-text-grid-v14 p{font-size:13px}
  .enjoy-origin-grid-v14{gap:15px}
  .enjoy-origin-grid-v14 h2,.enjoy-experience-grid-v14 h2{font-size:30px}
  .enjoy-origin-grid-v14 p,.enjoy-experience-grid-v14 p{font-size:14px}
  .format-grid-v14{grid-template-columns:1fr}
  .format-grid-v14 h3{font-size:21px}
  .format-grid-v14 p{font-size:13px}
  .enjoy-music-hero-v14{display:block}
  .enjoy-music-hero-v14 .btn{margin-top:15px}
  .archive-index-v14{grid-template-columns:1fr}
  .archive-index-v14 strong{font-size:13px}
  .archive-index-v14 span{font-size:10px}
}

/* V15 — project image cleanup + true transparent signature */
.project-card-v10 .project-media-v10 img[src$="tik-clean-v15.jpg"]{
  object-fit:cover;
  object-position:center 28%;
  transform:none;
}
.signature-v11{
  display:block;
  width:265px;
  max-width:78%;
  height:auto;
  margin:17px 0 2px;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:invert(1) brightness(1.28) contrast(1.25);
  opacity:.96;
}
@media(max-width:540px){
  .project-card-v10 .project-media-v10 img[src$="tik-clean-v15.jpg"]{
    object-position:center 22%;
  }
  .signature-v11{
    width:205px;
    max-width:64%;
    margin-top:15px;
    padding:0 !important;
  }
}


/* V16 — timeless portfolio + TV formats + expanded Bunker case */
.tv-formats-v16{position:relative;overflow:hidden}
.tv-formats-v16:before{content:"";position:absolute;inset:auto -12% -35% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.10),transparent 68%);pointer-events:none}
.tv-formats-intro-v16{max-width:790px;margin:0 0 28px;color:var(--muted,#a9a9ad);font-size:17px;line-height:1.7}
.tv-formats-grid-v16{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tv-formats-grid-v16 article{min-height:230px;padding:25px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));display:flex;flex-direction:column}
.tv-formats-grid-v16 article>span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#ff7a00;margin-bottom:18px}
.tv-formats-grid-v16 h3{font-size:24px;line-height:1.05;margin:0 0 12px}
.tv-formats-grid-v16 p{color:var(--muted,#aaa);line-height:1.55;margin:0}
.tv-formats-grid-v16 article.featured{border-color:rgba(255,122,0,.45);background:linear-gradient(145deg,rgba(255,122,0,.11),rgba(255,255,255,.025))}
.tv-formats-grid-v16 article a{margin-top:auto;padding-top:20px;color:#ff8a20;font-weight:800;text-decoration:none}
.tv-formats-cta-v16{margin-top:22px}

.bunker-hero-v16{position:relative;overflow:hidden}
.bunker-hero-v16:after{content:"";position:absolute;right:-10%;top:5%;width:55%;height:85%;background:radial-gradient(circle,rgba(255,122,0,.12),transparent 66%);pointer-events:none}
.bunker-hero-v16 h1 em{color:#ff7a00;font-style:normal}
.bunker-facts-v16 .case-fact:last-child strong{font-size:38px}
.bunker-story-grid-v16{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.bunker-story-grid-v16 h2{font-size:clamp(34px,5vw,62px);line-height:.98;margin:10px 0 0}
.bunker-story-grid-v16 h2 em{color:#ff7a00;font-style:normal}
.bunker-story-grid-v16 p{font-size:17px;line-height:1.75;color:var(--muted,#aaa);margin:0 0 16px}
.bunker-pillars-grid-v16{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bunker-pillars-grid-v16 article{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.025)}
.bunker-pillars-grid-v16 article>span{display:block;color:#ff7a00;font-weight:900;font-size:12px;letter-spacing:.14em;margin-bottom:28px}
.bunker-pillars-grid-v16 h3{font-size:21px;margin:0 0 10px}
.bunker-pillars-grid-v16 p{margin:0;color:var(--muted,#aaa);line-height:1.55}
.bunker-archive-v16 .content-card{min-height:100%}

/* hide date-only labels in the reconstructed archive; project/artist names lead instead */
.enjoy-formats-v14 .format-grid-v14 article>small{display:none}

@media(max-width:900px){
  .tv-formats-grid-v16{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bunker-story-grid-v16{grid-template-columns:1fr;gap:26px}
  .bunker-pillars-grid-v16{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .tv-formats-grid-v16,.bunker-pillars-grid-v16{grid-template-columns:1fr}
  .tv-formats-grid-v16 article{min-height:0}
  .bunker-story-grid-v16 h2{font-size:38px}
}


/* V16 — dates stay in the private archive database, not as visual hierarchy */
.enjoy-music-v14 .archive-index-v14 article>b,
.enjoy-broadcast-v14 .archive-index-v14 article>b,
.archive-text-grid-v14 article>small{display:none !important}
.enjoy-music-v14 .archive-index-v14 article,
.enjoy-broadcast-v14 .archive-index-v14 article{grid-template-columns:1fr !important}


/* V17 — signature format cards */
@media(min-width:901px){
  .tv-formats-grid-v16 .format-wide-v17{grid-column:span 2}
}


/* V18 — Alles om je heen signature case */
.aojh-hero-v18{position:relative;overflow:hidden}
.aojh-hero-v18:after{content:"";position:absolute;right:-12%;top:-10%;width:58%;height:110%;background:radial-gradient(circle,rgba(83,185,0,.13),transparent 67%);pointer-events:none}
.aojh-hero-v18 h1 em,.aojh-story-v18 h2 em{color:#76c92c;font-style:normal}
.aojh-facts-v18 .case-fact strong{font-size:clamp(29px,4vw,43px)}
.aojh-story-grid-v18{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.aojh-story-grid-v18 h2{font-size:clamp(38px,5vw,64px);line-height:.96;margin:10px 0 0}
.aojh-story-grid-v18 p{font-size:17px;line-height:1.75;color:var(--muted,#aaa);margin:0 0 16px}
.aojh-cast-grid-v18{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.aojh-cast-grid-v18 article{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.025)}
.aojh-cast-grid-v18 img{width:100%;aspect-ratio:1.18/1;object-fit:contain;background:#f5f0dc;border-radius:10px;margin-bottom:16px}
.aojh-cast-grid-v18 h3{margin:0 0 8px;font-size:21px}
.aojh-cast-grid-v18 p{margin:0;color:var(--muted,#aaa);line-height:1.5}
.aojh-preview-img-v18{display:block;width:100%;margin:16px 0 18px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#fff}
.aojh-preview-card-v18{overflow:hidden}
@media(max-width:900px){
 .aojh-story-grid-v18{grid-template-columns:1fr;gap:26px}
 .aojh-cast-grid-v18{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .aojh-cast-grid-v18{grid-template-columns:1fr}
 .aojh-story-grid-v18 h2{font-size:40px}
}


/* V19 — interactive discipline motion */
.dcard{
  position:relative;
  isolation:isolate;
  transform-style:preserve-3d;
  --rx:0deg;
  --ry:0deg;
  --lift:0px;
  --px:0px;
  --py:0px;
  transform:perspective(850px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));
  transition:transform .28s cubic-bezier(.2,.72,.2,1),border-color .28s ease,box-shadow .28s ease;
  will-change:transform;
}
.dcard img{
  transform:translate3d(var(--px),calc(var(--py) - 8px),0) scale(1.075);
  transition:transform .42s cubic-bezier(.2,.72,.2,1),filter .32s ease;
  will-change:transform;
}
.dcard::before,.dcard::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  z-index:2;
  transition:opacity .28s ease;
}
.dcard::after{
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.0);
  box-shadow:inset 0 0 0 1px rgba(255,122,0,0);
}
@media (hover:hover) and (pointer:fine){
  .dcard:hover{
    --lift:-9px;
    border-color:rgba(255,122,0,.90);
    box-shadow:0 24px 50px rgba(0,0,0,.50),0 0 0 1px rgba(255,122,0,.18),0 0 26px rgba(255,122,0,.08);
    z-index:3;
  }
  .dcard:hover img{filter:brightness(1.13) saturate(1.11) contrast(1.055)}
  .dcard:hover::before,.dcard:hover::after{opacity:1}

  .dcard:nth-child(1)::before{
    background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.04) 43%,rgba(255,122,0,.22) 50%,rgba(255,255,255,.05) 56%,transparent 72%);
    background-size:260% 100%;
    background-position:130% 0;
  }
  .dcard:nth-child(1):hover::before{animation:dcard-film 1.05s cubic-bezier(.22,.7,.24,1) both}
  .dcard:nth-child(1):hover img{animation:dcard-push 1.1s ease-out both}

  .dcard:nth-child(2)::before{
    inset:-35%;
    background:conic-gradient(from 0deg,transparent 0 35%,rgba(255,122,0,.14) 45%,transparent 55% 100%);
    filter:blur(5px);
  }
  .dcard:nth-child(2):hover::before{animation:dcard-orbit 2.2s linear infinite}
  .dcard:nth-child(2):hover img{animation:dcard-3d 1.35s ease-in-out both}

  .dcard:nth-child(3)::before{
    background:
      repeating-linear-gradient(90deg,transparent 0 28px,rgba(104,177,255,.06) 29px 30px),
      linear-gradient(90deg,transparent 0%,rgba(90,171,255,.20) 48%,transparent 56%);
    background-size:auto,220% 100%;
    background-position:0 0,120% 0;
  }
  .dcard:nth-child(3):hover::before{animation:dcard-data 1.2s ease-out both}

  .dcard:nth-child(4)::before{
    background:linear-gradient(180deg,transparent 0 40%,rgba(85,164,255,.24) 49%,rgba(255,255,255,.18) 50%,rgba(85,164,255,.10) 52%,transparent 62%);
    transform:translateY(-115%);
  }
  .dcard:nth-child(4):hover::before{animation:dcard-scan 1.15s ease-in-out both}

  .dcard:nth-child(5)::before{
    inset:10% 7%;
    border-radius:8px;
    border:1px solid rgba(255,122,0,.28);
    box-shadow:0 0 0 0 rgba(255,122,0,.0);
  }
  .dcard:nth-child(5):hover::before{animation:dcard-pulse 1.45s ease-out infinite}

  .dcard:nth-child(6)::before{
    inset:-20%;
    background:radial-gradient(circle at 48% 50%,rgba(255,255,255,.24) 0,rgba(83,141,255,.12) 15%,rgba(255,122,0,.08) 26%,transparent 46%);
    transform:translateX(-35%);
  }
  .dcard:nth-child(6):hover::before{animation:dcard-stage 1.8s ease-in-out infinite alternate}

  .dcard:nth-child(7)::before{
    background:radial-gradient(ellipse at 51% 50%,rgba(255,151,45,.30) 0,rgba(255,122,0,.12) 13%,transparent 37%);
    transform:scale(.72);
  }
  .dcard:nth-child(7):hover::before{animation:dcard-door 1.35s ease-in-out infinite alternate}

  .dcard:nth-child(8)::before{
    background:
      linear-gradient(180deg,transparent 0 30%,rgba(64,145,255,.11) 31% 32%,transparent 33% 64%,rgba(255,122,0,.10) 65% 66%,transparent 67%),
      linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.05) 13% 14%,transparent 15%);
  }
  .dcard:nth-child(8):hover::before{animation:dcard-glitch 1.25s steps(1,end) infinite}
  .dcard:nth-child(8):hover img{animation:dcard-vfx 1.25s steps(1,end) infinite}
}
.dcard:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:3px;
  border-color:var(--orange);
}
@keyframes dcard-film{0%{background-position:130% 0}100%{background-position:-80% 0}}
@keyframes dcard-push{0%{transform:translate3d(var(--px),calc(var(--py) - 8px),0) scale(1.075)}48%{transform:translate3d(var(--px),calc(var(--py) - 10px),0) scale(1.115)}100%{transform:translate3d(var(--px),calc(var(--py) - 8px),0) scale(1.095)}}
@keyframes dcard-orbit{to{transform:rotate(360deg)}}
@keyframes dcard-3d{0%,100%{transform:translate3d(var(--px),calc(var(--py) - 8px),0) scale(1.085) rotate(0)}50%{transform:translate3d(var(--px),calc(var(--py) - 10px),0) scale(1.12) rotate(.85deg)}}
@keyframes dcard-data{0%{background-position:0 0,120% 0}100%{background-position:0 0,-120% 0}}
@keyframes dcard-scan{0%{transform:translateY(-115%)}100%{transform:translateY(115%)}}
@keyframes dcard-pulse{0%{transform:scale(.93);opacity:0;box-shadow:0 0 0 0 rgba(255,122,0,.28)}32%{opacity:.85}100%{transform:scale(1.06);opacity:0;box-shadow:0 0 0 14px rgba(255,122,0,0)}}
@keyframes dcard-stage{from{transform:translateX(-34%) translateY(-4%)}to{transform:translateX(34%) translateY(5%)}}
@keyframes dcard-door{from{transform:scale(.72);filter:brightness(.88)}to{transform:scale(1.08);filter:brightness(1.22)}}
@keyframes dcard-glitch{0%,100%{transform:translate(0);opacity:.32}18%{transform:translate(2px,-1px);opacity:.52}20%{transform:translate(-2px,1px);opacity:.24}54%{transform:translate(1px,0);opacity:.42}56%{transform:translate(0);opacity:.26}}
@keyframes dcard-vfx{0%,100%{transform:translate3d(var(--px),calc(var(--py) - 8px),0) scale(1.095)}19%{transform:translate3d(calc(var(--px) + 2px),calc(var(--py) - 10px),0) scale(1.105)}20%{transform:translate3d(calc(var(--px) - 2px),calc(var(--py) - 7px),0) scale(1.10)}55%{transform:translate3d(calc(var(--px) + 2px),calc(var(--py) - 8px),0) scale(1.105)}56%{transform:translate3d(var(--px),calc(var(--py) - 8px),0) scale(1.095)}}

@media (prefers-reduced-motion:reduce){
  .dcard,.dcard img,.dcard::before,.dcard::after{animation:none!important;transition:none!important;transform:none!important}
}


/* V21 — foreground subject animations for Eigen projecten */
.project-motion-v21{
  position:relative;
  transition:transform .28s cubic-bezier(.2,.72,.2,1),border-color .28s ease,box-shadow .28s ease;
}
.project-motion-v21 .project-media-v10{
  position:relative;
  isolation:isolate;
}
.project-motion-v21 .project-base-v21{
  position:relative;
  z-index:1;
  transition:transform .55s cubic-bezier(.2,.72,.2,1),filter .4s ease;
}
.project-subject-v21{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
  will-change:transform,opacity,filter;
}
.project-subject-v21 img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 18%;
  filter:saturate(1.02) contrast(1.035);
  transform:none;
}
.project-tik-v21 .project-subject-v21 img{
  object-position:center 28%;
}
.show-light-v21{
  position:absolute;
  inset:-12%;
  z-index:4;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(108deg,transparent 32%,rgba(108,169,255,.10) 44%,rgba(225,240,255,.48) 50%,rgba(94,155,255,.12) 56%,transparent 68%);
  transform:translateX(-75%);
  will-change:transform,opacity;
}

/* Subject masks — duplicate only the foreground subject from the original artwork */
.teddy-subject-v21{
  clip-path:polygon(0 0,59% 0,67% 22%,64% 58%,62% 74%,0 74%);
  transform-origin:31% 50%;
}
.tik-subject-v21{
  clip-path:polygon(38% 0,82% 0,88% 26%,88% 100%,35% 100%,39% 58%);
  transform-origin:61% 53%;
}
.show-left-v21{
  clip-path:polygon(0 0,49% 0,51% 77%,0 77%);
  transform-origin:28% 48%;
}
.show-right-v21{
  clip-path:polygon(43% 0,100% 0,100% 77%,46% 77%);
  transform-origin:72% 48%;
}
.project-show-v21 .project-subject-v21 img{
  object-position:center 18%;
}

@media (hover:hover) and (pointer:fine){
  .project-motion-v21:hover{
    transform:translateY(-6px);
    border-color:rgba(255,122,0,.62);
    box-shadow:0 25px 52px rgba(0,0,0,.46),0 0 0 1px rgba(255,122,0,.08);
    z-index:3;
  }
  .project-motion-v21:hover .project-base-v21{
    transform:scale(1.025);
    filter:saturate(.93) brightness(.94) contrast(1.04);
  }

  /* Teddy: bear steps toward the viewer, then settles */
  .project-teddy-v21:hover .teddy-subject-v21{
    opacity:1;
    animation:v21-teddy-forward .72s cubic-bezier(.18,.76,.22,1) both;
  }

  /* Tik: the gnome leans/steps forward with a tiny character nod */
  .project-tik-v21:hover .tik-subject-v21{
    opacity:1;
    animation:v21-tik-move .78s cubic-bezier(.18,.76,.22,1) both;
  }

  /* Show Elements: screen fields separate briefly while a light beam crosses */
  .project-show-v21:hover .show-left-v21{
    opacity:1;
    animation:v21-show-left .68s cubic-bezier(.18,.76,.22,1) both;
  }
  .project-show-v21:hover .show-right-v21{
    opacity:1;
    animation:v21-show-right .68s cubic-bezier(.18,.76,.22,1) both;
  }
  .project-show-v21:hover .show-light-v21{
    opacity:1;
    animation:v21-show-light .82s ease-out both;
  }
}

@keyframes v21-teddy-forward{
  0%{opacity:0;transform:translate3d(0,0,0) scale(1)}
  25%{opacity:.72}
  68%{opacity:1;transform:translate3d(5px,-5px,0) scale(1.105)}
  100%{opacity:1;transform:translate3d(4px,-3px,0) scale(1.075)}
}
@keyframes v21-tik-move{
  0%{opacity:0;transform:translate3d(0,0,0) scale(1) rotate(0)}
  22%{opacity:.75}
  58%{opacity:1;transform:translate3d(3px,-7px,0) scale(1.09) rotate(-1.2deg)}
  78%{transform:translate3d(4px,-4px,0) scale(1.075) rotate(.65deg)}
  100%{opacity:1;transform:translate3d(3px,-5px,0) scale(1.07) rotate(0)}
}
@keyframes v21-show-left{
  0%{opacity:0;transform:translate3d(0,0,0) scale(1)}
  35%{opacity:1}
  72%{transform:translate3d(-6px,-4px,0) scale(1.055)}
  100%{opacity:1;transform:translate3d(-4px,-3px,0) scale(1.04)}
}
@keyframes v21-show-right{
  0%{opacity:0;transform:translate3d(0,0,0) scale(1)}
  35%{opacity:1}
  72%{transform:translate3d(7px,-4px,0) scale(1.06)}
  100%{opacity:1;transform:translate3d(5px,-3px,0) scale(1.045)}
}
@keyframes v21-show-light{
  0%{opacity:0;transform:translateX(-75%)}
  22%{opacity:.92}
  100%{opacity:0;transform:translateX(75%)}
}

@media (max-width:800px){
  .project-subject-v21,.show-light-v21{display:none}
  .project-motion-v21:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .project-motion-v21,
  .project-motion-v21 .project-base-v21,
  .project-subject-v21,
  .show-light-v21{
    animation:none!important;
    transition:none!important;
    transform:none!important;
  }
  .project-subject-v21,.show-light-v21{display:none!important}
}


/* V22 — BRSP videoarchief + National School Survival */
.archive-hero-v22,.nss-hero-v22{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(255,122,0,.16),transparent 35%),linear-gradient(180deg,#0a0d11,#070a0e)}
.archive-hero-v22 h1,.nss-hero-v22 h1{font-size:clamp(48px,7vw,88px);line-height:.92;margin:22px 0 18px;letter-spacing:-.055em}
.archive-hero-v22 h1 em,.nss-hero-v22 h1 em,.nss-story-grid-v22 h2 em,.nss-archive-grid-v22 h2 em,.archive-next-v22 h2 em{color:var(--orange);font-style:normal}
.archive-hero-v22 p,.nss-hero-v22 p{max-width:720px;font-size:16px;line-height:1.65;color:var(--muted)}
.archive-stats-v22{display:flex;gap:34px;flex-wrap:wrap;margin-top:30px}
.archive-stats-v22 span{display:flex;flex-direction:column;color:#aeb5be;font-size:10px;line-height:1.4}
.archive-stats-v22 strong{color:#fff;font-size:20px;margin-bottom:3px}
.archive-video-grid-v22{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.archive-video-v22{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0c1117}
.archive-video-v22>div{padding:20px;display:flex;flex-direction:column;align-items:flex-start}
.archive-video-v22>div>span,.archive-tile-grid-v22 article>span{color:var(--orange);font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.archive-video-v22 h3,.archive-tile-grid-v22 h3{font-size:21px;line-height:1.1;margin:8px 0}
.archive-video-v22 p,.archive-tile-grid-v22 p{color:var(--muted);font-size:11px;line-height:1.55;margin:0 0 13px}
.archive-video-v22 a{color:var(--orange);font-size:10px;font-weight:800;margin-top:auto}
.archive-video-v22 .video-card{width:100%;height:100%;border:0;border-radius:0}
.archive-video-v22.featured{grid-column:1/-1;grid-template-columns:1.25fr 1fr}
.archive-dark-v22{background:linear-gradient(180deg,#06090c,#0a0d11)}
.archive-tile-grid-v22{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.archive-tile-grid-v22 article{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0d1117;padding-bottom:16px}
.archive-tile-grid-v22 h3,.archive-tile-grid-v22 p{margin-left:15px;margin-right:15px}
.archive-tile-grid-v22 .video-card{width:100%;border:0;border-radius:0 0 7px 7px}
.archive-next-v22{display:grid;grid-template-columns:1.4fr .9fr;align-items:center;gap:50px}
.archive-next-v22 p{color:var(--muted);line-height:1.65}
.nss-hero-grid-v22{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px}
.nss-hero-video-v22{width:100%;box-shadow:0 28px 70px rgba(0,0,0,.5);border-color:rgba(255,122,0,.35)}
.nss-facts-v22{padding-top:10px;padding-bottom:10px}
.nss-story-grid-v22{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}
.nss-story-grid-v22 h2,.nss-archive-grid-v22 h2{font-size:clamp(36px,5vw,62px);line-height:.98;margin:8px 0 0}
.nss-story-grid-v22 p,.nss-archive-grid-v22 p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 16px}
.nss-flow-v22{background:#090d12}
.nss-steps-v22{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.nss-steps-v22 article{padding:22px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(255,122,0,.08),rgba(255,255,255,.02))}
.nss-steps-v22 article>span{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.17em}
.nss-steps-v22 h3{font-size:20px;margin:24px 0 9px}
.nss-steps-v22 p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}
.nss-archive-grid-v22{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}
.nss-archive-grid-v22 ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nss-archive-grid-v22 li{padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#0d1218;color:#dfe3e8;font-size:11px}
.nss-archive-grid-v22 li:before{content:"✓";color:var(--orange);font-weight:900;margin-right:10px}
@media(max-width:900px){
  .archive-video-grid-v22,.nss-hero-grid-v22,.nss-story-grid-v22,.nss-archive-grid-v22,.archive-next-v22{grid-template-columns:1fr}
  .archive-video-v22.featured{grid-column:auto}
  .archive-tile-grid-v22,.nss-steps-v22{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nss-hero-grid-v22{gap:28px}
}
@media(max-width:620px){
  .archive-hero-v22 h1,.nss-hero-v22 h1{font-size:45px}
  .archive-stats-v22{gap:18px}
  .archive-video-v22,.archive-video-v22.featured{grid-template-columns:1fr}
  .archive-video-v22 .video-card{height:auto}
  .archive-tile-grid-v22,.nss-steps-v22{grid-template-columns:1fr}
  .nss-story-grid-v22,.nss-archive-grid-v22{gap:24px}
}

/* V22 mobile overflow guard */
.nss-hero-grid-v22>*,.nss-story-grid-v22>*,.nss-archive-grid-v22>*,.archive-next-v22>*,.archive-video-v22>*{min-width:0}
.nss-hero-video-v22,.nss-hero-video-v22 img{max-width:100%}
@media(max-width:620px){
  .nss-hero-v22,.archive-hero-v22{overflow:hidden}
  .nss-hero-grid-v22{width:calc(100% - 26px)}
  .nss-hero-v22 p,.archive-hero-v22 p{max-width:100%;overflow-wrap:anywhere}
}

/* V22 — fully documented TV-format cards */
.format-proof-v22{margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#8f98a3;font-size:9px;line-height:1.45}
.tv-formats-grid-v16 article a{display:inline-flex;align-items:center}
.tv-formats-grid-v16 article:has(.format-proof-v22){min-height:275px}
@media(max-width:620px){
  .tv-formats-grid-v16 article:has(.format-proof-v22){min-height:0}
  .format-proof-v22{font-size:10px}
}

@media(max-width:620px){
  html,body{max-width:100%;overflow-x:hidden}
  .nss-hero-grid-v22{grid-template-columns:minmax(0,1fr)!important;max-width:100%}
  .nss-hero-grid-v22>div,.nss-hero-grid-v22 .video-card{width:100%;max-width:100%;min-width:0}
}