.experience{height:260svh;position:relative;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.experience-sticky{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden}
.experience .section-top{position:absolute;left:6%;right:6%;top:109px;display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:2}
.section-top .eyebrow{margin:0;font-size:11px;color:var(--wine)}
.small-note{font-size:11px;color:#81777c}
.experience .scene-copy{position:absolute;left:6%;top:30%;width:32%;z-index:2;pointer-events:none}
.experience .scene-copy h2{font-size:62px;line-height:1.02;margin:0 0 25px}
.experience .scene-copy h2 em{color:#805864}
.experience .scene-copy>p{font-size:15px;line-height:1.85;color:#736971;max-width:300px;margin:0}
.experience .layer-label{position:absolute;left:6%;top:calc(30% + 245px);display:flex;align-items:center;gap:20px;z-index:2}
.layer-label>span{font-family:var(--serif);font-size:46px;color:#9e7c51;line-height:1;border-right:1px solid #cabcb2;padding-right:21px}
.layer-label h3{font-size:14px;line-height:1.5;font-weight:500;margin:0;color:var(--wine)}
.layer-label p{font-size:12px;margin:5px 0 0;color:#7e737a;max-width:270px}
.experience .experience-sticky #scene{position:absolute;width:66%;height:78%;right:-2%;top:14%;overflow:hidden;touch-action:pan-y;mask-image:none;-webkit-mask-image:none}
#scene canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .6s;filter:drop-shadow(0 25px 22px #5c342715)}
#scene.is-rendered canvas{opacity:1}
.scene-fallback{width:100%;height:100%;object-fit:contain}
.scene-bottom{position:absolute;left:6%;right:6%;bottom:32px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px;color:#81717a}
.scene-bottom i{font-style:normal;color:#b99565;margin:0 12px}
.progress-track{height:1px;width:34%;background:#d9cfc9}
.progress-track span{display:block;width:0;height:2px;background:#855666}
@media(min-width:1600px){.experience .scene-copy h2{font-size:74px}.experience .layer-label{top:calc(30% + 290px)}}
@media(max-width:1100px) and (min-width:761px){.experience .scene-copy h2{font-size:49px}.experience .scene-copy{width:35%}.experience .layer-label{top:calc(30% + 245px)}.layer-label p{max-width:210px}.experience .experience-sticky #scene{width:65%;right:-3%}}
@media(max-width:760px){
 .experience{height:250svh}
 .experience-sticky{min-height:740px}
 .experience .section-top{top:96px;left:7%;right:7%}.section-top .eyebrow{font-size:10px}.small-note{display:none}
 .experience .scene-copy{left:7%;top:135px;width:86%}
 .experience .scene-copy h2{font-size:41px;line-height:1.03;margin-bottom:14px}
 .experience .scene-copy>p{font-size:14px;line-height:1.65;max-width:335px}
 .experience .experience-sticky #scene{width:100%;height:calc(max(740px,100svh) - 410px);top:285px;right:0}
 .experience .layer-label{top:auto;bottom:73px;left:7%;gap:14px}
 .layer-label>span{font-size:35px;padding-right:16px}.layer-label h3{font-size:14px}.layer-label p{font-size:12px;max-width:265px}
 .scene-bottom{left:7%;right:7%;bottom:22px;font-size:9px;gap:15px}.scene-bottom i{margin:0 4px}.progress-track{width:26%}
}
@media(max-width:760px) and (max-height:740px){.experience-sticky{min-height:640px}.experience .section-top{top:88px}.experience .scene-copy{top:122px}.experience .scene-copy h2{font-size:34px}.experience .scene-copy>p{font-size:13px;line-height:1.5}.experience .experience-sticky #scene{top:245px;height:calc(max(640px,100svh) - 355px)}.experience .layer-label{bottom:61px}}
@media(prefers-reduced-motion:reduce){#scene canvas{transition:none}}