/* Monochrome pre-launch: sculpture, story, inspection, catalogue. */
.prelaunch{--wine:#111;--wine-deep:#0c0c0c;--ivory:#f5f5f2;--ink:#141414;--muted:#565656;--line:#cececa;background-color:var(--ivory);color:var(--ink);background-blend-mode:luminosity}
.prelaunch :is(.brand-lockup img,.menu-dialog>img,.launch-close>img){filter:grayscale(1) brightness(0)}
.prelaunch img:not(.model-fallback){filter:grayscale(1)}
.prelaunch .footer{background:#0c0c0c;color:#f5f5f2}
.prelaunch .footer :is(p,h3,.footer-bottom){color:#c8c8c4}
.prelaunch .button{background:#111;color:#fff;border-color:#111}
.prelaunch .button:hover{background:#333}.prelaunch .button:disabled{opacity:1;background:#deded9;color:#52524e;border-color:#deded9;cursor:default}
.prelaunch-home .masthead{position:absolute;inset:0 0 auto;z-index:20;color:white;border:0;mix-blend-mode:difference;text-shadow:none}
.prelaunch-home .masthead .brand-lockup img{filter:grayscale(1) brightness(0) invert(1)}
.prelaunch .nav-right .launch-status{font-size:11px;letter-spacing:.02em}
.launch-sequence{height:220svh;position:relative;view-timeline-name:--launch;view-timeline-axis:block}
.launch-sticky{position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;isolation:isolate;background:#f4f4f1;text-shadow:none}
.launch-product{position:absolute;inset:0;z-index:2;background:#f4f4f1;transform-origin:50% 50%}
.launch-stage{position:absolute;top:90px;bottom:65px;left:15%;width:70%;isolation:isolate}
.launch-stage canvas{width:100%;height:100%;display:block;pointer-events:none}
.model-fallback{width:100%;height:100%;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}
.launch-stage .model-fallback{transform:rotate(90deg) scale(.8)}
.model-ready>.model-fallback{display:none}
.launch-side{position:absolute;left:6%;top:25%;pointer-events:none}
.launch-side h1{font-size:clamp(46px,5.2vw,75px);line-height:1.05;letter-spacing:-.04em;color:#111}
.launch-side p{font-size:12px;margin-top:25px;max-width:180px}
.launch-bottom{position:absolute;bottom:35px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:20px}
.launch-bottom a{border-bottom:1px solid #111;padding-bottom:5px}
.launch-bottom button{font-size:11px;padding:10px 0}
.launch-reveal{position:absolute;inset:0;z-index:1;background:#111;color:#fff}
.launch-reveal>img{width:100%;height:100%;object-fit:cover;object-position:65% 35%;filter:grayscale(1)}
.launch-reveal::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 70%),linear-gradient(0deg,#0009,transparent 65%)}
.launch-reveal-copy{position:absolute;left:6%;bottom:12%;z-index:2;text-shadow:none;max-width:650px}
.launch-reveal-copy h2{font-size:clamp(46px,5vw,72px);line-height:1.1;color:#fff}
.launch-reveal-copy p{margin-top:28px;font-size:13px}
.thought-chapter{padding:120px 8% 130px;display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end}
.chapter-sentence{font:600 clamp(30px,3.2vw,46px)/1.27 var(--serif);letter-spacing:-.035em}
.thought-chapter>div p{font-size:13px;line-height:1.9;margin-bottom:20px}.thought-chapter .text-link{margin-top:15px}
.frame-inspection{padding:65px 5% 75px;background:#e9eae7;text-shadow:none;scroll-margin-top:20px}
.inspection-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}
.inspection-heading h2{font-size:clamp(38px,4vw,58px);max-width:600px}
.inspection-heading>p{font-size:12px;color:#53534f;line-height:1.8}
.inspection-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 200px;align-items:center;gap:25px;max-width:1600px;margin:auto}
.frame-explainer{font-size:12px}.frame-detail{display:flex;justify-content:space-between;gap:15px;width:100%;padding:20px 0;border-top:1px solid #c0c2bd;text-align:left;font-size:12px}
.frame-detail.is-active{font-weight:bold}.frame-explainer>p{font-size:12px;line-height:1.9;padding:0 0 24px;color:#4d4d48;min-height:125px}
.reference-photo{font-size:11px;line-height:1.8;margin-top:25px}
.inspection-centre{min-width:0;position:relative}.frame-viewer{height:500px;position:relative;cursor:grab;touch-action:pan-y;outline-offset:-3px}
.frame-viewer.is-dragging{cursor:grabbing}.frame-viewer canvas{width:100%;height:100%;display:block;touch-action:pan-y}
.viewer-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:11px;color:#50504c;pointer-events:none;white-space:nowrap}
.angle-readout{display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px;margin:12px 0 18px;font-variant-numeric:tabular-nums}
.angle-readout span{min-width:40px}.angle-readout input{width:150px;accent-color:#111;cursor:pointer}
.view-controls{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.view-controls button{border:1px solid #b9bcb6;padding:9px 11px;font-size:11px;min-height:44px}.view-controls button:hover,.view-controls button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}
.model-disclosure{font-size:11px;line-height:1.7;color:#585852;max-width:490px;text-align:center;margin:20px auto 0}
.inspection-note{font-size:13px}.inspection-note>span{font:600 23px/1.35 var(--serif);letter-spacing:-.025em}.inspection-note p{font-size:11px;line-height:1.8;margin:22px 0}.inspection-note .button{font-size:10px;width:100%;padding:12px 15px}.inspection-note .save-note{min-height:35px}
.catalogue{background:#101010;color:#f4f4f1;padding:90px 0 85px;overflow:hidden;text-shadow:none}
.catalogue>header{padding:0 6% 50px;display:flex;justify-content:space-between;gap:40px;align-items:end}
.catalogue h2{font-size:clamp(36px,4.3vw,62px)}.catalogue header>p{font-size:12px;color:#c8c8c4;line-height:1.8}
.catalogue-controls{display:flex;gap:24px}.catalogue-controls button{color:inherit;font-size:12px;border-bottom:1px solid #777;padding:10px 0}
.catalogue-window{position:relative}.catalogue-track{display:flex;align-items:center;gap:40px;padding:30px 8% 50px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#777 #111;scroll-snap-type:x proximity;cursor:grab;touch-action:pan-x pan-y;outline-offset:-4px}
.catalogue-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.catalogue-track figure{flex:0 0 310px;scroll-snap-align:center;position:relative}.catalogue-track figure:nth-child(even){padding-top:100px}.catalogue-track figure:nth-child(3){flex-basis:420px}.catalogue-track img{width:100%;height:420px;object-fit:cover;object-position:50% 25%;pointer-events:none;filter:grayscale(1);transition:filter .4s}.catalogue-track figure:nth-child(3) img{height:330px}.catalogue-track figcaption{font-size:11px;color:#b8b8b3;margin-top:15px}
.registration-edge{position:absolute;left:0;right:0;height:10px;pointer-events:none;opacity:.5;background:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 83px)}.edge-top{top:0}.edge-bottom{bottom:0;transform:translateX(17px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.catalogue-window:hover .edge-top{animation:registration-slip .6s steps(2,end) 1}.catalogue-window:hover .edge-bottom{animation:registration-slip .6s steps(2,end) 1 reverse}@keyframes registration-slip{0%,100%{transform:translateX(0);opacity:.5}30%{transform:translateX(13px);opacity:.9}60%{transform:translateX(-5px);opacity:.35}}}
.launch-close{padding:110px 6%;text-align:center}.launch-close>img{width:120px;height:auto;max-height:110px;object-fit:contain;margin:0 auto 35px}.launch-close h2{font-size:clamp(34px,3.5vw,50px);line-height:1.2}.launch-close>p{font-size:12px;margin:25px auto}.launch-close .button{margin-top:10px}
.prelaunch .collection-editorial figcaption{color:#111}.prelaunch .frame-copy h1,.prelaunch .frame-copy h2{color:#111}.prelaunch .frame-inspection+nav{margin-top:45px}
.prelaunch .image-dialog img{filter:none}
@supports(animation-timeline:--launch){
 @media(prefers-reduced-motion:no-preference){
 .launch-product{animation:launch-depart linear both;animation-timeline:--launch;animation-range:contain 0% contain 78%}
 .launch-reveal{animation:launch-arrive linear both;animation-timeline:--launch;animation-range:contain 12% contain 85%}
 @keyframes launch-depart{0%,15%{opacity:1;transform:scale(1);clip-path:inset(0)}75%,100%{opacity:0;transform:scale(.78);clip-path:inset(14% 30%);pointer-events:none}}
 @keyframes launch-arrive{0%{clip-path:inset(43% 40%);transform:scale(1.16)}100%{clip-path:inset(0);transform:scale(1)}}
 }
}
.launch-motion-fallback .launch-sequence{height:auto}.launch-motion-fallback .launch-sticky{height:auto;position:relative;overflow:visible}.launch-motion-fallback .launch-product{position:relative;height:100svh;min-height:740px}.launch-motion-fallback .launch-reveal{position:relative;height:90svh;min-height:650px}
@media(max-width:1000px){.inspection-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.inspection-note{grid-column:1/-1;display:flex;gap:30px;align-items:center;justify-content:space-between}.inspection-note>span{font-size:20px}.inspection-note .button{width:auto}.inspection-note .save-note{display:none}.frame-viewer{height:440px}.launch-side h1{font-size:54px}.launch-side{left:4%}}
@media(max-width:700px){
 .prelaunch .masthead{grid-template-columns:1fr 125px 1fr;height:100px;padding:0 18px}.prelaunch .masthead nav{gap:15px}.prelaunch .masthead .nav-right>a{display:none}.prelaunch .nav-right .launch-status{font-size:10px;max-width:70px;text-align:right}.prelaunch .brand-lockup .brand-wordmark{width:125px}
 .launch-sequence{height:190svh}.launch-sticky{min-height:720px}.launch-stage{top:145px;bottom:100px;left:0;width:100%}.launch-side{top:125px;left:24px;z-index:3}.launch-side h1{font-size:32px}.launch-side p{display:none}.launch-bottom{left:24px;right:24px;bottom:27px;gap:15px;font-size:11px}.launch-bottom>span{display:none}.launch-bottom button{font-size:11px}.launch-reveal>img{object-position:62% 35%}.launch-reveal-copy{left:24px;right:24px;bottom:10%}.launch-reveal-copy h2{font-size:40px}.launch-reveal-copy p{font-size:12px}
 .thought-chapter{display:block;padding:65px 24px 75px}.chapter-sentence{font-size:29px;line-height:1.35}.thought-chapter>div{margin-top:32px}.thought-chapter>div p{font-size:12px}
 .frame-inspection{padding:50px 0}.inspection-heading{display:block;padding:0 24px}.inspection-heading h2{font-size:36px}.inspection-heading>p{font-size:11px;margin-top:20px}.inspection-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch}.inspection-centre{order:0}.frame-explainer{order:1;padding:0 24px}.frame-explainer>p{min-height:0;padding-bottom:22px}.inspection-note{order:2;display:block;padding:10px 24px 0}.inspection-note>span{font-size:24px}.inspection-note>p{margin:15px 0}.inspection-note .button{width:100%}.inspection-note .save-note{display:block}.frame-viewer{height:350px;max-height:55svh}.view-controls{gap:7px;padding:0 18px}.view-controls button{font-size:11px;padding:8px;min-height:44px}.model-disclosure{font-size:11px;padding:0 24px;margin-top:22px}.reference-photo{margin-top:10px}
 .catalogue{padding:60px 0}.catalogue>header{padding:0 24px 35px;display:block}.catalogue h2{font-size:36px}.catalogue header>p{margin-top:25px}.catalogue-controls{margin-top:20px}.catalogue-track{padding:20px 24px 35px;gap:22px}.catalogue-track figure{flex-basis:240px}.catalogue-track figure:nth-child(3){flex-basis:280px}.catalogue-track img{height:340px}.catalogue-track figure:nth-child(even){padding-top:65px}.catalogue-track figure:nth-child(3) img{height:260px}.catalogue-track figcaption{font-size:11px}
 .launch-close{padding:70px 24px}.launch-close h2{font-size:30px}.launch-close>img{width:105px}
}
@media(prefers-reduced-motion:reduce){.launch-sequence{height:auto}.launch-sticky{height:auto;position:relative;overflow:visible}.launch-product{position:relative;height:100svh;min-height:740px;animation:none;transform:none;opacity:1;clip-path:none}.launch-reveal{position:relative;height:90svh;min-height:650px;animation:none;transform:none;clip-path:none}.registration-edge{animation:none!important}}
@media(forced-colors:active){.launch-product,.frame-inspection{background:Canvas;color:CanvasText}.prelaunch-home .masthead{mix-blend-mode:normal;background:Canvas;color:CanvasText}.prelaunch-home .masthead .brand-lockup img{filter:none}.catalogue{background:Canvas;color:CanvasText}.model-disclosure{color:CanvasText}}

.opening-film{width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:multiply}.launch-stage:has(.opening-film:not([hidden]))>.model-fallback{display:none}

.opening-film[hidden]{display:none}

.prelaunch [hidden]{display:none!important}

/* Temporary photo-only homepage gate. It is not a chapter of the storefront. */
.placeholder-open :is(.masthead,.footer,.skip-link){display:none}
.placeholder-open{margin:0}
.coming-placeholder{min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:28px 5% 22px;background-color:#f5f5f2;background-image:url('/brand/cotton-paper.png');color:#151515;text-align:center}
.placeholder-brand{display:flex;flex-direction:column;align-items:center;gap:9px;width:max-content;margin:auto}
.placeholder-brand img{filter:grayscale(1) brightness(0)!important;object-fit:contain}
.placeholder-brand img:first-child{width:44px;height:45px}.placeholder-brand img:last-child{width:146px;height:auto}
.placeholder-centre{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 0 24px;min-height:0;gap:18px}
.placeholder-centre h1{font:700 clamp(36px,4vw,56px)/1.18 var(--serif);letter-spacing:-.035em;text-shadow:0 1px 0 #fff,0 -1px 1px #0005;margin:0}
.prelaunch .folded-frame{width:auto;height:clamp(280px,54svh,610px);max-width:80vw;object-fit:contain;filter:grayscale(1);display:block}
.placeholder-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;line-height:1.6;text-align:left}
.placeholder-foot p{margin:0}.placeholder-foot a{min-height:44px;display:inline-flex;align-items:center;gap:14px;text-decoration:underline;text-underline-offset:6px}
.placeholder-foot a:hover{opacity:.65}.placeholder-foot a:focus-visible,.placeholder-brand:focus-visible{outline:2px solid #111;outline-offset:6px}
.story-hero{position:relative;height:100svh;min-height:650px;background:#111;color:#fff;isolation:isolate}
.story-hero>img{width:100%;height:100%;object-fit:cover;object-position:65% 35%}
.story-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 80%);z-index:0}
.story-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.1;color:#fff}
.story-hero .text-link{margin-top:28px;font-size:12px;color:#fff}
@media(max-width:600px){.coming-placeholder{padding:23px 7% 16px}.placeholder-centre{gap:22px;padding:24px 0}.prelaunch .folded-frame{height:clamp(270px,51svh,500px);max-width:78vw}.placeholder-foot{font-size:10px;gap:12px}.placeholder-foot a{gap:6px}.story-hero{min-height:650px}}
