:root{--paper:#ede7db;--ink:#17252a;--red:#ae2e19;--copper:#ac6e3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:6px}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:7px}.skip{position:fixed;top:-100px;background:white;z-index:30;padding:12px}.skip:focus{top:12px}header{padding:27px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17252a55}.wordmark{font-family:Georgia,serif;font-size:26px;text-decoration:none;letter-spacing:-1px}.wordmark span{display:block;font:12px Arial,sans-serif;letter-spacing:2px;margin-top:5px;text-transform:uppercase}nav{display:flex;gap:34px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.opening{position:relative;padding:25px 4% 0;isolation:isolate;min-height:860px;overflow:hidden}.topline,.section-label{display:flex;justify-content:space-between;font-size:13px;line-height:1.5}.topline{position:relative;z-index:3}.opening h1{position:relative;z-index:2;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:clamp(85px,15.3vw,250px);letter-spacing:-.055em;line-height:.9;margin:60px 0 150px;pointer-events:none}.opening h1>span{display:block}.opening h1 i{font-family:Georgia,serif;font-weight:400;font-size:.66em;display:block;margin-left:10%;line-height:1.3;letter-spacing:-.07em;color:var(--red)}.opening h1 .last{font-size:.79em;letter-spacing:-.055em}.hero-art{position:absolute;width:57%;top:85px;right:-3%;height:74%;z-index:-1;transform:rotate(-9deg);clip-path:polygon(4% 0,100% 5%,97% 97%,0 100%,2% 79%,0 60%,3% 40%)}.hero-art img{width:100%;height:100%;object-fit:cover}.brand-stamp{position:absolute;right:6%;bottom:145px;background:var(--paper);width:125px;transform:rotate(8deg);padding:4px;box-shadow:3px 5px 0 #17252a18}.opening-foot{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:3;border-bottom:1px solid var(--ink);padding:0 0 28px;margin-top:-100px;font-size:16px;line-height:1.5}.opening-foot p{margin:0}.opening-foot a{text-decoration:none}.opening-foot a span{font-size:35px;margin-left:25px}.composition{position:relative;padding:32px 4% 120px;background:var(--ink);color:var(--paper);overflow:hidden}.composition-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:64px 0 55px}.composition-heading h2{font-size:clamp(45px,6.8vw,104px);font-weight:400;letter-spacing:-.05em;line-height:1;margin:0}.composition-heading em{font-family:Georgia,serif;color:#d5a272}.composition-heading p{font-size:17px;line-height:1.6;max-width:290px}.composition figure{width:68%;margin:0 0 0 auto;position:relative;z-index:2}.art-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left;position:relative;overflow:hidden}.art-open img{width:100%;height:auto;transition:transform .8s}.art-open:hover img{transform:scale(1.035)}.art-open span{position:absolute;bottom:22px;right:22px;background:var(--paper);color:var(--ink);padding:15px 20px;font-size:14px}figcaption{display:flex;justify-content:space-between;font-size:13px;padding-top:18px;gap:20px}.detail-word{font:italic clamp(70px,13vw,190px)/1 Georgia,serif;position:absolute;bottom:80px;left:0;transform:rotate(-90deg);transform-origin:15% 20%;color:#d5a272;white-space:nowrap}.intro{padding:32px 4% 110px}.intro-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;margin-top:72px}.intro h2{font-size:clamp(50px,7.5vw,110px);font-weight:400;line-height:1;letter-spacing:-.055em;margin:0}.intro h2 em{font-family:Georgia,serif;color:var(--red)}.intro-copy{align-self:center;max-width:440px}.intro-copy p{font-size:22px;line-height:1.5}.intro-copy p+p{font-size:17px;line-height:1.7}.intro-copy a{display:inline-block;margin-top:22px;font-size:16px}.material{position:relative;min-height:850px;background:var(--red);overflow:hidden;padding:110px 4%;isolation:isolate}.material-image{position:absolute;left:0;top:0;width:62%;height:80%;z-index:-2;transform:rotate(-6deg) scale(1.1)}.material-image img{width:100%;height:100%;object-fit:cover}.material p{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:clamp(60px,10vw,165px);line-height:.95;letter-spacing:-.045em;color:var(--paper);margin:90px 0;position:relative;z-index:2;text-shadow:0 2px 30px #0005}.material i{font:italic .67em/1.4 Georgia,serif;margin-left:20%}.fold-image{position:absolute;width:44%;height:70%;right:-4%;bottom:-7%;transform:rotate(12deg);z-index:-1}.fold-image img{width:100%;height:100%;object-fit:cover}footer{padding:35px 4% 25px}footer h2{font-weight:400;font-size:clamp(60px,9vw,150px);line-height:.95;letter-spacing:-.05em;margin:75px 0 65px}footer h2 i{font-family:Georgia,serif;color:var(--red)}.footer-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:28px 0;font-size:22px}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--red)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;padding-top:20px}.footer-bottom p{line-height:1.6}.footer-bottom a{white-space:nowrap}dialog{padding:55px 20px 20px;background:var(--ink);border:0;color:var(--paper);max-width:94vw;max-height:94svh}dialog::backdrop{background:#081114ed}dialog img{max-height:80svh;width:auto;object-fit:contain}dialog form{position:absolute;top:10px;right:20px}dialog button{background:none;border:0;padding:10px}.about-page{padding:55px 6% 100px;max-width:1200px;margin:auto}.about-page h1{font:normal clamp(60px,9vw,120px)/1 Georgia,serif;letter-spacing:-.045em}.about-page p{font-size:20px;line-height:1.7;max-width:700px}.about-logo{width:230px;float:right;margin:0 0 40px 50px}
@media(min-width:1600px){.opening{min-height:1050px}.opening h1{margin-bottom:210px}}
@media(max-width:700px){header{padding:21px 5%}.wordmark{font-size:21px}nav{gap:16px;font-size:13px}.wordmark span{font-size:10px;letter-spacing:1px}.opening{padding:20px 5% 0;min-height:690px}.topline{font-size:12px}.topline span+span{display:none}.opening h1{font-size:19vw;margin:80px 0 185px;line-height:1}.opening h1 i{font-size:.8em;margin-left:4%;line-height:1.3}.opening h1 .last{font-size:.75em;margin-top:10px}.hero-art{width:81%;right:-22%;top:100px;height:60%;opacity:.94}.brand-stamp{width:95px;bottom:136px;right:7%}.opening-foot{font-size:14px;gap:20px;margin-top:-90px}.opening-foot a{max-width:125px}.opening-foot a span{margin-left:5px}.section-label{font-size:12px;gap:18px}.section-label span+span{text-align:right}.composition{padding:25px 5% 65px}.composition-heading{display:block;margin:50px 0 35px}.composition-heading h2{font-size:13vw}.composition-heading p{margin-top:25px;font-size:16px}.composition figure{width:100%}.detail-word{display:none}.art-open span{bottom:12px;right:12px;padding:12px;font-size:13px}figcaption{font-size:12px}.intro{padding:25px 5% 65px}.intro-layout{display:block;margin-top:50px}.intro h2{font-size:17vw}.intro-copy{margin-top:40px;max-width:100%}.intro-copy p{font-size:21px}.material{min-height:580px;padding:70px 5%}.material p{font-size:12.5vw;margin:85px 0}.material i{margin-left:10%}.material-image{width:85%;height:70%}.fold-image{width:64%;height:60%}footer{padding:25px 5%}footer h2{font-size:17vw;margin:65px 0 45px}.footer-links{justify-content:flex-start;gap:24px;font-size:19px}.footer-bottom{flex-wrap:wrap;gap:4px 20px}.footer-bottom p{width:100%;order:3}.about-logo{float:none;width:170px;margin:0}.about-page{padding:40px 5% 70px}.about-page p{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Scroll-driven composition, with a static fallback and reduced-motion support. */
.scroll-instruction{font-size:14px;letter-spacing:.02em;margin:0 0 24px}.scroll-art{position:relative}.scroll-stage{position:relative}.art-fragments{position:absolute;inset:0;pointer-events:none;display:none}.art-fragment{position:absolute;inset:0;will-change:transform}.art-fragment img{width:100%;height:100%;object-fit:contain}.motion-enabled .scroll-art{height:245svh}.motion-enabled .scroll-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:clip}.motion-enabled .composition{overflow:visible;padding-bottom:0}.motion-enabled .composition figure{width:min(53vw,60svh,680px);margin:0}.motion-enabled .art-open{overflow:visible}.motion-enabled .art-open>img{visibility:hidden}.motion-enabled .art-fragments{display:block}.motion-enabled .art-open:hover img{transform:none}.motion-enabled .art-open>span{z-index:5;bottom:0;right:0;transform:translateY(110%);background:var(--ink);color:var(--paper);padding:9px 0;border-bottom:1px solid currentColor}.motion-enabled figcaption{visibility:hidden}.motion-enabled .detail-word{display:none}.motion-toggle{background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;margin-top:40px;font-size:14px}.motion-enabled .scroll-instruction{margin:0 0 55px;color:#d5a272}.motion-enabled .material-image{transform:translateY(var(--drift,0px)) rotate(-6deg) scale(1.1)}.motion-enabled .fold-image{transform:translateY(calc(var(--drift,0px) * -1)) rotate(12deg)}
@media(max-width:700px){.motion-enabled .composition figure{width:min(72vw,53svh)}.motion-enabled .scroll-art{height:260svh}.motion-enabled .scroll-instruction{margin-bottom:65px}.motion-enabled .composition{padding-left:0;padding-right:0}.composition>.section-label,.composition>.composition-heading{margin-left:5%;margin-right:5%}.motion-enabled .motion-toggle{margin-top:60px}.motion-enabled .scroll-stage{height:100svh}.motion-enabled .art-open>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .hero-art{transform:rotate(-9deg)!important}.art-fragment{will-change:auto}}

.motion-toggle-top{position:absolute;top:65px;left:4%;z-index:6;margin:0;font-size:14px;min-height:44px}.motion-toggle[hidden]{display:none}@media(max-width:700px){.motion-toggle-top{left:5%;top:48px}}

/* The opening composition responds directly to scrolling and touch. */
.motion-enabled .hero-scroll{height:190vh;height:190svh;position:relative}
.motion-enabled .opening{position:sticky;top:0;height:100vh;height:100svh;min-height:620px;padding-top:25px;overflow:hidden;touch-action:pan-y}
.motion-enabled .opening h1{position:absolute;top:17%;left:4%;width:92%;margin:0;font-size:clamp(85px,15.3vw,230px)}
.motion-enabled .opening h1>*{will-change:transform}
.motion-enabled .opening-foot{position:absolute;bottom:26px;left:4%;right:4%;margin:0}
.motion-enabled .hero-art{width:min(62vw,83svh);height:auto;aspect-ratio:1;top:9%;right:-2%;clip-path:none;overflow:visible;will-change:transform}
.motion-enabled .hero-art>img{visibility:hidden;width:100%;height:100%}
.hero-fragments{position:absolute;inset:0;pointer-events:none}
.hero-fragments .art-fragment img{width:100%;height:100%;object-fit:fill}
.motion-enabled .brand-stamp{bottom:145px;right:7%;will-change:transform}
.hero-instruction{position:absolute;top:65px;left:4%;font-size:14px;z-index:4;margin:0}
.motion-enabled .art-open>span{min-height:44px}
@media(max-width:700px){
 .motion-enabled .opening{min-height:580px}
 .motion-enabled .opening h1{font-size:19vw;top:21%;left:5%;width:90%}
 .motion-enabled .hero-art{width:94vw;max-width:75svh;top:23%;right:-20%;height:auto}
 .motion-enabled .opening-foot{left:5%;right:5%;bottom:22px}
 .motion-enabled .brand-stamp{bottom:130px;right:7%}
 .hero-instruction{left:5%;top:54px;font-size:13px}
}
@media(max-height:600px) and (min-width:701px){.motion-enabled .opening{min-height:440px}.motion-enabled .opening h1{font-size:16vh}.motion-enabled .brand-stamp{width:75px;bottom:105px}}