*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eee4d4;color:#38251f;font-family:'Courier New',monospace;font-size:16px;overflow-x:hidden}.paper{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(90deg,#a98c6f2a 1px,transparent 1px),linear-gradient(#a98c6f2a 1px,transparent 1px),linear-gradient(90deg,#a98c6f12 1px,transparent 1px),linear-gradient(#a98c6f12 1px,transparent 1px);background-size:21.3px 21.3px,21.3px 21.3px,106.5px 106.5px,106.5px 106.5px}.paper:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#eee4d4 0%,transparent 26%,transparent 85%);pointer-events:none}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #26271e;outline-offset:5px}.live{position:fixed;z-index:20;right:0;top:13px;border-radius:7px;background:#80634d;color:#ecebe3;font-size:16px;padding:6px 11px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.live i{width:9px;height:9px;border-radius:50%;background:#d64d37}.index{position:fixed;z-index:15;left:4px;top:40%;display:grid;gap:4px;font-size:10px;letter-spacing:1px}.index a,.index button{width:46px;height:22px;display:grid;place-items:center;color:#929383;font-size:10px;padding:0}.index .active{border:1px solid #5d6250;border-radius:50%;transform:rotate(-8deg);color:#25271c;font-weight:bold}section{position:relative;min-height:100svh;padding:0 1.7% 0 5.5%;overflow:hidden}h1,h2,h3{font-family:'Times New Roman',serif;font-weight:400;margin:0}h2{font-size:clamp(44px,5.13vw,76px);line-height:1.04;letter-spacing:.065em}p{margin:0}.hero{height:100svh;min-height:690px}.facts{position:absolute;top:8.8%;left:5.5%;right:1.7%;display:flex;justify-content:space-between;border-top:1px solid #a98c6f60;border-bottom:1px solid #a98c6f60;padding:12px 0;font-size:11px;font-weight:bold}h1{position:absolute;z-index:3;top:38.5%;left:19.8%;font-size:clamp(65px,9.7vw,165px);letter-spacing:.36em;color:#774d3748;line-height:1;pointer-events:none;animation:title-in 1.8s ease both}.hero-product{position:absolute;left:23%;top:22%;width:54%;height:48%;display:flex;align-items:center;justify-content:center;perspective:900px}.hero-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 15px #52533b20);animation:shoe-in 1.8s cubic-bezier(.2,.7,.2,1) both;will-change:transform}.model-label,.color-label{position:absolute;top:55.5%;font-size:11px;line-height:1.25;z-index:4}.color-label{right:1.7%;text-align:right}.hero-bottom{position:absolute;left:5.5%;right:1.7%;bottom:13.4%;display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{font-size:18px;font-weight:600;line-height:1.25;letter-spacing:.2px}.black{background:#6e3927;color:#fff6e8;padding:10px 18px;font-family:Georgia,serif;font-size:18px;font-weight:bold;letter-spacing:1px;border:1px solid #26281e;transition:background .2s,transform .2s}.black:hover{background:#914b30;transform:translateY(-2px)}.notes{position:absolute;bottom:1.5%;left:5.5%;right:1.7%;display:flex;justify-content:space-between}.notes a{border:1px solid #a98c6f80;padding:14px 16px;min-width:24%;font-size:11px;line-height:1.5}.notes span{display:block;margin-top:5px}.notes a:last-child{text-align:right}.specification{height:100svh;min-height:750px;display:flex;align-items:center}.specification h2{position:absolute;top:9%;left:5.5%;z-index:3}.detail-shoe{position:absolute;width:65%;left:-13%;top:20%;transform:rotate(-19deg);filter:drop-shadow(0 25px 22px #55583a20)}.spec-table{margin-left:53%;width:47%;font-size:16px;line-height:1.2}.spec-table>div{display:grid;grid-template-columns:10% 25% 1fr;gap:10px;padding:20px 0;border-top:1px solid #83887470}.spec-table small{font-size:14px;letter-spacing:2px;color:#a98c6f}.spec-table b{font-size:15px}.ways{height:100svh;min-height:720px;padding-top:23vh}.ways h2{position:relative;z-index:3}.gallery{position:absolute;left:10%;right:-5%;top:42%;height:47%;perspective:1050px;cursor:grab;touch-action:pan-y;outline:none}.gallery.dragging{cursor:grabbing}.track{display:flex;align-items:center;height:100%;gap:45px;will-change:transform;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.gallery.dragging .track{transition:none}.card{position:relative;flex:none;width:230px;height:310px;background:linear-gradient(120deg,#fffff4,#f0eedf);border:1px solid #929585;padding:0;box-shadow:0 9px 30px #4f503c0a;transform:rotateY(-15deg);transition:transform .4s,border-color .2s;overflow:hidden;user-select:none}.card:hover{border-color:#323629;transform:rotateY(-8deg) translateY(-8px)}.card:before,.card:after{content:'';position:absolute;width:14px;height:2px;background:#4b4b3c;transform:rotate(47deg);top:15px;left:8px;z-index:2}.card:after{left:auto;right:8px}.card .marks{position:absolute;bottom:18px;left:8px;right:8px;height:2px}.marks:before,.marks:after{content:'';position:absolute;background:#4b4b3c;width:14px;height:2px;transform:rotate(47deg);left:0}.marks:after{left:auto;right:0}.card img{width:100%;height:83%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.card footer{display:flex;justify-content:space-between;position:absolute;bottom:26px;left:15px;right:20px;font-size:12px;font-weight:bold}.card footer span{color:#9c9e8f;font-weight:normal}.card:hover footer span{color:#33382a}.ghost-shoe{position:absolute;top:36%;left:-23%;width:51%;transform:rotate(-48deg);opacity:.66;pointer-events:none}.gallery-bottom{position:absolute;bottom:5.5%;left:5.5%;right:1.7%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:4px;color:#898d7d}.gallery-controls{display:flex;gap:14px}.gallery-controls button{font-size:22px;letter-spacing:0}.way-facts{position:absolute;bottom:0;left:5.5%;right:1.7%;display:flex;gap:20px;font-size:11px;font-weight:bold}.way-facts span{border-top:1px solid #ad8e7360;padding-top:10px;flex:1}.pieces{height:100svh;min-height:700px;padding-top:4.5vh}.pattern{position:absolute;width:32%;height:70%;left:35.5%;top:17%;overflow:visible}.pattern g{cursor:pointer;outline:none}.pattern path{fill:#b8997d1c;stroke:#9e795b70;stroke-width:1.5;transition:fill .3s}.pattern text{font-family:'Courier New',monospace;font-size:11px;fill:#937458;pointer-events:none}.pattern g:hover path,.pattern g:focus-visible path,.pattern g.selected path{fill:#6e3927;stroke:#ecd6b8;stroke-dasharray:5 4;stroke-width:2}.pattern g:hover text,.pattern g:focus-visible text,.pattern g.selected text{fill:#f5e6d2}.piece-note{position:absolute;width:25%;right:1.7%;top:17%;border:1px solid #8f95836b;padding:19px;transition:top .5s;background:#eee4d4a0}.piece-note small{font-size:11px;color:#929884}.piece-note h3{font-size:32px;letter-spacing:2px;margin:10px 0}.piece-note p{font-size:16px;line-height:1.2;letter-spacing:.1px}.piece-hint{position:absolute;bottom:5%;left:5.5%;font-size:10px;letter-spacing:3px;color:#858c79}dialog{border:1px solid #787d69;background:#f4ebdc;color:#38251f;padding:32px;width:min(530px,94vw);max-height:92svh;overflow:auto}dialog::backdrop{background:#1e24176b;backdrop-filter:blur(8px)}dialog h2{font-size:43px;margin-top:18px}dialog>img{width:100%;height:190px;object-fit:contain}dialog small{font-size:10px}dialog .close{position:absolute;right:15px;top:10px;font-size:30px}form label{display:block;font-size:11px;margin-bottom:18px}select{display:block;width:100%;padding:10px 0;border:0;border-bottom:1px solid #7c846a;background:transparent;border-radius:0;margin-top:5px}.order-price{display:flex;justify-content:space-between;padding:14px 0;font-size:14px}form .black{width:100%;margin:10px 0}.order-status{font-size:11px;line-height:1.6}.reveal{animation:reveal .8s both}@keyframes reveal{from{opacity:.25;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes title-in{from{opacity:0;letter-spacing:.48em}to{opacity:1;letter-spacing:.36em}}@keyframes shoe-in{from{opacity:0;transform:translateY(25px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(min-width:1600px){.card{width:290px;height:380px}.track{gap:60px}}@media(max-width:800px){section{padding-left:9%;padding-right:5%}.index{left:0}.index a,.index button{width:29px}.live{font-size:11px;padding:5px 8px}.hero{min-height:670px}.facts{left:9%;right:5%;font-size:8px;flex-wrap:wrap;gap:10px;top:8%}.hero-product{left:8%;top:22%;width:86%;height:40%}h1{top:28%;left:12%;font-size:12vw;letter-spacing:.2em!important}.model-label,.color-label{top:61%;font-size:8px}.color-label{right:5%}.hero-bottom{left:9%;right:5%;bottom:18%;gap:20px}.hero-bottom p{font-size:12px}.black{font-size:12px;padding:10px}.notes{left:9%;right:5%;bottom:4%;gap:15px}.notes a{font-size:8px;padding:10px;width:50%}.specification{min-height:890px;display:block}.specification h2{left:9%;top:5%}.detail-shoe{width:95%;left:-13%;top:14%}.spec-table{position:absolute;bottom:7%;left:9%;width:86%;margin:0;font-size:12px}.spec-table>div{grid-template-columns:6% 27% 1fr;padding:15px 0;gap:8px}.spec-table b,.spec-table small{font-size:10px}.ways{padding-top:16vh;min-height:650px}.gallery{left:14%;top:36%;height:47%;right:-50%}.track{gap:25px}.card{width:185px;height:265px}.ghost-shoe{width:90%;left:-53%;top:35%}.gallery-bottom,.way-facts{left:9%;right:5%}.pieces{min-height:800px}.pieces h2{font-size:44px}.pattern{left:17%;top:22%;width:66%;height:53%}.piece-note{top:auto!important;bottom:5%;left:16%;right:5%;width:auto;padding:14px}.piece-note h3{font-size:23px;margin:7px 0}.piece-note p{font-size:12px}.piece-hint{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@font-face{font-family:CamberSerif;src:url('https://mvpvault-design-asset.pages.dev/camber-eyewear/v1/assets/cormorant-light.ttf') format('truetype');font-weight:300;font-display:swap}h1,h2,h3{font-family:CamberSerif,'Times New Roman',serif;font-weight:300}h1{font-size:10.2vw;color:#774d3740}h2{font-size:clamp(44px,5.13vw,76px);letter-spacing:.075em}.pattern g.selected path{fill:#6e3927;stroke:#ecd6b8;stroke-dasharray:5 4;stroke-width:2}.pattern g.selected text{fill:#f5e6d2}.pattern g:not(.selected):hover path{fill:#b8997d1c}.pattern g:not(.selected):hover text{fill:#937458}.card img{position:absolute;left:4%;top:21%;width:92%;height:64%;object-fit:contain;mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent);mix-blend-mode:multiply}.ghost-shoe{transform:rotate(-70deg);left:-27%;top:37%;width:50%}
@media(min-width:801px){.gallery{left:13%;top:41%;height:49%}.track{gap:43px;align-items:flex-end;padding-bottom:20px}.card{transform:rotateY(-16deg) skewY(-2deg);transform-origin:center bottom}.card:nth-child(1){width:125px;height:235px}.card:nth-child(2){width:155px;height:263px}.card:nth-child(3){width:190px;height:290px}.card:nth-child(4){width:240px;height:325px}.card:nth-child(n+5){width:295px;height:355px}.card footer{font-size:11px;left:9px;right:15px}.hero-product{width:51%;left:24%;top:21%}.piece-note h3{font-size:32px}}
.card img{height:auto;top:auto;bottom:21%;mask-image:linear-gradient(transparent,#000 22%,#000 72%,transparent);}.card footer{white-space:nowrap;font-size:10px}.card:first-child footer{font-size:8px}.ghost-shoe{width:43%;left:-24%;top:43%;transform:rotate(-25deg)}
/* Each card travels through the same perspective plane and wraps offscreen. */
.gallery .track{display:block;position:relative;transform:none!important;transition:none;padding:0;perspective:1050px;height:100%}
.gallery .track .card{position:absolute;left:0;bottom:20px;width:300px;height:350px;transform-origin:left bottom;transition:none;will-change:transform}
.gallery .track .card footer{font-size:11px}.gallery .track .card:hover{border-color:#323629}.gallery{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 98%,transparent)}
#carousel-pause{font-size:16px;min-width:30px}
@media(max-width:800px){.gallery .track .card{width:230px;height:300px}}
/* Closing chapters: construction, selection, and colophon. */
.chapter-new{padding:55px 5.5% 40px 5.5%;min-height:100svh}.chapter-line{display:flex;justify-content:space-between;border-top:1px solid #ad8e73;padding-top:16px;font-size:10px;letter-spacing:1px}.lasting-layout{display:grid;grid-template-columns:1fr 1.8fr;align-items:center;gap:5%;padding-top:55px}.lasting h2,.your-pair h2{font-size:clamp(60px,7vw,108px);line-height:.91;letter-spacing:.045em}.lasting-title p{font-size:14px;line-height:1.5;margin-top:28px}.stamp{display:inline-block;border:1px solid #727965;border-radius:50%;text-align:center;padding:17px 22px;transform:rotate(-12deg);font-family:CamberSerif,serif;font-size:39px;line-height:1;margin-top:30px}.stamp small{font:8px 'Courier New',monospace;letter-spacing:1px}.construction-figure{position:relative;padding:55px 0 45px}.construction-figure img{width:100%;filter:drop-shadow(0 20px 10px #53584018);transform:rotate(-7deg);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.chapter-new.entered .construction-figure img{transform:rotate(0deg)}.measure{position:absolute;font-size:10px;letter-spacing:1px}.measure.top{top:0;left:18%;border-left:1px solid #7f8769;padding:10px 0 45px 10px}.measure.bottom{bottom:4px;right:0;border-right:1px solid #7f8769;padding:35px 10px 10px 0}.figure-caption{font-size:9px;letter-spacing:2px;position:absolute;left:0;bottom:-20px}.construction-details{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px}.construction-details details{border-top:1px solid #ae9278;padding-top:16px}.construction-details summary{display:flex;justify-content:space-between;cursor:pointer;font-size:12px;list-style:none}.construction-details summary::-webkit-details-marker{display:none}.construction-details p{margin-top:20px;font-size:13px;line-height:1.5;max-width:340px}.construction-details .toggle{font-size:18px;line-height:12px;transition:transform .3s}.construction-details details[open] .toggle{transform:rotate(45deg)}.chapter-next{display:flex;justify-content:space-between;margin-top:55px;padding-top:18px;border-top:1px solid #ae9278;font-size:10px;letter-spacing:2px}.chapter-next span{font-size:24px}.pair-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:center;min-height:calc(100svh - 140px);padding:60px 0}.pair-image{position:relative;min-width:0}.pair-image img{width:100%;height:330px;object-fit:contain;transition:opacity .2s;filter:drop-shadow(0 25px 12px #53584018)}.pair-image img.color-photo{mix-blend-mode:multiply;filter:none;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.pair-code{font-size:10px;letter-spacing:1px;display:block;margin-bottom:35px}.pair-baseline{display:flex;justify-content:space-between;border-bottom:1px solid #ae9278;padding-bottom:18px;margin-top:45px;font-size:10px}.pair-intro{margin:25px 0 30px;font-size:14px;line-height:1.5}.pair-select fieldset{border:0;padding:0;margin:0}.pair-select legend{font-size:10px;letter-spacing:1px;margin-bottom:15px}.color-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-buttons button{display:flex;align-items:center;gap:10px;border:1px solid #ac8f75;padding:12px 9px;font-size:10px;text-align:left}.color-buttons button[aria-pressed=true]{border-color:#683822;background:#d2b38d4d}.color-buttons i{width:15px;height:15px;flex:none;background:var(--swatch);border:1px solid #7e846d;border-radius:50%}.pair-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ae9278;margin-top:25px;padding:19px 0;font-size:11px;line-height:1.7}.pair-total strong{font:38px CamberSerif,serif}.pair-total small{font-size:9px;color:#94775f}.pair-select>.black{width:100%;padding:15px}.demo-caption{font-size:9px;opacity:.65;margin-top:12px}.site-footer{padding:35px 5.5% 25px;background:#35221d;color:#eee4d4;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:start;font-size:11px;line-height:1.5;letter-spacing:1px}.footer-top a{font-size:10px}.footer-wordmark{display:block;font:300 17.8vw/.95 CamberSerif,serif;letter-spacing:.09em;margin:65px 0 30px}.footer-bottom{border-top:1px solid #a4ab864d;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:9px}.footer-bottom nav{display:flex;gap:25px}.site-footer a:hover{color:#fff}.chapter-new .lasting-title,.chapter-new .pair-select{transition:opacity .8s,translate .8s}.chapter-new:not(.entered) .lasting-title,.chapter-new:not(.entered) .pair-select{opacity:.3;translate:0 20px}
@media(max-width:800px){.chapter-new{padding:40px 5% 35px 10%}.chapter-line{font-size:8px;gap:15px;line-height:1.4}.lasting-layout{grid-template-columns:1fr;padding-top:40px;gap:35px}.lasting h2,.your-pair h2{font-size:64px}.lasting-title{position:relative}.stamp{position:absolute;right:0;bottom:0;padding:15px;font-size:28px}.stamp small{font-size:6px}.construction-figure{padding-top:45px}.construction-details{grid-template-columns:1fr;margin-top:55px;gap:25px}.construction-details p{max-width:none}.chapter-next{margin-top:35px;font-size:8px}.pair-layout{grid-template-columns:1fr;gap:50px;padding:40px 0}.pair-image img{height:190px}.pair-code{margin-bottom:15px}.pair-baseline{margin-top:10px;font-size:8px}.pair-select h2 br{display:none}.pair-select h2{font-size:49px}.footer-top{font-size:9px;gap:25px}.footer-top a{font-size:8px;max-width:100px}.footer-wordmark{margin:45px 0 25px;font-size:17vw}.footer-bottom{flex-direction:column;gap:20px}.footer-bottom nav{gap:20px}.site-footer{padding-left:10%;padding-right:5%}}
@media(prefers-reduced-motion:reduce){.chapter-new:not(.entered) .lasting-title,.chapter-new:not(.entered) .pair-select{opacity:1;translate:none}}
.chapter-new .construction-figure img,.chapter-new.entered .construction-figure img,.chapter-new .pair-image img{transform:translate3d(var(--shoe-x,0px),var(--shoe-y,0px),0) rotate(var(--shoe-angle,0deg)) scale(var(--shoe-scale,1));transition:opacity .2s;will-change:transform;transform-origin:50% 65%}.construction-figure .measure{transform:translateY(var(--annotation-y,0px));will-change:transform}.construction-details details{transition:opacity .75s,translate .75s;transition-delay:.15s}.construction-details details:nth-child(2){transition-delay:.3s}.construction-details details:nth-child(3){transition-delay:.45s}.chapter-new:not(.entered) .construction-details details{opacity:0;translate:0 25px}.footer-wordmark{overflow:hidden;white-space:nowrap;padding-bottom:.08em;margin-bottom:calc(30px - .08em);font-size:17.3vw}.footer-wordmark span{display:inline-block;transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .8s;transition-delay:calc(var(--letter)*85ms);transform:translateY(0) rotate(0);opacity:1}.motion-ready:not(.footer-visible) .footer-wordmark span{transform:translateY(115%) rotate(7deg);opacity:0}.footer-top,.footer-bottom{transition:opacity .9s,translate .9s}.footer-bottom{transition-delay:.45s}.motion-ready:not(.footer-visible) .footer-top,.motion-ready:not(.footer-visible) .footer-bottom{opacity:0;translate:0 15px}@media(max-width:800px){.footer-wordmark{font-size:16.5vw}.chapter-new .construction-figure img,.chapter-new.entered .construction-figure img,.chapter-new .pair-image img{transform:translate3d(calc(var(--shoe-x,0px)*.45),calc(var(--shoe-y,0px)*.65),0) rotate(var(--shoe-angle,0deg)) scale(var(--shoe-scale,1))}}@media(prefers-reduced-motion:reduce){.chapter-new .construction-figure img,.chapter-new.entered .construction-figure img,.chapter-new .pair-image img,.construction-figure .measure{transform:none;will-change:auto}.motion-ready:not(.footer-visible) .footer-wordmark span,.motion-ready:not(.footer-visible) .footer-top,.motion-ready:not(.footer-visible) .footer-bottom,.chapter-new:not(.entered) .construction-details details{transform:none;opacity:1;translate:none}}

/* Eyewear assets keep their real alpha in every presentation. */
.card img{mask-image:none;mix-blend-mode:normal}.pair-image img.color-photo{mask-image:none;mix-blend-mode:normal;filter:drop-shadow(0 20px 12px #633b2418)}.pattern path{fill-rule:evenodd}.index .active{color:#6e3927;border-color:#6e3927}.piece-note{background:#eee4d4cf}dialog{color:#38251f}.site-footer{color:#eee4d4}.live i{background:#d88942}.black{border-color:#6e3927}.card{background:linear-gradient(120deg,#fff9ee,#e9dac5)}
/* Larger product presence, with the existing text and chapter layout retained. */
.hero .hero-product{left:13%;top:11.5%;width:74%;height:66%;transform-origin:50% 55%;will-change:transform}.hero .hero-product img{filter:drop-shadow(0 28px 18px #633b241c)}
@media(max-width:800px){.hero .hero-product{left:-5%;top:17%;width:110%;height:48%}}
@media(prefers-reduced-motion:reduce){.hero .hero-product{transform:none!important;will-change:auto}}
.hero-product canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-product.has-3d>img{visibility:hidden}.hero .hero-product{perspective:none}.hero-product canvas:focus{outline:none}
/* Pale sky blue background; preserve the product palette and all motion. */
body{background:#dcecf4}.paper{background-image:linear-gradient(90deg,#7c9bad2a 1px,transparent 1px),linear-gradient(#7c9bad2a 1px,transparent 1px),linear-gradient(90deg,#7c9bad12 1px,transparent 1px),linear-gradient(#7c9bad12 1px,transparent 1px)}.paper:after{background:linear-gradient(0deg,#dcecf4 0%,transparent 26%,transparent 85%)}.piece-note{background:#dcecf4cf}