:root{--paper:#f7f1e6;--ink:#333d25;--muted:#83795f;--line:#e3d9c5;--sage:#6b704b;--lime:#e9dcc1}
.shop-topbar{min-height:33px;background:#f5e9d5;color:#78674e;border-bottom:1px solid #dac5a640;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 4%;font-size:10px}.topbar-account,.topbar-service{display:flex;align-items:center;gap:15px}.shop-topbar button,.shop-topbar a{display:flex;align-items:center;gap:5px;padding:0;color:inherit;text-decoration:none;font-size:inherit}.shop-topbar button:hover,.shop-topbar a:hover{color:#a24715}.shop-topbar svg{height:13px;width:13px}.shop-topbar .language-button{font-size:9px;margin-left:auto;margin-right:auto}.topbar-service{gap:20px}.topbar-service a{white-space:nowrap}.commerce-footer{background:#efe2ca;border-top:1px solid #d9c5a7;padding:44px 4% 45px;color:#71634d}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;max-width:1420px;margin:auto}.footer-columns section{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-columns h2{font-size:13px;font-weight:600;color:#504b31;margin:0 0 8px}.footer-columns section>button{font-size:11px;padding:0;line-height:1.6;text-align:left;color:#8c7b60}.footer-columns button:hover{color:#a24715}.footer-social{display:flex;gap:14px;margin:0 0 7px}.footer-social button{width:32px;height:32px;border:1px solid #c7ae8870;border-radius:50%;display:grid;place-items:center;color:#8b633d}.footer-social strong{font-family:Arial,sans-serif;font-size:23px}.footer-social svg{width:17px;height:17px}.footer-phone{font-size:13px;color:#8b633d;text-decoration:none}.footer-columns p{font-size:10px;line-height:1.8;max-width:200px;margin:0;color:#9a896c}.warm-home .home-screen{min-height:calc(100svh - 113px)}.site-footer{border-top:1px solid #d9c5a7}.in-studio .studio-layout{height:calc(100svh - 227px)}@media(max-width:1000px){.shop-topbar{gap:10px;font-size:9px}.topbar-service{gap:12px}.topbar-account{gap:9px}.footer-columns{gap:25px}.in-studio .studio-layout{height:auto}}@media(max-width:760px){.shop-topbar{padding:8px 20px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:9px}.shop-topbar .language-button{margin:0;justify-self:end}.topbar-account{gap:14px}.topbar-service{grid-column:1/-1;justify-content:space-between;gap:12px;font-size:8px;line-height:1.6}.topbar-service button{text-align:left;max-width:245px}.topbar-service a{font-size:9px}.topbar-service svg{display:none}.commerce-footer{padding:32px 23px}.footer-columns{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-columns h2{font-size:12px}.footer-columns section>button{font-size:10px}.warm-home .home-screen{min-height:calc(100svh - 131px)}.in-studio .studio-layout{height:calc(100svh - 268px)}}
body.warm-home{background:#f2e5cc}.site-header{background:#f8efdf;border-bottom:1px solid #ad89511a;height:80px;padding:0 4%;gap:20px}.site-header .brand{font-size:24px;letter-spacing:-1px}.site-header .brand>.brand-mark{display:none}.site-header .brand-ai{color:#a24715;font-weight:700}.site-header .desktop-nav{margin-left:0;gap:28px}.site-header .nav-link{color:#5e6247;font-size:13px}.site-header .nav-link.active:after{background:#a24715}.site-header .header-cta{background:#a24715;border-radius:20px;font-size:12px;padding:11px 17px}.site-header .header-cta:hover{background:#833b13}.site-header .saved-nav,.site-header .language-button,.site-header .bag-button{color:#68654d}.site-header .header-actions{gap:18px}.warm-home .home-screen{min-height:calc(100svh - 128px);padding:58px 24px 23px}.warm-home .hero-atmosphere{background:#f0e2c9 url('assets/warm-atelier.png') center center/cover no-repeat}.warm-home .hero-atmosphere:after{background:linear-gradient(90deg,transparent 15%,#fff9ed0a 30%,#fff9ed0a 70%,transparent 85%);opacity:1}.warm-home .hero-content{max-width:690px}.warm-home .hero-content>.eyebrow,.warm-home .hero-subtitle,.warm-home .try-label,.warm-home .hero-bottom-line{display:none}.warm-home h1{font-size:72px;line-height:1.04;letter-spacing:-2.1px;margin:2px 0 31px;color:#343e24;text-shadow:0 1px 12px #fff9e92b}.warm-home h1 em{font-style:normal;color:#a24715}.warm-home h1:after{content:'';width:38px;height:1px;display:block;margin:20px auto 0;background:#b67b43}.warm-home .hero-composer{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;background:#fffcf4f5;border:1px solid #fff5e3;border-radius:16px;padding:17px 18px 17px 24px;box-shadow:0 9px 30px #6a442427}.warm-home .hero-composer:focus-within{border-color:#c39a6f;box-shadow:0 0 0 3px #b9813820,0 9px 30px #6a442420}.warm-home .hero-composer textarea{font-size:15px;min-height:42px;height:42px;line-height:1.6;padding:8px 0;color:#4b4d36}.warm-home .hero-composer textarea::placeholder{color:#8c8370}.warm-home .composer-toolbar{display:contents}.warm-home .composer-left{display:none}.warm-home .create-button{width:44px;height:44px;border-radius:50%;background:#a24715;padding:0;display:flex;justify-content:center;align-items:center}.warm-home .create-button>span:first-child{display:none}.warm-home .create-button svg{width:20px;height:20px;transform:rotate(90deg)}.warm-home .create-button:hover{background:#84390f}.warm-home .upload-preview{grid-column:1/-1;border-color:#e5d5bd;margin:0 0 4px;padding-bottom:10px}.warm-home .starter-grid{margin-top:19px;gap:12px}.warm-home .starter-card{background:#fffaf0e6;border:1px solid #f6ecda;border-radius:10px;padding:17px 17px 18px;min-height:112px;box-shadow:0 4px 18px #7854350b}.warm-home .starter-card:hover{background:#fffdf7;border-color:#caa77c;box-shadow:0 8px 25px #79533015;transform:translateY(-2px)}.warm-home .starter-card strong{font-size:13px;font-weight:500;color:#444a2f}.warm-home .starter-card>span{font-size:10px;color:#8d8069}.warm-home .starter-top{color:#a25124;margin-bottom:6px}.warm-home .starter-top>span:last-child{color:#8a8066}.warm-home .hero-edge{font-size:8px;color:#8e7657;letter-spacing:1.6px;padding-top:90px}.warm-home .small-mark{color:#a46c3c}.atelier-note{position:absolute;top:53px;z-index:1;font-size:9px;line-height:1.7;letter-spacing:2px;color:#827451}.atelier-note-left{left:8%}.atelier-note-right{right:8%;color:#a35d2d}.atelier-note span{display:block;width:30px;height:1px;background:#ad703c;margin-top:16px}.site-footer{background:#f7efdf;border-color:#d8c3a3;color:#978364}.prototype-note{color:#978364}.cart-count{background:#a24715}.site-footer .tiny-dot{background:#a47e4b}
@media(min-width:1600px){.warm-home .home-screen{padding-top:85px}.warm-home h1{font-size:88px;margin-bottom:37px}.warm-home .hero-content{max-width:780px}.warm-home .hero-composer{padding:20px 22px 20px 28px}.warm-home .starter-card{min-height:125px;padding:20px}.warm-home .starter-card strong{font-size:14px}.warm-home .starter-card>span{font-size:11px}.atelier-note{top:82px}}
@media(max-width:1150px){.warm-home .home-screen{padding-top:61px}.warm-home .hero-content{max-width:620px}.warm-home h1{font-size:65px}.atelier-note-left{left:5%}.atelier-note-right{right:5%}.atelier-note{font-size:7px;letter-spacing:1.4px}.site-header .header-actions{gap:13px}.site-header .brand{font-size:21px}.site-header .desktop-nav{gap:20px}}
@media(max-width:1000px){.warm-home .hero-atmosphere:after{background:linear-gradient(90deg,#faf0dd0a,#faf0dd88 29%,#faf0dd88 71%,#faf0dd0a)}.atelier-note{display:none}.warm-home .hero-content{max-width:590px}.warm-home h1{font-size:62px}.warm-home .home-screen{min-height:calc(100svh - 128px)}}
@media(max-width:760px){.site-header{height:68px;padding:0 22px;background:#f8efdf}.site-header .brand{font-size:21px}.site-header .header-actions{gap:13px}.warm-home .home-screen{padding:55px 22px 22px;min-height:calc(100svh - 110px)}.warm-home .hero-atmosphere{background-position:47% center;background-size:auto 100%}.warm-home .hero-atmosphere:after{background:linear-gradient(90deg,#f8edda6b,#faf0dfb8 25%,#faf0dfb8 75%,#f8edda6b)}.warm-home .hero-content{max-width:500px}.warm-home h1{font-size:clamp(42px,12.4vw,65px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 34px}.warm-home h1:after{margin-top:22px;width:30px}.warm-home .hero-composer{grid-template-columns:minmax(0,1fr) 40px;padding:15px 13px 15px 18px;gap:8px;border-radius:13px}.warm-home .hero-composer textarea{font-size:16px;min-height:40px;height:40px;padding:6px 0}.warm-home .create-button{width:40px;height:40px}.warm-home .starter-grid{gap:8px;margin-top:15px}.warm-home .starter-card{padding:13px 10px;min-height:125px;border-radius:8px}.warm-home .starter-card strong{font-size:11px;line-height:1.6}.warm-home .starter-card>span{font-size:9px;line-height:1.7}.warm-home .starter-top{margin-bottom:8px}.warm-home .hero-edge{padding-top:110px;font-size:6px;letter-spacing:1px}.site-footer{background:#f7efdf}}
@media(max-width:370px){.site-header{padding:0 16px}.site-header .brand{font-size:19px}.site-header .header-actions{gap:9px}.warm-home .home-screen{padding-left:16px;padding-right:16px}.warm-home .starter-card{padding:12px 8px}.warm-home .starter-card strong{font-size:10px}.warm-home .starter-card>span{font-size:8px}}

.atelier-promise{display:none}.warm-home .atelier-promise{display:block;text-align:center;font-size:12px;line-height:1.8;color:#827354;margin:0 0 22px}.warm-home h1{margin-bottom:20px}@media(max-width:760px){.warm-home .atelier-promise{font-size:11px;max-width:290px;margin-bottom:22px}.warm-home h1{margin-bottom:20px}}
.shop-topbar{min-height:46px;padding-top:11px;padding-bottom:11px;font-size:12px;line-height:1.6}.shop-topbar .language-button{font-size:11px}.shop-topbar svg{width:15px;height:15px}.topbar-service{gap:18px}.topbar-service a{font-size:12px}.in-studio .studio-layout{height:calc(100svh - 240px)}.workshop-screen{max-width:1360px;margin:0 auto;padding:58px 48px 75px}.workshop-intro{text-align:center;margin-bottom:47px}.workshop-intro .eyebrow{justify-content:center;color:#a16c40;font-size:10px;letter-spacing:1.8px}.workshop-intro h1{font-size:58px;line-height:1.12;letter-spacing:-1.7px;margin:19px 0 20px;font-weight:400;color:#454c31}.workshop-intro>p{font-size:13px;line-height:1.9;color:#948166;max-width:550px;margin:auto}.workshop-story{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.workshop-story figure{margin:0;min-width:0}.workshop-story figure img{display:block;width:100%;height:560px;object-fit:cover;object-position:45% center;border-radius:7px;filter:saturate(.79)}.workshop-story figcaption{font-size:9px;line-height:1.7;color:#aa987d;margin-top:10px}.workshop-copy .eyebrow{font-size:8px;letter-spacing:1.6px;color:#a57246}.workshop-copy h2{font:400 49px/1.08 var(--serif);letter-spacing:-1.1px;margin:17px 0 25px;color:#4b4e30}.workshop-copy>p{font-size:13px;line-height:1.95;margin:0 0 17px;color:#88785e}.workshop-copy .workshop-signature{font:italic 24px/1.5 var(--serif);color:#966038;margin:25px 0 22px}.workshop-cta{display:inline-flex;align-items:center;gap:24px;border-radius:22px;background:#a24715;color:#fff8ed;padding:13px 20px;font-size:11px}.workshop-cta:hover{background:#843b15;transform:translateY(-1px)}.workshop-cta svg{width:15px;height:15px}@media(max-width:1100px){.shop-topbar{font-size:10px}.topbar-service{gap:12px}.topbar-service a{font-size:11px}.workshop-screen{padding:45px 30px 55px}.workshop-story{gap:35px}.workshop-story figure img{height:540px}.workshop-copy h2{font-size:43px}.workshop-copy>p{font-size:12px}}@media(max-width:1000px){.in-studio .studio-layout{height:auto}}@media(max-width:760px){.shop-topbar{font-size:11px;padding:10px 20px;gap:9px}.shop-topbar .language-button{font-size:11px}.topbar-service{font-size:10px;gap:12px}.topbar-service a{font-size:10px}.topbar-service button{max-width:240px}.workshop-screen{padding:37px 23px 45px}.workshop-intro{margin-bottom:29px}.workshop-intro h1{font-size:39px;letter-spacing:-1px;line-height:1.16;white-space:normal;margin:18px 0}.workshop-intro>p{font-size:12px}.workshop-story{grid-template-columns:1fr;gap:29px}.workshop-story figure img{height:320px;object-position:center;border-radius:6px}.workshop-copy .eyebrow{font-size:8px}.workshop-copy h2{font-size:42px}.workshop-copy>p{font-size:13px;line-height:1.95}.workshop-copy .workshop-signature{font-size:23px}.workshop-cta{font-size:12px}.in-studio .studio-layout{height:calc(100svh - 281px)}}

.workshop-story figure img{filter:saturate(.85);object-position:56% center}

.workshop-screen{padding-top:43px}.workshop-intro{margin-bottom:35px}.workshop-intro h1{font-size:49px}.workshop-story figure img{height:490px}.workshop-copy>p{font-size:14px;line-height:1.95}.workshop-copy h2{font-size:47px}.workshop-copy .workshop-signature{font-size:23px}@media(max-width:760px){.workshop-screen{padding-top:32px}.workshop-intro h1{font-size:37px}.workshop-story figure img{height:300px}.workshop-copy>p{font-size:13px}.workshop-copy h2{font-size:40px}}

/* Keep the shop shell and atelier content on the same page guides. */
html{scrollbar-gutter:stable}
.workshop-screen{max-width:none;padding-left:4%;padding-right:4%}
@media(max-width:760px){.workshop-screen{padding-left:22px;padding-right:22px}}
@media(max-width:370px){.workshop-screen{padding-left:16px;padding-right:16px}}

/* Stronger navigation hierarchy, with Studio as a dedicated button. */
.site-header .nav-link{font-size:14px;font-weight:600;color:#53513e}
.site-header .desktop-nav .studio-nav{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #d3af87;border-radius:22px;background:#f1dfc7;color:#8c471f;font-size:14px;font-weight:650;line-height:1.3}
.site-header .studio-nav>span[data-icon] svg{width:16px;height:16px}
.site-header .desktop-nav .studio-nav:after{display:none}
.site-header .desktop-nav .studio-nav:hover,.site-header .desktop-nav .studio-nav.active{background:#a24715;border-color:#a24715;color:#fff8ee;box-shadow:0 3px 8px #a2471515}
.site-header .saved-nav{font-size:12px;font-weight:550}
.site-header .header-cta{font-weight:600}
.shop-topbar .topbar-account button{font-weight:500}
.menu-items button{font-weight:600}
.menu-items [data-action="studio"]{border:1px solid #d3af87;border-radius:9px;background:#f1dfc7;color:#8c471f;padding:14px 15px;font-weight:650;margin-bottom:7px}
.menu-items [data-action="studio"]:hover{background:#a24715;color:#fff8ee}
@media(max-width:1150px){.site-header .nav-link,.site-header .desktop-nav .studio-nav{font-size:13px}.site-header .desktop-nav .studio-nav{padding:10px 13px}.site-header .desktop-nav{gap:18px}}