/* Scroll-driven gallery: native touch scrolling with a gentle 1.6-screen unfurl. */
.topbar a:first-child{width:56px}.topbar img{width:48px;height:48px}.topbar span{display:block;font-size:10px;letter-spacing:.15em}
.hero{display:block;min-height:0;height:165svh;padding:0;overflow:visible;background:#66302d;position:relative;text-align:center;contain:layout paint}
.hero-stage{position:sticky;top:0;height:calc(100svh - 74px);min-height:0;overflow:hidden;isolation:isolate}
.hero-heading{position:absolute;top:5%;left:5%;right:5%;z-index:2;pointer-events:none}
.hero h1{font-size:clamp(40px,5.5vw,68px);line-height:1.05;letter-spacing:-.045em;margin:0 0 14px;font-weight:400}
.hero h1 em,.catalog h2 em{font-style:normal}.hero .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:17px}
.hero .intro{font-size:14px;line-height:1.5;margin:0;color:#e0c6ba}
.immersive-gallery{position:absolute;inset:29% -4% 245px;perspective:1100px;overflow:hidden;mask-image:linear-gradient(transparent,#000 13%,#000 83%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 13%,#000 83%,transparent)}
.unfurl-photo{position:absolute;left:50%;top:50%;width:26%;height:33svh;max-width:260px;max-height:330px;min-height:180px;margin:0;border:4px solid #e0c6ba;background:#bc918e;border-radius:5px;overflow:hidden;box-shadow:0 16px 30px #230c0b55;will-change:transform;backface-visibility:hidden;contain:layout paint}
.unfurl-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);object-position:center}
.unfurl-photo figcaption{position:absolute;inset:auto 0 0;padding:32px 12px 12px;background:linear-gradient(transparent,#28100caf);color:#fff;font:12px Lato,Arial,sans-serif;letter-spacing:.04em;text-align:left}
.hero-bottom{position:absolute;z-index:3;left:0;right:0;bottom:108px;display:flex;align-items:center;flex-direction:column;gap:11px}
.scroll-hint{font-size:9px;letter-spacing:.18em;margin:0;color:#e0c6ba}.scroll-hint span{display:inline-block;margin-left:10px}
.scroll-track{width:100px;height:2px;background:#e0c6ba33;margin:1px 0 5px}.scroll-track span{display:block;width:100%;height:100%;background:#e0c6ba;transform:scaleX(0);transform-origin:left}
.hero .button{min-height:46px;padding:13px 23px;border:1px solid #e0c6ba66;border-radius:30px;background:#e6dcd0;color:#66302d;font-size:13px;gap:28px}
.hero-bottom small{font-size:9px;color:#e0c6ba;letter-spacing:.025em}.cardimage img,.modalbox>img{object-position:center}.note a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:850px){.hero-heading{left:7%;right:auto;top:25%;width:34%;text-align:left}.hero h1{font-size:clamp(45px,5vw,76px)}.immersive-gallery{inset:4% 0 5% 43%}.unfurl-photo{width:31%;height:37svh;max-height:400px}.hero-bottom{left:7%;right:auto;align-items:flex-start;bottom:18%;width:34%}.hero .intro{max-width:300px}.hero-stage{min-height:650px}}
@media(max-width:400px){.topbar{padding:0 18px}.topbar span{font-size:8px}.hero .intro{font-size:12px}.hero h1{font-size:40px}.hero-heading{top:4%}.unfurl-photo{width:29%;border-width:3px}.unfurl-photo figcaption{font-size:10px;padding:25px 8px 10px}}
@media(max-height:650px) and (max-width:849px){.hero-stage{min-height:0}.hero-heading{top:3%}.hero h1{font-size:34px}.hero .eyebrow{margin-bottom:8px}.hero .intro{display:none}.immersive-gallery{inset:25% -4% 220px}.hero-bottom{bottom:95px;gap:7px}.unfurl-photo{min-height:140px}}
html{scroll-behavior:smooth}.hero-stage,.immersive-gallery{touch-action:pan-y}.hero-bottom .button{transition:transform .25s ease,background-color .25s ease}.hero-bottom .button:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:auto}.hero-stage{position:relative;height:auto;min-height:0;padding:35px 20px 125px}.hero-heading,.hero-bottom{position:static;width:auto;text-align:center;align-items:center}.hero-heading{margin-bottom:25px}.immersive-gallery{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;mask-image:none;-webkit-mask-image:none;margin:25px 0;overflow:visible}.unfurl-photo{position:relative;left:auto;top:auto;width:100%;height:150px;min-height:0;transform:none!important;will-change:auto}.scroll-hint,.scroll-track{display:none}}

