:root{--paper: #f4eee2;--paper-deep: #ebe2d1;--paper-sheet: #faf7f0;--stone: #e0d4bb;--stone-mid: #d2c3a4;--stone-deep: #b8a684;--sky: #dde8ef;--olive: #6d7350;--olive-deep: #5a6042;--olive-tint: #eceee2;--ink: #111008;--ink-soft: #56534a;--ink-faint: #6b6659;--line: rgb(17 16 8 / 14%);--line-strong: rgb(17 16 8 / 30%);--danger: #9c3b26;--font-display: "Playfair Display", "Times New Roman", Georgia, serif;--font-text: "Spectral", Georgia, "Times New Roman", serif;--font-ui: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--ease: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .25, 1);--dur: .5s;--header-h: 74px;--gutter: clamp(20px, 4vw, 46px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}.nav-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.stage{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}.layer{position:absolute;inset:0;pointer-events:none;z-index:2}.layer>*{pointer-events:auto}.header{position:absolute;top:0;left:0;right:0;z-index:11;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-h);padding:0 var(--gutter);pointer-events:none}.header>*{pointer-events:auto}.wordmark{font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:.34em;text-indent:.34em;line-height:1;text-decoration:none}.nav{display:flex;align-items:center;gap:1px;padding:4px;background:#fffdf7e0;border:1px solid rgb(17 16 8 / 10%);border-radius:999px;box-shadow:0 8px 26px #2e261621;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-ui);font-size:13.5px;font-weight:500;letter-spacing:.01em;max-width:calc(100vw - 260px);overflow-x:auto;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.nav::-webkit-scrollbar{display:none}.nav-link{appearance:none;border:0;background:none;padding:8px 14px;border-radius:999px;color:#111008b8;cursor:pointer;white-space:nowrap;transition:color .25s var(--ease),background-color .25s var(--ease)}.nav-link:hover{color:var(--ink)}.nav-link[aria-current=page]{background:var(--ink);color:#fffdf7}.nav-sep{flex:none;width:1px;height:17px;margin:0 5px;background:#1110082e}.nav-info{appearance:none;flex:none;border:0;background:none;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-family:var(--font-display);font-style:italic;font-size:15px;line-height:1;color:#111008ad;cursor:pointer;transition:color .25s var(--ease),background-color .25s var(--ease)}.nav-info:hover:not(:disabled){background:#11100814;color:var(--ink)}.bag-button{position:relative;font-family:var(--font-ui);font-size:14.5px;font-weight:500;padding:6px 0;white-space:nowrap}.bag-count{font-variant-numeric:tabular-nums}@keyframes pop{40%{transform:scale(1.35)}}.bag-count.pop{animation:pop .4s var(--ease)}.hero{position:absolute;left:var(--gutter);top:clamp(96px,15vh,168px);max-width:min(46ch,54vw);z-index:5;animation:rise-in .9s var(--ease) both}.hero-title{font-family:var(--font-display);font-weight:600;font-size:clamp(52px,9.4vw,132px);line-height:.92;letter-spacing:-.035em;margin:0 0 clamp(18px,2.6vw,32px)}.hero-title em{font-style:italic;font-weight:600}.hero-lede{font-family:var(--font-text);font-weight:300;font-size:clamp(17px,1.7vw,23px);line-height:1.45;max-width:22ch;color:var(--ink);margin-bottom:clamp(26px,3.4vw,44px)}.hero-cta{display:inline-flex;align-items:center;gap:14px;padding:16px 30px;border-radius:999px;background:var(--olive);color:#f7f5ee;font-family:var(--font-ui);font-size:15.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:background .3s var(--ease),transform .3s var(--ease)}.hero-cta:hover{background:var(--olive-deep);transform:translateY(-2px)}.hero-cta svg{width:17px;height:17px;transition:transform .3s var(--ease)}.hero-cta:hover svg{transform:translate(4px)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}}.carousel{position:absolute;left:0;right:0;bottom:clamp(22px,4vh,44px);z-index:5;display:flex;flex-direction:column;align-items:center;gap:7px}.carousel-row{display:flex;align-items:center;gap:clamp(18px,3vw,44px)}.carousel-name{font-family:var(--font-display);font-size:clamp(18px,2vw,25px);font-weight:500;letter-spacing:.005em;min-width:min(58vw,340px);text-align:center;transition:opacity .3s var(--ease)}.carousel-name.swap{opacity:0}.arrow-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--ink-soft);transition:color .25s var(--ease),background .25s var(--ease)}.arrow-btn:hover{color:var(--ink);background:#11100812}.arrow-btn svg{width:20px;height:20px}.carousel-action{font-family:var(--font-text);font-size:12.5px;font-weight:500;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:3px;border-bottom:1px solid var(--line-strong);transition:color .25s var(--ease),border-color .25s var(--ease)}.carousel-action:hover{color:var(--ink);border-color:var(--ink)}.carousel-dots{display:flex;gap:7px;margin-top:4px}.carousel-dot{width:5px;height:5px;border-radius:50%;background:#1110083d;transition:background .3s var(--ease),transform .3s var(--ease)}.carousel-dot.active{background:var(--ink);transform:scale(1.25)}.hover-label{position:absolute;z-index:4;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap;font-family:var(--font-text);font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--ink);background:#faf7f0e0;backdrop-filter:blur(6px);padding:5px 12px;border-radius:999px;box-shadow:0 3px 14px #0000001a;animation:fade-in .25s var(--ease) both}@keyframes fade-in{0%{opacity:0}}.scrim{position:absolute;inset:0;z-index:12;background:#1e1b1257;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.scrim.open{opacity:1;pointer-events:auto}.sheet{position:absolute;z-index:13;right:0;top:0;bottom:0;width:min(470px,100vw);display:flex;flex-direction:column;background:var(--paper-sheet);border-left:1px solid var(--line);box-shadow:-22px 0 60px #28221424;transform:translate(102%);transition:transform var(--dur) var(--ease-in-out);overflow-y:auto;overscroll-behavior:contain}.sheet.open{transform:none}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(22px,3vw,34px) 0}.sheet-eyebrow{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.link-button{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--ink-soft);transition:color .25s var(--ease)}.link-button:hover{color:var(--ink)}.sheet-stage{position:relative;margin:6px clamp(22px,3vw,34px) 0;aspect-ratio:4 / 3;display:grid;place-items:center;background:linear-gradient(178deg,#f6f1e6,#ece4d4);border:1px solid var(--line);border-radius:4px;overflow:hidden;touch-action:pan-y}.sheet-stage svg,.sheet-stage img{width:84%;height:auto;filter:drop-shadow(0 22px 24px rgb(60 50 30 / 22%));transition:transform .1s linear}.sheet-body{padding:22px clamp(22px,3vw,34px) 34px;display:flex;flex-direction:column;gap:4px}.sheet-name{font-family:var(--font-display);font-size:clamp(26px,3vw,33px);font-weight:600;letter-spacing:-.02em;line-height:1.08}.sheet-meta{display:flex;align-items:baseline;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.sheet-price{font-family:var(--font-ui);font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}.sheet-colorway{font-family:var(--font-text);font-size:15.5px;font-weight:300;color:var(--ink-soft)}.field-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 11px;font-family:var(--font-ui);font-size:14.5px;font-weight:500}.field-hint{font-weight:400;font-size:13px;color:var(--ink-faint)}.size-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.size{height:46px;border:1px solid var(--line);border-radius:3px;background:#fff;font-family:var(--font-ui);font-size:14.5px;font-weight:500;font-variant-numeric:tabular-nums;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.size:hover:not(:disabled){border-color:var(--ink)}.size[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper-sheet)}.size:disabled{cursor:not-allowed;color:#a5a094;background:repeating-linear-gradient(-45deg,#fff,#fff 5px,#f2ede3 5px 10px)}.size-error{margin-top:11px;font-family:var(--font-ui);font-size:13.5px;font-weight:500;color:var(--danger)}.sheet-actions{display:flex;flex-direction:column;gap:12px;margin-top:26px}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 24px;border-radius:999px;background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:15.5px;font-weight:500;transition:background .25s var(--ease),transform .25s var(--ease)}.btn-primary:hover:not(:disabled){background:#2c2a20;transform:translateY(-1px)}.btn-primary.added{background:var(--olive)}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:15px 24px;border-radius:999px;border:1px solid var(--line-strong);font-family:var(--font-ui);font-size:15px;font-weight:500;transition:background .25s var(--ease),border-color .25s var(--ease)}.btn-secondary:hover{background:#1110080d;border-color:var(--ink)}.sheet-note{font-family:var(--font-text);font-size:13.5px;font-weight:300;line-height:1.55;color:var(--ink-faint);margin-top:4px}.drawer{position:absolute;z-index:14;top:0;right:0;bottom:0;width:min(430px,100vw);display:flex;flex-direction:column;background:var(--paper-sheet);border-left:1px solid var(--line);box-shadow:-22px 0 60px #28221429;transform:translate(102%);transition:transform var(--dur) var(--ease-in-out);pointer-events:auto}.drawer.open{transform:none}.drawer-head{display:flex;align-items:baseline;justify-content:space-between;padding:24px clamp(22px,3vw,32px) 18px;border-bottom:1px solid var(--line)}.drawer-title{font-family:var(--font-display);font-size:27px;font-weight:600;letter-spacing:-.015em}.drawer-lines{flex:1;overflow-y:auto;padding:6px clamp(22px,3vw,32px);overscroll-behavior:contain}.bag-empty{font-family:var(--font-text);font-weight:300;font-size:16.5px;line-height:1.6;color:var(--ink-soft);padding:30px 0;max-width:30ch}.bag-line{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.bag-thumb{display:grid;place-items:center;width:78px;height:78px;background:linear-gradient(178deg,#f6f1e6,#ece4d4);border:1px solid var(--line);border-radius:3px}.bag-thumb svg,.bag-thumb img{width:86%;height:auto}.bag-line-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.bag-line-name{font-family:var(--font-text);font-size:16px;font-weight:500}.bag-line-price{font-family:var(--font-ui);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.bag-line-sub{font-family:var(--font-text);font-size:14px;font-weight:300;color:var(--ink-soft);margin-top:2px}.bag-line-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}.qty button{width:32px;height:30px;font-family:var(--font-ui);font-size:16px;line-height:1;color:var(--ink-soft);transition:background .2s var(--ease),color .2s var(--ease)}.qty button:hover:not(:disabled){background:#11100812;color:var(--ink)}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty span{min-width:26px;text-align:center;font-family:var(--font-ui);font-size:14px;font-variant-numeric:tabular-nums}.remove{font-family:var(--font-ui);font-size:13px;color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px}.remove:hover{color:var(--danger)}.drawer-foot{padding:22px clamp(22px,3vw,32px) 30px;border-top:1px solid var(--line);background:var(--paper-sheet)}.total-row{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-ui);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.drawer-note{font-family:var(--font-text);font-size:13.5px;font-weight:300;color:var(--ink-faint);margin:6px 0 18px}.checkout-done{text-align:center;padding:34px 6px 6px;animation:rise-in .5s var(--ease) both}.checkout-done h3{font-family:var(--font-display);font-size:27px;font-weight:600;margin-bottom:10px}.checkout-done p{font-family:var(--font-text);font-weight:300;color:var(--ink-soft);line-height:1.6}.order-code{display:inline-block;margin-top:16px;font-family:var(--font-ui);font-size:13px;letter-spacing:.16em;padding:9px 16px;border:1px dashed var(--line-strong);border-radius:4px}.collection{position:absolute;inset:0;z-index:10;overflow-y:auto;background:var(--paper);padding:calc(var(--header-h) + 26px) var(--gutter) 80px;animation:fade-in .45s var(--ease) both}.collection-inner{max-width:1320px;margin:0 auto}.collection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:34px}.collection-title{font-family:var(--font-display);font-size:clamp(38px,6vw,74px);font-weight:600;letter-spacing:-.035em;line-height:.95}.collection-sub{font-family:var(--font-text);font-weight:300;font-size:17px;color:var(--ink-soft);max-width:34ch}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.chip{padding:9px 18px;border:1px solid var(--line);border-radius:999px;font-family:var(--font-ui);font-size:13.5px;font-weight:500;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:clamp(20px,2.6vw,40px)}.card{display:flex;flex-direction:column;text-align:left;background:transparent;transition:transform .35s var(--ease)}.card:hover{transform:translateY(-5px)}.card-media{display:grid;place-items:center;aspect-ratio:4 / 3;background:linear-gradient(178deg,#f6f1e6,#e9e0cf);border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-bottom:15px}.card-media svg,.card-media img{width:82%;height:auto;filter:drop-shadow(0 16px 18px rgb(60 50 30 / 20%));transition:transform .4s var(--ease)}.card:hover .card-media svg,.card:hover .card-media img{transform:scale(1.045)}.card-eyebrow{font-family:var(--font-ui);font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}.card-name{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-.015em;line-height:1.15}.card-colorway{font-family:var(--font-text);font-size:14.5px;font-weight:300;color:var(--ink-soft);margin-top:3px}.card-price{font-family:var(--font-ui);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:9px}.help{position:absolute;z-index:7;left:50%;bottom:clamp(96px,15vh,138px);transform:translate(-50%);width:min(430px,calc(100vw - 32px));background:#faf7f0f0;backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px #2822142e;padding:20px 22px 22px;animation:rise-in .4s var(--ease) both}.help-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-family:var(--font-display);font-size:19px;font-weight:600}.help ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.help li{font-family:var(--font-text);font-weight:300;font-size:14.5px;line-height:1.5;color:var(--ink-soft)}.help li b{display:block;font-family:var(--font-ui);font-weight:600;font-size:13px;color:var(--ink);margin-bottom:2px}.exit-hint{position:absolute;left:var(--gutter);bottom:clamp(22px,4vh,44px);z-index:5;font-family:var(--font-ui);font-size:12.5px;font-weight:500;color:var(--ink-faint);text-decoration:none;transition:color .25s var(--ease)}.exit-hint:hover{color:var(--ink)}@media(width<=900px){:root{--header-h: 64px}.hero{max-width:min(90vw,30ch);top:calc(var(--header-h) + 34px)}.hero-lede{max-width:26ch}.sheet{top:auto;left:0;right:0;width:auto;height:min(84vh,690px);border-left:0;border-top:1px solid var(--line);border-radius:20px 20px 0 0;transform:translateY(102%);box-shadow:0 -22px 60px #2822142e}.sheet-stage{aspect-ratio:16 / 9}.size-grid{grid-template-columns:repeat(6,1fr);gap:6px}.size{height:42px;font-size:13.5px}.drawer{width:100vw}.exit-hint{display:none}}@media(width<=560px){.nav{gap:15px;font-size:13.5px}.wordmark{font-size:16px}.carousel-name{min-width:56vw;font-size:17px}.carousel-row{gap:12px}.arrow-btn{width:34px;height:34px}.grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:18px}.card-name{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}}.sheet:focus,.drawer:focus{outline:none}.card{color:inherit;text-decoration:none}.carousel-name{animation:rise-in .42s var(--ease) both}.help{bottom:clamp(158px,24vh,214px)}.nav-link:disabled,.nav-info:disabled{color:#1110084d;cursor:not-allowed}@media(max-width:900px){.nav{max-width:58vw;font-size:12.5px}.nav-link{padding:7px 10px}}.notice{position:absolute;z-index:11;left:50%;bottom:26px;transform:translate(-50%);width:min(620px,calc(100vw - 32px));padding:15px 20px;border:1px solid var(--line);border-radius:10px;background:#faf7f0f5;box-shadow:0 14px 40px #28221429;font-family:var(--font-text);font-weight:300;font-size:14.5px;line-height:1.55;color:var(--ink-soft);animation:rise-in .4s var(--ease) both}.notice b{font-family:var(--font-ui);font-weight:600;font-size:13.5px;color:var(--ink);margin-right:6px}.hero,.help,.collection,.sheet,.drawer{user-select:text;-webkit-user-select:text}.collection,.sheet,.drawer{touch-action:pan-y}