/* First frame and lateral journey from the supplied reference, replacing the older hero. */
.reference-opening{height:260svh;position:relative;--opening-travel:0;background:#171410}.reference-opening-stage{position:sticky;top:0;height:100svh;overflow:hidden}.reference-opening-track{display:flex;width:200%;height:100%;transform:translate3d(calc(var(--opening-travel)*-50%),0,0);will-change:transform}.reference-opening-track>.signature-journey,.reference-opening-track>.film-chapter{flex:0 0 50%;width:50%;height:100%;min-width:0}.reference-opening-track .signature-stage,.reference-opening-track .film-stage{position:relative;height:100%;min-height:0;max-height:none}.reference-opening .signature-atmosphere{background:url('assets/cinematic/hero-stone-v1.webp') center/cover no-repeat}.reference-opening .signature-atmosphere:after{background:linear-gradient(90deg,#100c0930,transparent 62%);opacity:1}.reference-opening .signature-wordmark{top:12%;font-size:18.3vw;left:2.5%;width:95%;line-height:.9;letter-spacing:-.055em}.reference-opening .signature-copy{left:3%;top:48%;max-width:34%;animation:none}.reference-opening .signature-copy>*{animation:none}.reference-opening .signature-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,3.25vw,52px);line-height:1.08;font-weight:400;letter-spacing:-.035em;margin-bottom:21px}.reference-opening .signature-copy .signature-intro{display:none}.reference-opening .signature-copy .signature-link{min-width:0;min-height:0;gap:28px;padding:13px 19px;font-size:9px;letter-spacing:.16em}.reference-opening .signature-config{top:73%;bottom:auto;left:3%;right:auto;width:250px;padding:0;border:0;background:none}.reference-opening .signature-finish-options{display:grid;grid-template-columns:repeat(4,42px);justify-content:start;gap:14px 18px}.reference-opening .signature-finish-options button{font-size:8px;line-height:1.4;padding:0;width:42px;min-width:0}.reference-opening .signature-finish-options button span{width:28px;height:28px;margin:0 auto 7px}.reference-opening .signature-finish-options button[aria-pressed=true] span{outline-offset:3px}.reference-opening .signature-colour-note{display:none}.reference-opening .signature-bottom{left:3%;right:3%;bottom:18px;justify-content:flex-end;color:#eee1cd;gap:25px;font-size:8px}.reference-opening .signature-bottom>span{display:none}.reference-opening .signature-floor-glow{display:none}.reference-opening .signature-construction{display:none!important}.reference-opening .signature-scroll-line{display:none}.reference-opening .signature-canvas{pointer-events:none}.reference-opening .film-modules .film-image{transform:none}.reference-opening .film-modules .film-word{top:12%}.reference-opening .film-modules .film-copy{transform:none}
@media(max-width:800px){.reference-opening{height:235svh}.reference-opening .signature-stage{min-height:0}.reference-opening .signature-wordmark{top:16%;font-size:18vw;left:3%}.reference-opening .signature-copy{left:6%;top:32%;max-width:55%}.reference-opening .signature-copy h2{font-size:26px;line-height:1.08;margin-bottom:20px}.reference-opening .signature-copy .signature-link{font-size:7px;padding:12px 14px;gap:13px}.reference-opening .signature-config{top:54%;left:6%;right:auto;bottom:auto;width:155px}.reference-opening .signature-finish-options{grid-template-columns:repeat(3,32px);gap:17px 13px}.reference-opening .signature-finish-options button{width:32px;font-size:6px;flex-basis:auto}.reference-opening .signature-finish-options button span{width:20px;height:20px}.reference-opening .signature-bottom{left:6%;right:6%;bottom:22px;font-size:7px;justify-content:space-between}.reference-opening .signature-atmosphere{background-position:59% center}.reference-opening .film-modules .film-word{top:16%}.reference-opening .film-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.reference-opening{height:auto}.reference-opening-stage{position:relative;height:auto;overflow:visible}.reference-opening-track{display:block;width:100%;height:auto;transform:none}.reference-opening-track>.signature-journey,.reference-opening-track>.film-chapter{width:100%;height:100svh}.reference-opening-track .signature-stage,.reference-opening-track .film-stage{height:100svh}}
.reduced .reference-opening{height:auto}.reduced .reference-opening-stage{position:relative;height:auto;overflow:visible}.reduced .reference-opening-track{display:block;width:100%;height:auto;transform:none}.reduced .reference-opening-track>.signature-journey,.reduced .reference-opening-track>.film-chapter{width:100%;height:100svh}.reduced .reference-opening-track .signature-stage,.reduced .reference-opening-track .film-stage{height:100svh}
main>.reference-opening:first-child{padding-top:0!important}.reference-opening .signature-canvas canvas{filter:brightness(1.12)}
.reference-opening .signature-atmosphere:after{background:linear-gradient(90deg,#100c0920,transparent 65%,#1a1713 100%)}.reference-opening .film-modules{background:#1a1713}.reference-opening .film-modules .film-image{mask-image:linear-gradient(90deg,transparent,transparent 18%,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,transparent 18%,#000 30%)}
@media(max-width:800px){.reference-opening .signature-wordmark{font-size:16.9vw}.reference-opening .signature-atmosphere:after{background:linear-gradient(90deg,#100c0920,transparent 80%)}.reference-opening .film-modules .film-image{mask-image:none;-webkit-mask-image:none}}
.reference-opening{height:370svh}.reference-opening-track{width:300%;transform:translate3d(calc(var(--opening-travel)*-66.666667%),0,0)}.reference-opening-track>.signature-journey,.reference-opening-track>.film-chapter{flex-basis:33.333333%;width:33.333333%}.reference-opening-stage{touch-action:pan-y;cursor:grab;outline:none}.reference-opening-stage:active{cursor:grabbing}.reference-opening-stage:focus-visible{outline:2px solid #f3e5ca;outline-offset:-4px}.opening-controls{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:15;display:flex;gap:14px;align-items:center;color:#f3e7d3;background:#151713a8;backdrop-filter:blur(15px);padding:8px 12px;border:1px solid #eee4cf30}.opening-controls>div{display:flex;gap:6px}.opening-controls button{color:inherit;background:none;border:0;font:9px/1.5 var(--sans);padding:8px 10px;white-space:nowrap;cursor:pointer}.opening-controls button[aria-pressed=true]{background:#efe6d6;color:#242820}.opening-controls>button{font-size:18px}.opening-controls button:disabled{opacity:.25;cursor:default}.opening-controls button:focus-visible{outline:2px solid #e0b58a}.reference-opening .signature-bottom,.reference-opening .film-foot{bottom:82px}.reference-opening .signature-config{top:70%}.opening-changing .reference-opening-track{filter:saturate(1.06)}.reference-opening .film-drawer .film-word{font-size:10.5vw;top:15%}.reference-opening .film-drawer .film-copy{bottom:19%}.home-hero header nav{gap:17px}.home-hero header nav a{font-size:9px}
@media(max-width:800px){.reference-opening{height:325svh}.opening-controls{bottom:14px;width:91%;justify-content:space-between;padding:5px 7px;gap:3px}.opening-controls>div{gap:0}.opening-controls button{font-size:8px;padding:8px}.opening-controls>button{font-size:17px}.reference-opening .signature-config{top:54%}.reference-opening .signature-bottom,.reference-opening .film-foot{bottom:80px}.reference-opening .film-drawer .film-word{font-size:11.4vw;top:18%}.home-hero header nav.open a{font-size:16px}}
@media(prefers-reduced-motion:reduce){.reference-opening{height:auto}.reference-opening-track{display:block;width:100%;transform:none}.reference-opening-track>.signature-journey,.reference-opening-track>.film-chapter{width:100%;height:100svh}.opening-controls{display:none}}
.reduced .reference-opening{height:auto}.reduced .reference-opening-track{display:block;width:100%;transform:none}.reduced .reference-opening-track>.signature-journey,.reduced .reference-opening-track>.film-chapter{width:100%;height:100svh}.reduced .opening-controls{display:none}