body{margin:0}.atelier-site{--ink: #28382e;--paper: #f6f4ed;--line: #d7dbd0;--green: #365440;background:var(--paper);color:var(--ink);font-family:Work Sans,Arial,sans-serif;line-height:1.55;min-height:100vh}.atelier-site *{box-sizing:border-box}.atelier-site a{color:inherit;text-decoration:none}.atelier-site a:hover{text-decoration:underline}.atelier-site button,.atelier-site input,.atelier-site select{font:inherit}.atelier-site button{cursor:pointer}.atelier-site a:focus-visible,.atelier-site button:focus-visible,.atelier-site input:focus-visible,.atelier-site select:focus-visible{outline:3px solid #8b642d;outline-offset:5px}.atelier-site .skip{position:absolute;top:-100px;background:#fff;padding:15px;z-index:4}.atelier-site .skip:focus{top:0}.site-nav{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font:36px Georgia,serif;letter-spacing:-2px}.wordmark span{font:10px Arial,sans-serif;letter-spacing:2px;display:block;text-transform:none;margin:0 0 0 2px}.site-nav>div{display:flex;gap:35px;font-size:13px}.site-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:700px;background:#e9e7dd}.hero-copy{padding:70px 5vw;align-self:center}.site-kicker{font-size:10px;letter-spacing:2px;font-weight:700}.hero-copy h1{font:clamp(80px,10vw,152px)/.95 Georgia,serif;letter-spacing:-8px;margin:18px 0 30px}.atelier-site h2{font:clamp(30px,3.4vw,50px)/1.14 Georgia,serif;letter-spacing:-1px;margin:15px 0 22px}.hero-copy>p:not(.site-kicker){max-width:330px;font-size:16px}.site-button{display:inline-flex;justify-content:space-between;gap:25px;background:var(--green);color:#fff!important;border:1px solid var(--green);border-radius:0;padding:15px 22px;margin:16px 0;text-decoration:none!important;min-height:48px;align-items:center}.site-button:hover{background:#293e30}.site-button:disabled{opacity:.45;cursor:not-allowed}.hero-copy small{display:block;font-size:10px;letter-spacing:.3px;color:#5c6759}.sample-photo{background-repeat:no-repeat;background-size:300% 100%;background-position:0 0;aspect-ratio:1/2}.sample-photo.product{background-position:50% 0}.sample-photo.after{background-position:100% 0}.hero-photo{height:100%;min-height:700px;width:100%;aspect-ratio:auto;background-size:300% auto;background-position:right top}.site-intro{padding:100px 10vw;display:grid;grid-template-columns:1fr 1fr;column-gap:10vw}.site-intro>.site-kicker{grid-column:1/-1}.site-intro h2{max-width:350px}.feature-lines article{display:flex;gap:25px;border-top:1px solid var(--line);padding:22px 0}.feature-lines span{font-size:11px;padding-top:5px}.feature-lines h3{font:24px Georgia,serif;margin:0 0 10px}.feature-lines p{font-size:14px;margin:0;max-width:365px}.site-process{padding:75px 10vw;background:#e8ebe2;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.site-process .sample-photo{max-height:560px;width:100%;aspect-ratio:1/1.6}.site-process ol{padding-left:20px;max-width:350px;font-size:14px}.site-process li{padding:8px 0}.site-process a{text-decoration:underline}.site-note{font-size:11px!important;color:#576251;line-height:1.6}.site-final{padding:100px 10vw}.site-final h2{font-size:clamp(40px,5vw,70px)}.site-footer{border-top:1px solid var(--line);margin:0 5vw;padding:35px 0;display:flex;flex-wrap:wrap;gap:25px;align-items:center;font-size:12px}.site-footer .wordmark{font-size:30px}.site-footer>div{display:flex;gap:22px;margin-left:auto}.site-policy h1{font:clamp(38px,4.4vw,64px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:18px 0}.demo-comparison{position:relative;overflow:hidden}.demo-comparison>.sample-photo{width:100%}.comparison-reveal{position:absolute;top:0;right:0;bottom:0;left:0}.comparison-reveal .sample-photo{height:100%;width:100%}.comparison-rule{position:absolute;top:0;bottom:0;border-left:2px solid white;pointer-events:none}.compare-label{position:absolute;top:15px;background:#f6f4ed;color:#28382e;padding:5px 8px;font-size:10px;letter-spacing:.5px}.compare-label.left{left:12px}.compare-label.right{right:12px}.site-policy{max-width:740px;margin:auto;padding:70px 30px 100px}.site-policy h2{font-size:28px;margin-top:35px}.site-policy p{font-size:15px}.site-policy a{text-decoration:underline}@media(prefers-reduced-motion:no-preference){.site-hero .hero-copy{animation:atelier-enter .7s ease-out}.site-button{transition:background .2s ease}}@keyframes atelier-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){.site-nav{height:85px;padding:0 6vw}.site-nav>div{gap:17px;font-size:11px}.site-nav .wordmark{font-size:30px}.site-nav .wordmark span{font-size:8px}.site-hero{grid-template-columns:1fr;min-height:0;position:relative}.hero-copy{padding:50px 7vw 45px}.hero-copy h1{font-size:90px;letter-spacing:-5px}.hero-copy h2{font-size:37px}.hero-photo{min-height:0;height:550px;background-size:300% auto}.site-intro{display:block;padding:65px 7vw}.site-intro h2{margin-bottom:40px}.site-process{padding:55px 7vw;grid-template-columns:1fr;gap:35px}.site-process .sample-photo{max-height:none;aspect-ratio:1/1.65}.site-final{padding:65px 7vw}.site-footer{display:block;padding:30px 0}.site-footer>div{flex-wrap:wrap;gap:18px}.site-policy{padding:45px 7vw 70px}}.eyebrow,.site-kicker,.preview-caption,.atelier-eyebrow,.atelier-result-eyebrow,.atelier-result-kicker{text-transform:none;letter-spacing:.025em}@font-face{font-family:Work Sans;src:url(/fonts/work-sans-variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}.atelier-demo-site{--paper: #fff;--ink: #211c26;--line: #e8e3eb;--green: #6225ab;font-family:Work Sans,Arial,sans-serif}.atelier-demo-site .site-nav{height:68px;padding-inline:max(22px,calc((100% - 1080px)/2))}.demo-store-label{font-size:12px;font-weight:650;color:#625a69}.demo-brand{display:flex;align-items:center;gap:8px}.demo-brand strong,.demo-brand small{display:block;white-space:nowrap}.demo-brand strong{font-size:18px;letter-spacing:-.03em}.demo-brand small{font-size:11px;color:#615b68}.site-demo{max-width:1124px;margin-inline:auto;padding:22px 22px 38px}.demo-breadcrumb{color:#645d6a;font-size:13px;margin:0 0 18px}.demo-breadcrumb span{margin-inline:7px;color:#897f91}.demo-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"gallery product" "gallery fitting";grid-template-rows:auto 1fr;column-gap:clamp(25px,5vw,68px);align-items:start}.demo-gallery{grid-area:gallery;min-width:0}.demo-gallery-frame{display:grid;place-items:center;background:#f5f3f1;padding:10px;border-radius:10px}.demo-media{width:min(100%,clamp(180px,34svh,245px))}.demo-media>.sample-photo,.demo-comparison{border-radius:5px;overflow:hidden}.demo-gallery-views,.demo-tabs{display:flex;flex-wrap:wrap;gap:6px}.demo-gallery-views{margin-top:10px}.demo-gallery-views button,.demo-tabs button{padding:7px 11px;min-height:40px;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:13px;font-weight:550}.demo-gallery-views button[aria-pressed=true],.demo-tabs button[aria-pressed=true]{border-color:#dac5f2;background:#f4edfc;color:#582697}.demo-gallery-views button:hover,.demo-tabs button:hover{border-color:#8a51bf}.demo-product{grid-area:product;padding:3px 0 17px}.demo-product h1{font-size:clamp(29px,4vw,45px);letter-spacing:-.045em;line-height:1.12;margin:0 0 10px}.demo-product p{margin:0;max-width:380px;color:#534b59}.demo-product .demo-colour{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:14px}.demo-colour span{width:17px;height:17px;border-radius:50%;background:#92997b;border:1px solid #70785b}.demo-fitting{grid-area:fitting;min-width:0;border-top:1px solid var(--line);padding-top:16px}.demo-fitting h2{font:650 20px/1.3 Work Sans,Arial,sans-serif;margin:0 0 12px}.demo-tool-panel{margin-top:14px}.demo-tool-panel h3{font:650 15px/1.4 Work Sans,Arial,sans-serif;margin:0 0 4px}.demo-tool-panel p{margin:0;color:#534b59;font-size:14px}.demo-tool-panel label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.demo-tool-panel select{width:100%;max-width:320px;padding:8px;border:1px solid #b8afbd;border-radius:7px;background:#fff;color:inherit}.demo-tool-panel .site-button{border-radius:7px;margin-top:10px}.demo-tool-result{margin-top:12px;padding-left:11px;border-left:2px solid #dac5f2;font-size:14px}.demo-disclosure{color:#645d6a;font-size:12px;margin:17px 0 0}.atelier-demo-site .site-footer{background:#fff}.atelier-demo-site :is(a,button,select):focus-visible{outline-color:#6225ab}.atelier-demo-site .compare-label{background:#fff;color:#211c26;border-radius:5px;pointer-events:none}.comparison-handle{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#6225ab;color:#fff;box-shadow:0 2px 10px #0005;font-size:24px;pointer-events:none}.comparison-slider{position:absolute;top:0;right:-8px;bottom:0;left:-8px;width:calc(100% + 16px);height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.demo-comparison:has(.comparison-slider:focus-visible){outline:3px solid #6225ab;outline-offset:4px}@media(prefers-reduced-motion:no-preference){.demo-media,.demo-tool-panel{animation:atelier-enter .2s ease-out}.demo-gallery-views button,.demo-tabs button{transition:background-color .15s,border-color .15s}}@media(max-width:700px){.site-demo{padding-inline:16px}.demo-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"product" "gallery" "fitting";row-gap:15px}.demo-product{padding-bottom:0}.demo-media{width:min(100%,205px)}.atelier-demo-site .site-footer>div{flex-wrap:wrap}}.atelier-demo-site :is(h1,h2,h3,.wordmark){font-family:Work Sans,Arial,sans-serif}.demo-price{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}.demo-price>span{font-size:23px;font-weight:600;letter-spacing:-.025em}.demo-price small{color:#706775;font-size:12px}.demo-tabs .demo-tryon-button,.demo-tabs .demo-tryon-button[aria-pressed=true],.demo-gallery-views button:first-child[aria-pressed=true],.demo-tool-panel .site-button{background:linear-gradient(110deg,#7926b9,#535bca);border-color:transparent;color:#fff}.demo-tabs .demo-tryon-button:hover,.demo-tool-panel .site-button:hover{background:linear-gradient(110deg,#68209f,#454eb4)}.demo-checkout{position:relative;margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.demo-checkout-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;filter:blur(2.5px);opacity:.45;-webkit-user-select:none;user-select:none;pointer-events:none}.demo-checkout-buttons button{min-height:46px;padding:10px;border:1px solid #211c26;border-radius:7px;background:#fff;color:#211c26;font-weight:600}.demo-checkout-buttons button:last-child{background:#211c26;color:#fff}.demo-checkout-note{position:absolute;left:50%;top:calc(50% + 9px);transform:translate(-50%,-50%);padding:6px 10px;border-radius:5px;background:#fffffff2;color:#534b59;font-size:11px;white-space:nowrap}.demo-size-result,.demo-style-result{margin-top:20px}.demo-recommendation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.demo-recommendation h3{margin:0}.demo-recommendation>strong{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#f0e6fa;color:#6225ab;font-size:22px}.demo-chart-sizes{display:flex;gap:7px;margin:14px 0 10px}.demo-chart-sizes span{display:grid;place-items:center;width:34px;height:32px;border:1px solid var(--line);border-radius:5px;font-size:13px}.demo-chart-sizes .is-recommended{border-color:#6225ab;color:#6225ab;background:#f4edfc;font-weight:700}.demo-tool-panel .demo-fit-facts{font-size:12px;color:#706775}.demo-fit-facts span{margin-inline:7px}.demo-measurements{width:100%;border-collapse:collapse;margin-top:17px;font-size:13px}.demo-measurements caption{text-align:left;font-weight:600;padding-bottom:9px}.demo-measurements th,.demo-measurements td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right}.demo-measurements th:first-child{text-align:left}.demo-measurements thead{background:#f7f5f9;color:#625a69}.demo-measurements tbody th{font-weight:500}.demo-guidance-details{margin-top:13px;font-size:12px;color:#625a69}.demo-guidance-details summary{cursor:pointer;padding-block:5px}.demo-guidance-details p{margin-top:6px;font-size:12px}.demo-palette{display:flex;gap:22px;margin:16px 0}.demo-palette figure{margin:0;text-align:center}.demo-palette figure>span{display:block;width:31px;height:31px;border-radius:50%;border:1px solid #0002;margin:0 auto 5px}.demo-palette figcaption{font-size:11px;color:#625a69}.demo-style-plan{margin:0}.demo-style-plan>div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.demo-style-plan dt{font-weight:600}.demo-style-plan dd{margin:0;color:#534b59}
