:root{--ink:#28252d;--ink-soft:#514b58;--muted:#7e7784;--paper:#f8f6f2;--surface:#fffefa;--cream:#f0ece5;--line:#e6e1e9;--accent:#8c6ab0;--accent-dark:#71508f;--accent-soft:#f0eaf6;--accent-pale:#f7f2fa;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow:0 16px 44px #382b4610}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.site-header{min-height:78px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#f8f6f2f2;border-bottom:1px solid #e6e1e9aa;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}
.brand{text-decoration:none;white-space:nowrap}
.wordmark{font:600 27px var(--serif);letter-spacing:-.06em;color:var(--ink)}
.wordmark span{color:var(--accent)}
.brand small{display:block;margin-top:2px;font:600 8px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.site-nav{display:flex;align-items:center;gap:3px;padding:6px;border-radius:999px;background:#bd79c9;font-size:12px;color:#241c29;white-space:nowrap}
.site-nav a{text-decoration:none;padding:12px 13px;border-radius:999px;font-weight:700;transition:color .2s ease,background .2s ease}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{color:#241c29;background:#ffffff62;outline:none}
.site-nav .nav-cart{display:inline-flex;align-items:center;gap:7px}
.nav-count{min-width:19px;height:19px;display:inline-grid;place-items:center;padding:0 5px;border-radius:99px;background:#fffefa;color:var(--accent-dark);font-size:10px;font-weight:700}
.site-nav .nav-support{background:#fffefa;color:var(--accent-dark)}
.site-nav .nav-support:hover{background:#f7f2fa}
.whatsapp-link{border:1px solid #ded3e9;border-radius:999px;padding:10px 14px;text-decoration:none;color:var(--accent-dark);font-size:11px;font-weight:600;transition:background .2s ease,transform .2s ease}
.whatsapp-link:hover{background:var(--accent-soft);transform:translateY(-1px)}
.whatsapp-link span{padding-left:5px}
.products-shortcut{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid var(--accent-dark);border-radius:999px;background:var(--accent-dark);color:white;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.products-shortcut:hover{background:#5e407b;box-shadow:0 7px 18px #73558d26;transform:translateY(-1px)}
.products-shortcut span{font-size:14px}
.hero{min-height:510px;padding:64px max(8.5vw,28px) 70px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:8vw;background:linear-gradient(110deg,#f1efe8 0%,#f6f2f4 53%,#ebe7ef 100%);overflow:hidden}
.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700;color:var(--accent-dark)}
.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}
h1{font:500 clamp(43px,5.1vw,68px)/1.07 var(--serif);letter-spacing:-.04em;margin:22px 0 20px;max-width:640px}
h1 em{font-weight:500;color:var(--accent-dark)}
.hero-copy>p{color:var(--muted);max-width:455px;line-height:1.8;font-size:14px}
.hero-actions{display:flex;align-items:center;gap:19px;margin-top:30px}
.primary-link,.button-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;background:var(--accent-dark);color:#fff;text-decoration:none;padding:14px 18px;border:1px solid var(--accent-dark);font-size:12px;font-weight:600;letter-spacing:.025em;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.primary-link:hover,.button-primary:hover{transform:translateY(-2px);background:#5e407b;box-shadow:0 8px 20px #73558d26}
.text-link{font-size:12px;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid #c3b5cf;padding:8px 0}
.hero-art{height:355px;position:relative;isolation:isolate;animation:rise-in .7s ease both}
.art-backdrop{position:absolute;inset:8px 12px 22px 20px;background:#d6d1d8;overflow:hidden;box-shadow:var(--shadow)}
.art-backdrop:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 22% 30%,#f2e9d6 0 11%,transparent 11.5%),radial-gradient(ellipse at 83% 77%,#9386a0 0 18%,transparent 18.5%),linear-gradient(132deg,#baad9f 0 31%,#ddd5cf 31.2% 57%,#9589a0 57.2% 79%,#c39893 79.2%);opacity:.96}
.art-backdrop:after{content:'';position:absolute;inset:-30%;background:repeating-linear-gradient(35deg,transparent 0 8px,#ffffff20 9px 10px,transparent 11px 18px);transform:rotate(-8deg)}
.fabric-ribbon{position:absolute;z-index:1;filter:drop-shadow(0 14px 14px #392a3c28)}
.ribbon-one{width:75%;height:58%;top:4%;left:10%;transform:rotate(-9deg);background:linear-gradient(118deg,#b2a187,#e1d7c3 25%,#b5a78f 47%,#e6decf 65%,#c1b49c);clip-path:polygon(8% 0,100% 12%,89% 100%,0 80%)}
.ribbon-two{width:70%;height:56%;bottom:1%;left:23%;transform:rotate(11deg);background:linear-gradient(110deg,#8b789c,#c8b8d1 22%,#927fa5 47%,#d6c9dd 70%,#83718f);clip-path:polygon(0 14%,91% 0,100% 78%,12% 100%)}
.art-caption{position:absolute;z-index:2;right:0;bottom:0;background:var(--surface);padding:16px 21px;box-shadow:var(--shadow);font:500 16px var(--serif)}
.art-caption span{display:block;margin-top:5px;color:var(--muted);font:10px var(--sans);letter-spacing:.12em;text-transform:uppercase}
.catalog-section,.products-section{padding:78px max(8.5vw,28px) 88px}
.products-section{background:#f1edf4}
.product-catalog{min-height:calc(100vh - 156px)}
.product-catalog .section-heading h1{font:500 clamp(34px,4vw,46px)/1.1 var(--serif);letter-spacing:-.035em;margin:12px 0 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}
.section-heading h2,.suggestion-copy h2{font:500 clamp(34px,4vw,46px)/1.1 var(--serif);letter-spacing:-.035em;margin:12px 0 0}
.section-count{color:var(--muted);font-size:12px;margin-bottom:6px;white-space:nowrap}
.section-intro{max-width:580px;margin:-11px 0 28px;color:var(--muted);font-size:13px;line-height:1.7}
.orders-page{min-height:calc(100vh - 165px);padding:68px max(8.5vw,28px) 80px;background:linear-gradient(145deg,#f9f7f4 0%,#f0eaf4 100%)}
.orders-hero{max-width:780px;margin:0 auto 34px;text-align:center}
.orders-hero .eyebrow{justify-content:center}
.orders-hero h1{margin:18px auto 14px;font-size:clamp(40px,5vw,60px)}
.orders-hero h1 em{font-weight:500;color:var(--accent-dark)}
.orders-hero>p{max-width:600px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.8}
.orders-panel{max-width:920px;margin:0 auto;padding:clamp(22px,4vw,40px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.orders-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}
.orders-heading h2{font:500 clamp(29px,3.4vw,38px)/1.1 var(--serif);letter-spacing:-.035em;margin:10px 0 0}
.refresh-orders{border:1px solid #d9cce5;border-radius:999px;background:transparent;color:var(--accent-dark);font-size:11px;font-weight:700;padding:10px 14px;transition:background .2s ease}
.refresh-orders:hover{background:var(--accent-soft)}
.refresh-orders:disabled{opacity:.6;cursor:wait}
.orders-help,.orders-privacy{color:var(--muted);font-size:12px;line-height:1.7}
.orders-help{margin:0 0 22px}
.order-lookup{padding:20px 0 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.order-lookup>label{display:block;margin-bottom:8px;color:var(--ink-soft);font-size:11px;font-weight:700}
.lookup-row{display:flex;gap:9px}
.lookup-row input{flex:1;min-width:0;border:1px solid #d8d0dd;background:#faf9f8;padding:13px 12px;color:var(--ink);font:12px var(--sans);outline:none}
.lookup-row input:focus{border-color:#a489bd;box-shadow:0 0 0 3px #9878b61a}
.lookup-row .button-primary{white-space:nowrap}
.order-lookup .form-status{margin-top:9px}
.orders-list{display:grid;gap:12px;margin-top:22px}
.orders-empty{padding:32px 20px;text-align:center;border:1px dashed #d9ccdf;background:#fbf9fc;color:var(--muted)}
.orders-empty strong{display:block;color:var(--ink-soft);font:500 20px var(--serif)}
.orders-empty p{font-size:12px;line-height:1.7}
.orders-empty a,.tracking-link{display:inline-block;margin-top:5px;color:var(--accent-dark);font-size:12px;font-weight:700;text-decoration:none}
.orders-empty a:hover,.tracking-link:hover{text-decoration:underline}
.order-track-card{padding:19px 20px;background:#fff;border:1px solid var(--line);animation:rise-in .35s ease both}
.order-track-top,.order-track-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.order-track-type{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.order-track-card h3{margin:6px 0 0;font:500 21px var(--serif)}
.order-status{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 11px;border-radius:999px;background:#f0eaf6;color:var(--accent-dark);font-size:10px;font-weight:700}
.order-status.status-completed{background:#e9f3eb;color:#426a4a}
.order-status.status-cancelled{background:#f8eaea;color:#944e4e}
.order-status.status-in_progress{background:#fff1dc;color:#87602b}
.order-track-details{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;color:var(--ink-soft);font-size:11px}
.order-track-details span{padding:7px 9px;background:#f8f6f2;border-radius:7px}
.order-track-footer{padding-top:12px;border-top:1px solid #eeeaf0;color:var(--muted);font-size:10px}
.remove-reference{border:0;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:3px}
.remove-reference:hover{color:var(--accent-dark)}
.order-track-missing{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
.order-track-missing p{margin:0;overflow-wrap:anywhere}
.orders-privacy{margin:18px 0 0;font-size:10px}
.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.filter{border:1px solid var(--line);border-radius:999px;background:transparent;padding:9px 15px;color:var(--muted);font-size:11px;transition:background .2s ease,border-color .2s ease,color .2s ease}
.filter:hover{border-color:#c6b3d8;color:var(--accent-dark)}
.filter.active{background:var(--accent-dark);color:#fff;border-color:var(--accent-dark)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fabric-card,.product-card{background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.fabric-card:hover,.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#ded2e8}
.card-image{height:230px;position:relative;overflow:hidden;background:var(--swatch,#d7ccbb)}
.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.fabric-card:hover .card-image img,.product-card:hover .card-image img{transform:scale(1.025)}
.card-image.fabric-placeholder:before{content:'';position:absolute;inset:-10%;opacity:.55;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,#25382d 0 1px,transparent 1px 6px)}
.card-image.fabric-placeholder:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 20%,#ffffff38 46%,transparent 67%)}
.card-image img[hidden]{display:none}
.stock-pill{position:absolute;left:13px;top:13px;background:#fffefaee;color:#4e765a;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700;letter-spacing:.035em}
.stock-pill.out{color:#805f88;background:#f6f0faee}
.card-body{padding:19px 20px 18px}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.card-body h2,.card-body h3{font:500 21px var(--serif);letter-spacing:-.02em;margin:0}
.tag{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#8b8290;margin-top:9px}
.desc{min-height:55px;font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0 15px}
.ask-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:1px solid #d9cce5;color:var(--accent-dark);font-weight:600;font-size:11px;padding:12px 13px;transition:background .2s ease,border-color .2s ease}
.ask-button:after{content:'↗';font-size:14px}
.ask-button:hover{background:var(--accent-soft);border-color:#c5afd8}
.product-price{font-size:14px;font-weight:600;color:var(--accent-dark);white-space:nowrap}
.empty-state{padding:52px 20px;text-align:center;color:var(--muted);grid-column:1/-1;border:1px dashed #d9ccdf;background:#fbf9fc;font-size:13px;line-height:1.7}
.empty-state strong{display:block;color:var(--ink-soft);font:500 20px var(--serif);margin-bottom:7px}
.suggestion-section{background:#ebe7ed;padding:74px max(8.5vw,28px);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}
.suggestion-copy h2{max-width:430px;margin:15px 0}
.suggestion-copy>p{color:var(--muted);line-height:1.8;font-size:13px;max-width:410px}
.private-note{font-size:10px!important;color:#817889!important;margin-top:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid label,.dialog-panel label{display:grid;gap:6px;color:var(--ink-soft);font-size:11px;font-weight:600}
.form-grid label span,.dialog-panel label span{color:var(--muted);font-weight:400}
.form-grid input,.form-grid textarea,.form-grid select,.dialog-panel input,.dialog-panel textarea,.dialog-panel select{width:100%;border:1px solid #d8d0dd;background:#faf9f8;padding:13px 12px;color:var(--ink);font-size:12px;outline:none;transition:border .2s ease,box-shadow .2s ease}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.dialog-panel input:focus,.dialog-panel textarea:focus,.dialog-panel select:focus{border-color:#a489bd;box-shadow:0 0 0 3px #9878b61a}
.form-grid input::placeholder,.form-grid textarea::placeholder,.dialog-panel input::placeholder,.dialog-panel textarea::placeholder{color:#a39ba7}
.form-grid textarea,.dialog-panel textarea{resize:vertical}
.full-width{grid-column:1/-1}
.form-grid .button-primary{width:100%;text-align:left}
.form-status{min-height:1em;margin:0;color:var(--accent-dark);font-size:12px}
.website-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.site-footer{padding:25px max(8.5vw,28px);display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:10px;letter-spacing:.025em;border-top:1px solid var(--line)}
.footer-brand .wordmark{font-size:19px}
.site-footer>a:last-child{color:var(--accent-dark);text-decoration:none}
.toast{position:fixed;bottom:22px;right:22px;background:var(--ink);color:#fff;padding:14px 18px;display:none;font-size:12px;z-index:9;box-shadow:var(--shadow)}
.toast.show{display:block}
.order-dialog{width:min(560px,calc(100% - 28px));max-height:min(92vh,900px);padding:0;border:1px solid #e2d9e9;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #2c203744}
.order-dialog::backdrop{background:#28212b88;backdrop-filter:blur(3px)}
.dialog-panel{position:relative;display:grid;gap:13px;padding:31px}
.dialog-panel [hidden]{display:none!important}
.dialog-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1}
.dialog-panel h2{font:500 31px/1.1 var(--serif);margin:0;padding-right:36px}
.dialog-description{font-size:12px;color:var(--muted);line-height:1.65;margin:-3px 0 2px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dialog-panel .button-primary{width:100%;margin-top:3px}
.dialog-panel .private-note{margin:0;line-height:1.55}
.dialog-panel .form-status{min-height:1em;margin:0;color:var(--accent-dark);font-size:12px;overflow-wrap:anywhere}
.dialog-panel .tracking-link{margin-top:6px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.site-header{gap:10px;padding-left:4vw;padding-right:4vw}.brand .wordmark{font-size:24px}.site-nav{gap:1px}.site-nav a{padding:9px 8px;font-size:10px}.hero{padding:54px 6vw;gap:5vw}.catalog-section,.products-section{padding:66px 6vw 74px}.suggestion-section{padding:64px 6vw;gap:5vw}.orders-page{padding:58px 6vw 70px}.card-grid{gap:15px}.card-image{height:200px}}
@media(max-width:760px){html{scroll-padding-top:138px}.site-header{min-height:0;padding:11px 5vw;gap:10px;align-items:stretch;flex-direction:column}.wordmark{font-size:24px}.brand small{display:none}.site-nav{display:flex;width:100%;max-width:100%;justify-content:center;flex-wrap:wrap;gap:3px;overflow:visible;border-radius:25px;padding:6px}.site-nav a{flex:none;padding:10px 11px;font-size:10px}.site-nav .nav-support{padding-left:13px;padding-right:13px}.whatsapp-link{display:none}.products-shortcut{padding:10px 12px;font-size:10px}.hero{grid-template-columns:1fr;padding:46px 7vw 42px;gap:28px}.hero-art{height:250px}.hero-copy>p{font-size:13px}.hero-actions{margin-top:22px;flex-wrap:wrap}.catalog-section,.products-section{padding:56px 6vw 64px}.product-catalog{min-height:calc(100vh - 138px)}.section-heading{align-items:flex-start}.section-heading h2,.section-heading h1,.suggestion-copy h2{font-size:36px}.section-count{font-size:10px;margin-top:30px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:165px}.card-body{padding:15px 13px}.card h2,.card h3{font-size:18px}.card-top{display:block}.product-price{display:block;margin-top:6px}.desc{font-size:11px;min-height:72px}.ask-button{font-size:10px;padding:11px 9px}.suggestion-section{grid-template-columns:1fr;padding:56px 7vw;gap:22px}.orders-page{padding:42px 6vw 58px}.orders-hero>p{font-size:13px}.orders-panel{padding:22px 18px}.site-footer{padding:24px 7vw;align-items:flex-start;flex-direction:column}.form-grid{gap:10px}}
@media(max-width:430px){.card-grid{grid-template-columns:1fr}.card-image{height:215px}.desc{min-height:auto}.card-top{display:flex}.section-count{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:1}.dialog-panel{padding:27px 20px}.dialog-panel h2{font-size:28px}.orders-hero h1{font-size:40px}.orders-heading{align-items:flex-start}.lookup-row{flex-direction:column}.lookup-row .button-primary{width:100%}.order-track-top{align-items:flex-start;flex-direction:column}.order-track-footer{align-items:flex-start;flex-direction:column}.order-track-missing{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* CharluelStore's Apple-inspired visual layer */
:root{--ink:#1d1d1f;--ink-soft:#424245;--muted:#6e6e73;--paper:#f5f5f7;--surface:rgba(255,255,255,.9);--cream:#f5f5f7;--line:#dedee3;--accent:#bc76cf;--accent-dark:#8d3c9f;--accent-soft:#f5eafa;--accent-pale:#fbf6fc;--serif:var(--sans);--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;--shadow:0 22px 60px #1d1d1f14}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;font-optical-sizing:auto}
html{scroll-padding-top:100px}
.site-header{min-height:76px;padding:10px max(4vw,24px);gap:24px;background:rgba(250,250,252,.76);border:0;box-shadow:0 8px 30px #1d1d1f0b;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%)}
.brand .wordmark{font:700 25px/1.05 var(--sans);letter-spacing:-.055em;color:var(--ink)}
.brand .wordmark span{color:var(--accent-dark)}
.brand small{margin-top:4px;font-size:8px;letter-spacing:.16em;color:#6e6e73}
.site-nav{gap:3px;padding:6px;border:1px solid #ffffffb0;background:rgba(204,151,218,.82);box-shadow:inset 0 1px #ffffff75,0 4px 14px #69426f10;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);font-size:12px}
.site-nav a{padding:11px 13px;color:#28212c;font-size:11px;letter-spacing:.005em}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{background:rgba(255,255,255,.68);color:#211c24}
.site-nav .nav-support{background:rgba(255,255,255,.82);color:#713580;box-shadow:0 1px 2px #36183f0d}
.site-nav .nav-support:hover{background:#fff;color:#582768}
.nav-count{background:#fff;color:#783487;box-shadow:0 1px 3px #38213e1a}
.hero{min-height:610px;padding:72px max(7vw,32px) 100px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:6vw;background:radial-gradient(ellipse at 78% 28%,#eee2f4 0,transparent 34%),linear-gradient(135deg,#faf9fb 0%,#f5f5f7 58%,#f0eaf4 100%);overflow:hidden}
.hero-copy{max-width:620px}
.hero .eyebrow{font-size:10px;letter-spacing:.16em;color:#843991}
.hero h1,.orders-hero h1{font-family:var(--sans);font-size:clamp(3.25rem,6vw,5.65rem);font-weight:700;line-height:.99;letter-spacing:-.065em;margin:24px 0 22px;max-width:690px;font-optical-sizing:auto}
.hero h1 em,.orders-hero h1 em{font-style:normal;font-weight:700;color:var(--accent-dark)}
.hero-copy>p{max-width:490px;margin:0;color:#626267;font-size:16px;line-height:1.75;letter-spacing:-.01em}
.hero-actions{gap:14px;margin-top:30px}
.primary-link,.button-primary{border-radius:999px;padding:14px 20px;background:#8d3c9f;border-color:#8d3c9f;font-size:13px;box-shadow:0 7px 18px #8d3c9f24}
.primary-link:hover,.button-primary:hover{background:#743184;border-color:#743184;box-shadow:0 10px 24px #8d3c9f35}
.text-link{padding:12px 16px;border:1px solid #ded6e3;border-radius:999px;background:rgba(255,255,255,.66);color:#4e4653;font-size:12px;transition:background .25s ease,transform .25s ease}
.text-link:hover{background:#fff;transform:translateY(-1px)}
.hero-proof{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:26px;color:#6e6e73;font-size:10px;font-weight:600;letter-spacing:.015em}
.hero-proof span{padding:8px 11px;border:1px solid #e5e0e8;border-radius:999px;background:#ffffff82}
.hero-art{height:460px;min-width:0;overflow:hidden;isolation:isolate;border:1px solid #ffffffd1;border-radius:34px;background:linear-gradient(135deg,#eadced,#d7c4df 52%,#aa8cb4);box-shadow:0 30px 80px #39274422,0 3px 12px #3927440c;animation:rise-in .7s cubic-bezier(.2,.8,.2,1) both}
.hero-fabric-photo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-art:hover .hero-fabric-photo{transform:scale(1.035)}
.hero-photo-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#1d1d1f05 30%,#1d1d1f72 100%);pointer-events:none}
.art-caption{z-index:2;right:auto;bottom:22px;left:22px;display:grid;gap:5px;max-width:calc(100% - 44px);padding:16px 19px;border:1px solid #ffffffa8;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 14px 34px #15101c26;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);font:400 12px/1.4 var(--sans);letter-spacing:0}
.art-caption .art-caption-kicker{margin:0;color:#783487;font:700 9px/1.3 var(--sans);letter-spacing:.11em;text-transform:uppercase}
.art-caption strong{color:#202024;font:700 17px/1.2 var(--sans);letter-spacing:-.035em}
.art-caption span:last-child{margin:0;color:#636168;font:500 9px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.hero-float-card{position:absolute;z-index:2;top:19px;right:19px;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #ffffffa8;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 10px 24px #15101c18;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:#38333c;font-size:10px;font-weight:650;letter-spacing:.01em}
.hero-float-dot{width:8px;height:8px;border-radius:50%;background:#55a66d;box-shadow:0 0 0 4px #55a66d20}
.catalog-section,.products-section{padding:94px max(7vw,32px) 102px}
.catalog-section{position:relative;background:#fff;border-radius:36px 36px 0 0}
.products-section{background:#f5f5f7}
.section-heading{align-items:end;margin-bottom:30px}
.section-heading h2,.suggestion-copy h2,.orders-heading h2{font-family:var(--sans);font-weight:700;letter-spacing:-.045em;color:var(--ink)}
.section-heading h2,.suggestion-copy h2{font-size:clamp(2.15rem,4vw,3rem);line-height:1.06}
.section-heading h1,.product-catalog .section-heading h1{font-family:var(--sans);font-size:clamp(2.15rem,4vw,3rem);font-weight:700;line-height:1.06;letter-spacing:-.045em;color:var(--ink)}
.section-heading .eyebrow,.suggestion-copy .eyebrow{color:#843991;letter-spacing:.15em}
.section-count{color:#6e6e73;font-size:12px;font-weight:600}
.section-intro{margin-top:-12px;color:#68686d;font-size:14px;line-height:1.7}
.filters{gap:8px;margin-bottom:26px}
.filter{padding:10px 16px;border-radius:999px;background:#f5f5f7;border-color:#e5e5ea;color:#515157;font-size:11px;font-weight:600;transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease}
.filter:hover{transform:translateY(-1px);border-color:#cda6d8;background:#fbf6fc;color:#713580}
.filter.active{background:#27232b;border-color:#27232b;color:#fff}
.card-grid{gap:20px}
.fabric-card,.product-card{border:1px solid #e8e7ec;border-radius:24px;background:#fff;box-shadow:0 4px 18px #1d1d1f08;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s cubic-bezier(.2,.8,.2,1),border-color .25s ease}
.fabric-card:hover,.product-card:hover{transform:translateY(-5px);border-color:#dac4e2;box-shadow:0 18px 44px #30203816}
.card-image{height:260px;background:var(--swatch,#ded4e6)}
.card-image img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.stock-pill{top:14px;left:14px;padding:8px 11px;border:1px solid #ffffffb8;background:rgba(255,255,255,.84);box-shadow:0 3px 12px #1d1d1f0d;backdrop-filter:blur(12px);font-size:9px;letter-spacing:.025em}
.stock-pill.out{background:rgba(250,245,252,.9)}
.card-body{padding:21px 21px 20px}
.card-body h2,.card-body h3{font-family:var(--sans);font-size:18px;font-weight:650;line-height:1.25;letter-spacing:-.025em}
.tag{margin-top:7px;color:#843991;font-size:9px;font-weight:700;letter-spacing:.11em}
.desc{min-height:58px;color:#6e6e73;font-size:12px;line-height:1.65}
.ask-button{min-height:44px;padding:12px 14px;border:1px solid #d8c4df;border-radius:12px;background:#fbf7fc;color:#713580;font-size:11px;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.ask-button:hover{border-color:#bc76cf;background:#f5eafa}
.product-price{color:#713580;font-weight:700}
.empty-state{border:1px dashed #d6c6dc;border-radius:20px;background:#fbf8fc}
.suggestion-section{padding:88px max(7vw,32px);background:linear-gradient(135deg,#eee8f3 0%,#f5f2f7 55%,#eceaf1 100%)}
.suggestion-copy h2{max-width:480px;margin:16px 0}
.suggestion-copy>p{color:#5c5b61;font-size:14px;line-height:1.8}
.form-grid{gap:14px}
.form-grid label,.dialog-panel label{gap:7px;color:#424245;font-size:11px;font-weight:650}
.form-grid input,.form-grid textarea,.form-grid select,.dialog-panel input,.dialog-panel textarea,.dialog-panel select{border:1px solid #dedee3;border-radius:12px;background:rgba(255,255,255,.86);padding:14px;color:#1d1d1f;font-size:13px;line-height:1.45;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.dialog-panel input:focus,.dialog-panel textarea:focus,.dialog-panel select:focus{border-color:#ae66c0;background:#fff;box-shadow:0 0 0 4px #bc76cf24}
.form-grid input::placeholder,.form-grid textarea::placeholder,.dialog-panel input::placeholder,.dialog-panel textarea::placeholder{color:#8c8c92}
.private-note{color:#73737a!important;line-height:1.6}
.site-footer{padding:26px max(7vw,32px);background:#fff;border:0;color:#6e6e73;font-size:11px}
.footer-brand .wordmark{font-size:20px}
.site-footer>a:last-child{color:#783487;font-weight:600}
.toast{border-radius:15px;background:rgba(29,29,31,.92);box-shadow:0 12px 34px #1d1d1f2a;backdrop-filter:blur(16px);font-size:13px}
.order-dialog{border:1px solid #ffffffdb;border-radius:28px;background:rgba(250,250,252,.94);box-shadow:0 30px 100px #17121c45;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.order-dialog::backdrop{background:#1d1d1f68;backdrop-filter:blur(8px)}
.dialog-panel{gap:15px;padding:34px}
.dialog-panel h2{font-family:var(--sans);font-weight:700;letter-spacing:-.04em}
.dialog-close{width:38px;height:38px;top:14px;right:14px;border-radius:50%;background:#ececf0;color:#4f4f55;font-size:25px;transition:background .2s ease,transform .2s ease}
.dialog-close:hover{background:#e0d8e5;transform:rotate(90deg)}
.orders-page{background:radial-gradient(ellipse at 50% 0%,#eee0f3 0,transparent 45%),#f5f5f7}
.orders-hero h1{font-size:clamp(3rem,5.5vw,4.6rem);line-height:1;letter-spacing:-.06em}
.orders-hero>p{color:#626267;font-size:15px}
.orders-panel{border:1px solid #ffffff;background:rgba(255,255,255,.82);border-radius:28px;box-shadow:0 20px 60px #1d1d1f12;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.orders-heading h2{font-size:clamp(1.8rem,3.4vw,2.4rem);line-height:1.1}
.refresh-orders{border-color:#ded4e4;border-radius:999px;background:#faf7fb;color:#713580;font-size:11px;transition:background .2s ease,transform .2s ease}
.refresh-orders:hover{background:#f2e8f6;transform:translateY(-1px)}
.orders-help,.orders-privacy{color:#626267}
.order-lookup{border-color:#e9e7ed}
.lookup-row input{border-radius:12px;background:#fff;font-size:13px}
.order-track-card{border:1px solid #e8e7ec;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 3px 12px #1d1d1f07;transition:transform .24s ease,box-shadow .24s ease}
.order-track-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1d1d1f10}
.order-track-card h3{font-family:var(--sans);font-weight:650;letter-spacing:-.025em}
.order-status{border:1px solid #e6d8ea;background:#f7eef9;color:#713580}
.remove-reference{min-height:36px;padding:8px;border-radius:9px;transition:color .2s ease,background .2s ease}
.remove-reference:hover{background:#f5eafa;color:#713580}
.orders-empty{border:1px dashed #d7c5de;border-radius:18px;background:#fbf8fc}
.tracking-link{font-weight:700}
button,.primary-link,.text-link,.ask-button,.filter,.refresh-orders{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:active,.primary-link:active,.text-link:active,.ask-button:active,.filter:active,.refresh-orders:active{transform:scale(.975);transition:transform 100ms ease-out}
:focus-visible{outline:3px solid #a44eb7;outline-offset:3px}
@media(max-width:1100px){.hero{min-height:560px;gap:4vw;padding-left:6vw;padding-right:6vw}.hero h1{font-size:clamp(3.05rem,6.2vw,4.8rem)}.hero-art{height:420px}.site-nav a{padding-left:10px;padding-right:10px}}
@media(max-width:900px){.site-header{gap:12px}.site-nav{gap:2px}.site-nav a{padding:9px 8px;font-size:10px}.hero{min-height:520px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:3vw}.hero-art{height:360px}.hero h1{font-size:clamp(2.8rem,6.3vw,4rem)}.catalog-section,.products-section{padding:76px 6vw 84px}.suggestion-section{padding:72px 6vw}.card-grid{gap:16px}.card-image{height:220px}}
@media(max-width:760px){html{scroll-padding-top:150px}.site-header{padding:10px 5vw;gap:9px;background:rgba(250,250,252,.86)}.site-nav{justify-content:center;flex-wrap:wrap;gap:4px;padding:7px;border-radius:23px}.site-nav a{padding:9px 10px;font-size:10px}.site-nav .nav-support{padding-left:12px;padding-right:12px}.hero{min-height:0;padding:52px 7vw 70px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(3rem,10.5vw,4.4rem);margin:19px 0}.hero-copy>p{font-size:15px}.hero-art{height:clamp(270px,70vw,390px);border-radius:27px}.hero-proof{margin-top:20px;gap:7px}.hero-proof span{font-size:9px;padding:7px 9px}.art-caption{left:15px;bottom:15px;padding:13px 15px;border-radius:15px}.art-caption strong{font-size:15px}.hero-float-card{top:13px;right:13px;padding:10px 12px}.catalog-section{margin-top:-22px;padding:68px 6vw 76px;border-radius:28px 28px 0 0}.products-section{padding:68px 6vw 76px}.product-catalog{min-height:calc(100vh - 150px)}.section-heading h2,.section-heading h1,.product-catalog .section-heading h1,.suggestion-copy h2{font-size:clamp(2rem,8vw,2.7rem)}.card-grid{gap:13px}.card-image{height:190px}.card-body{padding:17px 15px}.suggestion-section{padding:64px 7vw;gap:25px}.orders-page{padding:42px 5vw 56px}.orders-panel{padding:22px 16px;border-radius:22px}.orders-hero h1{font-size:clamp(2.7rem,10vw,3.8rem)}.order-track-card{padding:16px}.site-footer{padding:24px 7vw}.dialog-panel{padding:28px 22px}}
@media(max-width:430px){.site-nav{gap:3px;padding:6px;border-radius:20px}.site-nav a{padding:8px 8px;font-size:9px}.site-nav .nav-support{padding-left:9px;padding-right:9px}.hero{padding-top:43px}.hero-actions{gap:9px}.primary-link,.text-link{font-size:11px;padding:12px 14px}.hero-art{height:280px}.card-grid{grid-template-columns:1fr}.card-image{height:240px}.card-body{padding:19px}.card-top{display:flex}.desc{min-height:auto}.orders-heading{align-items:flex-start}.lookup-row{flex-direction:column}.lookup-row .button-primary{width:100%}.order-track-top{align-items:flex-start;flex-direction:column}.order-track-footer{align-items:flex-start;flex-direction:column}.order-track-missing{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-transparency:reduce){.site-header,.site-nav,.art-caption,.hero-float-card,.orders-panel,.order-dialog{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-contrast:more){:root{--ink:#000;--muted:#444;--line:#777}.site-nav,.orders-panel,.fabric-card,.product-card,.order-track-card{border:1px solid currentColor}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero-art:hover .hero-fabric-photo,.fabric-card:hover,.product-card:hover{transform:none}}