/* One full-bleed world. Squares are animation windows, without card furniture. */
#buehne{height:100dvh;min-height:0}
.fallback img,.body-fallback{object-fit:cover!important;object-position:center 41%!important;max-width:none!important;max-height:none!important}
#depth-world,#office-film{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
#depth-world{opacity:0}
#office-film{opacity:0;overflow:hidden;background:#071423;transition:opacity .65s var(--ease-out)}
#office-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.kai-caption{position:absolute;right:5%;bottom:12%;font-size:12px;color:#c0cfdf}
.offer{max-width:38ch}.hero h1{max-width:55%;font-size:clamp(74px,8.7vw,190px)}
.hero-copy{font-size:clamp(17px,1.3vw,26px)}
.requests h2{top:12%;left:6%;font-size:clamp(42px,4.4vw,90px)}
.requests .instruction{top:29%;left:6%;font-size:clamp(14px,1.1vw,21px)}
.task-gallery{position:absolute;left:5%;right:5%;top:37%;display:flex;gap:clamp(18px,2vw,50px);align-items:flex-start;pointer-events:auto;padding:8px 6px 30px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#7693ab transparent}
.task-example{margin:0;min-width:0;flex:1 0 0;scroll-snap-align:start;will-change:transform}
.task-example:nth-child(even){margin-top:3.5vh}
.task-square{width:100%;aspect-ratio:1;position:relative;overflow:hidden}
.task-square canvas{display:block;width:100%;height:100%}
.task-example figcaption{margin-top:13px;padding:0 4px}
.task-example h3{font-size:clamp(22px,1.65vw,38px);letter-spacing:-.035em;margin-bottom:10px}
.task-example p{font-size:clamp(13px,1.05vw,22px);line-height:1.5;color:#d2e0ee;text-wrap:pretty}
.gallery-hint{display:none;position:absolute;left:6%;bottom:13%;font-size:13px;color:#d0deee}
.scene[class*="body-"]::before{background:linear-gradient(90deg,#040d1cb5,#040d1c66 32%,transparent 75%)}
.body-approve{left:62%!important;top:66%!important}
.approval-status{left:62%!important;top:74%!important}
.task-position{position:absolute;left:8%;top:36%;display:flex;gap:12px}
.task-position button{min-height:44px;min-width:44px;border-bottom:1px solid #526d88;background:transparent;color:#d1dfed}
.task-position button[aria-current]{color:#d7f52a;border-color:#d7f52a}
.light h2{left:6%;top:20%;max-width:55%;font-size:clamp(58px,6vw,132px);text-shadow:0 2px 24px #02081090}
.light #film-copy{left:6%;top:51%;max-width:33ch;font-size:clamp(20px,2vw,42px);text-shadow:0 2px 24px #020810}
.film-controls{position:absolute;left:6%;bottom:15%;display:flex;gap:26px;align-items:center}
.film-controls button,.film-controls a{min-height:44px;background:#051021b3;padding:10px 14px;font-size:14px;color:#f0f6ff}
.film-controls a{color:#d7f52a}
@media(min-width:701px){.light[data-shot="5"] #film-copy{top:40%;max-width:27ch}}
.film-controls button:disabled{opacity:.6}
.motion-paused .task-square{animation-play-state:paused}
@media(min-width:2200px){.offer{font-size:24px}.brand{font-size:38px}.contact-link{font-size:21px}.journey-nav a{font-size:19px}.hero-bottom .quiet{font-size:23px}.scroll-hint,.kai-caption{font-size:18px}.body-copy{max-width:760px}.body-copy>p{font-size:32px}.body-copy .body-detail{font-size:24px}.scene[class*="body-"] h2{font-size:116px;max-width:10em}.safety-copy{max-width:780px}.safety-copy>p{font-size:30px}.tandem-copy{max-width:800px}.tandem-copy p{font-size:32px}.setup-story{max-width:800px}.setup-text h3{font-size:44px}.setup-text p{font-size:30px}.setup-price{max-width:800px}.setup-price strong{font-size:64px}.setup-price>p:nth-child(2){font-size:22px}.setup-price small{font-size:18px}}
@media(max-width:1000px){.task-example{flex:0 0 26%}.task-gallery{right:0;padding-right:6%}.gallery-hint{display:block}}
@media(max-width:700px){
 .hero h1{font-size:64px;max-width:94%;bottom:30%;top:auto}.hero-copy{font-size:14px;bottom:20%}.offer{font-size:12px;top:12%;max-width:31ch}.kai-caption{left:24px;right:auto;top:22%;bottom:auto;font-size:10px}
 .requests h2{left:24px;top:13%;font-size:43px}.requests .instruction{left:24px;top:26%;font-size:13px;max-width:29ch}
 .task-gallery{left:18px;right:0;top:34%;gap:22px;padding:8px 24px 20px 6px;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 .task-example{flex:0 0 62vw}.task-example:nth-child(even){margin-top:3vh}.task-example h3{font-size:30px}.task-example p{font-size:16px}.task-example figcaption{margin-top:5px}.gallery-hint{left:24px;bottom:12%;font-size:12px}
 .body-approve{left:24px!important;top:auto!important;bottom:17%}.approval-status{left:24px!important;top:auto!important;bottom:11%}
 .key-experience{left:47%!important;top:47%!important}
 .task-position{left:24px;right:24px;top:30%;gap:2px;justify-content:space-between}
 .light h2{left:24px;top:17%;font-size:52px;max-width:88%}.light #film-copy{left:24px;top:auto;bottom:29%;font-size:24px;max-width:26ch}
 .film-controls{left:24px;right:24px;bottom:13%;gap:8px;flex-wrap:wrap}.film-controls button,.film-controls a{font-size:12px;padding:8px 10px}
 .scene[class*="body-"]::before{background:linear-gradient(90deg,#040d1cc0,#040d1c60 70%,transparent)}
}
@media(max-height:740px) and (max-width:700px){.task-example{flex-basis:48vw}.task-gallery{top:33%}.task-example p{font-size:14px}.task-example h3{font-size:25px}.requests h2{font-size:36px}.requests .instruction{top:25%}}
@media(prefers-reduced-motion:reduce){.task-example{transform:none!important;opacity:1!important}#depth-world{display:none}}