/* Warm ivory, rose and plum: layered backgrounds for the boutique. */
:root{--ink:#382731;--muted:#82717a;--paper:#faf6f1;--line:#dfd0d4;--accent:#8e5268}
body{background:radial-gradient(ellipse at 0% 10%,#edced96b,transparent 38%),radial-gradient(ellipse at 100% 42%,#e5d4bf70,transparent 34%),linear-gradient(130deg,#faf5ee,#f6edf1 55%,#faf6ee);background-attachment:fixed}
.announcement{background:linear-gradient(100deg,#30232e,#643e50 55%,#342632);color:#f3e2cc}
header{background:transparent}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 25% 20%,#fffaf3 0%,transparent 65%),linear-gradient(125deg,#eee0d3,#f0dfe5 65%,#c9a0ae);border:1px solid #fff9;box-shadow:0 20px 60px #5934490d;border-radius:6px;overflow:hidden}
.hero-copy{position:relative;z-index:2}
.hero-copy:before{content:'';position:absolute;width:270px;height:270px;border:1px solid #bd9eaa30;border-radius:50%;left:-150px;top:180px;pointer-events:none}
.hero-copy p{color:#7b6370}
.hero-copy em{color:#935b71}
.hero-art{background:radial-gradient(ellipse at 25% 15%,#f5d7cd 0%,transparent 48%),radial-gradient(ellipse at 90% 90%,#372638 0%,transparent 62%),linear-gradient(145deg,#b78092,#805568 55%,#4a3546)}
.hero-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0,transparent 90px,#fff1 91px,transparent 92px);opacity:.25;pointer-events:none}
.hero-art:after{content:'';position:absolute;inset:20px;border:1px solid #f6d6ce40;border-radius:180px 180px 4px 4px;pointer-events:none}
.sculpture{background:linear-gradient(125deg,#fae3cf,#d6ad98 30%,#a57273 63%,#e4b5a0);box-shadow:24px 22px 50px #281a3266,inset 12px 10px 30px #fff6}
.sculpture:after{background:linear-gradient(125deg,#91616e,#d6a894);box-shadow:inset 10px 10px 35px #59354280}
.art-caption{color:#fff1e5;text-shadow:0 3px 24px #3f253c66}.art-no{color:#f4dace}
.orbit{border-color:#f6ddce65}.orbit.two{border-color:#f6ddce30}
.primary{background:linear-gradient(110deg,#493041,#73465c);box-shadow:0 6px 18px #56334718}.primary:hover{background:linear-gradient(110deg,#5f3c52,#8c536d)}
.values{background:#fff8;border-bottom-color:#e3d3da}
.collection{background:linear-gradient(180deg,#fff0,#fff5 30%,#fff2);border-radius:12px}
.toolbar{background:#fff5;padding:15px 18px;border:1px solid #e5d6dc;border-radius:7px;box-shadow:0 4px 18px #55334704}
.cat{transition:background .15s,color .15s}.cat:hover{background:#eadce35c}.cat.active{background:linear-gradient(110deg,#e7d5de,#f0e4e6);color:#684157}
.product-art{background:radial-gradient(ellipse at 35% 25%,#f9efe4,transparent 75%),linear-gradient(145deg,#e8d5ca,#d8bec1);border:1px solid #ffffffb3;border-radius:5px;box-shadow:0 5px 18px #68415608}
.product-art:before{box-shadow:15px -12px 0 -1px #e7d6d0,15px -12px 0 0 #b18b8e;border-color:#b18b8e}
.card:nth-child(3n+2) .product-art{background:radial-gradient(ellipse at 35% 25%,#f3e8ee,transparent 75%),linear-gradient(145deg,#ded0df,#cbb6ca)}
.card:nth-child(3n+2) .product-art:before{box-shadow:20px 12px 0 -1px #ded0df,20px 12px 0 0 #ab8fa8}
.card:nth-child(3n) .product-art{background:radial-gradient(ellipse at 35% 25%,#fbebdf,transparent 75%),linear-gradient(145deg,#eddbcf,#d6bba7)}
.card:nth-child(3n) .product-art:before{box-shadow:15px -12px 0 -1px #e9d6c8,15px -12px 0 0 #b89a83}
.quick-add:hover{background:#e6d4de;border-color:#c7a9ba}.secondary:hover{background:#eee0e7}
.about{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#a47587,transparent 85%),linear-gradient(130deg,#5b3e53,#3d2b3c);border:1px solid #a7859655;border-radius:6px;color:#fff0e5;box-shadow:0 15px 45px #44293a14}
.about:before,.about:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #eacfc333;border-radius:50%;z-index:-1;pointer-events:none;top:-95px;left:-240px}
.about:after{left:auto;right:-220px;top:40px;width:470px;height:470px}.about em{color:#e6b6b8}.about p{color:#f0dce4}.about small{color:#d0b8c7}.about .eyebrow{color:#e9cbbb}
footer{background:#f9f1ef99}
dialog{background:linear-gradient(135deg,#fffaf6,#f5eaf0)}dialog::backdrop{background:#2d1e2a99}.demo-note{background:#eadce4}#toast{background:#503448}
@media(max-width:600px){.toolbar{padding:12px}.hero-art:after{inset:14px}.about:before{left:-330px}.about:after{right:-350px}.hero-copy:before{width:210px;height:210px;left:-150px;top:120px}}