.sl-hero.sl-hero--scenes{min-height:0;height:clamp(690px,57vw,840px);perspective:1400px;isolation:isolate;background:#ebe8df;overflow:hidden}
.sl-hero--scenes .sl-scenes,.sl-hero--scenes .sl-scene,.sl-hero--scenes .sl-scene-backdrop{position:absolute;inset:0}
.sl-hero--scenes .sl-scene[hidden]{display:none!important}
.sl-hero--scenes .sl-scene{animation:sl-scene-enter .85s cubic-bezier(.2,.65,.2,1)}
.sl-hero--scenes .sl-scene-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.sl-hero--scenes .sl-scene-stage{position:absolute;inset:0 0 80px;perspective:1200px;transform:translate3d(var(--sl-x,0px),var(--sl-y,0px),0);transition:transform .25s ease-out}
.sl-hero.sl-hero--scenes .sl-hero-copy{position:absolute;z-index:5;left:40%;top:5%;width:32%;max-width:430px;margin:0;padding:0;pointer-events:none}
.sl-hero.sl-hero--scenes .sl-hero-copy h1{font:400 clamp(42px,4.35vw,68px)/.97 'Instrument Serif',Georgia,serif;letter-spacing:-.045em;color:#101310;text-shadow:0 1px 14px #f6f2eabb}
.sl-hero.sl-hero--scenes .sl-hero-copy p{font-size:clamp(12px,1vw,15px);line-height:1.45;margin:18px 0;color:#161c17;text-shadow:0 0 8px #fff}
.sl-hero--scenes .sl-hero-copy a{pointer-events:auto}
.sl-hero--scenes .sl-canvas{position:absolute;margin:0;transform-style:preserve-3d;--canvas-turn:-12deg;--canvas-depth:14px;max-width:42%;width:min(var(--canvas-width,33%),calc(var(--canvas-height,340px)*var(--img-ratio)))}
.sl-hero--scenes .sl-canvas--1{left:5%;top:24%;--canvas-width:33%;--canvas-turn:10deg;--canvas-height:340px}
.sl-hero--scenes .sl-canvas--2{left:56%;top:60%;--canvas-width:18%;--canvas-turn:-9deg;--canvas-height:180px}
.sl-hero--scenes .sl-canvas--3{right:5%;top:14%;--canvas-width:17%;--canvas-turn:-14deg;--canvas-height:380px}
.sl-hero--scenes .sl-canvas-object{position:relative;aspect-ratio:var(--img-ratio,1);transform:rotateY(var(--canvas-turn)) rotateX(2deg);transform-style:preserve-3d;box-shadow:6px 2px 0 #b6ad9a,8px 3px 0 #887f6c,16px 20px 24px #20271940;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.sl-hero--scenes .sl-canvas-object>a,.sl-hero--scenes .sl-canvas-object>div{display:block;width:100%;height:100%;position:relative;background:#ece8de}
.sl-hero--scenes .sl-canvas-object img{display:block;width:100%;height:100%;object-fit:contain;background:#eae7dc}
.sl-hero--scenes .sl-canvas-object:before{content:'';position:absolute;left:100%;top:0;width:var(--canvas-depth);height:100%;background:linear-gradient(90deg,#9d9381,#ded7c8);transform:rotateY(90deg);transform-origin:left center;box-shadow:inset 0 0 2px #554c3b}
.sl-hero--scenes .sl-canvas-object:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#ffffff22,transparent 35%,#161a0912);box-shadow:inset 0 0 0 1px #fff6,inset 1px 0 4px #ffffff35}
.sl-hero--scenes .sl-canvas:focus-within .sl-canvas-object,.sl-hero--scenes .sl-canvas:hover .sl-canvas-object{transform:rotateY(0deg) rotateX(0deg) translateZ(12px)}
.sl-hero--scenes .sl-canvas figcaption{display:flex;justify-content:space-between;gap:10px;position:relative;margin-top:7px;padding:14px 16px;background:linear-gradient(110deg,#f7f4eb,#ddd7c8);color:#171b16;font-size:12px;box-shadow:8px 10px 15px #111b1226;border-left:1px solid #fff8;min-height:61px}
.sl-hero--scenes .sl-canvas figcaption strong{display:block;font-weight:500;overflow-wrap:anywhere}
.sl-hero--scenes .sl-canvas figcaption span{display:block;font-size:10px;margin-top:3px}
.sl-hero--scenes .sl-canvas figcaption small{font-size:10px;white-space:nowrap;color:#645e4e}
.sl-hero--scenes .sl-canvas--2 figcaption{width:max(100%,160px)}
.sl-hero--scenes .sl-canvas--2 figcaption small{display:none}
.sl-hero--scenes .sl-scene--2 .sl-canvas--1{top:28%;left:4%;--canvas-width:31%;--canvas-turn:14deg;--canvas-height:340px}
.sl-hero--scenes .sl-scene--2 .sl-canvas--2{top:61%;left:49%;--canvas-width:23%;--canvas-turn:-6deg;--canvas-height:180px}
.sl-hero--scenes .sl-scene--2 .sl-canvas--3{top:19%;right:5%;--canvas-width:17%;--canvas-turn:-16deg;--canvas-height:380px}
.sl-hero--scenes .sl-scene--3 .sl-canvas--1{top:30%;left:7%;--canvas-width:30%;--canvas-turn:7deg;--canvas-height:340px}
.sl-hero--scenes .sl-scene--3 .sl-canvas--2{top:54%;left:49%;--canvas-width:21%;--canvas-turn:-8deg;--canvas-height:145px}
.sl-hero--scenes .sl-scene--3 .sl-canvas--3{top:16%;right:5%;--canvas-width:17%;--canvas-turn:-15deg;--canvas-height:380px}
.sl-hero.sl-hero--scenes .sl-hero-controls{position:absolute;z-index:7;left:5%;right:5%;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f6f3e9dd;padding:8px 12px;border-top:1px solid #ada58d88;backdrop-filter:blur(8px)}
.sl-hero--scenes .sl-hero-controls button{border:0;background:transparent;color:#19251e;cursor:pointer;font:500 12px/1.3 'DM Sans',Arial,sans-serif;min-height:44px;padding:8px;white-space:nowrap}
.sl-hero--scenes .sl-scene-dots{display:flex;gap:12px}
.sl-hero--scenes .sl-scene-dots button{border-bottom:2px solid transparent;min-width:36px}
.sl-hero--scenes .sl-scene-dots button[aria-current=true]{border-color:#a88c4e;color:#7d602d}
@keyframes sl-scene-enter{from{opacity:.3;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px) and (min-width:701px){.sl-hero.sl-hero--scenes{height:720px}.sl-hero.sl-hero--scenes .sl-hero-copy{left:38%;width:35%;top:5%}.sl-hero.sl-hero--scenes .sl-hero-copy h1{font-size:45px}.sl-hero--scenes .sl-canvas--2{top:61%;--canvas-width:23%;left:48%}.sl-hero--scenes .sl-canvas--3{--canvas-width:20%;right:3%;top:25%}}
@media(max-width:700px){.sl-hero.sl-hero--scenes{height:920px}.sl-hero.sl-hero--scenes .sl-hero-copy{left:24px;right:24px;top:26px;width:auto;max-width:none;padding:0;margin:0}.sl-hero.sl-hero--scenes .sl-hero-copy h1{font-size:clamp(40px,9.4vw,58px);line-height:1.02;max-width:85%}.sl-hero.sl-hero--scenes .sl-hero-copy p{margin:14px 0;font-size:13px}.sl-hero--scenes .sl-scene-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(#f4f1e8fa 0,#f4f1e8ed 27%,transparent 45%)}.sl-hero--scenes .sl-scene-stage{top:320px;bottom:125px}.sl-hero--scenes .sl-scene .sl-canvas--1{left:5%;top:10%;--canvas-width:54%;--canvas-height:240px;max-width:none}.sl-hero--scenes .sl-scene .sl-canvas--2{left:30%;top:62%;--canvas-width:42%;--canvas-height:145px;max-width:none}.sl-hero--scenes .sl-scene .sl-canvas--3{right:5%;top:8%;--canvas-width:27%;--canvas-height:230px;max-width:none}.sl-hero--scenes .sl-canvas figcaption{padding:8px;min-height:51px;font-size:11px}.sl-hero--scenes .sl-canvas figcaption small{display:none}.sl-hero.sl-hero--scenes .sl-hero-controls{left:16px;right:16px;bottom:14px;flex-wrap:wrap;gap:4px;padding:8px}.sl-hero--scenes .sl-scene-dots{order:-1;justify-content:center;flex-basis:100%}.sl-hero--scenes .sl-hero-controls button{font-size:11px}.sl-hero--scenes .sl-scene-dots button{min-height:32px}}
@media(prefers-reduced-motion:reduce){.sl-hero--scenes .sl-scene{animation:none}.sl-hero--scenes .sl-scene-stage,.sl-hero--scenes .sl-canvas-object{transition:none;transform:none!important}}
@media(max-width:700px){.sl-hero--scenes .sl-scene .sl-canvas--2{top:56%;--canvas-height:125px}}
