:root{--canvas: #f6f1e8;--canvas-2: #efe7d8;--card: #fbf8f2;--ink: #201d19;--ink-soft: #5a5148;--muted: #928979;--line: #e4dccd;--line-strong: #d3c8b4;--accent: #a24e30;--accent-deep: #7f3a20;--gold: #8a6a3b;--display: "Fraunces", Georgia, "Times New Roman", serif;--body: "Hanken Grotesk", -apple-system, system-ui, sans-serif;--maxw: 1200px;--radius: 4px;--shadow-card: 0 1px 2px rgba(32, 29, 25, .04);--shadow-lift: 0 18px 40px -18px rgba(32, 29, 25, .35);--shadow-drawer: -24px 0 60px -30px rgba(32, 29, 25, .5);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);background:var(--canvas);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}ul{list-style:none;padding:0}.display{font-family:var(--display);font-weight:500;letter-spacing:-.01em;line-height:1.04}.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600}.price{font-family:var(--display);font-variant-numeric:tabular-nums}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(18px,5vw,44px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.9em 1.6em;border-radius:var(--radius);font-weight:600;font-size:.9rem;letter-spacing:.02em;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.btn-primary{background:var(--ink);color:var(--canvas)}.btn-primary:hover{background:var(--accent-deep);transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-deep);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line-strong);background:transparent}.btn-ghost:hover{border-color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-block{width:100%}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--canvas) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:68px}.brandmark{font-family:var(--display);font-weight:600;font-size:1.32rem;letter-spacing:-.01em;line-height:1}.brandmark small{display:block;font-family:var(--body);font-weight:600;font-size:.56rem;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin-top:3px}.nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.2rem)}.nav a{font-size:.9rem;font-weight:500;position:relative;padding-bottom:2px}.nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.cart-btn{display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:.9rem}.cart-btn .badge{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.nav-links--mobile{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 82% 8%,var(--canvas-2) 0%,transparent 60%),var(--canvas);border-bottom:1px solid var(--line)}.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;padding-block:clamp(3rem,8vw,6rem)}.hero h1{font-family:var(--display);font-weight:500;font-size:clamp(2.6rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin:1rem 0 1.2rem}.hero h1 em{font-style:italic;color:var(--accent)}.hero p{color:var(--ink-soft);font-size:1.06rem;max-width:42ch;margin-bottom:2rem}.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem}.hero__art{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lift);border:1px solid var(--line-strong)}.hero__art img{width:100%;height:100%;object-fit:cover}.hero__art .tag{position:absolute;left:16px;bottom:16px;background:color-mix(in srgb,var(--canvas) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.5em .9em;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.06em}.section{padding-block:clamp(2.6rem,6vw,4.5rem)}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}.section__head h2{font-family:var(--display);font-weight:500;font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:-.01em}.section__head a{font-weight:600;font-size:.9rem;border-bottom:1px solid var(--line-strong);padding-bottom:2px;white-space:nowrap}.section__head a:hover{border-color:var(--ink)}.toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:2rem}.chips{display:flex;flex-wrap:wrap;gap:.55rem}.chip{padding:.5em 1.1em;border-radius:999px;border:1px solid var(--line-strong);font-size:.86rem;font-weight:600;color:var(--ink-soft);transition:all .22s var(--ease)}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.sort{display:inline-flex;align-items:center;gap:.5em;font-size:.86rem;color:var(--ink-soft)}.sort select{font:inherit;font-weight:600;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.5em .7em;background:var(--card)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.9rem,2.2vw,1.6rem)}@media (min-width: 720px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1000px){.grid{grid-template-columns:repeat(4,1fr)}}.grid--featured{grid-template-columns:repeat(2,1fr)}@media (min-width: 720px){.grid--featured{grid-template-columns:repeat(4,1fr)}}.card{display:flex;flex-direction:column}.card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius);background:var(--canvas-2);border:1px solid var(--line)}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.card:hover .card__media img{transform:scale(1.045)}.card__quick{position:absolute;left:10px;right:10px;bottom:10px;opacity:0;transform:translateY(8px);transition:all .3s var(--ease)}.card:hover .card__quick,.card:focus-within .card__quick{opacity:1;transform:translateY(0)}.card__quick .btn{padding:.7em 1em;font-size:.82rem;background:color-mix(in srgb,var(--canvas) 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-strong);color:var(--ink)}.card__quick .btn:hover{background:var(--ink);color:var(--canvas)}.card__cat{position:absolute;top:10px;left:10px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);background:color-mix(in srgb,var(--canvas) 90%,transparent);padding:.35em .7em;border-radius:999px}.card__body{padding:.85rem .15rem 0;display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.card__name{font-family:var(--display);font-weight:500;font-size:1.02rem;line-height:1.2}.card__price{font-size:1rem;white-space:nowrap}.pdp{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start;padding-block:clamp(1.8rem,5vw,3.5rem)}.pdp__gallery{display:flex;flex-direction:column;gap:.8rem}.pdp__main{aspect-ratio:4 / 5;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--canvas-2)}.pdp__main img{width:100%;height:100%;object-fit:cover}.pdp__info{position:sticky;top:92px}.pdp__info h1{font-family:var(--display);font-weight:500;font-size:clamp(2rem,5vw,3rem);line-height:1.02;letter-spacing:-.015em;margin:.7rem 0 .5rem}.pdp__price{font-size:1.5rem;margin-bottom:1.4rem}.pdp__desc{color:var(--ink-soft);font-size:1.02rem;max-width:46ch;margin-bottom:1.8rem}.field{margin-bottom:1.6rem}.field__label{display:flex;justify-content:space-between;font-size:.82rem;font-weight:600;margin-bottom:.6rem}.field__label span:last-child{color:var(--muted);font-weight:500}.options{display:flex;flex-wrap:wrap;gap:.5rem}.opt{min-width:3rem;padding:.55em .9em;border:1px solid var(--line-strong);border-radius:var(--radius);font-size:.88rem;font-weight:600;color:var(--ink-soft);transition:all .2s var(--ease)}.opt:hover{border-color:var(--ink)}.opt.active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.qty{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.qty button{width:42px;height:42px;font-size:1.1rem;color:var(--ink);transition:background .2s var(--ease)}.qty button:hover{background:var(--canvas-2)}.qty span{width:44px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.pdp__actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:.4rem}.pdp__note{margin-top:1.4rem;font-size:.86rem;color:var(--muted);display:flex;gap:.5em;align-items:center}.breadcrumb{font-size:.85rem;color:var(--muted);padding-top:1.4rem}.breadcrumb a:hover{color:var(--ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#201d196b;opacity:0;animation:fade .3s var(--ease) forwards}.drawer{position:fixed;top:0;right:0;z-index:61;height:100dvh;width:min(440px,92vw);background:var(--canvas);box-shadow:var(--shadow-drawer);display:flex;flex-direction:column;transform:translate(100%);animation:slideIn .42s var(--ease) forwards}@keyframes slideIn{to{transform:translate(0)}}@keyframes fade{to{opacity:1}}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.4rem;border-bottom:1px solid var(--line)}.drawer__head h3{font-family:var(--display);font-weight:500;font-size:1.3rem}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;transition:background .2s var(--ease)}.icon-btn:hover{background:var(--canvas-2)}.drawer__body{flex:1;overflow-y:auto;padding:.6rem 1.4rem}.line{display:grid;grid-template-columns:66px 1fr auto;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--line)}.line__img{width:66px;height:82px;border-radius:var(--radius);object-fit:cover;border:1px solid var(--line);background:var(--canvas-2)}.line__name{font-family:var(--display);font-weight:500;font-size:1rem;line-height:1.2}.line__variant{font-size:.8rem;color:var(--muted);margin-top:2px}.line__controls{display:flex;align-items:center;gap:.9rem;margin-top:.6rem}.line__qty{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius)}.line__qty button{width:30px;height:30px;color:var(--ink)}.line__qty button:hover{background:var(--canvas-2)}.line__qty span{width:30px;text-align:center;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.line__remove{font-size:.8rem;color:var(--muted);border-bottom:1px solid transparent}.line__remove:hover{color:var(--accent);border-color:var(--accent)}.line__price{font-family:var(--display);font-variant-numeric:tabular-nums;align-self:start}.drawer__foot{border-top:1px solid var(--line);padding:1.3rem 1.4rem calc(1.3rem + env(safe-area-inset-bottom));background:var(--card)}.drawer__total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.drawer__total .price{font-size:1.4rem}.drawer__hint{text-align:center;font-size:.78rem;color:var(--muted);margin-top:.8rem}.drawer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:2rem;color:var(--ink-soft)}.drawer__empty .display{font-size:1.4rem}.confirm{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:2rem 1.6rem}.confirm__badge{width:64px;height:64px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);display:grid;place-items:center}.confirm h3{font-family:var(--display);font-weight:500;font-size:1.5rem}.confirm__code{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-size:1.5rem;letter-spacing:.04em;background:var(--card);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:.6em 1em}.confirm__copy{font-size:.78rem;font-weight:600;color:var(--accent);border:1px solid var(--line-strong);border-radius:999px;padding:.3em .7em}.confirm p{color:var(--ink-soft);max-width:34ch;font-size:.95rem}.site-footer{border-top:1px solid var(--line);background:var(--canvas-2);margin-top:2rem}.site-footer__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding-block:clamp(2.4rem,5vw,3.6rem)}.site-footer h4{font-family:var(--display);font-weight:500;font-size:1.5rem;margin-bottom:.5rem}.site-footer p{color:var(--ink-soft);font-size:.92rem;max-width:34ch}.footcol .eyebrow{margin-bottom:.9rem;display:block}.footcol a,.footcol span{display:block;font-size:.95rem;color:var(--ink-soft);padding:.25rem 0}.footcol a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);padding-block:1.1rem;font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}@media (prefers-reduced-motion: no-preference){.reveal{opacity:0;transform:translateY(16px);animation:rise .7s var(--ease) forwards}@keyframes rise{to{opacity:1;transform:translateY(0)}}}@media (max-width: 860px){.hero__inner{grid-template-columns:1fr}.hero__art{order:-1;max-width:380px}.pdp{grid-template-columns:1fr}.pdp__info{position:static}.site-footer__inner{grid-template-columns:1fr 1fr}}@media (max-width: 620px){.nav-links--desktop{display:none}.nav-links--mobile{display:flex}.site-footer__inner{grid-template-columns:1fr}.card__quick{opacity:1;transform:none}}