@font-face{font-family:Atelier Display;src:url('/assets/fonts/cormorant-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Atelier Sans;src:url('/assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Atelier Sans;src:url('/assets/fonts/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
body.storefront{--serif:'Atelier Display',Georgia,serif;--paper:#fbfaf7;--ink:#282523;--muted:#756e68;--line:#e4dfd7;font-family:'Atelier Sans','Microsoft YaHei',sans-serif;background:var(--paper)}
.storefront ::selection{background:#dfcdbd;color:#282523}
.storefront .store-header{background:#fbfaf7ed;padding:22px 5%;transition:box-shadow .35s,padding .35s}
.storefront.is-scrolled .store-header{box-shadow:0 8px 30px #2825230a;padding-top:14px;padding-bottom:14px}
.storefront .wordmark{font-size:30px;letter-spacing:4px}.storefront .wordmark small{font-family:'Atelier Sans',sans-serif;font-size:7px;letter-spacing:3.5px}
.storefront .announcement{font-size:9px;letter-spacing:2.4px;padding:12px}.storefront .testbar{background:#f0ece6;color:#746a60;font-size:9px}
.storefront .hero{margin:22px 24px 0;grid-template-columns:1.05fr 1fr;min-height:620px;background:#eee8df}
.storefront .hero-copy{position:relative;background:radial-gradient(ellipse at top left,#fbf8f1,transparent 75%),#eee8df;padding:70px 11% 30px}
.storefront .hero .eyebrow{font-size:9px;letter-spacing:3px;display:flex;align-items:center;gap:14px}.storefront .hero .eyebrow:before{content:'';width:30px;height:1px;background:currentColor}
.storefront .hero h1{font-size:clamp(58px,6.3vw,100px);line-height:.98;letter-spacing:-2.8px;margin:20px 0 30px;font-weight:400}
.storefront .hero p{font-size:13px;line-height:1.95;max-width:300px}.storefront .hero-art{border-radius:0;isolation:isolate}.storefront .hero-art:after{content:'';position:absolute;inset:18px;border:1px solid #fff6;pointer-events:none}
.storefront .hero-art img{animation:campaign-arrive 1.6s cubic-bezier(.2,.7,.2,1) both}.storefront .art-label{left:40px;bottom:38px}.storefront .art-label em{font-size:56px}.storefront .image-note{right:32px;top:32px;font-size:7px}
.storefront .hero-caption{font-size:7px;letter-spacing:1.8px;border-top:1px solid #d7ccbf;margin-top:50px;padding-top:22px}.storefront .button{font-size:10px;letter-spacing:.8px;padding:18px 24px;transition:background .25s,box-shadow .25s,transform .25s}.storefront .button span{transition:transform .3s}.storefront .button:hover{filter:none;box-shadow:0 8px 20px #28252318;transform:translateY(-2px)}.storefront .button:hover span{transform:translate(3px,-3px)}
.storefront .editorial-strip{margin:0 5%;padding:32px 0;font-size:9px;letter-spacing:2.5px}.storefront .editorial-strip span:first-child{font-size:25px}.storefront .editorial-strip i{color:#9f8874}
.storefront .texture-edit{padding:70px 5% 55px;gap:55px;border-bottom:1px solid var(--line)}.storefront .texture-edit h2{font-size:43px;line-height:1.05}.storefront .eyebrow{font-size:9px;letter-spacing:2.6px}.storefront .texture-cards img{max-width:145px;border:0;border-radius:50% 50% 5% 5%;filter:saturate(.85);transition:transform .6s,border-radius .6s,box-shadow .6s}.storefront .texture-cards a:hover img{transform:translateY(-7px);border-radius:45%;box-shadow:0 12px 30px #28252315}.storefront .texture-cards a{font-size:12px}.storefront .texture-cards small{font-size:9px;letter-spacing:1px}
.storefront .collection{padding:85px 5% 95px}.storefront .section-heading h2{font-size:clamp(40px,4.2vw,62px);line-height:1.05}.storefront .chip{border-radius:0;border-color:transparent;border-bottom-color:var(--line);padding:12px 19px;transition:color .2s,background .2s}.storefront .chip:hover{border-color:#a99887}.storefront .collection-tools{padding:12px 0}.storefront .collection-tools select{border:0}.storefront .product-grid{gap:26px}.storefront .product-image{border-radius:0}.storefront .product-image img{transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .6s}.storefront .product-image:hover img{transform:scale(1.065);filter:saturate(1.08)}.storefront .product-info h3{font-size:25px;line-height:1.1}.storefront .product-info>span{font-size:12px}.storefront .product-tag{font-size:8px;letter-spacing:1px;background:#fbfaf7e8;padding:9px 12px}.storefront .product-arrow{width:38px;height:38px;transition:transform .3s,background .3s,color .3s}.storefront .product-image:hover .product-arrow{transform:rotate(45deg);background:var(--accent);color:white}.storefront .product .text-button{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 5px;letter-spacing:1px;font-size:9px}.storefront .product-colors a{transition:transform .25s}.storefront .product-colors a:hover{transform:translateY(-3px)}
.storefront .guide{position:relative;overflow:hidden;background:#302b28;color:#f7f1e9;padding:90px 20px}.storefront .guide:before,.storefront .guide:after{content:'';position:absolute;width:330px;height:440px;border:1px solid #b59b7b30;border-radius:50%;top:50%;left:-150px;transform:translateY(-50%) rotate(25deg);pointer-events:none}.storefront .guide:after{left:auto;right:-150px;transform:translateY(-50%) rotate(-25deg)}.storefront .guide h2{font-size:clamp(48px,5vw,76px);line-height:1}.storefront .guide p{color:#c4b8ad;line-height:1.9}.storefront .guide .eyebrow{color:#cbb49a}.storefront footer{padding-top:75px;padding-bottom:55px}
.storefront .mega[open] .mega-panel{animation:menu-arrive .3s ease both;background:#fbfaf7;box-shadow:0 24px 40px #28252315}.storefront .mega-panel h2{font-size:43px}.storefront .mega-links>a{transition:padding .25s,background .25s}.storefront .mega-links>a:hover{padding-left:18px}.storefront .store-header nav>a{position:relative}.storefront .store-header nav>a:after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.storefront .store-header nav>a:hover:after{transform:scaleX(1)}
.storefront dialog[open]{animation:menu-arrive .3s ease}.storefront .reveal-enter{animation:editorial-arrive .85s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes editorial-arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes campaign-arrive{from{opacity:.5;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}@keyframes menu-arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.storefront .hero{min-height:690px}.storefront .hero-copy{padding-top:90px}}
@media(max-width:1000px){.storefront .hero{min-height:540px;margin:14px 14px 0}.storefront .hero-copy{padding:50px 8% 25px}.storefront .hero h1{font-size:65px}.storefront .texture-edit{gap:30px}.storefront .product-info h3{font-size:23px}.storefront .product-grid{gap:18px}}
@media(max-width:700px){.storefront .store-header,.storefront.is-scrolled .store-header{padding:16px 5% 10px}.storefront .wordmark{font-size:24px}.storefront .hero{margin:10px 10px 0;grid-template-columns:1fr}.storefront .hero-copy{padding:42px 7% 25px}.storefront .hero h1{font-size:62px;letter-spacing:-1.8px;max-width:420px;margin:10px 0 22px}.storefront .hero p{font-size:12px}.storefront .hero-caption{margin-top:32px;padding-top:18px}.storefront .hero-art{min-height:380px}.storefront .art-label em{font-size:46px}.storefront .editorial-strip{font-size:7px;padding:23px 0;letter-spacing:1.4px}.storefront .texture-edit{padding:42px 5%;gap:24px}.storefront .texture-edit h2{font-size:36px}.storefront .texture-cards a{font-size:10px}.storefront .texture-cards small{font-size:8px;letter-spacing:0}.storefront .collection{padding:50px 5%}.storefront .section-heading h2{font-size:42px}.storefront .product-grid{gap:30px 14px}.storefront .product-info h3{font-size:23px}.storefront .product-tag{padding:6px;font-size:7px}.storefront .chip{padding:10px 12px}.storefront .guide{padding:65px 20px}.storefront .guide h2{font-size:53px}.storefront .guide:before{left:-250px}.storefront .guide:after{right:-250px}.storefront .mega-panel h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.storefront *,.storefront *:before,.storefront *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:701px) and (max-width:1100px){.storefront .store-header{flex-wrap:wrap;gap:18px}.storefront .wordmark{white-space:nowrap}.storefront .store-header nav{order:3;width:100%;justify-content:center;gap:35px;border-top:1px solid var(--line);padding-top:6px}.storefront .header-actions{margin-left:auto}.storefront .mega>summary{font-size:11px}.storefront .store-header nav>a{font-size:11px}}
.storefront .collection-tools{flex-wrap:wrap}.storefront .store-header nav{gap:20px}.storefront .texture-cards{grid-template-columns:repeat(auto-fit,minmax(75px,1fr))}
@media(max-width:700px){.storefront .store-header nav{gap:6px;flex-wrap:wrap;justify-content:center}.storefront .store-header nav>a,.storefront .mega>summary{font-size:9px}.storefront .collection-tools>.text-button{grid-column:auto;align-self:end;min-height:40px}}
.storefront .collection-intro{padding:30px 5% 48px;background:linear-gradient(115deg,#f4efe7,#e8ddd0);border-bottom:1px solid var(--line)}.storefront .breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;letter-spacing:.4px;margin-bottom:44px;color:var(--muted)}.storefront .breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.storefront .collection-intro h1{font-size:clamp(48px,5.5vw,80px);margin:0 0 18px;line-height:1}.storefront .collection-intro p{font-size:12px;max-width:480px;color:#6c6057;margin:0;line-height:1.9}.storefront .collection-intro+.collection{padding-top:42px}.storefront .collection-intro+.collection .section-heading h2{font-size:36px}.storefront .collection-tools select:disabled{opacity:1;color:var(--ink);cursor:default}.storefront .collection-intro+.collection .section-heading .eyebrow{display:none}
@media(max-width:700px){.storefront .collection-intro{padding:25px 5% 35px}.storefront .breadcrumbs{margin-bottom:30px}.storefront .collection-intro+.collection .section-heading h2{font-size:32px}}
/* Brand-derived surfaces keep header, campaign, collection and footer in one palette. */
.storefront{--paper:var(--theme-soft)}.storefront .announcement,.storefront .button,.storefront .product .text-button:hover,.storefront .product-image:hover .product-arrow{color:var(--on-accent)}.storefront .hero,.storefront .hero-copy{background:linear-gradient(120deg,var(--theme-soft),var(--theme-mid))}.storefront .hero-caption{border-color:var(--theme-muted)}.storefront .collection-intro{background:linear-gradient(115deg,var(--theme-soft),var(--theme-mid))}.storefront .guide,.storefront footer{background:var(--theme-dark);color:#fff}.storefront .guide p,.storefront footer p,.storefront footer .muted,.storefront .guide .eyebrow{color:var(--theme-muted)}.storefront .guide:before,.storefront .guide:after{border-color:var(--theme-muted);opacity:.25}.storefront footer{border-top:1px solid #ffffff20}.storefront .store-header,.storefront .mega[open] .mega-panel{background:var(--theme-soft)}.storefront .mega-links>a:hover{background:var(--theme-mid)}.storefront .density-edit{margin:55px 5% 0;padding:40px;background:var(--theme-dark);color:white;display:grid;grid-template-columns:1.4fr 1fr;gap:30px}.density-edit h2{font-size:44px;margin-bottom:15px}.density-edit p{font-size:12px;color:var(--theme-muted)}.density-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.density-links a{padding:17px 12px;border:1px solid #ffffff40;font-size:11px;transition:background .2s}.density-links a:hover{background:#ffffff18}.title-style-row{display:grid;grid-template-columns:2fr auto auto 1.5fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.title-style-row input[type=checkbox]{width:auto;display:inline-block;margin-right:8px}.title-preview{padding:20px;margin:20px 0;border:1px dashed var(--line);font-size:25px}.variant-row{grid-template-columns:2fr 1fr 1fr 1fr auto}.storefront .product-info h3 span,.storefront .product-detail h1 span{font-synthesis:weight style}
@media(max-width:700px){.storefront .density-edit{grid-template-columns:1fr;padding:25px;margin-top:35px}.density-edit h2{font-size:36px}.title-style-row{grid-template-columns:1fr 1fr}.title-style-row>label:first-child{grid-column:1/-1}.variant-row{grid-template-columns:1fr 1fr}.variant-row .text-button{grid-column:1/-1}}
.storefront .notice,.storefront .summary{background:var(--theme-mid);color:var(--ink);border-color:var(--accent)}.storefront .testbar{background:var(--theme-mid);color:var(--ink)}.storefront .announcement{color:var(--on-accent,#181818)}
