:root{--night:#18221b;--night-2:#1f2c23;--panel:#223026;--field:#2a3a2f;--ink:#f5efe2;--muted:#f5efe2ad;--faint:#f5efe273;--gold:#e7ddc9;--gold-hi:#f5efe2;--gold-deep:#b8a684;--crimson:#63383d;--pine:#384a3d;--paper:#f5efe2;--line:#e7ddc933;--line-strong:#e7ddc96b;--glass:#0d132a9e;--error:#ff8a80;--serif:"Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;--caps:"DM Sans", system-ui, -apple-system, sans-serif;--display:"Bodoni Moda", Didot, "Bodoni 72", Georgia, serif;--espresso:#3b2923;--oxblood:#63383d;--sage:#8fa284;--sans:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--night);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--night);min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}html.is-locked,html.is-locked body{overflow:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit}a{color:var(--gold)}em{font-style:italic}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:10px}::selection{color:#fff;background:#e7ddc959}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--night)}::-webkit-scrollbar-thumb{background:#e7ddc959;border-radius:4px}.eyebrow{font-family:var(--caps);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.72rem;font-weight:600}.bg{z-index:0;background:var(--night);position:fixed;inset:0;overflow:hidden}.bg-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.bg-video.is-fit{height:calc(200vw * var(--phone-stretch,1));bottom:auto;top:calc(var(--phone-centre,41%) - 200vw * var(--phone-stretch,1) * .347);object-fit:fill;transform:none}@media (aspect-ratio>=1){.bg-video{object-position:center center;transform:none}}@media (aspect-ratio>=16/9){.bg-video{object-fit:contain}}.bg-tint{background:linear-gradient(#18221bb3 0%,#18221b00 13%),linear-gradient(#18221b00 44%,#18221b40 54%,#18221bdb 74%,#18221bf5 100%);position:absolute;inset:0}.bg-dim{opacity:calc(var(--hero-progress,0) * .92);will-change:opacity;background:radial-gradient(120% 90% at 50% 40%,#18221be6,#111914f7);position:absolute;inset:0}.bg-grain{opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-50%}@media (aspect-ratio>=1){.bg-tint{background:linear-gradient(#18221ba6 0%,#18221b00 16%),linear-gradient(#18221b00 40%,#18221b8c 70%,#18221bf2 100%),linear-gradient(90deg,#18221bc7 0%,#18221b59 38%,#18221b00 62%)}}.snow{z-index:1;pointer-events:none;position:fixed;inset:0}main,.footer{z-index:2;position:relative}.btn{min-height:50px;font-family:var(--sans);letter-spacing:.01em;cursor:pointer;isolation:isolate;transition:transform .25s var(--ease-out), box-shadow .3s ease, background-color .3s ease, opacity .2s ease;-webkit-user-select:none;user-select:none;border:0;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:.8rem 1.4rem;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-lg{min-height:56px;padding:.9rem 1.6rem;font-size:1.04rem}.btn-block{width:100%}.btn-primary{color:#1f2c23;background:var(--ink);box-shadow:0 12px 30px -14px #000000bf,inset 0 1px #ffffffe6,inset 0 -1px #0c12291f}.btn-primary:after{content:"";z-index:-1;transition:transform .8s var(--ease-out);background:linear-gradient(110deg,#0000 30%,#e7ddc94d 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}@media (hover:hover){.btn-primary:not(:disabled):hover{background:#fffaf0;transform:translateY(-2px);box-shadow:0 18px 40px -14px #000c,0 0 0 1px #ffffff59,inset 0 1px #fff}.btn-primary:not(:disabled):hover:after{transform:translate(120%)}.btn-ghost:not(:disabled):hover{background:#ffffff24;border-color:#f5efe280}}.btn-ghost{color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #f5efe247}.btn-ghost.is-on{border-color:var(--line-strong);color:var(--gold-hi)}.icon-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#18221b59;border:1px solid #f5efe22e;border-radius:2px;flex:0 0 44px;place-items:center;transition:background-color .25s,border-color .25s,transform .2s;display:inline-grid;position:relative}.icon-btn:active{transform:scale(.94)}@media (hover:hover){.icon-btn:hover{border-color:var(--line-strong);background:#ffffff1f}}.icon-btn-spacer{width:44px;height:44px}.link-btn{color:var(--gold);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:14px auto 0;padding:8px 12px;font-size:.95rem;font-weight:600;text-decoration:underline;display:block}.eq{align-items:flex-end;gap:2.5px;height:16px;display:inline-flex}.eq i{background:var(--gold);border-radius:2px;width:3px;animation:.9s ease-in-out infinite eq;display:block}.eq i:first-child{height:40%;animation-delay:-.2s}.eq i:nth-child(2){height:90%;animation-delay:-.5s}.eq i:nth-child(3){height:60%;animation-delay:-.1s}.eq i:nth-child(4){height:75%;animation-delay:-.7s}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.eq i{transform-origin:bottom}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar{z-index:20;padding:calc(var(--safe-top) + 10px) 16px 10px;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background-color .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}.topbar.is-scrolled{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-bottom-color:var(--line);background:#18221bb8}.brand{color:var(--ink);font-family:var(--caps);letter-spacing:.26em;text-transform:uppercase;text-shadow:0 2px 12px #00000080;align-items:center;gap:10px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-star{color:var(--gold);filter:drop-shadow(0 0 6px #e7ddc9cc);animation:14s linear infinite brandspin}@keyframes brandspin{to{transform:rotate(360deg)}}.topbar-actions{gap:10px;display:flex;position:relative}.sound-btn.is-on{border-color:var(--line-strong)}.sound-hint{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-family:var(--caps);letter-spacing:.08em;white-space:nowrap;cursor:pointer;animation:hintIn .5s var(--ease-out) 1.2s both, hintBob 2.6s ease-in-out 1.7s infinite;background:#18221bd1;border-radius:999px;padding:7px 12px;font-size:.74rem;font-weight:600;position:absolute;top:calc(100% + 12px);right:54px;box-shadow:0 6px 20px #00000059}.sound-hint:before{content:"";border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong);background:#18221b;width:10px;height:10px;position:absolute;top:-6px;right:17px;transform:rotate(45deg)}@keyframes hintIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes hintBob{0%,to{transform:none}50%{transform:translateY(3px)}}.bag-count{background:var(--gold);color:#3b2923;min-width:20px;height:20px;box-shadow:0 0 0 2px var(--night), 0 0 14px #e7ddc9b3;animation:pop .5s var(--ease-spring);border-radius:999px;place-items:center;padding:0 5px;font-size:.72rem;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.25)}to{transform:scale(1)}}.test-ribbon{z-index:21;top:calc(var(--safe-top) + 68px);background:var(--crimson);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.75rem;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.hero{min-height:100svh;padding:calc(var(--safe-top) + 80px) 20px calc(var(--safe-bottom) + 36px);justify-content:center;align-items:flex-end;display:flex;position:relative}.hero-inner{text-align:center;width:100%;max-width:560px}.hero-title{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;color:var(--ink);text-shadow:0 6px 40px #00000073;animation:wordIn 1.3s var(--ease-out) .35s both;margin:6px 0 28px;font-size:clamp(4.4rem,25vw,11.5rem);font-weight:400;line-height:.95}@keyframes wordIn{0%{opacity:0;filter:blur(12px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:none}}.hero-eyebrow{font-family:var(--caps);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 20px #0009;animation:rise .9s var(--ease-out) .6s both;margin:0 -.34em 10px 0;font-size:clamp(.72rem,3.3vw,1.05rem);font-weight:500}.hero-tagline{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 2px 20px #0009;animation:rise .9s var(--ease-out) .8s both;margin:0 -.2em 26px 0;font-size:clamp(.95rem,4.2vw,1.4rem);font-style:italic;font-weight:500}.hero-actions{animation:rise 1s var(--ease-out) 1s both;gap:10px;display:flex}.hero-actions .btn{white-space:nowrap;flex:auto;padding-inline:1rem}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (aspect-ratio<=1) and (height<=720px){.hero-actions .btn{min-height:50px;font-size:.92rem}}.verse{max-width:1200px;margin:0 auto;padding:80px 28px 24px}.verse-text{margin:0}.verse-text p{font-family:var(--serif);color:var(--ink);margin:0;font-size:clamp(1.2rem,5.2vw,2.1rem);font-weight:600;line-height:1.5;position:relative}.verse-part{display:block}.verse-quote{color:inherit}.verse-quote--open{position:absolute;transform:translate(-100%)}.verse-col{max-width:30em}.verse-col--1{text-align:left}.verse-col--2{text-align:left;margin:4.2em 0 0 auto;padding-left:9vw}@media (width>=761px){.verse{padding-top:110px}.verse-text p{white-space:nowrap;font-size:clamp(1.3rem,2.2vw,2.1rem)}.verse-text{grid-template-columns:1fr 1fr;column-gap:6vw;display:grid}.verse-col--1{grid-column:1;justify-self:start}.verse-col--2{grid-column:2;justify-self:end;margin:11em 0 0;padding-left:0}}.shop{max-width:1180px;margin:0 auto;padding:40px 16px 32px}.section-head{text-align:center;margin-bottom:36px}.section-title{font-family:var(--display);margin:10px 0 0;font-size:clamp(2.5rem,11vw,4.2rem);font-weight:500;line-height:1}.section-title em{color:var(--gold)}.section-sub{max-width:36ch;color:var(--muted);margin:14px auto 0;font-size:1rem}.ornament{color:var(--gold);justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.ornament span{background:linear-gradient(90deg, transparent, var(--line-strong));width:54px;height:1px}.ornament span:last-child{transform:scaleX(-1)}.grid{grid-template-columns:1fr;gap:22px;display:grid}.reveal{opacity:0}.reveal.is-in{opacity:1;animation:revealIn .95s var(--ease-out) var(--reveal-delay,0s) backwards}@keyframes revealIn{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);transition:transform .6s var(--ease-out), border-color .4s ease, box-shadow .5s ease;background:linear-gradient(#223026b3,#18221bd1);border-radius:28px;flex-direction:column;padding:10px;display:flex;position:relative;box-shadow:0 30px 60px -30px #000000b3,inset 0 1px #ffffff0f}@media (hover:hover){.card.is-in:hover{border-color:var(--line-strong);transform:translateY(-6px);box-shadow:0 40px 80px -30px #000000bf,0 0 0 1px #e7ddc914,0 0 60px -20px #e7ddc959,inset 0 1px #ffffff14}}.card-badge{z-index:3;background:var(--crimson);color:#fff;font-family:var(--caps);letter-spacing:.2em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:.64rem;font-weight:600;position:absolute;top:22px;left:22px;box-shadow:0 6px 18px #63383d73}.gallery{background:var(--paper);border-radius:20px;position:relative;overflow:hidden}.gallery:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 20%,#0000 55%,#785a2824);position:absolute;inset:0}.gallery-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.gallery-track::-webkit-scrollbar{display:none}.gallery-track:focus-visible{outline-offset:-3px}.gallery-slide{aspect-ratio:1;scroll-snap-align:center;flex:0 0 100%;place-items:center;padding:5%;display:grid}.gallery-slide img{object-fit:contain;mix-blend-mode:multiply;-webkit-user-drag:none;width:100%;height:100%}.gallery-dots{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#18221b8c;border-radius:999px;gap:6px;padding:6px 8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;width:7px;height:7px;transition:width .35s var(--ease-out), background-color .3s ease;background:#f5efe273;border:0;border-radius:999px;padding:0}.dot.is-active{background:var(--gold);width:20px}.gallery-arrow{z-index:2;width:42px;height:42px;color:var(--ink);cursor:pointer;opacity:0;transition:opacity .3s ease, transform .3s var(--ease-out), background-color .2s ease;background:#18221bb8;border:0;border-radius:2px;place-items:center;margin-top:-21px;display:none;position:absolute;top:50%}.gallery-arrow.prev{left:12px;transform:translate(-6px)}.gallery-arrow.next{right:12px;transform:translate(6px)}@media (hover:hover) and (pointer:fine){.gallery-arrow{display:grid}.card:hover .gallery-arrow,.gallery-arrow:focus-visible{opacity:1;transform:none}.gallery-arrow:hover{background:var(--gold);color:#3b2923}}@media (hover:none),(pointer:coarse){.gallery-arrow{opacity:1;width:38px;height:38px;margin-top:-19px;display:grid;transform:none}.gallery-arrow.prev{left:8px;transform:none}.gallery-arrow.next{right:8px;transform:none}.gallery-arrow:active{background:var(--gold);color:#3b2923}}.card-body{flex-direction:column;flex:1;gap:14px;padding:18px 10px 10px;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-tagline{font-family:var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 4px;font-size:.66rem;font-weight:600}.card-title{font-family:var(--display);margin:0;font-size:1.75rem;font-weight:400;line-height:1.05}.card-price{white-space:nowrap;padding-top:18px;font-size:1.2rem;font-weight:700}.card-desc{color:var(--muted);margin:0;font-size:.95rem}.sizes-wrap{margin-top:auto}.sizes-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.8rem;font-weight:600;display:flex}.sizes-hint{color:var(--gold);text-transform:none;letter-spacing:0;animation:rise .35s var(--ease-out);font-weight:600}.sizes{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.sizes.is-nudged{animation:.45s shake}@keyframes shake{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.size{border:1px solid var(--line);min-height:46px;color:var(--ink);cursor:pointer;transition:background-color .2s ease, border-color .2s ease, color .2s ease, transform .25s var(--ease-spring), box-shadow .3s ease;background:#ffffff0a;border-radius:2px;padding:0;font-size:.92rem;font-weight:700}.sizes.is-nudged .size{border-color:var(--line-strong)}@media (hover:hover){.size:hover{border-color:var(--line-strong);background:#e7ddc914}}.size.is-selected{background:var(--ink);border-color:var(--ink);color:#1f2c23;transform:translateY(-2px);box-shadow:0 8px 22px -10px #000000b3}.add-btn{display:grid}.add-btn>span{transition:transform .45s var(--ease-out), opacity .3s ease;grid-area:1/1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.add-done{opacity:0;transform:translateY(140%)}.add-btn.is-added{background:linear-gradient(135deg, #3d7a5c, var(--pine));color:#fff;box-shadow:0 12px 30px -12px #384a3de6}.add-btn.is-added .add-label{opacity:0;transform:translateY(-140%)}.add-btn.is-added .add-done{opacity:1;transform:none}.fly{z-index:80;object-fit:contain;background:var(--paper);pointer-events:none;will-change:transform, opacity;border-radius:22px;padding:10px;position:fixed;box-shadow:0 20px 50px #00000080,0 0 0 2px #e7ddc999}.footer{text-align:center;padding:48px 20px calc(var(--safe-bottom) + 120px)}.footer-made{color:var(--faint);letter-spacing:.04em;margin:18px 0 0;font-size:.95rem}.bagbar{z-index:25;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 12px);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);color:var(--ink);text-align:left;cursor:pointer;opacity:0;pointer-events:none;transition:transform .5s var(--ease-spring), opacity .3s ease, box-shadow .4s ease, border-color .4s ease;background:#0c1229db;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:8px 18px 8px 8px;display:flex;position:fixed;transform:translateY(calc(100% + 30px));box-shadow:0 20px 50px -12px #000000b3}.bagbar.is-shown{opacity:1;pointer-events:auto;transform:none}.bagbar.is-added{border-color:var(--gold);box-shadow:0 20px 50px -12px #000000b3,0 0 40px -6px #e7ddc98c}.bagbar-left{align-items:center;gap:12px;min-width:0;display:flex}.bagbar-icon{background:var(--ink);color:#1f2c23;border-radius:2px;flex:0 0 46px;place-items:center;height:46px;display:grid;position:relative}.bagbar-count{background:var(--crimson);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 2px #1f2c23}.bagbar-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.bagbar-text strong{font-size:.98rem}.bagbar-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.bagbar-total{font-size:1.05rem;font-weight:800}.bag-root{z-index:40;pointer-events:none;position:fixed;inset:0}.bag-root.is-open{pointer-events:auto}.bag-scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0c120e99;transition:opacity .4s;position:absolute;inset:0}.bag-root.is-open .bag-scrim{opacity:1}.bag-panel{border-top:1px solid var(--line-strong);max-height:92svh;transition:transform .5s var(--ease-out);background:radial-gradient(120% 60% at 50% 0,#e7ddc917,#0000 60%),linear-gradient(#24332a,#18221b);border-radius:28px 28px 0 0;outline:none;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -30px 80px #0000008c}.bag-root.is-open .bag-panel{transform:none}.bag-panel.is-dragging{transition:none}.bag-grab{touch-action:none;cursor:grab;padding-top:10px}.bag-handle{background:#f5efe240;border-radius:3px;width:42px;height:5px;margin:0 auto 4px;display:block}.bag-header{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:6px 14px 14px;display:grid}.bag-title{text-align:center}.bag-title h2{font-family:var(--serif);margin:0;font-size:1.7rem;font-weight:600;line-height:1.1}.steps{justify-content:center;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.steps li{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:flex}.steps li+li:before{content:"";background:var(--line-strong);width:14px;height:1px}.steps li.is-current{color:var(--gold)}.steps li.is-done{color:var(--ink)}.bag-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:4px 18px 18px;overflow-y:auto}.bag-footer{padding:16px 18px calc(var(--safe-bottom) + 16px);border-top:1px solid var(--line);background:#18221b99}.bag-subtotal{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.bag-subtotal span{color:var(--muted)}.bag-subtotal em{font-size:.88rem;font-style:normal}.bag-subtotal strong{font-size:1.35rem}.notice{background:#63383d26;border:1px solid #ff8a8059;border-radius:14px;margin:0 0 14px;padding:12px 14px;font-size:.92rem}.lines{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.line{animation:rise .4s var(--ease-out);border-bottom:1px solid #e7ddc91f;align-items:flex-start;gap:14px;padding:14px 0;display:flex}.line:first-child{padding-top:4px}.line-thumb{background:var(--paper);border-radius:16px;flex:0 0 78px;height:78px;padding:6px}.line-thumb img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.line-info{flex:1;min-width:0}.line-name{font-family:var(--serif);margin:0;font-size:1.28rem;font-weight:600;line-height:1.15}.line-meta{color:var(--muted);margin:2px 0 10px;font-size:.86rem}.stepper{border:1px solid var(--line);border-radius:2px;align-items:center;display:inline-flex}.stepper button{width:36px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:2px;font-size:1.15rem}.stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper span{text-align:center;min-width:24px;font-size:.95rem;font-weight:700}.line-end{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.line-total{font-weight:700}.line-remove{color:var(--faint);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.82rem;text-decoration:underline}@media (hover:hover){.line-remove:hover{color:var(--error)}}.pickup{border:1px solid var(--line);color:var(--muted);background:#e7ddc912;border-radius:18px;gap:12px;margin-top:18px;padding:14px 16px;font-size:.88rem;display:flex}.pickup svg{color:var(--gold);flex:0 0 20px;margin-top:1px}.pickup p{margin:0}.pickup strong{color:var(--ink)}.empty{text-align:center;padding:28px 10px 36px}.empty-star{color:var(--gold);filter:drop-shadow(0 0 18px #e7ddc9b3);margin:0 auto 14px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(12deg)}}.empty-title{font-family:var(--serif);margin:0;font-size:1.7rem;font-weight:600}.empty-sub{max-width:28ch;color:var(--muted);margin:6px auto 20px}.details-intro{color:var(--muted);margin:0 0 18px;font-size:.95rem}.field{margin-bottom:14px;display:block;position:relative}.field input{border:1px solid var(--line);background:var(--field);width:100%;height:60px;color:var(--ink);font:inherit;border-radius:16px;outline:none;padding:24px 16px 8px;font-size:16px;transition:border-color .25s,box-shadow .25s}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e7ddc929}.field-label{color:var(--faint);pointer-events:none;transform-origin:0 0;transition:transform .25s var(--ease-out), color .25s ease;position:absolute;top:19px;left:17px}.field input:focus+.field-label,.field input:not(:placeholder-shown)+.field-label{color:var(--gold);transform:translateY(-11px)scale(.74)}.field.has-error input{border-color:var(--error)}.field-error{color:var(--error);margin-top:6px;font-size:.85rem;display:block}.form-error{color:#ffd0cb;background:#ff8a801a;border:1px solid #ff8a8059;border-radius:14px;margin:4px 0 14px;padding:12px 14px;font-size:.92rem}.pay-who{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;flex-direction:column;margin-bottom:14px;padding:14px 16px;display:flex}.pay-who-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:.72rem;font-weight:600}.pay-who strong{font-family:var(--serif);font-size:1.3rem;font-weight:600}.pay-who-meta{color:var(--muted);overflow-wrap:anywhere;font-size:.86rem}.summary{flex-direction:column;gap:8px;margin-bottom:16px;padding:4px 2px;font-size:.95rem;display:flex}.summary-row{justify-content:space-between;gap:12px;display:flex}.summary-row em{color:var(--muted);font-style:normal}.summary-total{border-top:1px dashed var(--line-strong);margin-top:4px;padding-top:10px;font-size:1.12rem;font-weight:800}.pay-failed{text-align:center;background:#ff8a8014;border:1px solid #ff8a804d;border-radius:16px;margin-bottom:16px;padding:18px}.pay-failed p{color:#ffd0cb;margin:0 0 14px;font-size:.92rem}.pay-element{min-height:230px;margin-bottom:16px;position:relative}.pay-skeleton{flex-direction:column;gap:12px;display:flex;position:absolute;inset:0}.pay-skeleton span{background:linear-gradient(90deg,#2a3a2f 0%,#33463a 50%,#2a3a2f 100%) 0 0/200% 100%;border-radius:14px;height:56px;animation:1.4s ease-in-out infinite skeleton}.pay-skeleton--static{margin:8px 0 16px;position:static}.pay-skeleton span:first-child{height:64px}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.fine{text-align:center;color:var(--faint);margin:16px 0 0;font-size:.82rem;line-height:1.55}.fine a{color:var(--gold);font-weight:600}.pay-note{border:1px solid var(--line);color:var(--muted);text-align:center;background:#e7ddc912;border-radius:18px;margin:14px 0 0;padding:14px 16px;font-size:.88rem;line-height:1.55}.pay-note a{color:var(--gold);white-space:nowrap;font-weight:600}.success{z-index:60;padding:calc(var(--safe-top) + 20px) 16px calc(var(--safe-bottom) + 20px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(90% 70% at 50% 30%,#384a3d8c,#0f1611eb);justify-content:center;align-items:center;animation:.5s both fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}to{opacity:1}}.success-card{text-align:center;border:1px solid var(--line-strong);width:100%;max-width:440px;animation:cardIn .8s var(--ease-spring) .1s both;background:linear-gradient(#223026eb,#18221bf5);border-radius:30px;margin:auto;padding:34px 22px 24px;box-shadow:0 40px 100px -30px #000c,0 0 80px -30px #e7ddc966}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)scale(.92)}to{opacity:1;transform:none}}.success-title{font-family:var(--serif);margin:8px 0 10px;font-size:2.4rem;font-weight:600;line-height:1.05}.success-title em{color:var(--gold)}.success-sub{color:var(--muted);overflow-wrap:anywhere;margin:0 0 20px}.success-sub strong{color:var(--ink)}.summary--receipt{text-align:left;border:1px solid var(--line);background:#ffffff0a;border-radius:18px;padding:16px}.success-pickup{color:var(--muted);margin:0 0 20px;font-size:.9rem}@media (width>=640px){.hero-actions{justify-content:center}.hero-actions .btn{flex:none;padding-inline:1.6rem}.grid{grid-template-columns:repeat(2,1fr);gap:26px}.card--featured{grid-column:1/-1}.card{--reveal-delay:calc(mod(var(--n,0), 2) * .14s)}}@media (width>=768px){.topbar{padding:calc(var(--safe-top) + 16px) 28px 16px}.brand{font-size:.9rem}.shop{padding:110px 28px 40px}.bagbar{width:360px;bottom:24px;left:auto;right:24px}.bag-panel{border-top:0;border-left:1px solid var(--line-strong);border-radius:28px 0 0 28px;width:min(460px,100%);max-height:none;top:0;left:auto;transform:translate(105%);box-shadow:-30px 0 80px #00000080}.bag-grab{cursor:default;touch-action:auto;padding-top:18px}.bag-handle{display:none}.bag-body{padding:4px 24px 24px}.bag-footer{padding:18px 24px 24px}.success-card{padding:40px 34px 28px}}@media (aspect-ratio>=1) and (width>=768px){.hero{justify-content:flex-start;padding:120px 6vw 90px}.hero-inner{text-align:left;max-width:640px}.hero-actions{justify-content:flex-start}}@media (aspect-ratio>=1) and (height<=520px){.hero{justify-content:flex-start;padding:80px 5vw 24px}.hero-inner{text-align:left;max-width:460px}.hero-actions .btn{flex:none}}@media (width>=960px){.grid{gap:30px}.card--featured{flex-direction:row;align-items:stretch;gap:10px;padding:12px}.card--featured .gallery{flex:0 0 56%}.card--featured .card-body{justify-content:center;gap:18px;padding:36px 30px 24px}.card--featured .card-title{font-size:3rem}.card--featured .card-price{padding-top:26px;font-size:1.5rem}.card--featured .card-desc{font-size:1.05rem}.card--featured .sizes-wrap{margin-top:10px}.card--featured .card-badge{top:26px;left:26px}}@media (width>=1100px){.grid{grid-template-columns:repeat(4,1fr);gap:24px}.card{--reveal-delay:calc(mod(var(--n,0), 4) * .11s)}.card:not(.card--featured) .card-head{flex-direction:column;gap:6px}.card:not(.card--featured) .card-title{font-size:1.65rem}.card:not(.card--featured) .card-price{color:var(--gold-hi);padding-top:0;font-size:1.1rem}.card:not(.card--featured) .card-desc{font-size:.9rem}.card:not(.card--featured) .size{border-radius:2px;min-height:42px;font-size:.85rem}.card:not(.card--featured) .sizes{gap:6px}}@media (width>=1200px){.shop{max-width:1240px;padding-top:130px}}@media (width<=380px){.hero-actions .btn{gap:7px;padding-inline:.8rem;font-size:.92rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.marquee-track{animation:none}}