/* Three related pages, each with its own editorial rhythm. */
.identity-wrap{width:min(calc(100% - clamp(40px,8vw,180px)),2000px);margin-inline:auto}
.identity-hero{position:relative;isolation:isolate;overflow:hidden}
.identity-section-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.identity-section-label:before{content:"";display:inline-block;width:26px;height:1px;margin:0 12px 4px 0;background:currentColor}

/* THE WORK — dark visual index, horizontal masked type and staggered media. */
.page-work{background:#f5f3fa}
.page-work .site-header:not(.is-scrolled):not(.menu-active){color:#fff}
.page-work .site-header:not(.is-scrolled):not(.menu-active) .nav-contact{background:#fff;color:#201b34}
.page-work .site-header:not(.is-scrolled):not(.menu-active) .menu-toggle{color:#241b40;background:#fff;border-color:rgba(255,255,255,.5)}
.work-hero{min-height:min(940px,100svh);background:#181528;color:#f6f1ff}
.work-hero:before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(circle at 80% 24%,rgba(97,76,182,.48),transparent 29%),radial-gradient(circle at 61% 85%,rgba(226,149,207,.20),transparent 32%);animation:work-light 18s ease-in-out infinite alternate}
.work-hero:after{content:"";position:absolute;inset:0;opacity:.24;pointer-events:none;background:linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.2) 50%,transparent 50.05%);background-size:9% 100%;mask-image:linear-gradient(90deg,transparent 10%,#000 90%)}
.work-hero-inner{position:relative;z-index:1;min-height:inherit;display:flex;flex-direction:column;padding-top:clamp(135px,11vw,195px);padding-bottom:35px}
.work-hero-meta,.work-hero-foot,.collaborate-topline,.collaborate-bottomline{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.work-hero-meta{color:#cec5ee}.work-hero-meta span:first-child{color:#ffc5e2}
.work-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(30px,4vw,100px);flex:1;padding-block:20px 60px}
.work-hero-copy{position:relative;z-index:2}
.work-hero-intro,.story-hero-overline,.collaborate-overline{font-size:12px;letter-spacing:.21em;text-transform:uppercase;font-weight:700}
.work-hero-intro{color:#d7b9df;margin:0 0 33px}
.work-hero h1{font:400 clamp(76px,7.1vw,183px)/.98 Playfair,Georgia,serif;letter-spacing:-.075em;margin:0 0 34px;max-width:1150px}
.work-hero h1 em{font-weight:400;color:#e9a7d0}
.work-hero-lede{max-width:650px;font-size:clamp(17px,1.18vw,24px);line-height:1.55;color:#d1cce0;margin:0 0 37px}
.work-hero-link{display:inline-flex;align-items:center;gap:42px;padding:0 0 11px;border-bottom:1px solid rgba(255,255,255,.55);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;transition:gap .45s var(--ease),color .3s}
.work-hero-link:hover{gap:58px;color:#f3b8df}
.work-hero-link span{font-size:23px;line-height:0}
.work-preview{position:relative;height:clamp(380px,34vw,670px);min-width:0;perspective:1000px}
.work-preview-card{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:clamp(18px,2vw,30px);box-shadow:0 27px 75px rgba(0,0,0,.38);background:#34314a}
.work-preview-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.work-preview-card:hover img{transform:scale(1.06)}
.work-preview-card span{position:absolute;left:20px;bottom:18px;padding:9px 12px;border-radius:100px;background:rgba(27,23,45,.72);backdrop-filter:blur(10px);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#fff}
.work-preview-card-video{width:70%;height:75%;right:3%;top:2%;transform:rotate(4deg);animation:work-preview-a 1.15s .22s var(--ease) both}
.work-preview-card-3d{width:46%;height:56%;left:1%;bottom:1%;transform:rotate(-6deg);animation:work-preview-b 1.15s .38s var(--ease) both}
.work-preview-card-3d img{object-position:center 32%}
.work-preview-rule{position:absolute;right:4%;bottom:4%;height:18%;width:21%;border-right:1px solid #c5a7e1;border-bottom:1px solid #c5a7e1;opacity:.7}
.work-hero-foot{color:#aaa2c5;border-top:1px solid rgba(255,255,255,.22);padding-top:19px}
.work-index-section{padding:clamp(90px,9vw,160px) 0 clamp(100px,10vw,180px);scroll-margin-top:80px;overflow:hidden}
.work-index-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}
.work-index-heading .identity-section-label{color:#735cb0}
.work-index-heading h2{font:400 clamp(45px,4.8vw,91px)/1.08 Playfair,Georgia,serif;letter-spacing:-.055em;margin:19px 0 0}
.work-index-heading p{max-width:300px;color:#625a72;line-height:1.6;margin:0 0 9px}
.page-work .filter-row{margin-bottom:23px}
.page-work .work-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(18px,2vw,30px)}
.page-work .work-tile{border-radius:22px;box-shadow:0 12px 35px rgba(27,17,68,.04)}
.page-work .work-tile:first-child{grid-row:span 2}
.page-work .work-tile:not(:first-child){display:grid;grid-template-columns:43% 57%;min-height:270px}
.page-work .work-tile[hidden]{display:none}
.page-work .work-grid.is-filtered{grid-template-columns:minmax(0,1fr);max-width:1100px}
.page-work .work-grid.is-filtered .work-tile:first-child{grid-row:auto}
.page-work .work-grid.is-filtered .work-tile:not([hidden]){display:flex}
.page-work .work-grid.is-filtered .work-tile:not([hidden]) .tile-media{aspect-ratio:1.65;height:auto}
.page-work .work-tile .tile-media{display:block;aspect-ratio:auto;min-height:0}
.page-work .work-tile:first-child .tile-media{aspect-ratio:1.34}
.page-work .work-tile:not(:first-child) .tile-media{height:100%}
.page-work .work-tile:not(:first-child) .tile-copy{padding:clamp(18px,1.9vw,32px)}
.page-work .work-tile:not(:first-child) .tile-copy h2{font-size:clamp(28px,2.2vw,40px)}
.page-work .work-tile .tile-media:after{content:"↗";position:absolute;right:18px;top:18px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#241b40;font-size:21px;opacity:0;transform:translate(-7px,7px);transition:opacity .4s,transform .4s var(--ease)}
.page-work .work-tile:hover .tile-media:after,.page-work .work-tile .tile-media:focus-visible:after{opacity:1;transform:none}
.tile-number{position:absolute;bottom:15px;left:17px;padding:8px 11px;border-radius:100px;background:rgba(22,19,38,.72);color:#fff;font-size:10px;font-weight:700;letter-spacing:.13em}
.page-work .note-bar{background:transparent;border-left:2px solid #846fc3;border-top:0;border-right:0;border-bottom:0;border-radius:0;padding:8px 0 8px 22px;max-width:850px;margin-top:48px}
.page-work .note-bar a{text-decoration:underline;text-underline-offset:4px}
body.page-work .work-hero h1.kinetic .word-rise{transform:translate3d(-115%,0,0) rotate(-6deg);filter:blur(3px);transform-origin:0 50%;transition-duration:.9s,.7s,.7s}
body.page-work .work-hero h1.kinetic.is-visible .word-rise{transform:none;filter:none}
body.page-work .work-index-heading h2.kinetic .word-rise{transform:translate3d(-40%,0,0);transition-duration:.8s,.7s,.7s}
body.page-work .work-index-heading h2.kinetic.is-visible .word-rise{transform:none}
.js .page-work .work-tile.reveal{transform:translate3d(42px,0,0) rotate(1deg)}
.js .page-work .work-tile.reveal.is-visible{transform:none}
@keyframes work-preview-a{from{opacity:0;transform:translate3d(120px,-40px,0) rotate(12deg) scale(.88)}to{opacity:1;transform:rotate(4deg)}}
@keyframes work-preview-b{from{opacity:0;transform:translate3d(-120px,70px,0) rotate(-15deg) scale(.88)}to{opacity:1;transform:rotate(-6deg)}}
@keyframes work-light{to{transform:translate3d(-4%,2%,0) scale(1.06)}}

/* THE STORY — warm editorial page with a portrait, an essay and a timeline. */
.page-story{background:#faf7f5}
.story-hero{min-height:min(850px,100svh);background:#f4e9ef;color:#282036}
.story-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 46%,rgba(255,255,255,.96),transparent 34%),radial-gradient(circle at 8% 92%,rgba(224,191,227,.38),transparent 45%)}
.story-hero:after{content:"02";position:absolute;right:-2vw;bottom:-.2em;font:400 clamp(250px,31vw,660px)/1 Playfair,Georgia,serif;color:rgba(122,75,142,.06);pointer-events:none}
.story-hero-inner{position:relative;z-index:1;min-height:inherit;display:flex;flex-direction:column;padding-top:clamp(145px,11vw,185px);padding-bottom:27px}
.story-hero-label{font-size:12px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:#815f8b}
.story-hero-label span{margin:0 11px;color:#b68ca5}
.story-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(35px,6vw,135px);flex:1;padding-block:35px 55px}
.story-hero-overline{color:#875580;margin:0 0 30px}
.story-hero h1{font:400 clamp(73px,7.6vw,175px)/.97 Playfair,Georgia,serif;letter-spacing:-.078em;margin:0 0 34px}
.story-hero h1 em{font-weight:400;color:#a65b91}
.story-hero-lede{font-size:clamp(18px,1.35vw,26px);line-height:1.6;max-width:650px;margin:0;color:#615166}
.story-portrait{position:relative;width:min(100%,620px);aspect-ratio:1;margin:auto;display:grid;place-items:center;animation:story-portrait-in 1.15s .16s var(--ease) both}
.story-portrait:before{content:"";position:absolute;inset:4%;border:1px solid rgba(151,91,156,.25);border-radius:50%}
.story-portrait-orbit{position:absolute;inset:-2%;border:1px dashed rgba(140,91,162,.32);border-radius:50%;animation:story-orbit 48s linear infinite}
.story-portrait-orbit:after{content:"✦";position:absolute;top:9%;left:15%;font-size:26px;color:#bf78b0}
.story-portrait img{width:86%;height:86%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:11px solid rgba(255,255,255,.85);box-shadow:0 36px 75px rgba(112,58,107,.2);animation:story-bob 7s ease-in-out infinite alternate}
.story-portrait figcaption{position:absolute;right:-3%;bottom:12%;display:flex;flex-direction:column;gap:3px;padding:14px 20px;background:#fff;border-radius:12px;box-shadow:0 15px 40px rgba(91,55,98,.11);transform:rotate(-6deg)}
.story-portrait figcaption span:first-child{font:italic 400 25px Playfair,Georgia,serif;color:#6a3971}
.story-portrait figcaption span:last-child{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#8a7086}
.story-hero-footer{border-top:1px solid rgba(90,48,91,.2);padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#795d79;font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}
.story-editorial{padding:clamp(100px,10vw,180px) 0;background:#fffdfa;overflow:hidden}
.story-editorial-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(60px,10vw,190px)}
.story-editorial-quote{position:relative;padding-left:0}
.story-editorial .identity-section-label{color:#946b8b;position:relative}
.story-editorial h2{position:relative;font:400 clamp(50px,5.2vw,100px)/1.1 Playfair,Georgia,serif;letter-spacing:-.055em;margin:35px 0}
.story-editorial h2 em{color:#9d5f96}
.story-editorial-body{padding-top:clamp(55px,7vw,130px)}
.story-editorial-body p{font-size:clamp(17px,1.07vw,20px);line-height:1.82;color:#5c5362;margin:0 0 27px}
.story-editorial-body .text-link{margin-top:16px}
.story-roadmap{background:#eee2ec;padding:clamp(95px,9vw,150px) 0 clamp(110px,10vw,170px);overflow:hidden}
.story-roadmap-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
.story-roadmap-heading .identity-section-label{color:#8b6089}
.story-roadmap-heading p{font:italic 400 clamp(32px,3.1vw,59px)/1.15 Playfair,Georgia,serif;margin:0;letter-spacing:-.035em}
.page-story .roadmap{display:block;margin:0;border-top:1px solid rgba(72,47,78,.25)}
.page-story .roadmap article{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(240px,.9fr) minmax(280px,1fr);align-items:center;gap:35px;min-height:166px;margin:0;border:0;border-bottom:1px solid rgba(72,47,78,.25);border-radius:0;padding:22px 30px;background:transparent;transition:background .45s,transform .55s var(--ease),padding .45s}
.page-story .roadmap article:hover{background:#fff7;padding-left:46px}
.page-story .roadmap .stage{font-size:11px;color:#915b85}
.page-story .roadmap h3{font:400 clamp(29px,2.55vw,50px)/1.1 Playfair,Georgia,serif;margin:0;letter-spacing:-.04em}
.page-story .roadmap p{max-width:440px;font-size:15px;line-height:1.6;color:#64556a}
body.page-story .story-hero h1.kinetic .word-rise{transform:translate3d(90%,0,0) rotate(3deg);transform-origin:100% 50%;filter:blur(5px);transition-duration:1.1s,.8s,.8s}
body.page-story .story-hero h1.kinetic.is-visible .word-rise{transform:none;filter:none}
body.page-story .story-editorial h2.kinetic .word-rise{transform:translate3d(24px,0,0) skewX(-8deg);transition-duration:1s,.7s,.7s}
body.page-story .story-editorial h2.kinetic.is-visible .word-rise{transform:none}
.js .page-story .story-editorial-quote.reveal{transform:translate3d(-36px,0,0)}
.js .page-story .story-editorial-body.reveal{transform:translate3d(36px,0,0)}
.js .page-story .story-editorial-quote.reveal.is-visible,.js .page-story .story-editorial-body.reveal.is-visible{transform:none}
.js .page-story .roadmap article.reveal{transform:translate3d(-25px,0,0)}
.js .page-story .roadmap article.reveal.is-visible{transform:none}
@keyframes story-portrait-in{from{opacity:0;transform:translate3d(35px,0,0) scale(.86) rotate(10deg)}to{opacity:1;transform:none}}
@keyframes story-bob{to{transform:translateY(-10px)}}
@keyframes story-orbit{to{transform:rotate(360deg)}}

/* COLLABORATE — direct, high-contrast contact stage. */
.page-collaborate{background:#f8f5fa}
.page-collaborate .site-header:not(.is-scrolled):not(.menu-active){color:#fff}
.page-collaborate .site-header:not(.is-scrolled):not(.menu-active) .nav-contact{background:#fff;color:#201b34}
.page-collaborate .site-header:not(.is-scrolled):not(.menu-active) .menu-toggle{color:#241b40;background:#fff;border-color:rgba(255,255,255,.5)}
.collaborate-hero{min-height:min(940px,100svh);background:#1c1730;color:#f9f3ff}
.collaborate-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 35%,rgba(119,91,226,.34),transparent 34%),radial-gradient(circle at 12% 92%,rgba(217,130,195,.14),transparent 42%)}
.collaborate-glow{position:absolute;inset:0;pointer-events:none;opacity:.75;background:radial-gradient(440px circle at var(--spot-x,65%) var(--spot-y,45%),rgba(238,173,229,.16),transparent 70%)}
.collaborate-hero-inner{position:relative;min-height:inherit;display:flex;flex-direction:column;padding-top:clamp(135px,10vw,185px);padding-bottom:30px}
.collaborate-topline{color:#d4c6ee}.collaborate-topline span:first-child{color:#ffc2e3}
.collaborate-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(38px,5vw,120px);flex:1;padding-block:35px 65px}
.collaborate-copy{position:relative;z-index:2}
.collaborate-overline{color:#e7add5;margin:0 0 33px}
.collaborate-hero h1{font:400 clamp(77px,7.3vw,180px)/.98 Playfair,Georgia,serif;letter-spacing:-.078em;margin:0 0 34px}
.collaborate-hero h1 em{font-weight:400;color:#eec0e8}
.collaborate-copy>p:not(.collaborate-overline){color:#d2cade;font-size:clamp(17px,1.12vw,22px);line-height:1.6;max-width:610px;margin:0 0 40px}
.collaborate-hero-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap}
.collaborate-email{display:inline-flex;align-items:center;gap:24px;min-height:62px;padding:15px 22px;border-radius:100px;background:#fff;color:#221b3a;font-size:clamp(14px,1.12vw,20px);font-weight:700;box-shadow:0 14px 40px rgba(0,0,0,.18);transition:transform .45s var(--ease),box-shadow .45s}
.collaborate-email:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(214,156,224,.24)}
.collaborate-email span{font-size:25px;line-height:0}
.collaborate-copy-button{border:0;border-bottom:1px solid rgba(255,255,255,.62);background:transparent;color:#f8edff;padding:12px 2px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.collaborate-copy-button:hover{color:#f2aedb}
.collaborate-scope{position:relative;min-height:clamp(455px,34vw,650px);padding:clamp(40px,5vw,90px);display:flex;align-items:center;border-radius:45% 45% 40% 40%;border:1px solid rgba(236,223,255,.33);background:linear-gradient(138deg,rgba(132,109,198,.22),rgba(255,255,255,.025) 62%);box-shadow:inset 0 0 90px rgba(255,255,255,.035),0 40px 100px rgba(10,6,31,.2);backdrop-filter:blur(10px);animation:collaborate-scope-in 1.25s .2s var(--ease) both}
.collaborate-scope-ring{position:absolute;inset:-4.5%;border:1px dashed rgba(226,194,244,.28);border-radius:50%;animation:story-orbit 65s linear infinite}
.collaborate-scope-ring:after{content:"✦";position:absolute;top:11%;right:14%;color:#f2c7ec;font-size:27px}
.collaborate-scope-content{position:relative;z-index:1;width:100%}
.collaborate-scope .identity-section-label{color:#f0c4e7}
.collaborate-scope ol{list-style:none;padding:0;margin:26px 0 0}
.collaborate-scope li{border-top:1px solid rgba(255,255,255,.18);color:#f3eaf9;font-size:clamp(14px,1vw,18px);line-height:1.35}
.collaborate-scope li a{display:flex;align-items:flex-start;gap:19px;width:100%;padding:19px 0;color:inherit;transition:padding .4s var(--ease),color .4s}
.collaborate-scope li a:hover,.collaborate-scope li a:focus-visible{padding-left:12px;color:#fff}
.collaborate-scope li a:focus-visible{outline:2px solid #f0c4e7;outline-offset:3px;border-radius:3px}
.collaborate-scope li a span:first-child{font-size:11px;letter-spacing:.14em;color:#d5aade;flex:none;padding-top:3px}
.collaborate-scope li .scope-arrow{margin-left:auto;color:#eac4ed;font-size:19px;line-height:1;opacity:.7;transition:transform .4s var(--ease),opacity .4s}
.collaborate-scope li a:hover .scope-arrow,.collaborate-scope li a:focus-visible .scope-arrow{transform:translate(3px,-3px);opacity:1}
.collaborate-bottomline{border-top:1px solid rgba(255,255,255,.22);padding-top:18px;color:#aba0c6}
.collaborate-detail{padding:clamp(100px,10vw,170px) 0;background:#f8f5fa;overflow:hidden}
.collaborate-detail-grid{display:grid;grid-template-columns:1fr .75fr;gap:clamp(60px,10vw,185px)}
.collaborate-detail .identity-section-label{color:#7157a0}
.collaborate-detail h2{font:400 clamp(54px,5.3vw,104px)/1.08 Playfair,Georgia,serif;letter-spacing:-.06em;margin:23px 0}
.collaborate-detail p{color:#5b5269;font-size:clamp(17px,1.1vw,20px);line-height:1.75;margin:0 0 24px}
.collaborate-detail p a{text-decoration:underline;text-underline-offset:4px}
.collaborate-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.collaborate-social a{border:1px solid #c8bdd8;border-radius:100px;padding:13px 18px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .3s,color .3s}
.collaborate-social a:hover{background:#2a2049;color:#fff}
body.page-collaborate .collaborate-hero h1.kinetic .word-rise{transform:translate3d(0,-95%,0) rotate(-10deg) scale(.82);transform-origin:50% 0;filter:blur(6px);transition-duration:1.05s,.68s,.82s}
body.page-collaborate .collaborate-hero h1.kinetic.is-visible .word-rise{transform:none;filter:none}
body.page-collaborate .collaborate-detail h2.kinetic .word-rise{transform:translate3d(0,-75%,0);transition-duration:.8s,.6s,.6s}
body.page-collaborate .collaborate-detail h2.kinetic.is-visible .word-rise{transform:none}
.js .page-collaborate .collaborate-detail-grid>div:first-child.reveal{transform:translate3d(-42px,0,0)}
.js .page-collaborate .collaborate-detail-grid>div:last-child.reveal{transform:translate3d(42px,0,0)}
.js .page-collaborate .collaborate-detail-grid>div.reveal.is-visible{transform:none}
@keyframes collaborate-scope-in{from{opacity:0;transform:translate3d(80px,0,0) scale(.85) rotate(7deg)}to{opacity:1;transform:none}}

/* Shared narrow layouts and motion preferences. */
@media(max-width:1100px){
  .work-hero-grid,.story-hero-grid,.collaborate-hero-grid{gap:30px}
  .work-hero h1,.story-hero h1,.collaborate-hero h1{font-size:clamp(64px,7.5vw,110px)}
  .work-preview{height:470px}
  .page-work .work-tile:not(:first-child){grid-template-columns:40% 60%}
  .collaborate-scope{padding:36px;min-height:470px}
}
@media(max-width:900px){
  .identity-wrap{width:calc(100% - 42px)}
  .work-hero,.story-hero,.collaborate-hero{min-height:0}
  .work-hero-inner,.story-hero-inner,.collaborate-hero-inner{padding-top:max(132px,calc(env(safe-area-inset-top) + 110px));padding-bottom:30px}
  .work-hero-grid,.story-hero-grid,.collaborate-hero-grid{grid-template-columns:1fr;gap:34px;padding-block:46px}
  .work-hero h1,.story-hero h1,.collaborate-hero h1{font-size:clamp(64px,11vw,108px)}
  .work-preview{height:min(66vw,520px);max-width:690px;width:100%;margin:0 auto}
  .work-hero-lede,.story-hero-lede,.collaborate-copy>p:not(.collaborate-overline){max-width:660px}
  .work-hero-meta span:last-child,.work-hero-foot span:last-child,.story-hero-footer span:last-child,.collaborate-topline span:last-child,.collaborate-bottomline span:last-child{display:none}
  .work-index-heading{align-items:start;flex-direction:column;gap:15px}
  .page-work .work-grid{grid-template-columns:1fr 1fr}
  .page-work .work-tile:first-child{grid-column:1/-1;grid-row:auto}
  .page-work .work-tile:not(:first-child){display:flex;min-height:0}
  .page-work .work-tile:not(:first-child) .tile-media{aspect-ratio:1.25}
  .story-portrait{width:min(75vw,510px)}
  .story-portrait figcaption{right:0}
  .story-editorial-grid,.collaborate-detail-grid{grid-template-columns:1fr;gap:25px}
  .story-editorial-body{padding-top:0;max-width:700px}
  .page-story .roadmap article{grid-template-columns:130px 1fr;gap:15px 28px}
  .page-story .roadmap article p{grid-column:2}
  .collaborate-scope{min-height:0;max-width:650px;width:100%;margin-inline:auto;padding:45px;border-radius:36px}
  .collaborate-scope-ring{inset:-3%;border-radius:40px}
}
@media(max-width:600px){
  .work-hero h1,.story-hero h1,.collaborate-hero h1{font-size:clamp(57px,13.6vw,78px);letter-spacing:-.07em}
  .work-hero-intro,.story-hero-overline,.collaborate-overline{font-size:10px;letter-spacing:.15em;margin-bottom:22px}
  .work-hero-grid,.story-hero-grid,.collaborate-hero-grid{padding-block:37px}
  .work-preview{height:75vw}
  .work-preview-card-video{width:72%;height:73%}
  .work-preview-card-3d{width:46%;height:55%}
  .work-index-heading h2{font-size:clamp(44px,10vw,64px)}
  .page-work .work-grid{grid-template-columns:1fr}
  .page-work .work-tile:first-child{grid-column:auto}
  .page-work .work-tile:not(:first-child) .tile-media{aspect-ratio:1.4}
  .story-portrait{width:min(80vw,420px)}
  .story-portrait img{border-width:7px}
  .story-portrait figcaption{padding:10px 15px;bottom:7%;font-size:10px}
  .story-portrait figcaption span:first-child{font-size:20px}
  .story-hero-footer{font-size:9px}
  .story-editorial h2{font-size:clamp(45px,10vw,65px)}
  .story-roadmap-heading{display:block}
  .story-roadmap-heading p{margin-top:19px}
  .page-story .roadmap article{display:block;padding:25px 8px;min-height:0}
  .page-story .roadmap article:hover{padding-left:8px}
  .page-story .roadmap h3{margin:11px 0;font-size:32px}
  .page-story .roadmap p{font-size:14px}
  .collaborate-hero h1{max-width:100%}
  .collaborate-email{font-size:13px;gap:10px;padding-inline:16px;min-height:56px}
  .collaborate-email span{font-size:18px}
  .collaborate-scope{padding:28px;border-radius:28px}
  .collaborate-scope-ring{display:none}
  .collaborate-scope li{font-size:14px}
  .collaborate-scope li a{padding-block:14px}
  .collaborate-detail h2{font-size:clamp(49px,10.6vw,70px)}
}
@media(max-width:359px){
  .work-hero h1,.story-hero h1,.collaborate-hero h1{font-size:52px}
  .collaborate-email{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .work-hero:before,.work-preview-card,.story-portrait,.story-portrait img,.story-portrait-orbit,.collaborate-scope,.collaborate-scope-ring{animation:none!important}
  body.page-work .work-hero h1.kinetic .word-rise,body.page-story .story-hero h1.kinetic .word-rise,body.page-collaborate .collaborate-hero h1.kinetic .word-rise{opacity:1;filter:none;transform:none}
  .js .page-work .work-tile.reveal,.js .page-story .story-editorial-quote.reveal,.js .page-story .story-editorial-body.reveal,.js .page-story .roadmap article.reveal,.js .page-collaborate .collaborate-detail-grid>div.reveal{opacity:1;transform:none}
}