@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,700;0,9..144,900;1,9..144,400&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'DM Sans',system-ui,sans-serif;background:#F8F6F3;color:#1A1817;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;line-height:1.5}
input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:4px}
::-webkit-scrollbar-track{background:transparent}

/* CONTAINER */
.wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem}

/* TYPOGRAPHY */
.display{font-family:'Fraunces',Georgia,serif;font-weight:900;line-height:.96;letter-spacing:-.02em}
.h2{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.01em}
.label-cap{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8C8880}

/* COLORS */
.c-primary{color:#E83020}.c-accent{color:#0FA896}.c-muted{color:#8C8880}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:.85rem;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;border:none;font-family:inherit}
.btn-primary{background:#E83020;color:#fff;box-shadow:0 4px 14px rgba(232,48,32,.28)}
.btn-primary:hover{background:#c9281b;transform:translateY(-1px);box-shadow:0 6px 18px rgba(232,48,32,.38)}
.btn-primary:active{transform:scale(.98)}
.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}
.btn-secondary{background:#F2EDE4;color:#1A1817}
.btn-secondary:hover{background:#EDE8E0}
.btn-outline{background:#fff;color:#1A1817;border:1.5px solid rgba(26,24,23,.12)}
.btn-outline:hover{background:#F8F6F3}
.btn-ghost{background:transparent;color:#8C8880;padding:.4rem .7rem;border-radius:.6rem;font-weight:600;font-size:.85rem}
.btn-ghost:hover{background:#F2EDE4;color:#1A1817}
.btn-sm{padding:.45rem 1rem;font-size:.78rem;border-radius:.65rem}
.btn-lg{padding:.9rem 2rem;font-size:1rem;border-radius:1rem}
.btn-full{width:100%;justify-content:center}
.row{display:flex;align-items:center;gap:.5rem}

/* BADGES */
.badge{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .55rem;border-radius:99px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.badge-red{background:#E83020;color:#fff}
.badge-teal{background:#0FA896;color:#fff}
.badge-red-soft{background:rgba(232,48,32,.1);color:#E83020}
.badge-teal-soft{background:rgba(15,168,150,.1);color:#0FA896}

/* NAV */
.nav{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(26,24,23,.08);position:sticky;top:0;z-index:50}
.nav-inner{display:flex;align-items:center;height:4rem;gap:.75rem}
.nav-logo{display:flex;align-items:center;gap:.45rem;font-family:'Fraunces',serif;font-weight:900;font-size:1.15rem;flex-shrink:0;transition:opacity .15s;cursor:pointer;color:#1A1817;background:none;border:none;font-family:'Fraunces',serif}
.nav-logo:hover{opacity:.72}
.nav-logo-icon{font-size:1.4rem}
.nav-links{display:flex;align-items:center;gap:.05rem;flex:1}
.nav-link{padding:.4rem .72rem;border-radius:.55rem;font-size:.84rem;font-weight:500;color:#8C8880;transition:all .12s;cursor:pointer;background:none;border:none;font-family:inherit}
.nav-link:hover{background:#F2EDE4;color:#1A1817}
.nav-link.active{background:#F2EDE4;color:#1A1817;font-weight:700}
.nav-search{display:flex;align-items:center;gap:.45rem;background:#F2EDE4;border-radius:.75rem;padding:.45rem .75rem;width:10.5rem}
.nav-search input{background:transparent;border:none;outline:none;font-size:.84rem;width:100%;font-family:inherit;color:#1A1817}
.nav-search input::placeholder{color:#8C8880}
.nav-search-icon{width:14px;height:14px;flex-shrink:0;color:#8C8880}
.nav-search-submit,.nav-search-clear{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:0;padding:0;color:#8C8880;cursor:pointer}
.nav-search-submit:hover,.nav-search-clear:hover{color:#1A1817}
.nav-search-submit svg,.nav-search-clear svg{width:14px;height:14px}
.nav-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0;margin-left:auto}
.nav-cart{position:relative;width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;border-radius:.6rem;transition:background .12s;cursor:pointer;background:none;border:none}
.nav-cart:hover{background:#F2EDE4}
.nav-cart svg{width:19px;height:19px}
.nav-cart-badge{position:absolute;top:-.2rem;right:-.2rem;background:#E83020;color:#fff;font-size:.55rem;font-weight:900;width:.95rem;height:.95rem;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}
.nav-avatar{width:2rem;height:2rem;border-radius:.55rem;background:#E83020;color:#fff;font-weight:900;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s}
.nav-avatar:hover{opacity:.8}
.nav-dd{position:absolute;right:0;top:calc(100% + .5rem);width:13rem;background:#fff;border-radius:1rem;border:1px solid rgba(26,24,23,.1);box-shadow:0 12px 32px rgba(0,0,0,.12);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .15s;z-index:100}
.nav-dd.open{opacity:1;visibility:visible;transform:none}
.nav-dd-head{padding:.7rem 1rem;border-bottom:1px solid rgba(26,24,23,.08);background:#F8F6F3}
.nav-dd-name{font-weight:700;font-size:.875rem}
.nav-dd-email{font-size:.72rem;color:#8C8880;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem}
.nav-dd-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem 1rem;font-size:.84rem;cursor:pointer;transition:background .1s;background:none;border:none;font-family:inherit;color:#1A1817;text-align:left}
.nav-dd-item:hover{background:#F8F6F3}
.nav-dd-item.red:hover{background:rgba(232,48,32,.06);color:#c9281b}
.nav-dd-item svg{width:14px;height:14px;flex-shrink:0;opacity:.6}
.nav-ham{width:2.1rem;height:2.1rem;display:none;align-items:center;justify-content:center;border-radius:.6rem;transition:background .12s;cursor:pointer;background:none;border:none}
.nav-ham:hover{background:#F2EDE4}
.nav-ham svg{width:21px;height:21px}
.mob-menu{display:none;border-top:1px solid rgba(26,24,23,.08);padding:.65rem 0}
.mob-menu.open{display:block}
.mob-menu-label{padding:.75rem 0 .28rem;color:#8C8880;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.mob-menu-label:first-child{padding-top:.15rem}
.mob-link{display:block;width:100%;text-align:left;padding:.6rem 0;font-size:.9rem;font-weight:500;border-bottom:1px solid rgba(26,24,23,.06);background:none;border-left:none;border-right:none;cursor:pointer;font-family:inherit;color:#1A1817}
.mob-link.active{color:#E83020;font-weight:800}
.mob-search{display:none;padding:.65rem 0;border-top:1px solid rgba(26,24,23,.08)}
.mob-search.open{display:block}
.mob-search-row{display:flex;align-items:center;gap:.45rem;background:#F2EDE4;border-radius:.75rem;padding:.5rem .8rem}
.mob-search-row input{flex:1;background:transparent;border:none;outline:none;font-size:.875rem;font-family:inherit}
.mob-search-row svg{width:14px;height:14px;flex-shrink:0;color:#8C8880}

/* HERO */
.hero{background:#F2EDE4;padding:4.5rem 0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.35rem;background:rgba(232,48,32,.1);color:#E83020;border-radius:99px;padding:.3rem .85rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.15rem}
.hero-title{margin-bottom:1.4rem}
.hero-title em{font-style:normal;color:#E83020}
.hero-desc{color:#8C8880;font-size:1rem;margin-bottom:1.75rem;max-width:25rem;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:1.6rem}
.hero-perks{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.hero-perk{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:#8C8880}
.hero-perk svg{width:12px;height:12px;color:#0FA896;flex-shrink:0}
.hero-imgs{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.hero-img{border-radius:1.25rem;overflow:hidden;position:relative;cursor:pointer;display:block}
.hero-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.hero-img:hover img{transform:scale(1.06)}
.hero-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 55%)}
.hero-img-label{position:absolute;bottom:.75rem;left:.75rem;color:#fff}
.hero-img-label p{font-weight:700;font-size:.84rem}
.hero-img-label span{font-size:.72rem;opacity:.72}
.hero-img-hot{position:absolute;top:.6rem;right:.6rem;background:#E83020;color:#fff;font-size:.58rem;font-weight:900;padding:.2rem .5rem;border-radius:99px;text-transform:uppercase}

/* HOW IT WORKS */
.how{background:#fff;border-top:1px solid rgba(26,24,23,.07);border-bottom:1px solid rgba(26,24,23,.07)}
.sec{padding:4.5rem 0}
.sec-sm{padding:3rem 0}
.sec-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;margin-bottom:2.75rem}
.sec-head p{color:#8C8880;font-size:.95rem;max-width:28rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem}
.step-icon{position:relative;width:3.75rem;height:3.75rem;border-radius:1rem;background:#F2EDE4;display:flex;align-items:center;justify-content:center;font-size:1.65rem;flex-shrink:0}
.step-num{position:absolute;top:-.45rem;left:-.45rem;width:1.3rem;height:1.3rem;background:#E83020;color:#fff;font-size:.58rem;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center}
.step h3{font-size:.95rem;font-weight:700}
.step p{font-size:.82rem;color:#8C8880;line-height:1.65}

/* SECTION HEADER */
.sec-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}
.cat-pills{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.cat-pill{padding:.38rem .9rem;border-radius:.6rem;font-size:.8rem;font-weight:700;transition:all .12s;background:#F2EDE4;border:none;cursor:pointer;font-family:inherit;color:#8C8880}
.cat-pill:hover{background:#EDE8E0;color:#1A1817}
.cat-pill.on{background:#1A1817;color:#fff}

/* PRODUCT GRID */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}
.prod-card{background:#fff;border-radius:1.2rem;border:1px solid rgba(26,24,23,.08);overflow:hidden;transition:all .2s;cursor:pointer}
.prod-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.1)}
.prod-card-fig{position:relative;aspect-ratio:1;overflow:hidden}
.prod-card-fig img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.prod-card:hover .prod-card-fig img{transform:scale(1.05)}
.prod-card-badge{position:absolute;top:.65rem;left:.65rem;z-index:2}
.prod-card-cta{position:absolute;bottom:.65rem;left:.65rem;right:.65rem;padding:.6rem;background:#1A1817;color:#fff;border-radius:.7rem;font-size:.78rem;font-weight:700;text-align:center;opacity:0;transform:translateY(5px);transition:all .2s;z-index:2;cursor:pointer;border:none;font-family:inherit}
.prod-card:hover .prod-card-cta{opacity:1;transform:none}
.prod-card-cta:hover{background:#E83020}
.prod-body{padding:.9rem}
.prod-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.4rem;margin-bottom:.6rem}
.prod-name{font-weight:700;font-size:.9rem;line-height:1.3}
.prod-desc{font-size:.72rem;color:#8C8880;margin-top:.1rem}
.prod-price{font-family:'Fraunces',serif;font-weight:700;font-size:1rem;flex-shrink:0;color:#1A1817}
.swatches{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap;margin-bottom:.45rem}
.swatch{width:.86rem;height:.86rem;border-radius:50%;border:1.5px solid transparent;cursor:pointer;transition:all .15s;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.swatch:hover{transform:scale(1.18)}
.swatch.on{border-color:#1A1817;transform:scale(1.22);box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 0 3px #fff,0 0 0 4px #1A1817}
.swatch-name{font-size:.64rem;color:#8C8880;margin-left:.08rem}
.size-chips{display:flex;align-items:center;gap:.28rem;flex-wrap:wrap}
.size-chip{font-size:.62rem;font-weight:700;padding:.12rem .4rem;border-radius:.35rem;background:#F2EDE4;color:#8C8880}

/* TABS */
.tab-bar{display:flex;background:#fff;border:1px solid rgba(26,24,23,.09);border-radius:.8rem;padding:.22rem;gap:.08rem}
.tab-btn{padding:.45rem 1rem;border-radius:.58rem;font-size:.8rem;font-weight:700;color:#8C8880;transition:all .12s;border:none;cursor:pointer;font-family:inherit;background:transparent}
.tab-btn:hover{color:#1A1817}
.tab-btn.on{background:#E83020;color:#fff;box-shadow:0 2px 8px rgba(232,48,32,.3)}

/* PATCHES SHOWCASE */
.patch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.55rem}
.patch-tile{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .4rem;border-radius:.9rem;background:#F2EDE4;cursor:pointer;transition:all .2s;text-align:center}
.patch-tile:hover{background:#EDE8E0;transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.patch-tile-emoji{font-size:1.7rem;transition:transform .15s;display:block}
.patch-tile:hover .patch-tile-emoji{transform:scale(1.15)}
.patch-tile-name{font-size:.62rem;font-weight:700;line-height:1.3;color:#1A1817}
.patch-tile-price{font-size:.62rem;font-weight:700;color:#E83020}

/* CTA BAND */
.cta{background:#1A1817;color:#fff;padding:5rem 0;text-align:center}
.cta h2{font-family:'Fraunces',serif;font-weight:900;font-size:clamp(1.75rem,4vw,3rem);margin-bottom:1rem;line-height:1.05;letter-spacing:-.02em}
.cta p{color:rgba(255,255,255,.55);font-size:1rem;margin-bottom:2rem;max-width:30rem;margin-left:auto;margin-right:auto}

/* STUDIO */
.studio{display:flex;flex-direction:column;height:calc(100vh - 4rem);overflow:hidden;background:#F8F6F3}
.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.65rem 1rem;background:#fff;border-bottom:1px solid rgba(26,24,23,.08);flex-shrink:0}
.studio-bar-mid{text-align:center;flex:1;min-width:0}
.studio-bar-mid p{font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-bar-mid span{font-size:.72rem;color:#8C8880}
.studio-bar-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}
.studio-bar-price{font-weight:700;font-size:.9rem;white-space:nowrap}
.studio-body{display:flex;flex:1;overflow:hidden}
.studio-l{width:14.5rem;flex-shrink:0;background:#fff;border-right:1px solid rgba(26,24,23,.08);overflow-y:auto;padding:.9rem;display:flex;flex-direction:column;gap:1.1rem}
.studio-c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(237,232,224,.4);padding:1.1rem;overflow:hidden;position:relative}
.studio-r{width:22rem;flex-shrink:0;background:#fff;border-left:1px solid rgba(26,24,23,.08);display:flex;flex-direction:column;overflow:hidden}
.studio-thumb{border-radius:.65rem;overflow:hidden;aspect-ratio:1;margin-bottom:.1rem;background:#fff;border:1px solid rgba(26,24,23,.08)}
.studio-thumb img{width:100%;height:100%;object-fit:contain;opacity:1;mix-blend-mode:normal}
.color-grid{display:grid;grid-template-columns:repeat(4,2.25rem);gap:.5rem;margin-bottom:.45rem;justify-content:start}
.color-box{width:2.25rem;height:2.25rem;border-radius:.48rem;border:2.5px solid transparent;cursor:pointer;transition:all .15s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.color-box:hover{transform:scale(1.1)}
.color-box.on{border-color:#1A1817;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 0 0 2px #fff,0 0 0 3.5px #1A1817}
.sz-row{display:flex;gap:.35rem;flex-wrap:wrap}
.sz-btn{padding:.32rem .7rem;border-radius:.5rem;font-size:.78rem;font-weight:700;border:2px solid rgba(26,24,23,.12);background:#F2EDE4;cursor:pointer;transition:all .12s;font-family:inherit;color:#1A1817}
.sz-btn:hover{border-color:rgba(0,0,0,.3)}
.sz-btn.on{background:#1A1817;color:#fff;border-color:#1A1817}
.applied-list{display:flex;flex-direction:column;gap:.28rem;max-height:8.5rem;overflow-y:auto}
.applied-item{display:flex;align-items:center;gap:.45rem;padding:.32rem .45rem;border-radius:.45rem;font-size:.78rem;cursor:pointer;transition:background .1s}
.applied-item:hover{background:#F2EDE4}
.applied-item.sel{background:rgba(232,48,32,.08);color:#E83020}
.applied-del{margin-left:auto;color:#8C8880;font-size:.6rem;padding:.1rem .22rem;border-radius:.22rem;flex-shrink:0;cursor:pointer;background:none;border:none;font-family:inherit;transition:color .1s}
.applied-del:hover{color:#c9281b}
.price-tbl{border-top:1px solid rgba(26,24,23,.08);padding-top:.7rem;font-size:.8rem;display:flex;flex-direction:column;gap:.28rem}
.price-row{display:flex;justify-content:space-between}
.price-total{display:flex;justify-content:space-between;font-weight:700;font-size:.9rem;border-top:1px solid rgba(26,24,23,.08);padding-top:.38rem;margin-top:.18rem}

/* Canvas area */
.canvas-hint{position:absolute;top:.65rem;left:50%;transform:translateX(-50%);background:#fff;border:1px solid rgba(26,24,23,.1);border-radius:99px;padding:.35rem .9rem;font-size:.72rem;color:#8C8880;white-space:nowrap;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.07);pointer-events:none}
.canvas-wrap{position:relative;width:min(560px,calc(100vw - 38.7rem),calc(100vh - 11.5rem));aspect-ratio:1;border-radius:1.4rem;overflow:hidden;touch-action:none;background:#fff;box-shadow:0 28px 64px rgba(0,0,0,.2),0 8px 20px rgba(0,0,0,.1);flex-shrink:0;container-type:inline-size}
.canvas-wrap.drop-ready{outline:4px solid #0FA896;outline-offset:5px;box-shadow:0 0 0 10px rgba(15,168,150,.12),0 28px 64px rgba(0,0,0,.2)}
.canvas-bg-img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;opacity:1;filter:none;pointer-events:none;position:absolute;inset:0}
.canvas-zone{position:absolute;inset:1.2rem;border:2px dashed rgba(255,255,255,.25);border-radius:.9rem;pointer-events:none;z-index:1}
.canvas-em{position:absolute;width:var(--patch-size,18%);aspect-ratio:var(--patch-aspect,1);display:flex;align-items:center;justify-content:center;font-size:var(--patch-font,12cqw);transform:translate(-50%,-50%) rotate(var(--patch-rotation,0deg));transform-origin:center;cursor:grab;user-select:none;line-height:1;z-index:10;transition:filter .1s,transform .12s ease}
.canvas-em:active{cursor:grabbing}
.canvas-em.sel{filter:drop-shadow(0 0 7px rgba(232,48,32,.75))}
.canvas-del{position:absolute;top:-.55rem;right:-.55rem;width:1.1rem;height:1.1rem;background:#c9281b;color:#fff;border-radius:50%;font-size:.55rem;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:transform .1s;border:none;font-family:inherit}
.canvas-del:hover{transform:scale(1.15)}
.canvas-rotate{position:absolute;bottom:-.55rem;right:-.55rem;width:1.25rem;height:1.25rem;background:#0FA896;color:#fff;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.25);border:2px solid #fff;transform:rotate(var(--patch-counter,0deg))}
.canvas-rotate:hover{background:#0b8f80}
.canvas-footer{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-top:.85rem}
.canvas-tip{font-size:.7rem;color:#8C8880}
.patch-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.16))}.patch-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;line-height:1}.patch-art.mini,.patch-fallback.mini{width:1.25rem;height:1.25rem;font-size:1rem}.patch-art.tiny,.patch-fallback.tiny{display:inline-flex;width:1rem;height:1rem;font-size:.8rem;vertical-align:middle}.lib-tile-emoji{width:3rem;height:3rem;display:flex!important;align-items:center;justify-content:center}.lib-tile-emoji .patch-art{max-width:100%;max-height:100%}.patch-tile-emoji{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;margin:auto}.cart-em{display:flex;align-items:center;justify-content:center}.cart-patches>span{display:inline-flex;width:1.2rem;height:1.2rem}.adm-emoji{width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center}
.rotation-panel{background:#F2EDE4;border-radius:.75rem;padding:.7rem}
.rotation-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.rotation-head strong{font-size:.75rem;color:#E83020;font-family:monospace}
.rotation-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem}.rotation-row input{width:100%;accent-color:#E83020}.rotation-step{background:#fff;border:1px solid rgba(26,24,23,.1);border-radius:.45rem;padding:.25rem .4rem;font-size:.62rem;font-weight:700;white-space:nowrap}.rotation-step:hover{border-color:#E83020;color:#E83020}
.rotation-panel p{font-size:.6rem;line-height:1.45;color:#8C8880;margin-top:.45rem}

/* Library */
.lib-head{padding:.65rem;border-bottom:1px solid rgba(26,24,23,.08);display:flex;flex-direction:column;gap:.55rem;flex-shrink:0}
.lib-top{display:flex;align-items:center;justify-content:space-between}
.lib-search{display:flex;align-items:center;gap:.38rem;background:#F2EDE4;border-radius:.6rem;padding:.38rem .6rem}
.lib-search input{background:transparent;border:none;outline:none;font-size:.76rem;font-family:inherit;width:100%;color:#1A1817}
.lib-search input::placeholder{color:#8C8880}
.lib-search svg{width:11px;height:11px;color:#8C8880;flex-shrink:0}
.lib-cats{display:flex;gap:.3rem;overflow-x:auto;padding-bottom:.12rem;scrollbar-width:none}
.lib-cats::-webkit-scrollbar{display:none}
.lib-cat{flex-shrink:0;padding:.28rem .65rem;border-radius:.48rem;font-size:.68rem;font-weight:700;background:#F2EDE4;transition:all .1s;border:none;cursor:pointer;font-family:inherit;color:#8C8880}
.lib-cat:hover{background:#EDE8E0;color:#1A1817}
.lib-cat.on{background:#1A1817;color:#fff}
.lib-grid{flex:1;overflow-y:auto;padding:.65rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:.5rem}
.lib-tile{display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.42rem .32rem;border-radius:.7rem;background:#F2EDE4;cursor:pointer;transition:all .15s;text-align:center;position:relative;border:none;font-family:inherit}
.lib-tile[data-drag-patch]{cursor:grab}.lib-tile.dragging{opacity:.45;transform:scale(.96);cursor:grabbing}.library-drag-ghost{position:fixed!important;z-index:9999;width:7rem;pointer-events:none;transform:translate(-50%,-50%) scale(.82);opacity:.9;box-shadow:0 14px 30px rgba(0,0,0,.22);cursor:grabbing}
.lib-tile:hover{background:#EDE8E0;transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.08)}
.lib-tile:active{transform:scale(.96)}
.lib-tile-tag{position:absolute;top:.35rem;right:.35rem;background:#E83020;color:#fff;font-size:.52rem;font-weight:900;padding:.1rem .38rem;border-radius:99px;line-height:1.5}
.lib-tile-star{position:absolute;top:.35rem;left:.35rem;color:#0FA896;font-size:.62rem}
.lib-tile-emoji{display:block;transition:transform .15s;line-height:1}
.lib-tile:hover .lib-tile-emoji{transform:scale(1.15)}
.lib-tile-name{font-size:.65rem;font-weight:700;line-height:1.35;color:#1A1817}
.lib-tile-price{font-size:.65rem;font-weight:700;color:#E83020}
.lib-tile-sz{font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;color:#8C8880}
.lib-empty{text-align:center;padding:2rem .75rem;color:#8C8880;grid-column:1/-1}
.lib-empty p:first-child{font-size:1.85rem;margin-bottom:.4rem}

/* AI strip */
.ai-strip{background:linear-gradient(135deg,rgba(232,48,32,.06),rgba(15,168,150,.06));border:1px solid rgba(232,48,32,.16);border-radius:.7rem;padding:.7rem}
.ai-strip p{font-size:.76rem;font-weight:700;margin-bottom:.45rem}
.ai-row{display:flex;gap:.35rem}
.ai-row input{flex:1;background:#fff;border:1.5px solid rgba(26,24,23,.1);border-radius:.5rem;padding:.38rem .55rem;font-size:.75rem;outline:none;font-family:inherit}
.ai-row input:focus{border-color:rgba(232,48,32,.3)}

/* Mobile studio */
.mob-tabs{display:none;border-bottom:1px solid rgba(26,24,23,.08);background:#fff;flex-shrink:0}
.mob-tab{flex:1;padding:.6rem;font-size:.8rem;font-weight:700;color:#8C8880;border-bottom:2px solid transparent;transition:all .12s;border-left:none;border-right:none;border-top:none;cursor:pointer;background:none;font-family:inherit}
.mob-tab.on{color:#E83020;border-bottom-color:#E83020}

/* CART */
.cart-page{padding:2.25rem 0}
.cart-layout{display:grid;grid-template-columns:1fr 21rem;gap:1.75rem;align-items:start}
.cart-items{display:flex;flex-direction:column;gap:.9rem}
.cart-item{display:flex;gap:.9rem;padding:.9rem;background:#fff;border-radius:1rem;border:1px solid rgba(26,24,23,.08)}
.cart-fig{width:5rem;height:5rem;border-radius:.75rem;flex-shrink:0;position:relative;overflow:hidden}
.cart-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.72}
.cart-em{position:absolute;font-size:.85rem}
.cart-info{flex:1;min-width:0}
.cart-name{font-weight:700;font-size:.875rem}
.cart-meta{font-size:.72rem;color:#8C8880;margin:.18rem 0 .45rem}
.cart-patches{display:flex;flex-wrap:wrap;gap:.12rem;margin-bottom:.65rem;font-size:1rem}
.cart-bottom{display:flex;align-items:center;justify-content:space-between}
.qty{display:flex;align-items:center;background:#F2EDE4;border-radius:.6rem;overflow:hidden}
.qty-btn{width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s;background:none;border:none;font-size:.9rem}
.qty-btn:hover{background:#EDE8E0}
.qty-n{width:1.65rem;text-align:center;font-weight:700;font-size:.82rem}
.del-btn{color:#8C8880;padding:.35rem;border-radius:.5rem;cursor:pointer;transition:color .1s;display:flex;align-items:center;justify-content:center;background:none;border:none}
.del-btn:hover{color:#c9281b}
.del-btn svg{width:14px;height:14px}
.sum-card{background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1rem;padding:1.15rem;position:sticky;top:5rem}
.sum-title{font-weight:700;margin-bottom:.9rem}
.sum-rows{display:flex;flex-direction:column;gap:.45rem;font-size:.85rem;margin-bottom:.9rem}
.sum-row{display:flex;justify-content:space-between}
.sum-total{font-weight:700;font-size:.95rem;padding-top:.65rem;border-top:1px solid rgba(26,24,23,.08);margin-top:.2rem}
.sum-free{font-weight:600;color:#0FA896}
.ship-hint{background:#F2EDE4;border-radius:.6rem;padding:.55rem .7rem;font-size:.72rem;color:#8C8880}
.checkout-btn{width:100%;padding:.9rem;border-radius:.9rem;background:#E83020;color:#fff;font-weight:700;font-size:.9rem;margin-top:.9rem;cursor:pointer;border:none;font-family:inherit;transition:all .15s}
.checkout-btn:hover{background:#c9281b}
.continue-btn{width:100%;padding:.68rem;border-radius:.8rem;background:#F2EDE4;font-weight:600;font-size:.85rem;margin-top:.55rem;cursor:pointer;border:none;font-family:inherit;transition:background .12s}
.continue-btn:hover{background:#EDE8E0}
.login-nudge{background:#F2EDE4;border-radius:.75rem;padding:.8rem;margin-top:.7rem;font-size:.78rem}
.login-nudge strong{display:block;margin-bottom:.15rem;font-size:.82rem}
.login-nudge a{color:#E83020;font-weight:700;cursor:pointer}
.login-nudge a:hover{text-decoration:underline}
.trust-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.7rem;font-size:.8rem}
.trust-item{display:flex;align-items:center;gap:.45rem;color:#8C8880}
.trust-item svg{width:13px;height:13px;color:#0FA896;flex-shrink:0}
.empty-cart{text-align:center;padding:5.5rem 0}
.empty-icon{font-size:3.75rem;margin-bottom:1.15rem}

/* ACCOUNT */
.acc-page{padding:2.25rem 0;max-width:860px;margin:0 auto}
.acc-head{background:#fff;border-radius:1.15rem;border:1px solid rgba(26,24,23,.08);padding:1.15rem;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-bottom:1.15rem}
.acc-avatar{width:3.25rem;height:3.25rem;border-radius:.9rem;background:#E83020;color:#fff;font-size:1.3rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.acc-info{flex:1;min-width:0}
.acc-name{font-family:'Fraunces',serif;font-weight:700;font-size:1.35rem;letter-spacing:-.01em}
.acc-email{color:#8C8880;font-size:.85rem}
.acc-bday{color:#0FA896;font-size:.72rem;margin-top:.18rem}
.acc-tabs{display:flex;background:#F2EDE4;border-radius:.8rem;padding:.2rem;gap:.12rem;margin-bottom:1.15rem;width:fit-content;overflow-x:auto}
.acc-tab{padding:.45rem 1rem;border-radius:.6rem;font-size:.8rem;font-weight:700;color:#8C8880;white-space:nowrap;transition:all .1s;border:none;cursor:pointer;font-family:inherit;background:transparent}
.acc-tab:hover{color:#1A1817}
.acc-tab.on{background:#fff;color:#1A1817;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.acc-section{background:#fff;border-radius:1rem;border:1px solid rgba(26,24,23,.08)}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.35rem;padding:1.15rem}
.pf{display:flex;flex-direction:column;gap:.25rem}
.pf label{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8C8880}
.pf p{font-weight:600;font-size:.9rem}
.bday-note{padding:.8rem 1.15rem;border-top:1px solid rgba(26,24,23,.08);background:#F2EDE4;font-size:.78rem;color:#8C8880}
.order-row{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.15rem;border-bottom:1px solid rgba(26,24,23,.07);transition:background .1s;cursor:pointer}
.order-row:last-child{border-bottom:none}
.order-row:hover{background:#F8F6F3}
.order-row svg{width:17px;height:17px;color:#8C8880;flex-shrink:0}
.order-id{font-family:monospace;font-size:.85rem;font-weight:700}
.order-meta{font-size:.72rem;color:#8C8880}
.order-price{font-weight:700;margin-left:auto;flex-shrink:0}
.wishlist-empty{padding:3.25rem;text-align:center;color:#8C8880}
.wishlist-empty svg{width:2rem;height:2rem;margin:0 auto .9rem;opacity:.35}
.adm-head{padding:.9rem 1.15rem;border-bottom:1px solid rgba(26,24,23,.08);background:#F8F6F3}
.adm-list{max-height:22rem;overflow-y:auto}
.adm-row{display:flex;align-items:center;gap:.7rem;padding:.6rem .9rem;border-bottom:1px solid rgba(26,24,23,.07);transition:background .1s}
.adm-row:last-child{border-bottom:none}
.adm-row:hover{background:#F8F6F3}
.adm-idx{font-size:.72rem;color:#8C8880;width:1.4rem;text-align:right;flex-shrink:0;font-family:monospace}
.adm-emoji{font-size:1.2rem;flex-shrink:0}
.adm-info{flex:1;min-width:0}
.adm-info p{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-info span{font-size:.68rem;color:#8C8880}
.adm-arrows{display:flex;flex-direction:column;gap:.08rem}
.adm-arr{width:1.4rem;height:1.4rem;border-radius:.3rem;font-size:.65rem;display:flex;align-items:center;justify-content:center;transition:background .1s;cursor:pointer;background:none;border:none;font-family:inherit}
.adm-arr:hover:not(:disabled){background:#EDE8E0}
.adm-arr:disabled{opacity:.22;cursor:not-allowed}
.adm-foot{padding:.8rem 1.15rem;border-top:1px solid rgba(26,24,23,.08);background:#F2EDE4}

/* ORDERS PAGE */
.orders-page{max-width:600px;margin:0 auto;padding:2.25rem 1.5rem}
.orders-gate{text-align:center;padding:5.5rem 1.5rem;max-width:460px;margin:0 auto}
.orders-gate-icon{font-size:3.75rem;margin-bottom:1.15rem}
.form-card{background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1.15rem;padding:1.35rem;margin-top:1.35rem}
.form-title{font-weight:700;margin-bottom:1rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.form-grid .s2{grid-column:span 2}
.field{display:flex;flex-direction:column;gap:.3rem}
.field label{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8C8880}
.field input,.field textarea,.field select{background:#F2EDE4;border:1.5px solid transparent;border-radius:.7rem;padding:.65rem .9rem;font-size:.875rem;outline:none;transition:border-color .12s;font-family:inherit;color:#1A1817}
.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(232,48,32,.3)}
.field textarea{resize:none}
.sec-note{display:flex;align-items:flex-start;gap:.45rem;font-size:.72rem;color:#8C8880;padding:.9rem 0;border-top:1px solid rgba(26,24,23,.08);margin-top:.45rem}
.sec-note svg{width:12px;height:12px;color:#0FA896;flex-shrink:0;margin-top:.1rem}

/* AUTH MODAL */
.modal-bg{position:fixed;inset:0;background:rgba(26,24,23,.55);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);z-index:100;display:flex;align-items:flex-end;justify-content:center}
.modal-card{position:relative;background:#fff;width:100%;max-width:27rem;border-radius:1.4rem 1.4rem 0 0;overflow:hidden;max-height:95dvh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.modal-close{position:absolute;top:.8rem;right:.8rem;z-index:10;width:1.9rem;height:1.9rem;border-radius:.5rem;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-family:inherit;transition:background .1s}
.modal-close:hover{background:rgba(255,255,255,.28)}
.modal-close svg{width:15px;height:15px}
.modal-hero{background:linear-gradient(135deg,#E83020,#c9281b);padding:1.4rem;color:#fff;flex-shrink:0}
.modal-icon{font-size:1.9rem;margin-bottom:.35rem}
.modal-hero h2{font-family:'Fraunces',serif;font-weight:900;font-size:1.45rem;letter-spacing:-.02em}
.modal-hero p{font-size:.82rem;opacity:.75;margin-top:.22rem}
.modal-body{padding:1.15rem;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem}
.modal-err{background:rgba(201,40,27,.08);color:#c9281b;border-radius:.6rem;padding:.55rem .8rem;font-size:.78rem}
.modal-foot{text-align:center;font-size:.83rem;color:#8C8880;padding-bottom:.5rem}
.modal-foot button{color:#E83020;font-weight:700;cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit}
.modal-foot button:hover{text-decoration:underline}
.bday-row{display:grid;grid-template-columns:1fr auto;gap:.45rem}
.bday-tip{font-size:.66rem;color:#0FA896;margin-top:.22rem}
.check-row{display:flex;gap:.65rem;align-items:flex-start;cursor:pointer}
.check-box{width:1.05rem;height:1.05rem;border-radius:.28rem;border:2px solid rgba(26,24,23,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.18rem;transition:all .12s;cursor:pointer}
.check-box.on{background:#E83020;border-color:#E83020}
.check-box svg{width:9px;height:9px}
.check-label{font-size:.76rem;color:#8C8880;line-height:1.55}

@media(min-width:640px){
  .modal-bg{align-items:center}
  .modal-card{border-radius:1.4rem}
}

/* FOOTER */
.footer{background:#1A1817;color:rgba(255,255,255,.45);padding:2.25rem 0;text-align:center;font-size:.8rem}
.footer strong{color:#fff;font-family:'Fraunces',serif}

/* RESPONSIVE */
@media(max-width:1024px){
  .prod-grid{grid-template-columns:repeat(2,1fr)}
  .patch-grid{grid-template-columns:repeat(6,1fr)}
  .cart-layout{grid-template-columns:1fr}
  .sum-card{position:static}
  .studio-l{width:12.5rem}
  .studio-r{width:19rem}
  .canvas-wrap{width:min(520px,calc(100vw - 33.7rem),calc(100vh - 11.5rem))}
}
@media(min-width:769px) and (max-width:900px){
  .studio-l{display:none}
  .studio-r{width:20rem}
  .canvas-wrap{width:min(520px,calc(100vw - 22rem),calc(100vh - 11.5rem))}
}
@media(max-width:768px){
  .nav-links,.nav-search{display:none}
  .nav-ham{display:flex}
  .hero-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .prod-grid{grid-template-columns:1fr 1fr}
  .patch-grid{grid-template-columns:repeat(4,1fr)}
  .studio-l{display:none}
  .studio-r{width:13rem}
  .canvas-wrap{width:min(500px,calc(100vw - 15rem),calc(100vh - 13rem))}
  .mob-tabs{display:flex}
  .profile-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .form-grid .s2{grid-column:span 1}
  .acc-tabs{width:100%}
}
@media(max-width:1120px){
  .nav-search{display:none}
  .nav-ham[data-action="toggle-mob-search"]{display:flex}
}
@media(max-width:900px){
  .nav-links{display:none}
  .nav-ham{display:flex}
}
@media(max-width:520px){
  .prod-grid{grid-template-columns:1fr}
  .patch-grid{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:1fr}
  .hero-imgs{grid-template-columns:1fr 1fr}
  .lib-grid{grid-template-columns:repeat(3,1fr)}
}

/* Toast */
.toast{position:fixed;top:5rem;right:1.5rem;background:#1A1817;color:#fff;padding:.8rem 1.2rem;border-radius:.8rem;font-size:.85rem;font-weight:600;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.2);transform:translateX(120%);transition:transform .3s ease}
.toast.show{transform:translateX(0)}

/* EXTENDED CUSTOMER JOURNEY */
.journey-page{min-height:calc(100vh - 4rem);padding:1.75rem 0 5rem;background:#F8F6F3}
.narrow-wide{max-width:1040px}
.account-wide{max-width:980px}
.crumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1.6rem;color:#8C8880;font-size:.78rem;font-weight:600}
.crumbs button{color:#8C8880}.crumbs button:hover{color:#E83020}.crumbs b{opacity:.35}.crumbs span{color:#1A1817}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800;color:#E83020;margin-bottom:.55rem}
.journey-heading,.section-title-row,.checkout-head,.order-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.journey-heading h1,.section-title-row h1,.checkout-head h1,.order-detail-head h1{font-size:clamp(2.2rem,5vw,4rem)}
.journey-heading p,.section-title-row p,.order-detail-head p{color:#8C8880;margin-top:.75rem;max-width:38rem}
.step-dots{display:flex;gap:.35rem;padding-bottom:.5rem}.step-dots i{width:2rem;height:.28rem;border-radius:99px;background:#DDD7CE}.step-dots i.on{background:#E83020}.step-dots i.done{background:#0FA896}

/* Product detail */
.product-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);gap:4rem;align-items:start}
.product-gallery{position:sticky;top:6rem}.product-main-image{border-radius:1.5rem;aspect-ratio:1;overflow:hidden}.product-main-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.83}
.product-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.7rem}.product-thumbs button{height:5rem;background:#fff;border:1.5px solid rgba(26,24,23,.08);border-radius:.85rem;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.35rem;flex-direction:column}.product-thumbs button.on{border-color:#1A1817}.product-thumbs img{width:100%;height:100%;object-fit:cover}.product-thumbs span{font-size:1.35rem}.product-thumbs small{font-size:.65rem;color:#8C8880}
.product-copy{padding-top:1rem}.product-copy h1{font-size:clamp(2.5rem,5vw,4.7rem);margin-bottom:1rem}.rating{color:#F2A900;font-weight:800;font-size:.85rem}.rating span{color:#8C8880;font-weight:500;margin-left:.35rem}.product-lead{color:#625E58;font-size:1rem;margin:1.25rem 0;max-width:34rem}.detail-price{font-family:'Fraunces',serif;font-size:1.8rem;font-weight:900;margin-bottom:1.5rem}.detail-price small{display:block;font-family:'DM Sans',sans-serif;font-size:.7rem;color:#8C8880;font-weight:500;margin-top:.15rem}.option-block{border-top:1px solid rgba(26,24,23,.09);padding:1rem 0}.option-title{display:flex;justify-content:space-between;font-size:.82rem}.option-title span{color:#8C8880}.detail-swatches{display:flex;gap:.6rem;margin-top:.8rem}.detail-swatches button{width:2.1rem;height:2.1rem;border-radius:.65rem;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}.detail-swatches button.on{box-shadow:0 0 0 2px #1A1817}.detail-sizes{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.product-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.mini-trust{display:grid;gap:.45rem;color:#6F6A64;font-size:.75rem;margin-top:1.5rem}.mini-trust span:first-child{color:#0FA896}
.detail-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}.detail-info-grid article{background:#fff;padding:1.4rem;border-radius:1rem;border:1px solid rgba(26,24,23,.08)}.detail-info-grid article>span{font-family:monospace;color:#E83020;font-size:.72rem}.detail-info-grid h3{margin:.5rem 0;font-size:1rem}.detail-info-grid p{font-size:.8rem;color:#8C8880}

/* Patch builder */
.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:1.25rem;align-items:start}.builder-card,.builder-preview-card,.proof-card,.checkout-card,.checkout-summary,.tracking-card{background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1.15rem}.builder-card{overflow:hidden}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:#F2EDE4;padding:.3rem}.mode-tabs button{padding:.75rem;border-radius:.75rem;color:#8C8880;font-size:.82rem;font-weight:700}.mode-tabs button.on{background:#fff;color:#1A1817;box-shadow:0 2px 8px rgba(0,0,0,.07)}.builder-fields{padding:1.25rem;display:grid;gap:1rem}.builder-fields small{color:#8C8880;font-size:.68rem}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.upload-zone{min-height:10rem;border:2px dashed rgba(26,24,23,.16);border-radius:1rem;background:#F8F6F3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:1rem}.upload-zone:hover{border-color:#E83020;background:rgba(232,48,32,.03)}.upload-zone input{display:none}.upload-zone>span{font-size:1.8rem;color:#E83020}.upload-zone strong{margin:.35rem 0;font-size:.85rem}.color-input{display:flex;align-items:center;gap:.6rem;background:#F2EDE4;border-radius:.7rem;padding:.38rem .6rem}.color-input input{width:2.3rem;height:2rem;padding:0;border:none;background:none}.color-input span{font-family:monospace;font-size:.75rem;color:#8C8880}
.builder-preview-card{padding:1rem;position:sticky;top:5.5rem}.preview-stage{height:18rem;border-radius:1rem;background:radial-gradient(circle at center,#fff 0,#EEE8DF 75%);display:flex;align-items:center;justify-content:center;overflow:hidden}.custom-patch-preview{--thread:#E83020;width:8.5rem;height:8.5rem;background:var(--thread);color:#fff;border:7px dashed rgba(255,255,255,.85);box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 0 0 3px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:2rem;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.15)}.shape-circle{border-radius:50%}.shape-shield{clip-path:polygon(50% 0,94% 18%,86% 74%,50% 100%,14% 74%,6% 18%)}.shape-square{border-radius:1.7rem}.preview-meta{display:grid;grid-template-columns:1fr 1fr;margin:.8rem 0;border-bottom:1px solid rgba(26,24,23,.08);padding-bottom:.8rem}.preview-meta div{display:flex;flex-direction:column}.preview-meta div+div{text-align:right}.preview-meta span{font-weight:800}.preview-meta small{font-size:.65rem;color:#8C8880}.art-check{background:#F2EDE4;border-radius:.8rem;padding:.75rem;margin-bottom:.85rem}.art-check strong{font-size:.75rem}.art-check p{font-size:.68rem;color:#6F6A64;margin-top:.22rem}.art-check p:last-child{color:#B26A00}

/* Proof */
.proof-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);gap:1.25rem;align-items:start}.proof-visual{background:#EDE8E0;border-radius:1.25rem;padding:2rem;min-height:34rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.journey-preview{width:min(100%,30rem);aspect-ratio:1;border-radius:1.2rem;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.18);container-type:inline-size}.journey-preview:after{content:"";position:absolute;inset:1.4rem;border:2px dashed rgba(255,255,255,.55);border-radius:.8rem}.journey-preview img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.72}.journey-preview>span{position:absolute;z-index:2;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:900;text-shadow:0 1px 3px rgba(255,255,255,.8);transform-origin:center}.safe-zone-label{margin-top:1rem;color:#8C8880;font-size:.72rem}.proof-card{padding:1.1rem}.proof-summary{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid rgba(26,24,23,.08)}.proof-summary div{display:flex;flex-direction:column}.proof-summary span{font-size:.65rem;color:#8C8880}.proof-summary strong{font-size:.82rem}.production-note{background:#FFF6E2;border-radius:.8rem;padding:.8rem;margin:1rem 0}.production-note strong{font-size:.78rem}.production-note p{font-size:.7rem;color:#7B6A46;margin-top:.25rem}.proof-checks{display:grid;gap:.45rem}.proof-check{display:flex;align-items:center;text-align:left;gap:.65rem;padding:.72rem;border:1.5px solid rgba(26,24,23,.1);border-radius:.75rem}.proof-check i{width:1.15rem;height:1.15rem;border:2px solid rgba(26,24,23,.2);border-radius:.3rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-style:normal}.proof-check.on{border-color:#0FA896;background:rgba(15,168,150,.04)}.proof-check.on i{background:#0FA896;border-color:#0FA896;color:#fff}.proof-check span{font-size:.76rem;font-weight:600}.proof-actions{display:flex;gap:.5rem;margin-top:1rem}.proof-actions .btn{flex:1;justify-content:center;padding:.7rem}.text-action{width:100%;text-align:center;color:#E83020;font-size:.75rem;font-weight:700;margin-top:.85rem}

/* Checkout */
.checkout-wrap{max-width:1100px}.secure-pill{background:rgba(15,168,150,.1);color:#0FA896;border-radius:99px;padding:.45rem .8rem;font-size:.72rem;font-weight:700;margin-bottom:.5rem}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.25rem;align-items:start}.checkout-forms{display:grid;gap:.9rem}.checkout-card{padding:1.1rem}.checkout-card h2,.checkout-summary h2{font-size:1rem}.checkout-card-title{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem}.checkout-card-title>b{width:1.7rem;height:1.7rem;background:#1A1817;color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem}.checkout-card-title p{font-size:.7rem;color:#8C8880}.select-card{display:flex;align-items:center;gap:.7rem;border:1.5px solid rgba(26,24,23,.1);border-radius:.8rem;padding:.75rem;margin-top:.55rem;cursor:pointer}.select-card.on{border-color:#E83020;background:rgba(232,48,32,.03)}.select-card>span{display:flex;flex-direction:column;flex:1}.select-card strong{font-size:.78rem}.select-card small{font-size:.67rem;color:#8C8880}.select-card>b{font-size:.78rem}.payment-tabs{display:flex;gap:.45rem}.payment-tabs label{border:1.5px solid rgba(26,24,23,.1);padding:.55rem .8rem;border-radius:.65rem;font-size:.75rem;font-weight:700;cursor:pointer}.payment-tabs label.on{border-color:#1A1817;background:#F2EDE4}.payment-tabs input{margin-right:.3rem}.demo-payment{display:flex;align-items:center;gap:.7rem;background:#F8F6F3;border-radius:.75rem;padding:.8rem;margin-top:.7rem}.demo-payment>span{font-size:1.4rem}.demo-payment strong{font-size:.76rem}.demo-payment p{font-size:.67rem;color:#8C8880}.checkout-summary{padding:1.1rem;position:sticky;top:5.5rem}.checkout-summary h2{margin-bottom:.9rem}.checkout-item{display:grid;grid-template-columns:3.7rem 1fr auto;gap:.6rem;align-items:center;border-bottom:1px solid rgba(26,24,23,.08);padding:.65rem 0}.journey-preview.compact{width:3.7rem;border-radius:.6rem;box-shadow:none}.journey-preview.compact:after{inset:.3rem;border-width:1px}.journey-preview.compact>span{font-size:.5rem}.checkout-item>div:nth-child(2){display:flex;flex-direction:column}.checkout-item strong{font-size:.72rem}.checkout-item span{font-size:.62rem;color:#8C8880}.checkout-item>b{font-size:.72rem}.coupon-row{display:flex;gap:.35rem;margin:1rem 0}.coupon-row input{min-width:0;flex:1;background:#F2EDE4;border:none;border-radius:.65rem;padding:.55rem .7rem;font-size:.72rem}.coupon-row button{background:#1A1817;color:#fff;border-radius:.6rem;padding:0 .7rem;font-size:.7rem;font-weight:700}.total-lines{display:grid;gap:.4rem;font-size:.76rem}.total-lines>div{display:flex;justify-content:space-between}.total-lines span{color:#8C8880}.total-lines .grand{border-top:1px solid rgba(26,24,23,.1);padding-top:.7rem;margin-top:.25rem;font-size:.95rem}.total-lines .grand span{color:#1A1817;font-weight:700}.terms-check{display:block;font-size:.66rem;color:#6F6A64;margin:1rem 0;line-height:1.5}.terms-check input{margin-right:.35rem}.terms-check button{color:#E83020;font-size:inherit}.checkout-fine{text-align:center;font-size:.62rem;color:#8C8880;margin-top:.7rem}

/* Confirmation, orders and saved designs */
.success-page{display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem}.success-card{max-width:650px;width:100%;background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1.5rem;padding:2.2rem;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.08)}.success-icon{width:3.5rem;height:3.5rem;border-radius:50%;background:#0FA896;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;margin:0 auto 1rem}.success-card h1{font-size:clamp(2.3rem,6vw,4rem)}.success-card>p{color:#8C8880;margin:1rem auto;max-width:30rem}.success-order{display:grid;grid-template-columns:repeat(3,1fr);background:#F2EDE4;border-radius:1rem;padding:1rem;margin:1.4rem 0}.success-order div{display:flex;flex-direction:column}.success-order span{font-size:.65rem;color:#8C8880}.success-order strong{font-size:.78rem}.status-track{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;margin:1.5rem 1rem .5rem}.status-track i{width:.75rem;height:.75rem;border-radius:50%;background:#D5CFC6}.status-track i.on{background:#0FA896;box-shadow:0 0 0 4px rgba(15,168,150,.15)}.status-track span{height:2px;background:#D5CFC6}.status-labels{display:flex;justify-content:space-between;font-size:.62rem;color:#8C8880}.status-labels b:first-child{color:#0FA896}.success-actions{display:flex;justify-content:center;gap:.6rem;margin-top:1.5rem}
.orders-list{display:grid;gap:.7rem}.order-card{display:grid;grid-template-columns:2.5rem 1fr auto auto auto;gap:1rem;align-items:center;background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1rem;padding:1rem;text-align:left;transition:all .15s}.order-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.07)}.order-card-icon{width:2.5rem;height:2.5rem;border-radius:.7rem;background:#F2EDE4;display:flex;align-items:center;justify-content:center}.order-card>div:nth-child(2){display:flex;flex-direction:column}.order-card span,.order-card small{font-size:.65rem;color:#8C8880}.order-card strong{font-size:.84rem}.order-card em{font-style:normal;font-size:.62rem;font-weight:800;padding:.25rem .55rem;border-radius:99px;background:rgba(232,48,32,.08);color:#E83020}.order-card em.status-delivered{background:rgba(15,168,150,.1);color:#0FA896}.order-card>b{font-size:.85rem}.order-card>i{font-style:normal;color:#8C8880}
.order-detail-wrap{max-width:950px}.tracking-card{padding:1.2rem;margin-bottom:1rem}.tracking-top{display:flex;justify-content:space-between;border-bottom:1px solid rgba(26,24,23,.08);padding-bottom:1rem}.tracking-top>div{display:flex;flex-direction:column}.tracking-top span{font-size:.65rem;color:#8C8880}.tracking-top strong{font-size:.82rem}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.2rem}.timeline>div{display:flex;gap:.55rem}.timeline i{width:1.45rem;height:1.45rem;border-radius:50%;background:#E1DCD3;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.65rem;flex-shrink:0}.timeline .done i,.timeline .active i{background:#0FA896;color:#fff}.timeline .active i{background:#E83020}.timeline span{display:flex;flex-direction:column}.timeline strong{font-size:.72rem}.timeline small{font-size:.61rem;color:#8C8880}.order-detail-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:1rem}.detail-line{display:grid;grid-template-columns:4rem 1fr auto;gap:.7rem;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(26,24,23,.08)}.detail-line>div:nth-child(2){display:flex;flex-direction:column}.detail-line strong{font-size:.78rem}.detail-line span{font-size:.65rem;color:#8C8880}.placeholder-line>span{font-size:1.6rem}.summary-copy{display:grid;gap:.3rem;margin-top:1rem}.summary-copy span{font-size:.62rem;color:#8C8880;text-transform:uppercase;letter-spacing:.08em}.summary-copy p{font-size:.76rem;margin-bottom:.75rem}.summary-copy strong{font-size:1.1rem;color:#E83020}
.saved-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.saved-card{background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1rem;overflow:hidden}.saved-card>.journey-preview{width:100%;border-radius:0;box-shadow:none;aspect-ratio:1.6}.saved-card-copy{padding:1rem}.saved-card-copy>span{font-size:.62rem;color:#8C8880}.saved-card-copy h3{font-size:1rem}.saved-card-copy p{font-size:.72rem;color:#8C8880;margin-bottom:.75rem}.saved-card-copy>div{display:flex;gap:.3rem}.empty-designs{text-align:center;background:#fff;border:1px dashed rgba(26,24,23,.16);border-radius:1.2rem;padding:4rem 1rem}.empty-designs>span{font-size:2.5rem;color:#E83020}.empty-designs h2{font-family:'Fraunces',serif;margin:.6rem}.empty-designs p{color:#8C8880;font-size:.82rem;margin-bottom:1rem}.cart-edit{font-size:.68rem;color:#E83020;font-weight:700;margin:-.25rem 0 .45rem}

/* Help and policies */
.help-wrap{max-width:980px}.help-hero{text-align:center;padding:3rem 0}.help-hero h1{font-size:clamp(2.7rem,7vw,5rem)}.help-hero>p{color:#8C8880;margin:1rem}.help-search{max-width:28rem;margin:1.2rem auto 0;display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid rgba(26,24,23,.1);border-radius:99px;padding:.8rem 1.1rem;box-shadow:0 10px 30px rgba(0,0,0,.06)}.help-search input{border:none;outline:none;width:100%;background:none}.help-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.help-cards button{background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1rem;padding:1.2rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:transform .15s}.help-cards button:hover{transform:translateY(-2px)}.help-cards span{font-size:1.5rem}.help-cards strong{font-size:.85rem;margin-top:.5rem}.help-cards small{font-size:.68rem;color:#8C8880}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;margin:4rem 0}.faq-list details{border-bottom:1px solid rgba(26,24,23,.1);padding:1rem 0}.faq-list summary{display:flex;justify-content:space-between;font-weight:700;font-size:.86rem;cursor:pointer;list-style:none}.faq-list summary i{font-style:normal;color:#E83020}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{color:#8C8880;font-size:.76rem;padding-top:.65rem}.support-band{display:flex;align-items:center;justify-content:space-between;background:#1A1817;color:#fff;border-radius:1.2rem;padding:1.3rem 1.5rem}.support-band>div{display:flex;gap:.8rem;align-items:center}.support-band>div>span{font-size:1.6rem}.support-band p{font-size:.72rem;color:rgba(255,255,255,.55)}
.policy-wrap{max-width:950px}.policy-layout{display:grid;grid-template-columns:17rem 1fr;gap:4rem}.policy-layout>aside{position:sticky;top:6rem;align-self:start}.policy-layout>aside h1{font-size:3.5rem}.policy-layout nav{display:grid;margin-top:1.5rem}.policy-layout nav a{color:#8C8880;text-decoration:none;padding:.55rem 0;border-bottom:1px solid rgba(26,24,23,.08);font-size:.78rem}.policy-layout nav a:hover{color:#E83020}.policy-layout main{background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1.2rem;padding:1.6rem}.policy-layout section{padding:1rem 0 1.5rem;border-bottom:1px solid rgba(26,24,23,.08);scroll-margin-top:6rem}.policy-layout h2{font-family:'Fraunces',serif;font-size:1.45rem;margin-bottom:.55rem}.policy-layout p{font-size:.82rem;color:#6F6A64}.policy-note{background:#FFF6E2;border-radius:.7rem;padding:.75rem;margin-top:1rem!important;font-size:.68rem!important}

/* Site settings */
.site-announcement{background:#E83020;color:#fff;text-align:center;padding:.55rem 1rem;font-size:.75rem;font-weight:800;letter-spacing:.01em}

/* Expanded footer */
.footer{padding:3rem 0 1.2rem;text-align:left}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}.footer-brand strong{font-size:1.25rem}.footer-brand p{max-width:18rem;margin-top:.5rem;line-height:1.6}.footer-grid h4{color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.65rem}.footer-grid button,.footer-grid a,.footer-grid>div>span{display:block;color:rgba(255,255,255,.48);font-size:.74rem;margin:.38rem 0;text-decoration:none}.footer-grid button:hover,.footer-grid a:hover{color:#fff}.footer-bottom{grid-column:1/-1;display:flex!important;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:1rem;font-size:.65rem}.footer-bottom button{margin:0}

@media(max-width:900px){
  .product-detail{grid-template-columns:1fr;gap:1.5rem}.product-gallery{position:static}.product-main-image{max-height:34rem}.product-copy{padding-top:0}
  .builder-layout,.proof-layout,.checkout-layout,.order-detail-grid{grid-template-columns:1fr}.builder-preview-card,.checkout-summary{position:static}.builder-preview-card{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.builder-preview-card>.btn,.builder-preview-card>.text-action{grid-column:1/-1}.preview-stage{grid-row:span 2}
  .faq-section{grid-template-columns:1fr;gap:1.5rem}.policy-layout{grid-template-columns:1fr;gap:1.5rem}.policy-layout>aside{position:static}.policy-layout nav{grid-template-columns:repeat(2,1fr);column-gap:1rem}
}
@media(max-width:680px){
  .journey-page{padding-top:1rem}.journey-heading,.section-title-row,.checkout-head,.order-detail-head{align-items:flex-start;flex-direction:column;gap:1rem}.step-dots{display:none}
  .detail-info-grid,.help-cards,.success-order{grid-template-columns:1fr}.product-actions{display:grid}.product-actions .btn{justify-content:center}.builder-layout{display:block}.builder-preview-card{display:block;margin-top:1rem}.form-pair,.proof-summary{grid-template-columns:1fr}.preview-stage{height:14rem}.custom-patch-preview{width:7rem;height:7rem}
  .proof-visual{min-height:22rem;padding:1rem}.proof-actions{flex-direction:column}.checkout-wrap{padding:0 1rem}.checkout-card,.checkout-summary{padding:.9rem}.form-grid{grid-template-columns:1fr}.form-grid .s2{grid-column:auto}.select-card{align-items:flex-start}
  .success-card{padding:1.3rem}.success-order{gap:.7rem}.status-labels{font-size:.52rem}.success-actions{flex-direction:column}.orders-list .order-card{grid-template-columns:2.5rem 1fr auto;gap:.6rem}.order-card>em{grid-column:2}.order-card>b{grid-column:3;grid-row:1}.order-card>i{display:none}.timeline{grid-template-columns:1fr}.saved-grid{grid-template-columns:1fr}.tracking-top{flex-direction:column;gap:.7rem}
  .support-band{align-items:flex-start;flex-direction:column;gap:1rem}.policy-layout nav{grid-template-columns:1fr}.policy-layout main{padding:1rem}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:.3rem}
}
.cookie-notice{position:fixed;z-index:1000;left:1rem;right:1rem;bottom:1rem;max-width:760px;margin:auto;background:#fff;border:1px solid rgba(26,24,23,.14);box-shadow:0 16px 50px rgba(0,0,0,.16);border-radius:1rem;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cookie-notice p{margin:0;font-size:.78rem;color:#655e57}.cookie-notice>div{display:flex;align-items:center;gap:.8rem;white-space:nowrap}.cookie-notice a{font-size:.72rem;color:#e83020}@media(max-width:600px){.cookie-notice{flex-direction:column;align-items:stretch}.cookie-notice>div{justify-content:space-between}}
.product-reviews{margin:4rem 0 2rem;padding-top:2rem;border-top:1px solid rgba(26,24,23,.1)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.review-grid article{background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1rem;padding:1.1rem}.review-grid h3{margin:.5rem 0}.review-grid p{color:#6f6a64;font-size:.78rem;line-height:1.6}.review-grid small{display:block;margin-top:.8rem;color:#8c8880}.review-form{display:grid;grid-template-columns:8rem 1fr;gap:.8rem;background:#fff;border-radius:1rem;padding:1.2rem;border:1px solid rgba(26,24,23,.08)}.review-form h3,.review-form label:last-of-type,.review-form button{grid-column:1/-1}.review-form label{display:grid;gap:.35rem;font-size:.72rem;font-weight:700}.review-form textarea{min-height:6rem}.version-dialog{width:min(620px,calc(100vw - 2rem));border:0;border-radius:1rem;padding:1.2rem;box-shadow:0 20px 70px rgba(0,0,0,.25)}.version-dialog::backdrop{background:rgba(20,18,17,.5)}.version-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid rgba(26,24,23,.1)}.version-row small{display:block;color:#8c8880;margin-top:.25rem}@media(max-width:680px){.review-grid{grid-template-columns:1fr}.review-form{grid-template-columns:1fr}.review-form>*{grid-column:1!important}}

/* Inspiration gallery */
.inspiration-page{background:linear-gradient(180deg,#f8f3ea 0,#f6f3ee 28rem)}.inspiration-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.6fr);gap:4rem;align-items:end;padding:3.5rem 0 2.5rem}.inspiration-hero h1{font-size:clamp(3.5rem,8vw,7.2rem);line-height:.82;letter-spacing:-.055em;margin:.65rem 0 1.4rem}.inspiration-hero h1 em{color:#e83020;font-weight:500}.inspiration-hero p{max-width:42rem;color:#6f6a64;font-size:1rem;line-height:1.7}.inspiration-hero-stat{border-left:1px solid rgba(26,24,23,.14);padding:1rem 0 1rem 2rem;display:grid}.inspiration-hero-stat strong{font-family:'Fraunces',serif;font-size:4rem;line-height:1;color:#e83020}.inspiration-hero-stat span{font-weight:800;margin:.35rem 0}.inspiration-hero-stat small{color:#8c8880;line-height:1.5}.inspiration-filter{display:flex;gap:.55rem;overflow:auto;padding:1rem 0 1.8rem;border-top:1px solid rgba(26,24,23,.1)}.inspiration-filter button{border:1px solid rgba(26,24,23,.13);background:transparent;border-radius:999px;padding:.65rem 1rem;font-weight:750;font-size:.72rem;white-space:nowrap;cursor:pointer}.inspiration-filter button:hover,.inspiration-filter button.active{background:#1a1817;color:#fff;border-color:#1a1817}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.inspiration-card{background:#fff;border:1px solid rgba(26,24,23,.08);border-radius:1.35rem;overflow:hidden;box-shadow:0 12px 35px rgba(53,43,34,.05);transition:transform .25s,box-shadow .25s}.inspiration-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(53,43,34,.1)}.inspiration-card.featured:first-child{grid-column:span 2}.inspiration-art{position:relative;aspect-ratio:1.08;overflow:hidden;container-type:inline-size;background:#eee9e2}.inspiration-card.featured:first-child .inspiration-art{aspect-ratio:2.15}.inspiration-art>img.inspiration-product{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(0,0,0,.15))}.inspiration-art.has-cover>img{width:100%;height:100%;object-fit:cover}.inspiration-patch{position:absolute;display:grid;place-items:center;z-index:2}.inspiration-patch>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.2))}.inspiration-card-copy{padding:1.2rem;display:grid;gap:.7rem}.inspiration-meta{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-size:.58rem;font-weight:850;color:#8c8880}.inspiration-meta b{background:#fff0ee;color:#e83020;border-radius:99px;padding:.3rem .55rem}.inspiration-card h2{font-family:'Fraunces',serif;font-size:1.55rem;line-height:1.1}.inspiration-card-copy>p{font-size:.76rem;color:#6f6a64;line-height:1.6;min-height:2.5rem}.inspiration-by{display:flex;align-items:flex-end;justify-content:space-between;gap:.7rem;border-top:1px solid rgba(26,24,23,.08);padding-top:.7rem}.inspiration-by span{font-size:.68rem;font-weight:800}.inspiration-by small{font-size:.6rem;color:#8c8880;text-align:right}.inspiration-loading{text-align:center;padding:6rem;color:#8c8880}.inspiration-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:4rem 0 1rem;padding:2rem 2.2rem;background:#1a1817;color:#fff;border-radius:1.4rem}.inspiration-cta h2{font-family:'Fraunces',serif;font-size:2rem;margin:.35rem 0}.inspiration-cta p{color:rgba(255,255,255,.55);font-size:.78rem}
@media(max-width:900px){.inspiration-hero{grid-template-columns:1fr;gap:1.5rem}.inspiration-hero-stat{border-left:0;border-top:1px solid rgba(26,24,23,.14);padding:1.2rem 0;grid-template-columns:auto 1fr;column-gap:1rem}.inspiration-hero-stat small{grid-column:2}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-card.featured:first-child{grid-column:span 2}}
@media(max-width:620px){.inspiration-hero{padding-top:2rem}.inspiration-grid{grid-template-columns:1fr}.inspiration-card.featured:first-child{grid-column:auto}.inspiration-card.featured:first-child .inspiration-art{aspect-ratio:1.08}.inspiration-cta{align-items:flex-start;flex-direction:column;padding:1.4rem}}