/* V5 refinement: gesture geometry and a reserved portrait area. */
.wordmark{justify-self:start}
.sc-track{display:block!important;position:relative;overflow:hidden;padding:0!important;scroll-snap-type:none!important;scroll-behavior:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;contain:layout style}
.sc-slide{position:absolute!important;left:50%;top:50%;width:var(--sc-card-width);margin:0!important;scroll-snap-align:none;will-change:transform}
.sc-track.is-dragging{cursor:grabbing}.sc-arrow svg{width:20px;height:20px;pointer-events:none}
.collage-board:before,.collage-board:after{display:none}.collage-board{background:none}
.hero{overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-copy{max-width:545px}.hero h1{font-size:clamp(39px,4.2vw,58px)}
.hero-portraits{position:absolute;inset:0 0 0 52%;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 90%,transparent)}
.hero-portrait-slide{position:absolute;inset:0;opacity:0;transform:translate3d(18%,0,0);transition:opacity .9s ease,transform .9s ease}
.hero-portrait-slide.is-active{opacity:1;transform:translate3d(0,0,0)}.hero-portrait-slide.is-previous{opacity:0;transform:translate3d(-18%,0,0)}
.hero-portrait-slide img{position:absolute;height:95%;width:auto;max-width:none;right:-2%;bottom:0;mask-image:linear-gradient(#000 78%,transparent)}
.hero-portrait-slide--scene img{height:115%;top:-25%;bottom:auto;right:-8%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 90%,transparent)}
.hero-stage{height:610px}.video-jewel{width:min(230px,70%);left:0;bottom:12px;transform:none;z-index:3}.hero-video-frame{aspect-ratio:4/5;border-radius:28px;border-width:4px}
.hero-sculpture{width:205px;right:-28px;top:auto;bottom:8px;z-index:4;pointer-events:none}.hero-sculpture img{filter:drop-shadow(0 9px 12px #88583b26)}
.proof-seal{top:28px;left:-12px;right:auto;max-width:145px;padding:10px 13px;gap:7px;border-radius:23px;transform:rotate(-5deg)}.proof-seal b{font-size:24px}.proof-seal small{font-size:8px;max-width:85px}.proof-seal>span{font-size:18px}
.hero-tool-object{position:absolute;width:125px;left:-18px;bottom:290px;z-index:2;pointer-events:none}.hero-tool-object img{width:100%;height:auto}
.hero-book-object{position:absolute;right:-5px;top:175px;width:47px;height:64px;border-radius:7px 10px 10px 7px;background:linear-gradient(110deg,#a45469 0 6%,#63253d 8% 85%,#f0d6b3 87% 95%,#9f7748 97%);border:1px solid #dfbd8c;box-shadow:5px 5px 0 #c7a472,0 13px 17px #4a1e3226;transform:rotate(13deg);pointer-events:none}.hero-book-object:after{content:"";position:absolute;right:12px;top:-1px;width:9px;height:25px;background:#e8c78c;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
@media(min-width:701px) and (max-width:1000px){.hero-grid{gap:30px}.hero h1{font-size:39px}.hero-stage{height:620px}.hero-portrait-slide img{height:78%;bottom:110px;right:-12%}.hero-portrait-slide--scene img{height:92%;top:-9%;right:-20%}.hero-sculpture{width:155px;right:-20px}.hero-tool-object{width:105px;bottom:260px}.proof-seal{left:0}.hero-book-object{right:-10px;top:220px}}
/* The first pair uses its original 720:1280 and 960:1280 widths at one shared height. */
.case-card--natural-pair .case-pair{grid-template-columns:3fr 4fr;align-items:stretch}
.case-card--natural-pair .case-photo{aspect-ratio:auto;min-height:0}
.case-card--natural-pair .case-photo img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){
 .hero-grid{display:block}.hero-copy{max-width:none}.hero h1{font-size:26px;width:62%;max-width:none;line-height:1.1;margin-top:13px;margin-bottom:18px}
 .hero-portraits{inset:29px 0 auto auto;width:44%;height:310px;mask-image:linear-gradient(90deg,transparent,#000 22%)}
 .hero-portrait-slide img{height:270px;width:auto;right:-40px;top:40px;bottom:auto;mask-image:linear-gradient(#000 48%,transparent 80%)}
 .hero-portrait-slide--scene img{height:490px;top:-110px;right:-83px;mask-image:linear-gradient(#000 46%,transparent 68%)}
 .hero-stage{height:340px;width:min(370px,100%);margin:28px auto 0}
 .video-jewel{width:min(70%,240px);max-width:none;left:0;bottom:0;transform:none}.hero-video-frame{aspect-ratio:4/5;border-radius:25px}
 .hero-sculpture{width:115px;right:-18px;top:auto;bottom:-2px}
 .proof-seal{top:8px;left:auto;right:-9px;padding:9px 11px;max-width:118px;gap:6px}.proof-seal b{font-size:23px}.proof-seal small{font-size:7px;max-width:65px}
 .hero-tool-object{width:80px;left:auto;right:4px;top:100px;bottom:auto}.hero-book-object{width:32px;height:44px;right:26px;top:195px}
 .hero-buy{column-gap:20px}.collage-section .section-heading{margin-bottom:20px}.collage-board{margin-top:0}
}
@media(max-width:370px){
 .hero h1{font-size:24px;width:62%}.hero-portraits{top:28px;height:300px}
 .hero-portrait-slide img{height:235px;top:47px;right:-39px}.hero-portrait-slide--scene img{height:425px;top:-83px;right:-73px}
 .hero-stage{height:300px}.hero-sculpture{width:100px;right:-14px}.hero-tool-object{width:70px;top:95px;right:0}.hero-book-object{right:19px;top:166px}
 .proof-seal{max-width:103px;padding:8px;right:-9px;gap:4px}.proof-seal b{font-size:21px}.proof-seal small{font-size:6px;max-width:57px}.hero-video-frame{border-radius:23px}
}
@media(prefers-reduced-motion:reduce){.hero-portrait-slide{transition:none}.hero-portrait-slide:not(.is-active){display:none}.sc-slide{will-change:auto}}