/* Warm paper and dark leather, following the atelier's printed identity. */
:root{--ink:#292520;--paper:#ddd6ca;--lime:#cbbba3;--muted:#a79e90}
body{background:var(--paper)}
header{background:#cec5b7ed;color:var(--ink);border-color:#29252025;backdrop-filter:blur(16px)}
.brand>span{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:1px}.brand small{font-family:Manrope,Arial,sans-serif;letter-spacing:1px}
nav>a:not(.nav-cta){color:#51483f}nav>a:hover{color:#211b16}.nav-cta{border-color:#746859;border-radius:0}
.pill,.sound-toggle,.compare-tag,.care-pass,.consult-panel,.option,.material-options label,.issue-options label,.copy-request,textarea{border-radius:0}
.pill{font-weight:500;letter-spacing:.2px}.pill.dark:hover{background:#514034}.pill.lime{background:#cbbba3}
h2,h3{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-1.5px}h2 em{color:inherit;font-size:1em}.section-label{font-size:12px;letter-spacing:2px}
.poster{height:100svh;min-height:850px;max-height:1300px;position:relative;overflow:hidden;background:#c9c0b1;color:#292520;isolation:isolate}
.poster:after{content:'';position:absolute;inset:0;background:#292520;clip-path:polygon(30% 100%,100% 68%,100% 100%);z-index:2;pointer-events:none}
.poster-title{position:absolute;left:4%;top:17%;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font:clamp(90px,10.8vw,180px)/1 Prata,Georgia,serif;letter-spacing:-7px;height:67%;z-index:3;text-align:center}
.poster-rail{position:absolute;left:2%;top:22%;height:62%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:3px;z-index:3;text-align:center}
.poster-intro{position:absolute;left:23%;top:20%;z-index:3}.poster-intro p{font-size:12px;letter-spacing:1.4px;line-height:1.8;margin:0 0 20px}.poster-rule{display:block;width:40px;height:1px;background:#726555;margin-bottom:20px}
.poster-shoes{position:absolute;left:39%;top:9%;width:54%;height:83%;object-fit:contain;object-position:center;mix-blend-mode:multiply;z-index:1}
.poster-motto{position:absolute;right:3%;top:31%;writing-mode:vertical-rl;font-size:12px;letter-spacing:2.5px;z-index:3}
.poster-contact{position:absolute;bottom:0;left:0;width:30%;height:17%;background:#292520;color:#d5cbbc;padding:25px 4%;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:start}.poster-contact>span{font-size:12px;letter-spacing:1.5px}.poster-contact>a{font-size:17px;letter-spacing:1px}.poster-contact .poster-explore{font-size:12px;letter-spacing:0;border-top:1px solid #a99b8660;margin-top:15px;padding-top:12px;display:flex;gap:20px}
.poster-signature{position:absolute;right:7%;bottom:4%;z-index:4;color:#d5cbbc;text-align:center;display:flex;flex-direction:column;align-items:center}.poster-signature>span{font:42px/1.2 Prata,Georgia,serif;border-bottom:1px solid #a99b8680;padding:0 15px 12px}.poster-signature small{font-size:12px;margin-top:9px;letter-spacing:1px}.poster-signature>a{font-size:14px;margin-top:17px;border-bottom:1px solid #d5cbbc;padding-bottom:5px}
.journey{height:240vh;background:#292520}.stage{background:radial-gradient(ellipse at 72% 55%,rgba(138,110,78,calc(.05 + var(--p)*.2)),transparent 56%),#292520}
.journey-title{font-size:clamp(68px,7.9vw,126px);line-height:1.08;letter-spacing:-4px;margin:22px 0 20px}.journey-title em{font-size:.9em;color:#d4c5ad}.hero-copy{max-width:600px}.hero-copy p{font-size:16px}.hero-copy .kicker{color:#bfb09b}.scene{mix-blend-mode:screen}.shoe{mix-blend-mode:screen;filter:sepia(.17)}.orbit{display:none}.scene-word{font-family:Prata,Georgia,serif;font-weight:400;opacity:.065}.chapter strong{font-family:Prata,Georgia,serif;line-height:1.3;max-width:560px}.hero-bottom .sound-toggle{background:#29252090}.chapter p,.eyebrow{color:#c2b6a5}
.difference{background:#d3cabc}.difference h2 em{color:#75614d}.comparison{border:8px solid #c1b6a4}.compare-image{filter:sepia(.14)}.compare-divider>span{background:#cbbba3}.comparison-caption{color:#62574a}
.atelier:after{background:linear-gradient(90deg,#292520ed,transparent 95%),linear-gradient(0deg,#292520,transparent 45%)}.atelier>img{filter:sepia(.2) brightness(.66)}.atelier-copy p{font-size:16px}.services,.questions{background:#292520}.services h3{font-size:clamp(28px,3.6vw,54px)}.service-list summary{padding:35px 0}.service-detail p,.services .section-heading p,.faq-list p{color:#bfb4a5}.service-sub{color:#b0a18b}.service-select{color:#d7c5a8}
.consult,.next-steps{background:#d0c7b8}.consult-panel{background:#e5ddd1;border-color:#b4a794}.care-pass{background:#342c24;box-shadow:none}.pass-top>span:first-child{font-family:Prata,Georgia,serif;font-weight:400}.pass-monogram{font-family:Prata,Georgia,serif;color:#cbbba3}.pass-monogram:after{border-radius:0;transform:rotate(45deg);inset:25px;max-width:145px}.care-pass dt,.pass-bottom{color:#c2b19a}.consult-intro p,.field-description,.option-number,.option>span:not(.option-number),.material-options small,.issue-options small,.result-caveat,.photo-reminder,#result-description,.step-top,.reset-flow,.back-button,.edit-request,.process-grid p,.result-kicker,.note-label span,.request-preview pre{color:#635646}.option,.material-options label,.issue-options label{border-color:#b3a58f}.option:has(input:checked),.material-options label:has(input:checked),.issue-options label:has(input:checked){background:#d4c5af;border-color:#796248}.step-track i.current{background:#796248}input{accent-color:#796248!important}
.final-scene{position:relative;isolation:isolate;overflow:hidden;background:#bcb09d;color:#292520}.final-scene:before{content:'';position:absolute;inset:0;background:#cfc6b8;clip-path:polygon(0 0,100% 0,0 100%);z-index:-1}.final-scene h2{max-width:1050px;font-size:clamp(44px,6.6vw,100px)}.footer-brand{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:0}.credits{color:#564a3b}.floating-consult{background:#e0d7c8f5;border-color:#a99982;border-radius:0}.floating-consult>strong{background:#342c24;color:#e0d7c8;border-radius:0}
@media(min-width:1700px){.poster-title{font-size:175px}.poster-shoes{left:42%;width:47%}.poster-intro{left:22%}}
@media(max-width:1050px){.poster{min-height:800px}.poster-title{left:5%;font-size:110px;letter-spacing:-5px}.poster-intro{left:24%;top:17%}.poster-shoes{left:27%;top:24%;width:67%;height:64%}.poster-contact{width:38%;padding-left:5%}.poster:after{clip-path:polygon(30% 100%,100% 74%,100% 100%)}.poster-signature{right:5%;bottom:3%}.poster-signature>span{font-size:35px}.journey-title{font-size:80px}}
@media(max-width:760px){header{padding:14px 5%}.brand{font-size:34px}.brand>span{font-size:15px}.brand small{font-size:8px}.nav-cta{font-size:12px;padding:10px}.poster{height:100svh;min-height:780px;max-height:none}.poster-title{left:9%;top:16%;height:59%;font-size:clamp(66px,17vw,115px);letter-spacing:-4px}.poster-rail{left:4%;top:17%;height:57%;font-size:10px;letter-spacing:2px}.poster-intro{left:37%;top:16%;right:6%}.poster-intro p{font-size:10px;line-height:1.7;letter-spacing:.6px;margin-bottom:13px}.poster-rule{margin-bottom:13px;width:26px}.poster-shoes{left:28%;top:32%;width:68%;height:48%;object-fit:contain}.poster-motto{right:3%;top:43%;font-size:9px;letter-spacing:1.4px}.poster:after{clip-path:polygon(23% 100%,100% 75%,100% 100%)}.poster-contact{width:47%;height:20%;padding:18px 5%;justify-content:center}.poster-contact>span{font-size:11px}.poster-contact>a{font-size:14px;letter-spacing:.5px}.poster-contact .poster-explore{font-size:11px;gap:10px;line-height:1.6;margin-top:13px;padding-top:10px}.poster-signature{right:5%;bottom:4%;max-width:43%}.poster-signature>span{font-size:27px;padding:0 10px 9px}.poster-signature small{font-size:9px;letter-spacing:0}.poster-signature>a{font-size:12px;margin-top:15px}.journey-title{font-size:54px;letter-spacing:-2.5px;line-height:1.15;margin:16px 0}.hero-copy{top:18%}.hero-copy p{font-size:14px}.chapter strong{font-size:30px}.section-heading h2,h2{letter-spacing:-1.5px}.comparison{border-width:4px}.service-list summary{padding:25px 0}.atelier-copy h2{font-size:44px}.final-scene h2{font-size:42px}.section-label{font-size:11px}.consult-intro p{font-size:16px}.poster-intro p:last-child{font-size:9px}.nav-cta{gap:10px}.sound-toggle{font-size:12px}}
@media(max-width:360px){.brand small{display:none}.poster-title{font-size:60px}.poster-intro{left:34%}.poster-contact{width:49%}.poster-signature{right:3%}.poster-signature>span{font-size:23px}.journey-title{font-size:47px}.final-scene h2{font-size:36px}}
.poster-shoes{mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}