@import url('./lenis.css');
*{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;--paper:#f0eee7;--ink:#22251e;--accent:#d0d9b7}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2676de;outline-offset:5px}button{border:0;background:none}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}.skip{position:fixed;left:12px;top:-100px;z-index:99;padding:15px;background:white;color:black}.skip:focus{top:10px}.demo{font-size:10px;letter-spacing:.08em;display:flex;justify-content:space-between;padding:11px 4%;background:var(--ink);color:var(--paper)}.demo span{opacity:.65}.demo a{text-decoration:underline;text-underline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 4%;padding:27px 0;border-bottom:1px solid #8885}.brand{font-size:30px;font-weight:800;letter-spacing:-1.5px}nav{display:flex;gap:36px;font-size:12px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}nav a:hover:after{width:100%}.saved{font-size:12px}.saved span{display:inline-grid;place-items:center;border:1px solid #8888;border-radius:50%;height:24px;width:24px;margin-left:8px}.saved[aria-pressed=true]{text-decoration:underline}.hero{position:relative;padding:55px 4% 0;display:grid;grid-template-columns:1fr 1fr;gap:4vw;overflow:hidden}.hero-copy{align-self:center;padding:30px 0 70px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:500;text-transform:uppercase;margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,6.4vw,106px);line-height:1.02;letter-spacing:-.065em;font-weight:400;margin-bottom:28px}.intro{font-size:14px;line-height:1.8;max-width:330px;opacity:.75}.cta{margin-top:24px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:var(--paper);padding:18px 22px;font-size:12px;border:1px solid var(--ink);transition:background .2s,color .2s}.cta:hover{background:var(--accent);color:var(--ink)}.hero-image{height:600px;position:relative}.hero-image img{object-position:center 25%}.hero-image figcaption{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;padding:20px;color:white;font-size:9px;letter-spacing:.1em;background:linear-gradient(transparent,#0008)}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;padding:12px 0 25px}.ticker{background:var(--accent);position:relative;overflow:hidden;padding:21px 0;white-space:nowrap}.ticker-track{display:flex;width:max-content;animation:marquee 35s linear infinite;gap:30px;font-size:15px;letter-spacing:.12em}.ticker-track i{font-style:normal;margin:0 35px}.pause{position:absolute;right:0;top:0;bottom:0;width:50px;background:var(--accent);border-left:1px solid #8885}.collection{padding:95px 4% 100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head .eyebrow{margin-bottom:20px}h2{font-size:clamp(30px,3.4vw,55px);font-weight:400;letter-spacing:-.05em;line-height:1.12;margin-bottom:30px}.section-head>span{font-size:11px;padding-bottom:35px;white-space:nowrap}.tools{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #8886;padding:22px 0 30px;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{font-size:11px;padding:9px 14px;border:1px solid transparent;border-radius:30px}.filters button[aria-pressed=true]{border-color:var(--ink)}.search{font-size:10px;white-space:nowrap}.search input{background:none;border:0;border-bottom:1px solid #8886;border-radius:0;width:150px;padding:8px;color:inherit;margin-left:10px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product{width:100%;padding:0;text-align:left}.product-image{height:360px;position:relative;overflow:hidden;background:#ddd8}.product-image img{transition:transform .7s}.product:hover img{transform:scale(1.045)}.view{position:absolute;bottom:15px;left:15px;right:15px;background:var(--paper);padding:13px;text-align:center;font-size:10px;transform:translateY(70px);transition:transform .3s}.product:hover .view,.product:focus-visible .view{transform:translateY(0)}.heart{position:absolute;right:15px;top:15px;color:white;text-shadow:0 0 4px #000}.product-info{display:flex;justify-content:space-between;gap:12px;padding-top:18px}.product-info>span{font-size:11px;white-space:nowrap;padding-top:20px}.category{font-size:9px;opacity:.6;text-transform:uppercase;letter-spacing:.1em}h3{font-size:13px;font-weight:400;margin:8px 0}.empty{padding:60px 0;font-size:14px}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:var(--accent);padding:65px 10%}.story>img{height:470px}.story p:not(.eyebrow){font-size:14px;line-height:1.9;opacity:.8;max-width:360px}.text-link{display:inline-block;font-size:12px;border:0;border-bottom:1px solid;padding:8px 0;margin-top:20px}.contact{text-align:center;padding:110px 20px}.contact p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:450px;margin:0 auto}.contact h2{font-size:clamp(40px,5vw,76px)}footer{margin:0 4%;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #8886}footer p,footer>a:last-child{font-size:10px;margin:0}dialog{padding:0;border:0;max-width:920px;width:90vw;max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.close{position:absolute;right:14px;top:12px;z-index:2;width:36px;height:36px;background:var(--paper);border-radius:50%;font-size:26px}.detail{display:grid;grid-template-columns:1fr 1fr}.detail>img{height:650px;max-height:80dvh}.detail-copy{padding:60px 35px 30px}.detail h2{font-size:37px;margin-bottom:20px}.detail-copy>p{font-size:13px;line-height:1.7}.detail-copy .eyebrow{font-size:9px}#price{font-size:20px}fieldset{border:0;padding:0;margin:30px 0 15px}legend{font-size:11px;margin-bottom:15px}fieldset label{display:inline-block;position:relative;margin-right:6px}fieldset input{position:absolute;opacity:0;width:100%;height:100%;margin:0}fieldset span{display:inline-grid;place-items:center;width:42px;height:40px;border:1px solid #8886;pointer-events:none}fieldset input:checked+span{background:var(--ink);color:var(--paper)}fieldset input:focus-visible+span{outline:3px solid #2676de}.detail-copy .fine{font-size:10px;opacity:.65}.copy{width:100%;gap:10px;padding:16px 12px}.copy-status{font-size:11px!important;min-height:18px;margin-top:12px}.favorite{margin:0}.steps{margin-top:30px;display:flex;justify-content:space-between;border-top:1px solid #8885;padding-top:15px;font-size:11px}
body[data-store=urbana]{--paper:#e9e9df;--ink:#171a15;--accent:#d5ff3f}body[data-store=urbana] .brand{font-size:44px;font-weight:900}body[data-store=urbana] h1{font-weight:900;font-size:clamp(85px,10vw,160px);line-height:.85;letter-spacing:-.08em}body[data-store=urbana] .hero{background:var(--ink);color:var(--paper);padding-top:40px}body[data-store=urbana] .hero-copy{z-index:1}body[data-store=urbana] .hero .cta{background:var(--accent);color:var(--ink)}body[data-store=urbana] .hero-image{height:620px;transform:rotate(2deg);margin:10px 15px 15px -65px}body[data-store=urbana] .hero h1{color:var(--accent)}body[data-store=urbana] h2{font-weight:800;letter-spacing:-.06em;text-transform:uppercase}body[data-store=urbana] .product-image{height:380px}body[data-store=urbana] .ticker-track{font-weight:900}body[data-store=urbana] .hero-foot{position:relative}
body[data-store=essencial] h1,body[data-store=essencial] h2,body[data-store=essencial] .brand{font-family:Georgia,'Times New Roman',serif}body[data-store=essencial] .brand{font-weight:400;font-size:36px}body[data-store=essencial] .hero-image{border-radius:45% 45% 0 0;height:600px}body[data-store=essencial] .hero{padding-bottom:12px}body[data-store=essencial] .hero h1{font-size:clamp(54px,6vw,94px);letter-spacing:-.055em}
body[data-store=atelier]{--paper:#f5f1ed;--ink:#432b35;--accent:#d9c3c4}body[data-store=atelier] .brand{font-weight:400;letter-spacing:.14em;font-size:22px}body[data-store=atelier] h1,body[data-store=atelier] h2{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.055em}body[data-store=atelier] .hero{grid-template-columns:1.15fr 1fr;padding-top:65px;gap:0}body[data-store=atelier] .hero-copy{padding-right:0;z-index:1}body[data-store=atelier] h1{font-size:clamp(70px,8vw,125px);line-height:.95}body[data-store=atelier] .hero-image{height:650px;margin-right:10%;margin-top:55px}body[data-store=atelier] .hero-image img{filter:saturate(.6)}body[data-store=atelier] .ticker{background:var(--ink);color:var(--paper)}body[data-store=atelier] .pause{background:var(--ink)}body[data-store=atelier] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px;margin:0 8%}body[data-store=atelier] .card:nth-child(even){padding-top:85px}body[data-store=atelier] .product-image{height:540px}body[data-store=atelier] .story{background:var(--ink);color:var(--paper)}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero,.collection{padding-left:max(4%,calc((100vw - 1500px)/2));padding-right:max(4%,calc((100vw - 1500px)/2))}}
@media(max-width:950px){h1{font-size:65px}.hero-image{height:520px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.story{padding:50px 5%;gap:7%}.product-image{height:420px}.demo span{display:none}body[data-store=urbana] h1{font-size:110px}body[data-store=urbana] .hero-image{height:540px;margin-left:-60px}body[data-store=atelier] h1{font-size:85px}body[data-store=atelier] .hero-image{height:560px;margin-right:0}body[data-store=atelier] .product-image{height:430px}.section-head h2{font-size:38px}}
@media(max-width:600px){header{gap:10px;padding:20px 0}nav{gap:16px;font-size:10px}nav a:nth-child(2){display:none}.brand{font-size:27px}body[data-store=urbana] .brand{font-size:34px}body[data-store=atelier] .brand{font-size:15px;letter-spacing:.08em}body[data-store=essencial] .brand{font-size:29px}.saved{font-size:10px}.saved span{margin-left:3px;width:20px;height:20px}.demo{font-size:8px;letter-spacing:.02em;padding:10px 4%}.hero,body[data-store=atelier] .hero{grid-template-columns:1fr;padding:38px 5% 0;gap:20px}.hero-copy{padding:0}.eyebrow{font-size:9px;margin-bottom:22px}.intro{font-size:13px;max-width:290px}h1,body[data-store=essencial] .hero h1{font-size:58px}.cta{margin-top:12px;padding:15px 20px}.hero-image,body[data-store=essencial] .hero-image{height:420px;width:100%;margin:10px 0 0}.hero-foot{font-size:9px;padding-bottom:22px;gap:15px}body[data-store=urbana] h1{font-size:100px}body[data-store=urbana] .hero-image{height:420px;margin:15px 5px 5px;width:95%;transform:rotate(2deg)}body[data-store=atelier] .hero-image{height:460px;margin:0 0 0 10%;width:90%}body[data-store=atelier] h1{font-size:76px}.hero-copy .eyebrow{margin-bottom:25px}.ticker{padding:17px 0}.ticker-track{font-size:12px}.collection{padding:65px 5%}.section-head{align-items:start;gap:15px}.section-head h2{font-size:31px;max-width:260px}.section-head>span{padding-top:4px;font-size:9px}.tools{display:block}.filters{gap:2px}.filters button{font-size:10px;padding:9px 11px}.search{display:flex;align-items:center;margin-top:15px}.search input{flex:1;width:auto}.grid,body[data-store=atelier] .grid{gap:25px 12px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}.product-image,body[data-store=urbana] .product-image,body[data-store=atelier] .product-image{height:260px}.product-info{display:block;padding-top:12px}.product-info>span{display:block;padding-top:0}.product-info h3{font-size:12px}.view{display:none}body[data-store=atelier] .card:nth-child(even){padding-top:40px}.story{grid-template-columns:1fr;padding:40px 5%;gap:35px}.story>img{height:390px}.story>div{padding:0 10px 20px}.story h2{font-size:38px}.contact{padding:75px 7%}.contact h2{font-size:44px}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%;font-size:9px}.detail{grid-template-columns:1fr}.detail>img{height:350px;max-height:none}.detail-copy{padding:30px 24px}.detail h2{font-size:31px}dialog{width:94vw;max-height:92dvh}.close{position:fixed;right:7vw;top:7dvh}.detail .cta{padding:15px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ticker-track{transform:none}.pause{display:none}}