#loader{background:#10130f;transition:opacity .65s,visibility .65s}#loader:before{content:'';position:absolute;inset:8%;border:1px solid #ffffff20;background:linear-gradient(40deg,transparent 49.95%,#ffffff18 50%,transparent 50.05%),linear-gradient(-40deg,transparent 49.95%,#ffffff18 50%,transparent 50.05%)}#loader img{width:36px}#loader span{font:30px/.9 Montreal}#loader small{font:10px Arial;letter-spacing:.14em;margin-top:15px}.journey{height:290svh}.hero .paint{object-fit:cover;transform:scale(calc(1.08 - var(--entrance,0)*.08));filter:none}.hero .particles{z-index:0}.hero .engraving{z-index:1;opacity:calc(.12 - var(--entrance,0)*.065);background-size:33.333% 50%}.hero .edition-panel{z-index:3;top:16%;height:66%;max-height:650px;width:330px;backdrop-filter:none;background:#69736015;opacity:0}.scene-ready .edition-panel{opacity:1}.edition-panel h1{font-size:32px}.edition-lower{position:absolute;bottom:25px;left:22px;right:22px}.edition-lower p{font-size:25px;line-height:.94}.edition-lower nav a{font-size:24px;padding:2px 0}.hero .chapter-copy{z-index:4;top:19%;left:20%;right:3%}.hero .chapter-copy h2{font-size:clamp(80px,14vw,230px);margin-bottom:30px}.hero .chapter-copy p{max-width:530px;font-size:clamp(28px,3vw,48px);text-shadow:0 2px 12px #0005}.hero .chapter-copy .scene-link{margin-top:25px}.hero:after{background:linear-gradient(0deg,#0d17142b,transparent 65%);z-index:1}.editorial{position:relative}.editorial:before{content:'';position:absolute;top:-28px;height:30px;left:0;right:0;background:#dddcd0;clip-path:polygon(0 38%,3% 55%,5% 29%,8% 60%,12% 35%,15% 50%,20% 20%,24% 42%,28% 30%,32% 54%,36% 34%,40% 49%,44% 20%,48% 45%,52% 26%,56% 48%,60% 22%,65% 45%,70% 30%,76% 52%,80% 20%,85% 48%,90% 35%,94% 60%,97% 32%,100% 45%,100% 100%,0 100%)}.software-art{position:relative;margin:75px -2% 40px;height:70vh;overflow:hidden}.software-art img{width:100%;height:100%;object-fit:cover}.software-art figcaption{position:absolute;left:6%;bottom:8%;color:#fff;font:clamp(60px,9vw,150px)/.9 Montreal;letter-spacing:-.06em}.entrance-content{opacity:0;transform:translateY(55px);transition:opacity 1s,transform 1.2s cubic-bezier(.2,.65,.2,1)}.entrance-content.entered{opacity:1;transform:none}.scene-fallback .hero canvas{display:none}.scene-fallback .edition-panel{opacity:1!important;transform:translateX(-50%)!important}.scene-fallback .hero .paint-from{opacity:1!important}.scene-fallback .journey{height:100svh}.scene-fallback .hero .chapter-copy{display:none}@media(max-width:700px){.hero .edition-panel{width:240px;top:22%;height:54%;padding:20px;background:#18322b38}.edition-panel h1{font-size:29px}.edition-lower{left:20px;bottom:22px}.edition-lower p{font-size:21px}.edition-lower nav a{font-size:20px}.hero .chapter-copy{left:7%;top:19%}.hero .chapter-copy h2{font-size:19vw;margin-bottom:25px}.hero .chapter-copy p{font-size:30px;max-width:300px}.hero .paint{object-position:center}.software-art{height:55vh;margin:55px 0 25px}.software-art img{object-position:45% center}.software-art figcaption{font-size:65px}.journey{height:250svh}}@media(prefers-reduced-motion:reduce){.entrance-content{opacity:1;transform:none;transition:none}#loader{transition:none}.hero .paint{transform:none}}
.stage{overflow:clip}#loader span{color:#f8f8e9}
.hero .edition-lower{opacity:var(--entrance,0);transform:translateY(calc((1 - var(--entrance,0))*25px))}.scene-ready .hero .engraving{transition:opacity 2s}.software-art img{animation:none}.software-art:hover img{transform:scale(1.025);transition:transform 2s ease}
/* A fixed typographic frame over the moving scene, as in the motion reference. */
.hero .edition-panel{width:clamp(240px,22vw,330px)}
.hero .chapter-copy{top:0;bottom:0;height:100%;left:20%;right:4%}
.hero .chapter-copy h2{position:absolute;top:17%;margin:0}
.hero .chapter-copy p{position:absolute;bottom:13%;margin:0;max-width:570px;font-size:clamp(26px,3.2vw,46px);line-height:1.02}
.hero .chapter-copy .scene-link{position:absolute;bottom:6%;margin:0}
@media(max-width:700px){.hero .chapter-copy{left:7%;right:7%}.hero .chapter-copy h2{top:18%}.hero .chapter-copy p{bottom:14%;font-size:27px;max-width:310px}.hero .chapter-copy .scene-link{bottom:7%}}