
/* Cinematic edition: full-bleed art, restrained depth, readable foreground. */
body{overflow-x:clip}body>header{position:absolute;inset:0 0 auto;height:90px;color:#fff;border-bottom:1px solid #ffffff25;width:90%;z-index:10}.brand{letter-spacing:-.6px}.brand b{background:var(--accent);color:#131313}nav .ticker{border-color:#ffffff45}.cinema{position:relative;isolation:isolate;background:var(--night);color:#fff;min-height:820px;height:min(100svh,1080px);overflow:hidden;display:flex;align-items:center;margin:0;--px:0px;--py:0px}.cinema:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--night) 0%,color-mix(in srgb,var(--night) 96%,transparent) 19%,color-mix(in srgb,var(--night) 68%,transparent) 38%,transparent 72%),linear-gradient(0deg,var(--night),transparent 24%,transparent 80%,#0005);pointer-events:none}.cin-art{position:absolute;inset:0 -12% 0 auto;width:94%;z-index:0;transform:translate(var(--px),var(--py));transition:transform 1.6s cubic-bezier(.2,.7,.3,1)}.cin-image{height:100%;width:100%;animation:cin-drift 22s ease-in-out infinite alternate;transform-origin:62% 45%}.cinema .scene,.cinema .webcam{position:relative;inset:auto;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;transform:none;overflow:hidden}.cinema .scene img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;display:block;filter:brightness(.92) saturate(.88)}.cin-copy{position:relative;z-index:3;width:90%;max-width:1600px;margin:auto;padding:125px 0 130px;pointer-events:none}.cin-copy>*{pointer-events:auto}.cin-copy .eyebrow{color:#ffffffb0;font-size:11px;letter-spacing:.19em;font-weight:400;animation:cin-enter .9s .05s both;max-width:650px}.cin-copy .eyebrow:before{width:36px}.cin-copy h1{font-size:clamp(80px,8.7vw,150px);line-height:.88;letter-spacing:-.035em;margin:33px 0 25px;max-width:850px;text-wrap:balance;animation:cin-enter 1s .18s both;transform:none;color:#fff}.cin-copy h1 em{font-style:normal;color:var(--accent);text-shadow:none;-webkit-text-stroke:0}.cin-copy .lede{font-size:clamp(18px,1.6vw,24px);max-width:450px;line-height:1.55;color:#ffffffbd;opacity:1;animation:cin-enter 1s .3s both}.cin-copy .actions{margin-top:32px;animation:cin-enter 1s .42s both}.cin-copy .button{padding:16px 23px;border-radius:2px;font-size:14px;font-weight:600;letter-spacing:.01em}.cin-copy .button span{margin-left:15px;font-size:20px}.cin-copy .text-link{font-size:13px;padding:16px 5px;color:#ffffffb0;border-bottom:1px solid #ffffff40;align-self:center;margin-left:10px}.cin-bottom{position:absolute;bottom:34px;left:5%;right:5%;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:20px;border-top:1px solid #ffffff25;font:10px 'DM Mono',monospace;letter-spacing:.12em;color:#ffffff85}.cin-bottom .scene-id{color:var(--accent)}.cin-bottom button{background:none;border:1px solid #ffffff40;color:#fff;padding:8px 13px;border-radius:30px;font:10px 'DM Mono',monospace;letter-spacing:.05em;min-height:36px}.cin-bottom button:hover{border-color:#fff}.cin-light{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 70% 38%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%);mix-blend-mode:screen;pointer-events:none;animation:cin-breathe 9s ease-in-out infinite}.cinema.motion-paused .cin-image,.cinema.motion-paused .cin-light{animation-play-state:paused}.cinema.motion-paused .cin-art{transform:none}.cinema.motion-paused .cin-copy>*{animation:none}.cinema~.section{position:relative}.cin-frames .cin-copy h1{font-size:clamp(72px,7.7vw,125px);max-width:880px}.cin-frames .cin-art{right:-15%;width:95%}.cin-lunch .cin-copy h1{max-width:730px;font-size:clamp(80px,8.3vw,140px)}.cin-lunch .cin-art{right:-15%;width:92%}.cin-aunt .cin-copy h1{font-family:Georgia,serif;text-transform:none;font-weight:400;font-size:clamp(60px,5.9vw,95px);line-height:1.02;letter-spacing:-.065em;max-width:620px}.cin-aunt .cin-copy h1 em{font-style:italic}.cin-aunt .cin-art{right:-13%;width:91%}.cin-intern .cin-copy h1{font-size:clamp(78px,8vw,130px);max-width:850px}.cin-intern .cin-art{right:-12%;width:87%}.cin-limp .cin-copy h1{font-size:clamp(110px,12.5vw,200px);margin:25px 0}.cin-limp .cin-art{right:-18%;width:94%}.cin-limp .cin-copy{padding-top:130px;padding-bottom:150px}.cin-limp .cin-copy .lede{font-size:18px}.cinema .pump-panel{margin-top:25px;max-width:390px;width:100%;padding:20px;background:#ffffff09;backdrop-filter:blur(15px);border:1px solid #ffffff25;border-radius:3px;box-shadow:none;pointer-events:auto}.cinema .pump-panel .pressure-track{margin:14px 0}.cinema .pump-panel p{min-height:0;margin-top:12px;font-size:13px}.cinema .pump-panel .pump-hint{display:none}.cinema .pump-panel .button{font-family:'Space Grotesk',sans-serif;font-size:14px;min-height:46px;padding:10px}.cin-control-strip{background:#0d140c;color:#fff;border-top:1px solid #b7ff3530;padding:35px 5%}.cin-control-strip .render-console{width:min(1300px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px 50px;padding:0;background:none}.cin-control-strip .render-console h3{font-size:27px;margin:0;grid-column:1;grid-row:2/4}.cin-control-strip .render-console>p:not(.result){display:none}.cin-control-strip .render-console label{grid-column:2;grid-row:1;margin:0}.cin-control-strip .render-console input{grid-column:2;grid-row:2}.cin-control-strip .render-console .result{grid-column:2;grid-row:3;margin:0;font-size:14px}.cin-control-strip .render-console button{grid-column:2;grid-row:4;margin:0;justify-self:start}.cin-control-strip .tiny-note{grid-column:1;grid-row:4;align-self:center}.shaking .cin-image.webcam{animation:tremble .1s infinite}.cin-inpublic .scene img{filter:brightness(var(--brightness,.92)) saturate(.88)}.cin-limp .scene img{transform:scaleY(var(--inflation,1));transform-origin:center 85%}.cinema.motion-paused .cin-light{opacity:.5}
@keyframes cin-drift{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.10) translate3d(-1%,.4%,0)}}@keyframes cin-breathe{0%,100%{opacity:.35}50%{opacity:.8}}@keyframes cin-enter{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(min-width:1700px){.cin-art{width:86%;right:-5%}.cin-copy{width:86%}.cin-bottom{left:7%;right:7%}}@media(max-width:1050px) and (min-width:681px){.cinema{min-height:800px}.cin-copy h1{font-size:95px;max-width:640px}.cin-art{right:-28%;width:115%}.cin-copy .lede{max-width:360px}.cin-aunt .cin-copy h1{font-size:62px;max-width:440px}.cin-limp .cin-copy h1{font-size:145px}.cin-limp .cin-copy{padding-bottom:130px}}
@media(max-width:680px){body>header{height:72px;width:90%}.brand{font-size:13px;gap:7px;max-width:58%;line-height:1.15}.brand b{min-width:26px;width:26px;height:26px;font-size:13px}nav{gap:10px;font-size:11px}nav .ticker{font-size:10px;padding:7px}.cinema{height:auto;min-height:880px;align-items:flex-end}.cin-art,.cin-frames .cin-art,.cin-lunch .cin-art,.cin-aunt .cin-art,.cin-intern .cin-art,.cin-limp .cin-art{width:100%;height:580px;top:0;right:0;bottom:auto}.cinema .scene img{object-position:center 28%;filter:brightness(.83) saturate(.9)}.cinema:before{background:linear-gradient(0deg,var(--night) 0%,var(--night) 19%,color-mix(in srgb,var(--night) 90%,transparent) 36%,transparent 72%),linear-gradient(180deg,#0009,transparent 23%)}.cin-copy{padding:385px 0 145px;margin:auto;max-width:none}.cin-copy .eyebrow{font-size:9px;line-height:1.5;letter-spacing:.12em;max-width:90%}.cin-copy .eyebrow:before{width:20px;flex-shrink:0}.cin-copy h1{font-size:clamp(60px,14.5vw,96px);margin:22px 0 18px;line-height:.9;max-width:100%}.cin-copy .lede{font-size:17px;max-width:310px}.cin-copy .actions{margin-top:24px;gap:10px}.cin-copy .button{font-size:12px;padding:14px 18px;min-height:48px}.cin-copy .text-link{font-size:11px;margin-left:0}.cin-bottom{bottom:24px;gap:12px;font-size:9px;letter-spacing:.04em;padding-top:15px;flex-wrap:wrap}.cin-bottom .scene-caption{display:none}.cin-bottom button{font-size:9px}.cin-frames .cin-copy h1{font-size:clamp(52px,12.8vw,80px)}.cin-frames .cin-art{height:540px}.cin-lunch .cin-copy h1{font-size:clamp(64px,15.8vw,98px)}.cin-aunt .cin-copy h1{font-size:clamp(39px,10.8vw,65px);max-width:100%;line-height:1.04}.cin-aunt .cin-copy{padding-top:395px}.cin-intern .cin-copy h1{font-size:clamp(61px,14.5vw,92px)}.cin-intern .cin-art{height:570px}.cin-limp .cin-copy{padding-top:365px;padding-bottom:120px}.cin-limp .cin-copy h1{font-size:clamp(85px,22vw,130px);margin:20px 0}.cin-limp .cin-art{height:520px}.cinema .pump-panel{padding:17px;margin-top:22px}.cin-control-strip{padding:28px 5%}.cin-control-strip .render-console{display:flex;gap:15px}.cin-control-strip .render-console h3{font-size:27px;margin:0}.cin-control-strip .render-console label{margin:8px 0}.cin-control-strip .render-console button{align-self:flex-start}.cin-control-strip .tiny-note{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.cin-image,.cin-light,.cin-copy>*{animation:none!important}.cin-art{transform:none!important;transition:none!important}}

/* Wider hero framing: keep the complete scene within the artwork area. */
.cinema .cin-art{width:84%;right:0;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 96%,transparent)}
.cinema .scene img{object-fit:contain;object-position:center;}
.cinema .cin-image{animation-name:cin-wide-drift;transform-origin:center;}
@keyframes cin-wide-drift{from{transform:scale(.96)}to{transform:scale(1)}}
@media(max-width:680px){.cinema .cin-art{width:100%;right:0;height:490px}.cinema .scene img{object-position:center 32%}}
@media(prefers-reduced-motion:reduce){.cinema .cin-image{animation:none!important}}

/* Keep the wider scene anchored to the right edge throughout motion. */
.cinema .cin-art{right:0;transform:none!important;mask-image:linear-gradient(90deg,transparent,#000 16%)}
.cinema .scene img{object-position:right center}
.cinema .cin-image{transform-origin:right center}
@media(max-width:680px){.cinema .scene img{object-position:right center}}
