*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:#f1efe8;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}.nav{height:74px;position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.16);mix-blend-mode:difference}.nav button{background:none;border:0;color:#fff;font:500 11px Space Mono,monospace;letter-spacing:.04em;cursor:pointer}.brand{text-align:left;font-size:16px!important;font-weight:600!important;letter-spacing:-.025em!important}.nav nav{display:flex;gap:28px}.nav-link{opacity:.45}.nav-link.active,.nav-link:hover{opacity:1}.clock{text-align:right;font:400 10px Space Mono,monospace;color:#fff}.view{display:none}.active-view{display:block}.hero{min-height:100vh;padding:118px 24px 26px;display:flex;flex-direction:column;justify-content:space-between}.hero-kicker,.eyebrow,.section-index{font:400 10px Space Mono,monospace;letter-spacing:.08em}.hero h1{font-size:clamp(68px,12.2vw,190px);line-height:.77;letter-spacing:-.075em;font-weight:500;margin:5vh 0 8vh;max-width:1450px}.hero h1 span{font-style:italic;font-weight:400;color:#c8ff3d}.hero-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #3c3c3c;padding-top:14px;font:400 10px Space Mono,monospace}.hero-bottom p{max-width:440px;margin:0;line-height:1.5}
.editorial-intro{margin:0 24px 120px;padding:28px 0 30px;border-top:1px solid #444;border-bottom:1px solid #444;display:grid;grid-template-columns:.8fr 2.1fr .8fr;gap:40px;align-items:start}.manifesto{font-size:clamp(30px,4.2vw,66px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:1000px}.manifesto em{color:#c8ff3d;font-weight:400}.manifesto-note{font:400 9px/1.6 Space Mono,monospace;color:#8f8f8f;text-align:right}
.projects{padding:0 24px 110px}.project{cursor:pointer}.feature-project{min-height:88vh;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:7vw;align-items:center;margin-bottom:150px}.project-copy-block{height:72vh;display:flex;flex-direction:column;justify-content:space-between;padding:6px 0}.project-count,.project-type,.project-cta{font:400 9px Space Mono,monospace;color:#8b8b8b}.project-copy-block h2{font-size:clamp(68px,9vw,145px);line-height:.77;letter-spacing:-.065em;margin:16px 0 24px}.project-blurb{font-size:15px;line-height:1.55;color:#aaa;max-width:430px}.project-cta{color:#f1efe8}.portrait-media{aspect-ratio:9/16;height:auto;max-height:none;min-height:0;position:relative;overflow:hidden;background:#181818}.feature-project .portrait-media{width:min(43vw,590px);justify-self:end}.media.has-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project:hover .media.has-video video{transform:scale(1.025)}
.work-break{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid #444;padding:16px 0 90px}.work-break span{font:400 9px Space Mono,monospace;color:#888}.work-break p{margin:0;font-size:clamp(22px,2.6vw,40px);line-height:1.05;letter-spacing:-.035em;max-width:760px}.editorial-pair{display:grid;grid-template-columns:minmax(260px,.84fr) minmax(260px,.84fr);gap:10vw;align-items:start;margin:0 4vw 160px}.vertical-card{width:100%}.offset-card{margin-top:15vw}.text-tile{min-height:180px;border-top:1px solid #444;padding:14px 0 45px;display:flex;justify-content:space-between;gap:20px}.text-tile span{font:400 9px Space Mono,monospace;color:#777}.text-tile p{margin:0;max-width:380px;font-size:18px;line-height:1.4;color:#c4c4c4}.expanded-meta{border-top:1px solid #444;margin-top:12px;padding-top:12px;display:grid;grid-template-columns:1.4fr 1fr auto;gap:20px}.expanded-meta h2{font-size:22px;letter-spacing:-.03em;margin:5px 0 0}.expanded-meta span,.expanded-meta p{font:400 9px/1.4 Space Mono,monospace;color:#888;margin:0}.expanded-meta .arrow{color:#f1efe8;font-size:18px}
.graphic-project{min-height:78vh;margin:0 0 150px;border-top:1px solid #444;border-bottom:1px solid #444;display:grid;grid-template-columns:.8fr 1.2fr;background:#0d0d0d}.graphic-copy{padding:28px 5vw 30px 0;display:flex;flex-direction:column}.graphic-copy>span,.graphic-copy b{font:400 9px Space Mono,monospace;color:#8f8f8f}.graphic-copy h2{font-size:clamp(58px,8vw,128px);line-height:.8;letter-spacing:-.07em;margin:auto 0 28px}.graphic-copy h2 span{color:#c8ff3d}.graphic-copy p{font-size:16px;line-height:1.5;color:#aaa;max-width:450px;margin:0 0 50px}.graphic-copy b{color:#fff}.graphic-canvas{position:relative;overflow:hidden;background:#dfe6dd;color:#101e18;min-height:620px}.kinetic{position:absolute;font-weight:600;letter-spacing:-.08em}.k1{font-size:clamp(80px,13vw,210px);left:-2%;top:5%}.k2{font-size:clamp(70px,11vw,170px);right:-2%;top:39%;font-style:italic}.k3{font:600 clamp(38px,6vw,95px) Space Mono,monospace;left:5%;bottom:5%;color:#365e4b}
.closing-work{padding:30px 0 40px}.closing-work>span{font:400 9px Space Mono,monospace;color:#888}.closing-work>h2{font-size:clamp(58px,8.4vw,135px);line-height:.82;letter-spacing:-.06em;margin:55px 0 80px}.closing-work em{font-weight:400;color:#c8ff3d}.selected-social-card{border-top:1px solid #555;border-bottom:1px solid #555;padding:25px 0;display:flex;justify-content:space-between;align-items:end;gap:30px}.selected-social-card p{font-size:34px;letter-spacing:-.04em;margin:0 0 12px}.selected-social-card span{display:block;max-width:620px;color:#999;line-height:1.5}.selected-social-card b{font:400 10px Space Mono,monospace;white-space:nowrap}
.overlay-view{min-height:100vh;padding:130px 24px 50px}.info-grid{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:60px}.info-copy h3{font-size:clamp(36px,5.4vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0 0 60px}.info-copy p{max-width:650px;font-size:16px;line-height:1.55;color:#bbb}.info-side{display:flex;flex-direction:column;gap:45px}.info-side span{font:400 9px Space Mono,monospace;color:#777}.info-side p{font-size:12px;line-height:1.7}.contact-wrap{min-height:calc(100vh - 180px);display:flex;flex-direction:column}.contact-wrap h3{font-size:clamp(60px,11vw,170px);line-height:.82;letter-spacing:-.07em;font-weight:500;margin:auto 0}.contact-wrap em{color:#c8ff3d;font-weight:400}.contact-links{display:flex;gap:30px;border-top:1px solid #444;padding-top:14px}.contact-links a,footer a{color:inherit;text-decoration:none;font:400 10px Space Mono,monospace}.contact-note{font:400 9px Space Mono,monospace;color:#777;margin-top:24px}footer{border-top:1px solid #444;margin:0 24px;padding:18px 0 35px;display:flex;justify-content:space-between;font:400 9px Space Mono,monospace;color:#999}
.project-modal{position:fixed;inset:0;z-index:80;background:#eeeae1;color:#111;overflow-y:auto;transform:translateY(100%);transition:transform .65s cubic-bezier(.77,0,.18,1)}.project-modal.open{transform:none}.close-modal{position:fixed;right:22px;top:16px;border:1px solid rgba(17,17,17,.3);background:#eeeae1;width:64px;height:64px;border-radius:50%;font-size:0;cursor:pointer;z-index:3;display:grid;place-items:center;transition:.25s}.close-modal span{font:300 47px/1 Inter,Arial,sans-serif;transform:translateY(-3px)}.close-modal:hover{background:#111;color:#eeeae1;transform:rotate(6deg)}.modal-inner{padding:105px 24px 42px}.modal-topline{display:flex;justify-content:space-between;padding-right:90px;font:10px Space Mono,monospace}.modal-title{font-size:clamp(70px,13vw,195px);line-height:.79;letter-spacing:-.075em;margin:45px 0 16px;max-width:1400px}.modal-role{font:10px Space Mono,monospace;margin:0 0 55px;color:#555}.modal-film{width:min(520px,44vw);aspect-ratio:9/16;background:#151515;margin:0 auto 70px;overflow:hidden}.modal-film video{width:100%;height:100%;object-fit:cover}.modal-film.placeholder{width:100%;aspect-ratio:16/8;display:grid;place-items:center;background:#101010;color:#777;font:10px Space Mono,monospace}.modal-story-grid{display:grid;grid-template-columns:.7fr 1.6fr .7fr;gap:40px;border-top:1px solid #aaa;padding:22px 0 95px}.modal-label{font:10px Space Mono,monospace}.modal-copy{font-size:clamp(25px,3vw,45px);line-height:1.08;letter-spacing:-.035em;margin:0}.modal-services{font:10px/1.7 Space Mono,monospace;color:#666}.modal-nav{border-top:1px solid #aaa;padding-top:12px;display:flex;justify-content:space-between;font:10px Space Mono,monospace}.close-bottom{border:0;background:none;font:inherit;cursor:pointer}.cursor{position:fixed;width:64px;height:64px;border-radius:50%;background:#c8ff3d;color:#111;display:grid;place-items:center;z-index:70;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,transform .2s}.cursor span{font:9px Space Mono,monospace}
@media(pointer:coarse){.cursor{display:none}}
@media(max-width:980px){.editorial-intro{grid-template-columns:1fr 2fr}.manifesto-note{grid-column:2;text-align:left}.feature-project{grid-template-columns:.8fr 1.2fr;gap:5vw}.editorial-pair{gap:7vw;margin-left:0;margin-right:0}.info-grid{grid-template-columns:.7fr 2fr}.info-side{grid-column:2}.modal-story-grid{grid-template-columns:.5fr 1.5fr}.modal-services{grid-column:2}}
@media(max-width:760px){.nav{grid-template-columns:1fr auto;height:62px;padding:0 14px}.brand{font-size:14px!important}.nav nav{gap:11px}.nav-link{font-size:9px!important}.clock{display:none}.hero{padding:95px 14px 20px;min-height:92vh}.hero h1{font-size:18.3vw;line-height:.81}.hero-bottom p{max-width:72%}.editorial-intro{margin:0 14px 80px;padding:20px 0;grid-template-columns:1fr;gap:24px}.manifesto{font-size:10vw}.manifesto-note{grid-column:auto;text-align:left}.projects{padding:0 14px 70px}.feature-project{display:flex;flex-direction:column-reverse;align-items:stretch;gap:34px;margin-bottom:100px}.feature-project .portrait-media{width:82vw;align-self:center}.project-copy-block{height:auto;gap:30px}.project-copy-block h2{font-size:17vw}.work-break{grid-template-columns:1fr;gap:18px;padding-bottom:60px}.work-break p{font-size:8vw}.editorial-pair{grid-template-columns:1fr;gap:85px;margin:0 0 100px}.vertical-card{width:82vw}.offset-card{margin:0 0 0 auto}.text-tile{min-height:0;padding-bottom:26px;display:block}.text-tile p{margin-top:20px}.expanded-meta{grid-template-columns:1fr auto}.expanded-meta p{grid-row:2}.expanded-meta .arrow{grid-column:2;grid-row:1}.graphic-project{grid-template-columns:1fr;margin-bottom:100px}.graphic-copy{min-height:500px;padding:24px 0}.graphic-copy h2{font-size:18vw}.graphic-canvas{min-height:420px}.closing-work>h2{font-size:15vw;margin:45px 0 60px}.selected-social-card{align-items:flex-start;flex-direction:column}.selected-social-card p{font-size:28px}.overlay-view{padding:100px 14px 35px}.info-grid{grid-template-columns:1fr;gap:35px}.info-side{grid-column:auto}.info-copy h3{margin-bottom:35px}.contact-wrap h3{font-size:19vw}footer{margin:0 14px;gap:20px;flex-direction:column}.close-modal{right:14px;top:12px;width:58px;height:58px}.modal-inner{padding:90px 14px 30px}.modal-topline{padding-right:72px}.modal-title{font-size:18vw}.modal-film{width:82vw;margin-bottom:55px}.modal-film.placeholder{width:100%;aspect-ratio:4/3}.modal-story-grid{grid-template-columns:1fr;gap:24px;padding-bottom:65px}.modal-services{grid-column:auto}}


/* V4 — tighter viewport composition */
.compact-work-index{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #444;padding:14px 0 70px;font:400 9px Space Mono,monospace;color:#888}
.feature-project{min-height:auto;grid-template-columns:minmax(300px,.95fr) minmax(300px,1.05fr);gap:6vw;margin-bottom:120px}
.project-copy-block{height:min(68vh,620px)}
.feature-project .portrait-media{width:min(34vw,430px);max-height:68vh}
.editorial-pair{grid-template-columns:minmax(240px,.72fr) minmax(240px,.72fr);gap:9vw;margin:0 7vw 130px}
.vertical-card .portrait-media{width:min(29vw,390px);max-height:66vh;margin-inline:auto}
.offset-card{margin-top:9vw}
.graphic-project{min-height:68vh}
.modal-film{width:min(390px,34vw);max-height:66vh;margin-bottom:55px}
.modal-story-grid{grid-template-columns:.55fr 2.15fr .65fr;gap:34px;padding-bottom:80px}
.modal-copy{font-size:clamp(23px,2.25vw,36px);line-height:1.13;max-width:980px}
.close-modal{width:72px;height:72px}.close-modal span{font-size:52px}
.comparison-ready{padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:#dfe6dd;color:#101e18}
.comparison-header{display:flex;justify-content:space-between;font:600 10px Space Mono,monospace;letter-spacing:.03em}
.comparison-placeholder{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:auto 0}
.comparison-placeholder>div{aspect-ratio:9/16;background:#cbd4c9;border:1px solid rgba(16,30,24,.25);display:flex;flex-direction:column;justify-content:space-between;padding:14px}
.comparison-placeholder b{font:600 30px Inter,sans-serif}.comparison-placeholder span,.comparison-note{font:400 9px/1.5 Space Mono,monospace}
.comparison-note{max-width:360px;opacity:.7}
@media(max-width:980px){.feature-project .portrait-media{width:min(39vw,410px)}.vertical-card .portrait-media{width:min(34vw,360px)}.modal-film{width:min(45vw,390px)}.modal-story-grid{grid-template-columns:.45fr 1.8fr}.modal-services{grid-column:2}}
@media(max-width:760px){.compact-work-index{padding-bottom:48px}.feature-project .portrait-media{width:min(72vw,340px);max-height:none}.project-copy-block{height:auto}.vertical-card .portrait-media{width:min(70vw,330px);max-height:none}.editorial-pair{margin-left:0;margin-right:0}.offset-card{margin-top:0}.graphic-project{min-height:auto}.comparison-ready{min-height:480px}.comparison-placeholder{gap:8px}.comparison-placeholder>div{padding:9px}.modal-film{width:min(72vw,340px);max-height:none}.modal-story-grid{grid-template-columns:1fr}.modal-copy{font-size:clamp(23px,7vw,34px);max-width:none}.modal-services{grid-column:auto}.close-modal{width:64px;height:64px}.close-modal span{font-size:48px}}

/* V5 — live comparison, contact actions & persistent scroll cue */
.comparison-videos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:auto 0;align-items:start}
.comparison-videos figure{margin:0;min-width:0}
.comparison-videos video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#bfc8bd;border:1px solid rgba(16,30,24,.2)}
.comparison-videos figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:9px;font:400 9px Space Mono,monospace}
.comparison-videos figcaption b{font-weight:600}.comparison-videos figcaption span{text-align:right}
.contact-buttons{gap:12px;border-top:0;padding-top:0;margin-top:28px;flex-wrap:wrap}
.contact-button{min-width:210px;border:1px solid #555;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;transition:.25s;background:transparent}
.contact-button:hover{background:#f1efe8;color:#0b0b0b;border-color:#f1efe8}.contact-button b{font-size:16px;font-weight:400}
.scroll-rail{position:fixed;right:10px;top:92px;bottom:20px;z-index:60;width:18px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;color:rgba(255,255,255,.7);mix-blend-mode:difference}
.scroll-word{font:400 7px Space Mono,monospace;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
.scroll-track{position:relative;flex:1;width:1px;background:rgba(255,255,255,.28);min-height:90px}
.scroll-thumb{position:absolute;top:0;left:-1px;width:3px;height:44px;background:#fff;transform:translateY(0);transition:height .15s}
.scroll-arrow{font:400 11px Space Mono,monospace}
.project-modal.open~.scroll-rail{mix-blend-mode:normal;color:#111}.project-modal.open~.scroll-rail .scroll-track{background:rgba(17,17,17,.22)}.project-modal.open~.scroll-rail .scroll-thumb{background:#111}
.modal-film.comparison-film{width:min(780px,72vw);aspect-ratio:auto;max-height:none;background:transparent;display:grid;grid-template-columns:1fr 1fr;gap:18px;overflow:visible}
.modal-film.comparison-film figure{margin:0}.modal-film.comparison-film video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#111}.modal-film.comparison-film figcaption{display:flex;justify-content:space-between;padding-top:9px;font:9px Space Mono,monospace;color:#444}
@media(max-width:760px){.comparison-videos{gap:8px}.comparison-videos figcaption{font-size:7px;flex-direction:column}.contact-button{min-width:100%}.scroll-rail{right:4px;top:75px;bottom:12px}.scroll-word{display:none}.modal-film.comparison-film{width:92vw;grid-template-columns:1fr 1fr;gap:8px}.modal-film.comparison-film figcaption{font-size:7px;flex-direction:column;gap:3px}}

/* V6 — wider information layout, larger contact actions, tablet + phone polish */
.info-grid{
  grid-template-columns:minmax(110px,.42fr) minmax(0,2.85fr) minmax(210px,.82fr);
  gap:clamp(28px,4vw,72px);
  max-width:1700px;
  margin:0 auto;
}
.info-copy{max-width:1120px}
.info-copy h3{
  max-width:980px;
  font-size:clamp(28px,3.3vw,52px);
  line-height:1.05;
  letter-spacing:-.04em;
  margin:0 0 42px;
}
.info-copy p{max-width:1040px}
.info-copy p:first-of-type{
  font-size:clamp(30px,3.4vw,52px);
  line-height:1.1;
  letter-spacing:-.035em;
  color:#f1efe8;
  margin:0 0 34px;
}
.info-copy p:nth-of-type(2){
  font-size:clamp(17px,1.45vw,22px);
  line-height:1.5;
  color:#aaa;
  max-width:900px;
}
.contact-buttons{gap:18px;margin-top:34px}
.contact-button{
  min-width:300px;
  min-height:78px;
  padding:24px 26px;
  font-size:13px!important;
  letter-spacing:.04em;
}
.contact-button b{font-size:22px}

/* Tablet */
@media (min-width:761px) and (max-width:1100px){
  .nav{padding:0 20px;grid-template-columns:1fr auto}.clock{display:none}.nav nav{gap:20px}
  .hero{padding:108px 20px 26px;min-height:90vh}.hero h1{font-size:clamp(82px,13.5vw,140px);margin:4vh 0 6vh}.hero-bottom p{max-width:52%}
  .projects{padding-inline:20px}.compact-work-index{padding-bottom:54px}
  .feature-project{grid-template-columns:.9fr 1.1fr;gap:5vw;margin-bottom:100px}.project-copy-block{height:min(58vh,560px)}
  .feature-project .portrait-media{width:min(38vw,360px);max-height:58vh}
  .project-copy-block h2{font-size:clamp(68px,9vw,105px)}
  .editorial-pair{grid-template-columns:1fr 1fr;gap:7vw;margin:0 2vw 110px}.vertical-card .portrait-media{width:min(34vw,330px);max-height:58vh}.offset-card{margin-top:8vw}
  .graphic-project{grid-template-columns:.75fr 1.25fr;min-height:auto}.graphic-copy{padding-right:4vw}.graphic-canvas{min-height:560px}.comparison-ready{padding:18px}.comparison-videos{gap:10px}
  .closing-work>h2{font-size:10.5vw}
  .overlay-view{padding:112px 20px 44px}.info-grid{grid-template-columns:120px minmax(0,1fr);gap:34px}.info-side{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #333;padding-top:28px}.info-copy h3{font-size:clamp(30px,4.2vw,46px);max-width:850px}.info-copy p:first-of-type{font-size:clamp(30px,4.4vw,48px);max-width:880px}
  .contact-wrap h3{font-size:clamp(76px,13vw,130px)}.contact-button{min-width:280px;min-height:76px}
  .modal-inner{padding:100px 20px 36px}.modal-title{font-size:clamp(82px,15vw,150px)}.modal-film{width:min(42vw,360px);max-height:60vh}.modal-film.comparison-film{width:min(820px,88vw);gap:12px}.modal-story-grid{grid-template-columns:140px minmax(0,1fr);gap:28px}.modal-services{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 20px}.modal-copy{font-size:clamp(26px,3.4vw,38px)}
  .scroll-rail{right:6px}
}

/* Phones */
@media (max-width:760px){
  .nav{height:auto;min-height:64px;padding:10px 14px;grid-template-columns:1fr auto;align-items:center}.brand{font-size:13px!important;white-space:nowrap}.nav nav{gap:9px}.nav-link{font-size:8px!important;padding:4px 0}.clock{display:none}
  .hero{padding:94px 14px 22px;min-height:88svh}.hero-kicker{font-size:8px}.hero h1{font-size:17.3vw;line-height:.84;margin:8vh 0 6vh;max-width:100%}.hero-bottom{gap:16px;align-items:flex-start}.hero-bottom p{max-width:68%;font-size:8px}.hero-bottom span{font-size:8px;white-space:nowrap}
  .projects{padding:0 14px 60px}.compact-work-index{padding:12px 0 42px;font-size:7px}
  .feature-project{display:flex;flex-direction:column-reverse;gap:28px;margin-bottom:78px}.feature-project .portrait-media{width:min(68vw,300px);max-height:62svh;align-self:center}.project-copy-block{height:auto;gap:24px}.project-copy-block h2{font-size:15.8vw;margin:12px 0 18px}.project-blurb{font-size:13px;max-width:92%}
  .work-break{grid-template-columns:1fr;gap:14px;padding:14px 0 54px}.work-break p{font-size:7.2vw;max-width:94%}
  .editorial-pair{grid-template-columns:1fr;gap:66px;margin:0 0 86px}.vertical-card{width:100%}.vertical-card .portrait-media{width:min(66vw,292px);max-height:60svh}.offset-card{margin:0}.text-tile{padding-bottom:20px}.text-tile p{font-size:15px;max-width:92%}.expanded-meta{gap:12px}.expanded-meta h2{font-size:18px}.expanded-meta p{font-size:8px}
  .graphic-project{grid-template-columns:1fr;margin-bottom:86px}.graphic-copy{min-height:360px;padding:20px 0 28px}.graphic-copy h2{font-size:16vw}.graphic-copy p{font-size:14px;max-width:92%;margin-bottom:34px}.graphic-canvas{min-height:auto}.comparison-ready{padding:12px}.comparison-header{font-size:7px;gap:8px}.comparison-videos{grid-template-columns:1fr 1fr;gap:7px;margin:22px 0}.comparison-videos video{max-height:58svh}.comparison-videos figcaption{font-size:6.5px;gap:4px}.comparison-note{font-size:7px;max-width:90%}
  .closing-work{padding-bottom:20px}.closing-work>h2{font-size:13.2vw;margin:34px 0 46px}.selected-social-card{padding:18px 0;gap:24px}.selected-social-card p{font-size:24px}.selected-social-card span{font-size:12px;line-height:1.45}
  footer{margin:0 14px;padding-bottom:28px;gap:13px;font-size:7px}

  .overlay-view{padding:96px 14px 30px}.info-grid{display:block;max-width:none;margin:0}.info-grid>.eyebrow{margin-bottom:34px}.info-copy{max-width:none}.info-copy h3{font-size:clamp(24px,7.4vw,34px);line-height:1.08;max-width:96%;margin-bottom:30px}.info-copy p:first-of-type{font-size:clamp(29px,8.2vw,38px);line-height:1.08;max-width:100%;margin-bottom:28px}.info-copy p:nth-of-type(2){font-size:16px;line-height:1.5;max-width:96%;margin-bottom:46px}.info-side{display:grid;grid-template-columns:1fr 1fr;gap:30px 18px;border-top:1px solid #333;padding-top:26px}.info-side>div:first-child{grid-column:1/-1}.info-side p{font-size:10px}

  .contact-wrap{min-height:calc(100svh - 126px)}.contact-wrap h3{font-size:17vw;line-height:.84;margin:10vh 0 7vh}.contact-buttons{display:grid;grid-template-columns:1fr;gap:10px;margin-top:auto}.contact-button{min-width:100%;min-height:72px;padding:20px 20px;font-size:12px!important}.contact-button b{font-size:20px}.contact-note{font-size:8px;line-height:1.45;margin-top:18px}

  .project-modal{overscroll-behavior:contain}.close-modal{right:12px;top:10px;width:60px;height:60px}.close-modal span{font-size:46px}.modal-inner{padding:86px 14px 28px}.modal-topline{padding-right:66px;font-size:8px}.modal-title{font-size:17vw;line-height:.84;margin:30px 0 12px;overflow-wrap:anywhere}.modal-role{font-size:8px;line-height:1.5;margin-bottom:38px}.modal-film{width:min(68vw,300px);max-height:62svh;margin-bottom:44px}.modal-film.comparison-film{width:100%;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:44px}.modal-film.comparison-film video{max-height:58svh}.modal-film.comparison-film figcaption{font-size:6.5px;gap:3px}.modal-story-grid{grid-template-columns:1fr;gap:18px;padding:18px 0 54px}.modal-copy{font-size:clamp(23px,6.8vw,31px);line-height:1.12}.modal-services{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:8px;line-height:1.45}.modal-nav{font-size:8px;gap:18px}
  .scroll-rail{right:3px;top:72px;bottom:10px;width:11px}.scroll-arrow{font-size:8px}.scroll-thumb{width:2px}.scroll-word{display:none}
}

@media (max-width:420px){
  .nav nav{gap:7px}.brand{font-size:12px!important}.nav-link{font-size:7.5px!important}
  .hero h1{font-size:17vw}.hero-bottom p{max-width:64%}
  .feature-project .portrait-media,.vertical-card .portrait-media,.modal-film{width:min(72vw,286px)}
  .comparison-videos,.modal-film.comparison-film{gap:5px}
  .comparison-videos figcaption,.modal-film.comparison-film figcaption{font-size:6px}
  .info-side{grid-template-columns:1fr}.info-side>div:first-child{grid-column:auto}
}

/* V7 refinements — symmetry, readable information layout, uncropped case-study media */
.info-grid{grid-template-columns:.58fr minmax(0,2.85fr) 1fr;gap:48px}
.info-copy{max-width:1120px}
.info-copy h3{max-width:1080px;font-size:clamp(32px,4.35vw,68px);line-height:1.02;font-weight:600;margin:0 0 52px}
.info-copy p{max-width:980px;font-size:17px;line-height:1.58;font-weight:400;color:#aaa}
.info-copy p strong,.info-copy b{font-weight:400}
.info-side,.info-side span,.info-side p{font-weight:400}

.editorial-pair{align-items:start;gap:8vw;margin-top:0}
.vertical-card,.vertical-card.offset-card{margin-top:0!important}
.vertical-card .portrait-media{width:min(37vw,470px);margin:0 auto}
.expanded-meta{min-height:102px;align-items:start}

.modal-heading-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.55fr);gap:56px;align-items:end;margin:42px 0 34px}
.modal-heading-main{min-width:0}.modal-title{margin:0 0 14px}.modal-role{margin:0;color:#555}
.modal-skills-top{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-end;gap:7px 8px;padding-bottom:5px}
.modal-skills-top span{border:1px solid rgba(17,17,17,.34);border-radius:999px;padding:7px 10px;font:500 8px/1 Space Mono,monospace;letter-spacing:.02em;white-space:nowrap}
.modal-film{width:auto;height:min(72svh,780px);aspect-ratio:9/16;max-width:calc(100vw - 48px);margin:0 auto 62px;background:#151515;overflow:hidden}
.modal-film video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.modal-film.comparison-film{width:min(900px,78vw);height:auto;aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:transparent;overflow:visible}
.modal-film.comparison-film figure{margin:0;min-width:0}.modal-film.comparison-film video{width:100%;height:auto;max-height:72svh;aspect-ratio:9/16;object-fit:contain;background:#111}
.modal-film.comparison-film figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:8px;font:8px Space Mono,monospace;color:#555}
.modal-story-grid{grid-template-columns:.7fr 2.3fr;gap:40px}.modal-services{display:none}

@media(max-width:980px){
  .info-grid{grid-template-columns:.42fr minmax(0,2.35fr);gap:34px}.info-side{grid-column:2}
  .editorial-pair{gap:5vw}.vertical-card .portrait-media{width:min(41vw,430px)}
  .modal-heading-row{grid-template-columns:1fr;gap:22px;align-items:start}.modal-skills-top{max-width:700px}
  .modal-film{height:min(68svh,700px)}
}
@media(max-width:760px){
  .info-grid{display:block}.info-copy h3{font-size:clamp(27px,8.2vw,38px);line-height:1.05;max-width:100%;margin-bottom:34px}.info-copy p{font-size:15px;line-height:1.55;max-width:100%}
  .editorial-pair{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:88px}.vertical-card .portrait-media{width:100%;max-width:none}.expanded-meta{display:block;min-height:132px;padding-right:4px}.expanded-meta>p{margin-top:10px}.expanded-meta .arrow{display:block;margin-top:8px}
  .modal-heading-row{margin:28px 0 26px;gap:18px}.modal-title{font-size:16vw;line-height:.86;overflow-wrap:normal;word-break:normal}.modal-skills-top{gap:5px 6px}.modal-skills-top span{font-size:7px;padding:6px 8px}
  .modal-film{width:auto!important;height:min(64svh,620px)!important;aspect-ratio:9/16;max-width:88vw;margin:0 auto 42px}.modal-film video{object-fit:contain!important}
  .modal-film.comparison-film{width:100%!important;height:auto!important;max-width:none;grid-template-columns:1fr 1fr;gap:6px}.modal-film.comparison-film video{height:auto!important;max-height:60svh;object-fit:contain!important}
  .modal-story-grid{grid-template-columns:1fr;gap:18px}.modal-services{display:none}
}
@media(max-width:520px){
  .editorial-pair{grid-template-columns:1fr;gap:58px}.expanded-meta{min-height:0}.vertical-card .portrait-media{width:min(78vw,330px);margin:0 auto}.vertical-card .expanded-meta{width:min(78vw,330px);margin-left:auto;margin-right:auto}
  .modal-film{height:min(62svh,560px)!important;max-width:90vw}.modal-film.comparison-film{grid-template-columns:1fr 1fr}
}


/* V8 — larger skill chips + full-length project playback controls */
.modal-controls{position:fixed;top:18px;right:18px;z-index:82;display:flex;align-items:center;gap:10px}
.modal-controls .close-modal{position:static!important;right:auto!important;top:auto!important}
.sound-toggle{width:86px;height:54px;border-radius:999px;border:1px solid rgba(17,17,17,.24);background:#f1efe8;color:#111;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:600 8px/1 Space Mono,monospace;letter-spacing:.04em;transition:transform .2s ease,background .2s ease,color .2s ease}
.sound-toggle:hover{transform:scale(1.03)}
.sound-toggle.sound-on{background:#111;color:#f1efe8;border-color:#111}
.sound-icon{font-size:13px;line-height:1}.sound-label{transform:translateY(.5px)}
.modal-skills-top{gap:9px 10px}
.modal-skills-top span{font-size:10px!important;padding:9px 13px!important;line-height:1!important}

@media(max-width:980px){
  .modal-skills-top span{font-size:9px!important;padding:8px 11px!important}
  .modal-controls{top:14px;right:14px;gap:8px}.sound-toggle{width:78px;height:50px}
}
@media(max-width:760px){
  .modal-controls{top:9px;right:10px;gap:7px}
  .modal-controls .close-modal{width:60px;height:60px}
  .sound-toggle{width:72px;height:48px;font-size:7px}.sound-icon{font-size:12px}
  .modal-topline{padding-right:142px}
  .modal-skills-top span{font-size:8px!important;padding:7px 9px!important}
}
@media(max-width:420px){
  .modal-controls{right:8px}.sound-toggle{width:68px;height:44px}.modal-controls .close-modal{width:56px;height:56px}
  .modal-topline{padding-right:132px}
}

/* V9 — Revolt project + single-player AI comparison */
.revolt-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);gap:7vw;align-items:center;margin:0 0 12vw;padding:5vw 0;border-top:1px solid #292929;border-bottom:1px solid #292929}
.revolt-copy{display:flex;flex-direction:column;align-items:flex-start;min-height:520px;padding:1vw 0}
.revolt-copy>span{font:8px Space Mono,monospace;color:#777;letter-spacing:.05em}
.revolt-copy h2{font-size:clamp(64px,9vw,145px);line-height:.8;letter-spacing:-.075em;margin:8vh 0 26px}
.revolt-copy p{font-size:15px;line-height:1.5;max-width:470px;color:#aaa}
.revolt-copy b{margin-top:auto;font:8px Space Mono,monospace;letter-spacing:.04em}
.revolt-media{width:min(34vw,440px);justify-self:end}

.comparison-switcher,.modal-compare-tabs{display:flex;gap:6px;align-items:center;margin:18px 0 8px}
.comparison-tab,.modal-compare-tab{border:1px solid rgba(255,255,255,.24);background:transparent;color:#aaa;border-radius:999px;padding:9px 13px;font:600 8px/1 Space Mono,monospace;cursor:pointer;letter-spacing:.04em}
.comparison-tab.active{background:#f1efe8;color:#111;border-color:#f1efe8}
.single-comparison-player{width:min(40%,360px);margin:18px auto 22px}
.single-comparison-player video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#111}
.single-comparison-player figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:9px;font:7px Space Mono,monospace;color:#aaa}
.comparison-note strong{color:#f1efe8;font-weight:600}

.modal-film.comparison-film.single-compare{display:block!important;width:min(390px,34vw)!important;height:auto!important;aspect-ratio:auto!important;max-width:calc(100vw - 48px);background:transparent;overflow:visible}
.single-compare .modal-compare-tabs{justify-content:center;margin:0 0 12px}
.single-compare .modal-compare-tab{border-color:rgba(17,17,17,.28);color:#555}
.single-compare .modal-compare-tab.active{background:#111;color:#f1efe8;border-color:#111}
.single-compare figure{margin:0}
.single-compare video{width:100%;height:auto!important;max-height:72svh;aspect-ratio:9/16;object-fit:contain;background:#111}
.single-compare figcaption{display:flex;justify-content:space-between;padding-top:9px;font:8px Space Mono,monospace;color:#555}

@media(max-width:980px){
  .revolt-project{grid-template-columns:1fr minmax(280px,40vw);gap:5vw;margin-bottom:11vw}.revolt-copy{min-height:440px}.revolt-copy h2{font-size:clamp(58px,10vw,100px)}.revolt-media{width:100%}
  .single-comparison-player{width:min(48%,330px)}
  .modal-film.comparison-film.single-compare{width:min(360px,46vw)!important}
}
@media(max-width:760px){
  .revolt-project{grid-template-columns:1fr;gap:30px;padding:42px 0 70px;margin-bottom:84px}.revolt-copy{min-height:0}.revolt-copy h2{font-size:15vw;margin:36px 0 18px}.revolt-copy p{font-size:13px;max-width:92%;margin-bottom:30px}.revolt-copy b{margin-top:0}.revolt-media{width:min(68vw,300px);justify-self:center}
  .single-comparison-player{width:min(68vw,300px);margin:20px auto}.comparison-switcher{margin-top:16px}
  .modal-film.comparison-film.single-compare{width:min(72vw,320px)!important;max-width:88vw!important}.single-compare video{max-height:62svh}
}

/* V10 — larger skills, balanced Revolt card, dual 1CleanAir playback, sound cue */
.modal-heading-row{grid-template-columns:minmax(0,1fr) minmax(420px, .95fr)!important;align-items:center!important}
.modal-skills-top{justify-content:center!important;align-content:center!important;align-self:center!important;gap:12px 14px!important;padding:0!important}
.modal-skills-top span{font-size:12px!important;padding:11px 16px!important;font-weight:600!important}

.revolt-project{min-height:min(86svh,860px)}
.revolt-media{width:min(28vw,390px)!important;max-height:72svh;overflow:hidden}
.revolt-media video{width:100%;height:100%;object-fit:cover}

.home-clean-dual{margin:18px 0 22px!important}
.home-clean-dual video{max-height:58svh;object-fit:contain!important}

.sound-toggle{animation:soundPulse 2.4s ease-in-out infinite;transform-origin:center}
.sound-toggle.sound-on{animation:none}
@keyframes soundPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(17,17,17,.0)}50%{transform:scale(1.055);box-shadow:0 0 0 7px rgba(17,17,17,.06)}}

@media(max-width:1100px){
  .modal-heading-row{grid-template-columns:1fr!important;gap:20px!important;align-items:start!important}
  .modal-skills-top{justify-content:flex-start!important;align-self:start!important}
  .revolt-project{min-height:auto}.revolt-media{width:min(40vw,360px)!important;max-height:62svh}
}
@media(max-width:760px){
  .modal-skills-top{justify-content:flex-start!important;gap:8px 9px!important}
  .modal-skills-top span{font-size:9px!important;padding:8px 11px!important}
  .revolt-project{min-height:auto!important}
  .revolt-media{width:min(62vw,280px)!important;max-height:58svh!important;justify-self:center!important}
  .home-clean-dual{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .home-clean-dual video{max-height:48svh}
}


/* V11 — repair 1CleanAir modal + keep skills in a dedicated right column */
.modal-heading-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px)!important;
  gap:clamp(36px,5vw,88px)!important;
  align-items:center!important;
}
.modal-heading-main{min-width:0!important;max-width:100%!important}
.modal-skills-top{
  justify-content:flex-end!important;
  align-content:center!important;
  align-self:center!important;
  justify-self:end!important;
  width:100%!important;
  max-width:520px!important;
  gap:10px 11px!important;
  padding:0!important;
}
.modal-skills-top span{
  font-size:11px!important;
  padding:10px 14px!important;
  white-space:nowrap!important;
}
@media(max-width:1100px) and (min-width:761px){
  .modal-heading-row{
    grid-template-columns:minmax(0,1fr) minmax(290px,390px)!important;
    gap:30px!important;
    align-items:center!important;
  }
  .modal-skills-top{
    justify-content:flex-end!important;
    justify-self:end!important;
    max-width:390px!important;
  }
  .modal-skills-top span{font-size:9px!important;padding:8px 11px!important}
}
@media(max-width:760px){
  .modal-heading-row{grid-template-columns:1fr!important;gap:16px!important;align-items:start!important}
  .modal-skills-top{justify-content:flex-start!important;justify-self:start!important;max-width:100%!important}
}

/* Keep video surfaces in their layout; project cards and sound buttons handle taps. */
video {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
video::-webkit-media-controls {
  display: none !important;
}

/* V13 — compact opening and more readable supporting text */
.hero{min-height:52svh;padding-top:110px;gap:24px}
.hero h1{font-size:clamp(48px,7.2vw,112px);line-height:.9;margin:12px 0 20px;max-width:1000px}
.hero-kicker,.eyebrow,.hero-bottom,.compact-work-index{font-size:12px;line-height:1.5}
.compact-work-index{padding-bottom:40px;gap:16px}
.project-count,.project-type,.project-cta,.work-break>span,
.expanded-meta span,.expanded-meta p,.graphic-copy>span,.graphic-copy b,
.revolt-copy>span,.revolt-copy b,.closing-work>span,.selected-social-card b,
.comparison-header,.comparison-videos figcaption,.comparison-note,
.modal-topline,.modal-role,.modal-label,.modal-nav,.modal-film.comparison-film figcaption,
.info-side span,.contact-note,footer,footer a{font-size:12px;line-height:1.5}
.expanded-meta .arrow{font-size:20px}
.expanded-meta p{overflow-wrap:break-word}
@media(max-width:760px){
 .hero{min-height:52svh;padding:90px 14px 24px;gap:20px}
 .hero h1{font-size:11.5vw;line-height:.94;margin:8px 0 12px}
 .hero-kicker,.hero-bottom,.hero-bottom p,.hero-bottom span,.compact-work-index{font-size:10px}
 .hero-bottom p{max-width:65%}
 .compact-work-index{padding-bottom:32px;align-items:flex-start}
 .project-count,.project-type,.project-cta,.work-break>span,
 .expanded-meta span,.expanded-meta p,.graphic-copy>span,.graphic-copy b,
 .revolt-copy>span,.revolt-copy b,.closing-work>span,.selected-social-card b,
 .comparison-header,.comparison-videos figcaption,.comparison-note,
 .modal-topline,.modal-role,.modal-label,.modal-nav,.modal-film.comparison-film figcaption,
 .info-side span,.contact-note,footer,footer a{font-size:10px;line-height:1.5}
 .comparison-header{flex-wrap:wrap}
 .modal-film.comparison-film figcaption{flex-direction:column}
}