/* One luminous threshold, then one continuous project orbit. */
:root{--grand-height:190px;--carousel-bg:#191916}
.header-brand .brand-layer:not(.brand-creator){display:none}
.header-brand .brand-creator{opacity:1!important}.header-brand-frame::before{display:none}
.platform-chapter{min-height:210svh;isolation:isolate;position:relative}
.platform-chapter .platform-stage{position:sticky;top:var(--rail-height,79px);height:calc(100svh - var(--rail-height,79px));min-height:0;padding:38px max(var(--gutter),3vw) 30px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#10120f}
.platform-topline{position:absolute;top:30px;left:var(--gutter);right:var(--gutter);z-index:3}
.platform-stage .wordmark-single-line{width:100%;max-width:none;margin:60px 0 38px;position:relative;z-index:2;filter:drop-shadow(0 0 22px #f7eacb38);transform:none;opacity:var(--reveal-mark-opacity,1)}
.handoff-wordmark{position:fixed;z-index:40;display:block;object-fit:contain;pointer-events:none;opacity:1;max-width:none}
.handoff-wordmark[hidden]{display:none!important}
.platform-stage .wordmark-promise,.platform-stage .platform-works{opacity:var(--handoff-copy,1)}
.platform-stage .wordmark-single-line .wordmark-line{width:100%;transform:none!important}
.platform-stage .wordmark-single-line img{width:100%;height:auto;max-width:none}
.platform-stage .wordmark-single-line::after{content:'';position:absolute;inset:0;pointer-events:none;mask:url('assets/brand/resophonia-grand-one-line-v10.svg') center/contain no-repeat;-webkit-mask:url('assets/brand/resophonia-grand-one-line-v10.svg') center/contain no-repeat;background:linear-gradient(110deg,transparent 35%,#f7ffd6 48%,#fff 50%,#f7ffd6 52%,transparent 65%);background-size:300% 100%;background-position:calc(100% - 100%*var(--platform-light,.5)) 0;mix-blend-mode:screen;opacity:.8}
.platform-stage .wordmark-promise{position:relative;z-index:2;margin:12px auto 0;max-width:950px;font-size:clamp(28px,4.8vw,76px);line-height:1.03;text-align:center}
.platform-stage .platform-works{position:relative;z-index:2;margin:46px auto 0!important;align-self:center;text-align:center;transform:none!important}
.platform-caption{color:#c4c3b5}.platform-enter{color:#edeae1;margin-top:18px;font-size:12px}
.platform-field{inset:-20%;background:radial-gradient(ellipse at 50% 48%,#d9e9d52e 0,transparent 37%),radial-gradient(ellipse at 15% 54%,#f482601c 0,transparent 35%),#10120f;transform:none!important;opacity:var(--handoff-field,1)}
.platform-stage::before,.platform-stage::after{content:'';position:absolute;pointer-events:none;z-index:1;left:-30%;width:160%;height:18%;top:35%;background:linear-gradient(180deg,transparent,#e6f1d729,transparent);filter:blur(12px);mix-blend-mode:screen;transform:translateY(calc((1 - var(--platform-light,.5))*180px)) rotate(-12deg);opacity:calc((.15 + .85*var(--platform-light,.5))*var(--handoff-field,1))}
.platform-stage::after{top:51%;height:1px;background:#e8efbe;box-shadow:0 0 30px 9px #eaf1c93b;filter:none;transform:translateY(calc((1 - var(--platform-light,.5))*-130px)) rotate(7deg)}
.platform-frame{opacity:calc(.22*var(--handoff-field,1));transform:scale(calc(.82 + .18*var(--platform-light,1)))}
.platform-bottomline{z-index:2}
.work-world{position:relative;isolation:isolate;background:var(--ink);color:var(--paper);margin-top:calc(-1 * var(--grand-height))}
.grand-rail{position:sticky;top:var(--rail-height,79px);z-index:15;background:#191916f5;padding:12px var(--gutter) 14px;border-bottom:1px solid #edeae126;backdrop-filter:blur(14px)}
.grand-brand{position:relative;width:min(100%,1060px);aspect-ratio:944/160;margin:auto;opacity:var(--persistent-mark-opacity,1)}
.grand-brand img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s ease}
.grand-brand img.is-active{opacity:1}
.carousel-navigation{display:flex;justify-content:center;gap:clamp(16px,6vw,100px);margin-top:1px}
.carousel-navigation a{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.08em;color:#b8b6aa;border-bottom:2px solid transparent;min-width:80px}
.carousel-navigation a[aria-current="true"]{color:#edeae1;border-color:var(--coral,#f48260)}
.carousel-navigation a:hover{color:#f48260}
.carousel-track{position:relative;min-height:0}
.carousel-stage{position:relative;padding:34px var(--gutter) 48px}
.carousel-camera{position:relative;max-width:1400px;margin:0 auto;perspective:1800px;perspective-origin:50% 35%;isolation:isolate}
.carousel-waypoint{height:0;scroll-margin-top:var(--grand-height)}
.carousel-card{position:relative;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.65fr);gap:24px 5%;align-content:start;margin:0 0 90px;min-width:0;color:#edeae1;transform-origin:50% 42%;backface-visibility:hidden}
.carousel-identity{grid-column:1;grid-row:1;min-width:0}
.carousel-media{grid-column:2;grid-row:1/3;width:100%;min-width:0;margin:0;align-self:start}
.carousel-media-frame{position:relative;width:100%;overflow:hidden;background:#10120f;box-shadow:0 25px 75px #0005}
.carousel-media video{width:100%;height:auto;display:block;object-fit:contain;max-height:none;aspect-ratio:16/9}
.carousel-latdt .carousel-media video{aspect-ratio:824/336}
.carousel-media .ambient-link,.carousel-media .trailer-player{display:block;position:relative;aspect-ratio:auto;width:100%;height:auto;transform:none;max-width:none;margin:0;border:0;background:transparent}
.carousel-media .ambient-watch{font-size:10px;padding:13px;background:#191916dd;color:#edeae1}
.carousel-media figcaption{margin:14px 0 0;font-size:8px;letter-spacing:.12em;color:#b8b6aa}
.carousel-details{grid-column:1;grid-row:2;min-width:0}
.carousel-details .project-copy{padding:0;max-width:none;width:100%}
.carousel-details .eyebrow,.carousel-details .project-status,.carousel-details .rights-note{color:#b8b6aa}
.carousel-details .disclosure{color:inherit;border-color:#edeae133;margin:0 0 16px}
.carousel-details summary{min-height:44px;font-size:13px;color:#edeae1}
.carousel-details .disclosure-body{padding-top:12px;padding-bottom:8px}
.carousel-details .disclosure-body p{font-size:14px;line-height:1.6;color:#d0cec2;margin-bottom:16px}
.carousel-details .text-link{margin-top:12px;font-size:12px;color:#edeae1}
.carousel-details .reveal-invitation{display:block;margin:20px 0 0;padding:0;border:0}
.carousel-details .reveal-invitation h3{font-size:23px;margin:0 0 10px;color:#edeae1}
.carousel-details .reveal-invitation p{font-size:13px;line-height:1.5;color:#c9c6ba;margin:0 0 12px}
.carousel-details .reveal-action{padding:0}.carousel-details .reveal-cta{font-size:13px;line-height:1.4;color:#edeae1;display:flex;min-height:44px}
.carousel-details .reveal-action small{font-size:10px;color:#b8b6aa;margin-top:8px}
.carousel-identity .chapter-rule{display:none}
.carousel-identity .latdt-heading,.carousel-identity .mkvr-heading{display:block;padding:0;margin:0;border:0}
.carousel-identity .latdt-logo{width:min(72%,210px);height:auto;max-width:none;margin:0 0 20px}
.carousel-identity .chapter-title,.carousel-identity .project-title{font-size:clamp(26px,2.9vw,48px);line-height:1.06;letter-spacing:-.04em;color:#edeae1;margin:0}
.carousel-identity .type-window{display:inline;overflow:visible}.carousel-identity .type-window>span{display:inline;transform:none!important}
.carousel-identity .latdt-subtitle{font-size:13px;line-height:1.6;margin:18px 0 0;color:#c7c4b8}
.carousel-identity .mkvr-bloody-logo{width:100%;max-width:330px;height:auto;margin:0 0 20px;object-fit:contain}
.carousel-identity .mkvr-heading-copy>.eyebrow{font-size:8px;line-height:1.5;margin:0 0 14px;color:#b8b6aa}
.carousel-identity .asdfg-heading{display:block;margin:0;padding:0;text-align:left}
.carousel-identity .asdfg-heading>.eyebrow{font-size:8px;line-height:1.5;margin:0 0 10px;color:#b8b6aa}
.carousel-identity .asdfg-identity-title{width:min(100%,230px);margin:0 auto 0 0;max-width:none}
.carousel-identity .asdfg-approved-lockup{width:100%;height:auto;display:block}
.carousel-identity .reveal-heading.asdfg-heading .asdfg-format{font-size:9px;margin:10px 0 0;text-align:left;color:#b8b6aa}
.carousel-details .mkvr-media{margin:20px 0 0;width:100%;max-width:none;background:transparent}
.carousel-details .mkvr-gallery{padding:0;color:#edeae1}
.carousel-details .gallery-controls button,.carousel-details .mkvr-media-close{color:#edeae1;min-height:44px;border-color:#edeae155}
.carousel-details .gallery-figure{margin:0}.carousel-details .gallery-image-stage{aspect-ratio:16/9;background:#10120f}
.carousel-details .gallery-image-stage img{object-fit:contain;width:100%;height:100%}
.carousel-details .gallery-thumbnails{margin-top:12px}
.carousel-details .gallery-thumb{min-height:44px;min-width:44px}
.carousel-details .gallery-figure figcaption,.carousel-details .gallery-controls p{color:#b8b6aa}
.carousel-card.is-expanded .carousel-details{grid-column:1/-1;grid-row:3;max-width:100%;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.65fr);gap:24px 5%}
.carousel-card.is-expanded .carousel-details>.mkvr-media{margin:0}
.carousel-card.is-expanded .carousel-details>.reveal-invitation{margin-top:0}
.carousel-ready .carousel-track{height:var(--track-height,540svh)}
.carousel-ready .carousel-stage{position:sticky;top:calc(var(--rail-height,79px) + var(--grand-height));min-height:var(--stage-min-height,440px);max-height:var(--stage-viewport,65svh);overflow-y:auto;overflow-x:hidden;scroll-padding:20px;scrollbar-width:thin;scrollbar-color:#a5a390 #191916;overscroll-behavior-y:auto}
.carousel-ready .carousel-waypoint{position:absolute;left:0;right:0;top:var(--waypoint,0px);scroll-margin-top:var(--grand-height)}
.carousel-ready .carousel-card{margin-bottom:0;transition:none;will-change:transform,opacity}
.carousel-ready .carousel-card:not(.is-active){position:absolute;inset:0 auto auto 0;width:100%;pointer-events:none}
.carousel-ready .carousel-camera{clip-path:none;overflow:clip}
.carousel-ready .carousel-media video{max-height:calc(var(--stage-viewport,65svh) - 100px);object-fit:contain}
.carousel-ready .carousel-card.has-gallery{display:block}
.carousel-ready .carousel-card.has-gallery>.carousel-identity,.carousel-ready .carousel-card.has-gallery>.carousel-media,.carousel-ready .carousel-card.has-gallery .carousel-details>.project-copy{display:none}
.carousel-ready .carousel-card.has-gallery .carousel-details{display:block;max-width:1000px;margin:auto}
.carousel-ready .carousel-card.has-gallery .mkvr-media{margin:0}
.carousel-ready .carousel-card.has-gallery .gallery-image-stage{height:clamp(120px,calc(var(--stage-viewport,65svh) - 270px),440px);aspect-ratio:auto}
.carousel-ready .carousel-card.has-gallery .gallery-image-stage img{object-fit:contain;width:100%;height:100%}
.carousel-ready .carousel-card.has-gallery .gallery-thumbnails{max-width:600px;margin:10px auto}
.carousel-ready.carousel-still .carousel-card{transform:none!important}
.carousel-ready.carousel-still .carousel-card:not(.is-active){visibility:hidden;opacity:0!important}
.carousel-ready.carousel-still .grand-brand img{transition:none}
.work-world .contact{background:#191916;color:#edeae1;padding-top:110px}
.work-world .contact .chapter-rule{background:#edeae133}.work-world .contact .eyebrow,.work-world .contact p,.work-world .contact small{color:#c9c6ba}
.work-world .contact a,.work-world .contact h3{color:#edeae1}.work-world .contact .signal-block svg{stroke:#f48260}
.work-world .contact h2 em{color:#f48260}.work-world .footer-line{border-color:#edeae133;color:#b8b6aa}
@media(min-width:851px) and (max-height:800px){.grand-brand{max-width:760px}.grand-rail{padding-top:4px;padding-bottom:5px}.carousel-stage{padding-top:24px}.carousel-identity .latdt-logo{width:120px;margin-bottom:14px}.carousel-identity .chapter-title{font-size:30px}.carousel-identity .asdfg-identity-title{width:150px}.carousel-identity .mkvr-bloody-logo{max-width:230px}.carousel-details .reveal-invitation{margin-top:12px}}
@media(max-width:850px){
 :root{--grand-height:115px}
 .platform-chapter{min-height:190svh}.platform-chapter .platform-stage{padding:40px 20px;height:calc(100svh - var(--rail-height,106px));min-height:0}
 .platform-topline{top:30px;left:20px;right:20px;gap:18px}.platform-topline .eyebrow{font-size:7px}
 .platform-stage .wordmark-single-line{margin:34px 0 40px;width:100%;max-width:none}
 .platform-stage .wordmark-promise{font-size:clamp(29px,8.3vw,48px);max-width:100%;margin:12px 0 0}
 .platform-stage .platform-works{margin-top:42px!important}.platform-bottomline{left:20px;right:20px;font-size:7px}
 .platform-stage::before{height:24%;filter:blur(8px)}
 .grand-rail{padding:8px 16px 3px}.grand-brand{width:100%;max-width:600px}.carousel-navigation{gap:14px;margin-top:0}.carousel-navigation a{font-size:9px;letter-spacing:.04em;min-width:78px}
 .carousel-stage{padding:28px 20px 36px}.carousel-card{display:flex;flex-direction:column;gap:18px;margin-bottom:80px}
 .carousel-identity{width:100%}.carousel-media{width:100%;margin:0;order:1}.carousel-details{width:100%;order:2}
 .carousel-identity .latdt-heading{display:grid;grid-template-columns:88px minmax(0,1fr);gap:15px;align-items:center}
 .carousel-identity .latdt-logo{width:88px;margin:0}.carousel-identity .chapter-title,.carousel-identity .project-title{font-size:clamp(22px,6.2vw,36px);line-height:1.08;letter-spacing:-.035em}
 .carousel-identity .latdt-subtitle{font-size:10px;line-height:1.5;margin-top:11px}
 .carousel-identity .mkvr-heading{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;align-items:center}
 .carousel-identity .mkvr-bloody-logo{width:110px;margin:0}.carousel-identity .mkvr-heading-copy>.eyebrow{font-size:7px;line-height:1.5;margin-bottom:8px}
 .carousel-identity .mkvr-heading .chapter-title{font-size:22px}
 .carousel-identity .asdfg-heading{display:grid;grid-template-columns:118px minmax(0,1fr);gap:0 17px;align-items:center}
 .carousel-identity .asdfg-heading>.eyebrow{grid-column:2;grid-row:1;margin:0;max-width:150px;font-size:8px}
 .carousel-identity .asdfg-identity-title{grid-column:1;grid-row:1/3;width:118px;margin:0}
 .carousel-identity .reveal-heading.asdfg-heading .asdfg-format{grid-column:2;grid-row:2;margin:8px 0 0;font-size:8px}
 .carousel-media figcaption{font-size:7px;letter-spacing:.08em;margin-top:10px}.carousel-media .ambient-watch{font-size:8px;padding:10px}
 .carousel-details summary{font-size:12px}.carousel-details .disclosure{margin-bottom:8px}
 .carousel-details .project-copy>.eyebrow{font-size:7px;margin:0 0 10px}
 .carousel-details .project-status{font-size:9px;margin:0 0 10px}
 .carousel-details .text-link{font-size:11px;margin-top:4px;min-height:44px;display:inline-flex;align-items:center}
 .carousel-details .reveal-invitation{margin-top:12px;display:grid;grid-template-columns:1fr 1.2fr;gap:16px}
 .carousel-details .reveal-invitation h3{font-size:20px}.carousel-details .reveal-invitation p{font-size:11px;margin-bottom:0}
 .carousel-details .reveal-cta{font-size:11px}.carousel-details .reveal-action small{font-size:8px}
 .carousel-card.is-expanded .carousel-details{display:block}.carousel-card.is-expanded .carousel-details>.mkvr-media{margin-top:20px}
 .carousel-card.is-expanded .carousel-details>.reveal-invitation{margin-top:16px}
 .carousel-details .mkvr-media{margin-top:6px}
 .work-world .contact{padding-top:80px}
}
@media(max-width:350px){.carousel-navigation{gap:6px}.carousel-navigation a{min-width:76px}.carousel-stage{padding-left:16px;padding-right:16px}.carousel-identity .latdt-heading{grid-template-columns:70px 1fr;gap:12px}.carousel-identity .latdt-logo{width:70px}.carousel-identity .chapter-title{font-size:21px}.carousel-identity .mkvr-heading{grid-template-columns:92px 1fr}.carousel-identity .mkvr-bloody-logo{width:92px}.carousel-identity .mkvr-heading .chapter-title{font-size:20px}.carousel-identity .asdfg-heading{grid-template-columns:96px 1fr}.carousel-identity .asdfg-identity-title{width:96px}.carousel-details .reveal-invitation{gap:12px}}
@media(min-width:851px){
 .carousel-stage{padding:12px clamp(24px,2vw,40px)}
 .carousel-camera{max-width:1480px}
 .carousel-card{grid-template-columns:minmax(220px,.68fr) minmax(0,1.72fr);column-gap:3%}
 .carousel-ready .carousel-media video{max-height:calc(var(--stage-viewport,65svh) - 50px)}
}
@media(prefers-reduced-motion:reduce){.handoff-wordmark{display:none!important}.platform-stage .wordmark-promise,.platform-stage .platform-works{opacity:1!important}.work-world{margin-top:0}.platform-stage .wordmark-single-line{transform:none!important;opacity:1!important}.grand-brand{opacity:1!important}.platform-chapter{min-height:0}.platform-chapter .platform-stage{position:relative;top:0;min-height:80svh;height:auto;padding-top:100px;padding-bottom:100px}.platform-stage::before,.platform-stage::after{display:none}.grand-brand img{transition:none}.platform-frame{transform:none}.carousel-card{transform:none!important;opacity:1!important;visibility:visible!important}.carousel-track{height:auto!important}.carousel-stage{position:relative!important;top:0!important;max-height:none!important;overflow:visible!important}.carousel-waypoint{position:static!important}.carousel-card:not(.is-active){position:relative!important;inset:auto!important;pointer-events:auto!important;margin-bottom:80px!important}}
