/* Photographs carry the story; copy stays short. Each frame fills the room. */
.story{height:800svh}.story-stage{background:#03070a}.background{display:none}.scene-art{inset:0;width:100%;height:100%;perspective:none;overflow:hidden;pointer-events:none}.frame-photo{position:absolute;max-width:none;will-change:transform;transform-origin:0 0}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02070ce8 0%,#03090ebf 24%,#03090e54 43%,transparent 65%),linear-gradient(0deg,#02070cdb 0%,transparent 30%,transparent 80%,#03080c66 100%)}.scene-copy{left:6%;top:auto;bottom:145px;width:43%;z-index:5}.scene h1,.scene h2{font-size:clamp(45px,5.1vw,82px);line-height:1.03;letter-spacing:-.055em;font-weight:500;margin-bottom:25px;text-wrap:initial}.scene-sub{font-size:14px;line-height:1.7;max-width:370px;color:#e3e9eb;text-shadow:0 2px 20px #000}.scene-copy .eyebrow{font-size:9px;color:#e4d1af;letter-spacing:.16em;margin-bottom:28px}.scene-copy em{color:#e0e8d7}.scene-copy .text-link{font-size:12px;color:#eef5f2;border-color:#c5ddca70}.scene-copy .text-link span{color:#dfcda5}.site-header{background:linear-gradient(#03080cc9,#03080c35);backdrop-filter:blur(8px);border-color:#c6d3dc17}.story-controls{bottom:24px}.chapters button[aria-pressed=true]{background:#e0e8d7;border-color:#e0e8d7}.story-progress i{background:#e0e8d7}.scene-6 .scene-art{inset:0;height:100%;width:100%}.scene-0 .scene-copy{bottom:145px}.paper-project{position:absolute;right:9%;bottom:21%;width:28%;height:25%;perspective:1000px;transform:rotate(-7deg);opacity:.95}.project-part{position:absolute;inset:0;padding:20px 24px;border:1px solid #dceacb6b;border-radius:6px;box-shadow:0 20px 40px #0007;transform:rotateX(38deg);transform-origin:center bottom}.project-part>span{font-size:8px;letter-spacing:.13em}.project-part.paper{background:#d6d5c3;color:#28333a}.project-part.paper>i{display:block;width:75%;height:10px;background:#82948b70;margin-top:15px}.project-part.paper>i:last-child{width:50%}.project-part.interface{background:#223b42;color:#e0eadc;transform:translateY(-48px) rotateX(38deg)}.tiny-layout{display:flex;gap:12px;margin-top:18px}.tiny-layout i{height:50px;flex:1;background:#d8e5d840;border-radius:3px}.tiny-layout i:first-child{flex:2;background:#a2c5b5}.project-part.result{background:#d5e2d1;color:#20342f;transform:translateY(-96px) rotateX(38deg)}.project-part.result strong{display:block;margin-top:13px;font-family:Georgia,serif;font-style:italic;font-size:34px;font-weight:400;line-height:1}.service-photograph{height:380px;position:relative;overflow:hidden;border-radius:10px;margin-bottom:40px}.service-photograph>img{width:100%;height:100%;object-fit:cover;object-position:65% 45%;filter:brightness(.8)}.service-photograph:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06101dcc,transparent 75%)}.service-photograph>span{position:absolute;left:5%;bottom:15%;z-index:1;font-size:clamp(30px,3.5vw,52px);letter-spacing:-.03em;line-height:1.15}.project-photo>img{object-position:65% 50%}.service-photograph em{color:#e0e8d7}
@media(max-width:1050px) and (min-width:761px){.scene-copy{width:45%;bottom:140px}.scene h1,.scene h2{font-size:50px}.paper-project{width:30%;right:5%}}
@media(max-width:760px){.story-stage{min-height:720px}.scene-art,.scene-6 .scene-art{inset:0;width:100%;height:100%}.photo-shade{background:linear-gradient(0deg,#03080cf5 0%,#03080cde 24%,#03080c75 43%,transparent 68%,#03080c50 100%)}.scene-copy,.scene-0 .scene-copy{left:7%;bottom:119px;top:auto;width:87%}.scene h1,.scene h2{font-size:clamp(37px,10.3vw,52px);margin-bottom:18px;line-height:1.02}.scene-copy .eyebrow{font-size:8px;line-height:1.7;letter-spacing:.12em;margin-bottom:20px}.scene-sub{font-size:12px;line-height:1.6;margin-bottom:16px}.scene-copy .text-link{font-size:11px;padding:8px 0}.story-controls{bottom:19px;left:7%;right:7%;gap:11px}.chapters{gap:7px}.chapters button{width:27px;height:27px}.paper-project{right:5%;top:32%;bottom:auto;width:45%;height:13%;opacity:.9}.project-part{padding:12px}.project-part>span{font-size:5px}.project-part.result strong{font-size:23px;margin-top:9px}.project-part.interface{transform:translateY(-29px) rotateX(38deg)}.project-part.result{transform:translateY(-58px) rotateX(38deg)}.tiny-layout{margin-top:8px;gap:7px}.tiny-layout i{height:25px}.project-part.paper>i{height:6px;margin-top:9px}.service-photograph{height:290px;margin-bottom:28px}.service-photograph>span{font-size:30px;left:7%;bottom:10%}.service-photograph>img{object-position:66% center}}
@media(prefers-reduced-motion:reduce){.frame-photo{width:100%!important;height:100%!important;object-fit:cover;object-position:66% center;transform:none!important;opacity:1!important}.scene-copy{opacity:1!important}.scene{min-height:720px}.paper-project{display:none}}
.scene.active{z-index:2}.scene.leaving{visibility:visible;z-index:1;pointer-events:none}.opening-darkness{position:absolute;inset:0;background:radial-gradient(ellipse 20% 45% at 67% 45%,#0003 0%,#020609e8 80%,#020609 100%);pointer-events:none}.scene:not(.active) .scene-copy{pointer-events:none}
@media(max-width:760px){.opening-darkness{background:radial-gradient(ellipse 50% 35% at 55% 30%,#0003,#020609f5)}}
@media(prefers-reduced-motion:reduce){.opening-darkness{display:none}}
.paper-project{right:6%;bottom:12%;width:22%;height:18%}.project-part{padding:15px 18px}.project-part.result strong{font-size:29px}
@media(max-width:760px){.paper-project{right:5%;top:45%;bottom:auto;width:38%;height:10%}.project-part{padding:10px}.project-part.result strong{font-size:21px}}