.s10{background:#18271f;color:#fff}.s10-track{height:185svh;min-height:1100px}.s10-scene{position:sticky;top:88px;height:calc(100svh - 100px);max-height:800px;min-height:440px;overflow:hidden;isolation:isolate}.s10-top{position:absolute;top:22px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;z-index:5;font-size:11px;color:#fff;mix-blend-mode:normal}.s10-reveal{background:#f3f0e5eb;color:#192b21;border:0;padding:10px 15px;font-size:10px}.s10-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:15px;padding:75px 35px 46px;align-items:stretch}.s10-tile{position:relative;min-width:0;min-height:0;transform-origin:center center}.s10-tile img{width:100%;height:100%;object-fit:cover}.s10-tile.is-focus{z-index:2}.s10-title{position:absolute;left:5%;bottom:14%;z-index:4;color:white;opacity:clamp(0,calc((var(--wall-progress,0) - .65)*3),1);text-shadow:0 3px 30px #000;transform:translateY(calc((1 - var(--wall-progress,0))*30px))}.s10-title span{font-size:clamp(35px,5vw,80px);letter-spacing:-3px}.s10-title p{font-size:13px}.s10-credit{position:absolute;bottom:14px;left:28px;right:28px;z-index:4;font-size:10px;color:#e2e6df;text-shadow:0 2px 8px #000}.s10.is-static .s10-track{height:auto;min-height:0}.s10.is-static .s10-scene{position:relative;top:0;height:650px}.s10.is-static .s10-reveal{display:none}
.s11{background:#e6e8dd;display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;align-items:center;padding:42px 5%;min-height:650px}.s11-intro{max-width:380px;padding:15px 0}.s11-kicker{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#6a7362;margin-bottom:25px}.s11-intro h2{font:400 clamp(40px,4.5vw,72px)/1.02 Georgia,serif;letter-spacing:-3px;margin:0 0 25px}.s11-intro>p:not(.s11-kicker){font-size:14px;line-height:1.7;color:#64705d;max-width:300px}.s11-play{background:none;border:0;border-bottom:1px solid #66775b;padding:12px 0;display:flex;justify-content:space-between;gap:26px;font-size:12px}.s11-play span{font-size:20px}.s11-status{min-height:40px;font-size:11px!important}.s11-scene{position:relative;perspective:1000px;isolation:isolate;background:#d4dcca;height:545px;min-width:0;overflow:hidden}.s11-grid{position:absolute;inset:0;background:linear-gradient(#a7b09733 1px,transparent 1px),linear-gradient(90deg,#a7b09733 1px,transparent 1px);background-size:30px 30px}.s11-corner{position:absolute;left:22px;top:22px;z-index:2;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#647457}.s11-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--pointer-rx,0deg)) rotateY(var(--pointer-ry,0deg))}.s11-layer{position:absolute;transform:translate3d(var(--layer-x,0px),var(--layer-y,0px),0);pointer-events:none}.s11-back{left:21%;top:16%;width:65%;height:65%}.s11-back>div{background:#f5f1e7;height:100%;transform:rotate(10deg);box-shadow:0 15px 45px #1d342018}.s11-photo{width:75%;height:60%;left:11%;top:18%}.s11-photo img{width:100%;height:100%;object-fit:cover;transform:rotate(-6deg);box-shadow:10px 18px 30px #10261a30}.s11-detail{width:30%;height:33%;left:60%;top:58%;z-index:3}.s11-detail img{height:100%;width:100%;object-fit:cover;border-radius:50%;border:6px solid #e8eadd;box-shadow:0 9px 28px #19301933}.s11-detail span{display:block;text-align:center;font-size:8px;text-transform:uppercase;letter-spacing:1px;margin-top:10px;color:#3a5034}.s11-note{left:8%;top:70%;background:#f7f5e9;padding:15px 20px;z-index:4;transform:translate3d(var(--layer-x,0px),var(--layer-y,0px),0) rotate(-4deg);box-shadow:0 7px 17px #132a1d18}.s11-note span{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#6c7c60}.s11-note b{display:block;font-weight:400;font-size:15px;line-height:1.4;margin-top:8px}.s11-scene figcaption{position:absolute;left:22px;right:22px;bottom:13px;font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:#5f7252}
@media(max-width:900px){.s11{grid-template-columns:.7fr 1.3fr;gap:3%;padding:30px 4%}.s11-scene{height:475px}.s11-intro h2{font-size:48px}.s11-note{padding:12px}.s11-note b{font-size:12px}}@media(max-width:600px){.s10-scene{top:118px;height:calc(100svh - 130px);min-height:450px}.s10-grid{gap:8px;padding:65px 12px 42px}.s10-top{top:16px;left:15px;right:15px;font-size:10px}.s10-reveal{font-size:9px;padding:9px 10px}.s10-credit{left:15px;right:15px;font-size:8px;bottom:10px}.s10-title{bottom:20%;left:7%}.s10-title span{font-size:42px;letter-spacing:-2px}.s10-title p{font-size:11px;max-width:210px}.s10.is-static .s10-scene{height:530px}.s11{grid-template-columns:1fr;padding:24px 5%;gap:15px}.s11-intro{max-width:none;padding:0}.s11-intro h2{font-size:47px;letter-spacing:-2px;margin-bottom:12px}.s11-kicker{margin-top:0;margin-bottom:18px}.s11-intro>p:not(.s11-kicker){font-size:12px;max-width:340px}.s11-status{margin:8px 0 0;min-height:25px}.s11-scene{height:420px}.s11-note{left:5%;padding:13px}.s11-note b{font-size:12px}.s11-corner{font-size:8px}.s11-scene figcaption{font-size:7px}}
@media(prefers-reduced-motion:reduce){.s11-stage{transform:none}.s11-layer{transform:translate3d(0,0,0)}}