.mini-shop{--shop-display:"Newsreader Variable", "Iowan Old Style", Georgia, serif;--shop-mono:650 clamp(.46rem, .7vw, .58rem) / 1.2 ui-monospace, SFMono-Regular, Menlo, monospace;--shop-ink:light-dark(#303730,#e8ebe4);--shop-ink-soft:light-dark(#4d574e,#c3cabf);--shop-muted:light-dark(#646b62,#a2a99e);--shop-muted-soft:light-dark(#92988f,#737a70);--shop-paper:light-dark(#f3f1e9,#151916);--shop-surface:light-dark(#faf8f3,#1c211d);--shop-surface-muted:light-dark(#e9e8df,#262c27);--shop-line:light-dark(#3037301c,#e8ebe41a);--shop-line-strong:light-dark(#30373033,#e8ebe433);--shop-action:light-dark(#5f6f5e,#a9bca5);--shop-action-hover:light-dark(#4e5d4d,#c2d2be);--shop-action-soft:light-dark(#dce4da,#2d382d);--shop-on-action:light-dark(#faf8f3,#141814);--shop-error:light-dark(#a1452a,#ee9a7e);--shop-oat:light-dark(#e7dfcd,#3a3428);--shop-sage:light-dark(#d3ddd2,#2b382e);--shop-clay:light-dark(#dfd2ca,#3e312c);--shop-story:light-dark(#687668,#a9bca5);--shop-highlight:light-dark(#faf8f38c,#ffffff17);--shop-glow:light-dark(#faf8f33d,#ffffff0a);--shop-rule:light-dark(#3037300a,#e8ebe408);background:var(--shop-paper);color:var(--shop-ink);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;container:mini-shop/inline-size;&.is-konami{animation:1.2s steps(6,end) both shop-konami}& .shop-scroll{overflow-anchor:none;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:var(--shop-muted-soft) transparent;scrollbar-width:thin;border-radius:inherit;height:100%;overflow:hidden auto}& :is(.shop-hero-copy,.shop-story,.cart-heading,.order-confirmation)>small,& .collection-heading small,& .cart-heading small{color:var(--shop-muted);font:var(--shop-mono);letter-spacing:.1em}& .shop-hero-copy>button,& .cart-toggle,& .shop-primary,& .shop-secondary{border:1px solid var(--shop-action);background:var(--shop-action);min-height:36px;color:var(--shop-on-action);cursor:pointer;letter-spacing:.02em;border-radius:999px;align-items:center;font-size:.59rem;font-weight:680;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;box-shadow:0 5px 14px #47564824;&:hover:not(:disabled){border-color:var(--shop-action-hover);background:var(--shop-action-hover);color:var(--shop-on-action);transform:translateY(-1px);box-shadow:0 8px 18px #47564833}}& .shop-primary,& .shop-secondary{padding:.5rem .85rem}& .shop-secondary{color:var(--shop-action);background:0 0}& .shop-hero-copy>button>span,& .cart-toggle>span{background:var(--shop-action-soft);width:25px;height:25px;color:var(--shop-action);border-radius:50%;flex:0 0 25px;place-items:center;display:grid}& .shop-close{border:1px solid color-mix(in srgb, var(--shop-action) 45%, transparent);width:32px;height:32px;color:var(--shop-action);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .18s,border-color .18s,color .18s;display:grid;& svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:14px;height:14px;transition:rotate .24s cubic-bezier(.2,.8,.2,1),scale .24s}&:hover{border-color:var(--shop-action);background:var(--shop-action);color:var(--shop-on-action);& svg{rotate:90deg;scale:.88}}}& .shop-header{z-index:3;border-bottom:1px solid var(--shop-line);background:color-mix(in srgb, var(--shop-surface) 90%, transparent);backdrop-filter:blur(14px);flex:none;justify-content:space-between;align-items:center;min-height:58px;padding:.55rem clamp(1rem,2.4vw,1.65rem);display:flex;position:sticky;top:0;box-shadow:0 8px 24px #30373008;& nav{gap:clamp(.6rem,1.5vw,1.2rem);display:flex}& nav button{color:var(--shop-muted);cursor:pointer;background:0 0;border:0;padding:.25rem 0;font-size:.62rem;font-weight:540;position:relative;&:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:scale .22s;position:absolute;bottom:0;left:0;right:0;scale:0 1}&:hover{color:var(--shop-ink)}&:is(:hover,:focus-visible):after{transform-origin:0;scale:1}}}& .shop-brand{color:var(--shop-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.68rem;padding:0;display:flex;&>svg{background:var(--shop-clay);width:31px;height:31px;box-shadow:inset 0 0 0 1px var(--shop-line);color:var(--shop-ink);fill:currentColor;border-radius:50%;padding:6px;transition:rotate .22s}&:hover>svg{rotate:8deg}&>span{justify-items:start;gap:.05rem;display:grid}& strong{color:var(--shop-ink);font-family:var(--font-display);letter-spacing:.19em;font-size:clamp(.72rem,1.1vw,.9rem);font-weight:680}& small{color:var(--shop-muted);letter-spacing:.025em;font-size:clamp(.43rem,.7vw,.56rem)}}& .cart-toggle{gap:.5rem;padding:.28rem .34rem .28rem .78rem;display:inline-flex}& .shop-hero{background:var(--shop-ink-soft);align-items:center;min-height:328px;padding:clamp(1.1rem,3vw,2.25rem);display:grid;position:relative;overflow:hidden;&:before{z-index:1;background:linear-gradient(90deg, color-mix(in srgb, var(--shop-paper) 97%, transparent) 0%, color-mix(in srgb, var(--shop-paper) 88%, transparent) 34%, color-mix(in srgb, var(--shop-paper) 35%, transparent) 58%, transparent 82%);content:"";position:absolute;inset:0}& h2{max-width:9.5ch;color:var(--shop-ink);font-family:var(--shop-display);letter-spacing:-.055em;margin-block:.45rem .5rem;font-size:clamp(2rem,3.4vw,2.6rem);font-weight:460;line-height:.9}& p{max-width:31ch;color:var(--shop-ink-soft);margin-bottom:1rem;font-size:clamp(.64rem,.95vw,.78rem);line-height:1.45}&:hover .shop-hero-media img{scale:1.045}}& .shop-hero-media,& .shop-hero-media :is(picture,img){width:100%;height:100%;position:absolute;inset:0}:root.dark & .shop-hero-media img{filter:brightness(.62)saturate(.85)}& .shop-hero-media img{object-fit:cover;object-position:center;transition:scale 1.2s cubic-bezier(.2,.8,.2,1);scale:1.01}& .shop-hero-copy{z-index:2;max-width:390px;position:relative;&>small{letter-spacing:.16em}&>button{gap:.55rem;padding:.28rem .34rem .28rem .82rem;display:inline-flex;&>span{font-size:.68rem}}}& .shop-announcement{background:var(--shop-action);min-height:31px;color:var(--shop-on-action);letter-spacing:.15em;text-transform:uppercase;flex:none;justify-content:space-between;align-items:center;padding:.5rem clamp(.8rem,2vw,1.4rem);font:600 .5rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;overflow:hidden;& span{transition:opacity .26s,translate .32s cubic-bezier(.2,.8,.2,1);&.is-leaving{opacity:0;translate:0 -12px}&.is-entering{opacity:0;translate:0 12px}}& small{color:var(--shop-on-action);font:inherit;letter-spacing:.08em;opacity:.92}}& .shop-collection{background:linear-gradient(var(--shop-rule) 1px, transparent 1px) 0 0 / 100% 34px, var(--shop-paper);padding:clamp(1.2rem,3vw,2.2rem);scroll-margin-top:58px}& .collection-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex;& p{max-width:26ch;color:var(--shop-muted);margin:0;font-size:clamp(.56rem,.85vw,.7rem);line-height:1.4}}& :is(.collection-heading,.detail-copy,.cart-heading,.order-confirmation) h3{font-family:var(--shop-display);letter-spacing:-.035em;font-weight:500}& .collection-heading h3{color:var(--shop-ink);margin:.25rem 0 0;font-size:clamp(1.5rem,2.8vw,2.15rem)}& .product-grid-mini{grid-template-columns:repeat(3,1fr);gap:clamp(.45rem,1vw,.8rem);min-height:225px;display:grid}& .mini-product{min-width:0;margin:0;&[data-sold-out] .product-art img{opacity:.45;filter:grayscale()}&[data-sold-out] .stock-badge{background:var(--shop-ink);color:var(--shop-on-action)}}& .product-open{width:100%;height:100%;min-height:0;color:var(--shop-ink);cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;padding:0;display:flex;&:hover .product-art{translate:0 -4px;box-shadow:inset 0 -18px 38px #3037300d,0 12px 24px #3037301a;& img{rotate:-1deg;scale:1.055}}}& .product-art{border:1px solid var(--shop-highlight);background:var(--shop-oat);border-radius:.65rem;flex:1;place-items:center;width:100%;min-height:160px;transition:translate .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -18px 38px #3037300d;&:before,&:after{content:"";border-radius:50%;position:absolute}&:before{aspect-ratio:1;border:1px solid var(--shop-highlight);width:75%}&:after{aspect-ratio:1;background:var(--shop-glow);width:70%;bottom:-22%;right:-12%}& img{z-index:1;object-fit:contain;filter:drop-shadow(0 8px 12px #2f352f1f);width:84%;height:84%;transition:scale .38s cubic-bezier(.2,.8,.2,1),rotate .38s cubic-bezier(.2,.8,.2,1),opacity .3s,filter .3s;position:relative}& em{z-index:1;color:color-mix(in srgb, var(--shop-ink) 66%, transparent);letter-spacing:.08em;font:600 .48rem/1 ui-monospace,monospace;position:absolute;top:.62rem;left:.68rem}}& .product-art-lamp{background:var(--shop-oat)}& .product-art-chair{background:var(--shop-sage)}& .product-art-lotus{background:var(--shop-clay)}& .stock-badge{z-index:2;background:color-mix(in srgb, var(--shop-surface) 88%, transparent);color:var(--shop-action-hover);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.22rem .45rem;font:650 .45rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:.45rem;right:.45rem}& .product-meta{grid-template-columns:1fr auto;gap:.18rem .45rem;width:100%;padding-top:.7rem;display:grid;& small{color:var(--shop-muted);letter-spacing:.09em;text-transform:uppercase;grid-column:1/-1;font-size:clamp(.45rem,.72vw,.58rem)}& strong{font-family:var(--shop-display);letter-spacing:-.02em;font-size:clamp(.76rem,1.2vw,.94rem);font-weight:570}&>span{color:var(--shop-ink-soft);white-space:nowrap;padding-top:.08rem;font-size:.64rem}}& .shop-story{background:var(--shop-story);min-height:180px;color:var(--shop-on-action);text-align:center;place-content:center;padding:2rem;scroll-margin-top:58px;display:grid;position:relative;&>small{color:var(--shop-action-soft)}& p{max-width:42ch;color:var(--shop-on-action);font-family:var(--shop-display);letter-spacing:-.025em;margin:.75rem 0 0;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:430;line-height:1.3}}& .shop-status{z-index:9;background:var(--shop-ink);max-width:calc(100% - 1.4rem);color:var(--shop-on-action);opacity:0;pointer-events:none;border-radius:999px;padding:.55rem .8rem;font-size:.6rem;transition:opacity .18s,translate .18s;position:absolute;bottom:.7rem;right:.7rem;translate:0 8px;&.is-visible{opacity:1;translate:0}}&:has(.shop-dialog[open]) .shop-status{inset:.7rem auto auto .7rem}& .shop-dialog{z-index:8;width:auto;max-width:none;height:auto;max-height:none;color:inherit;transition:display .34s allow-discrete;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}& .shop-backdrop{cursor:default;backdrop-filter:blur(2px);background:#2f352f6b;border:0;width:100%;transition:opacity .26s;position:absolute;inset:0;@starting-style{opacity:0}}& .shop-dialog:not([open]) .shop-backdrop{opacity:0}& .product-modal{border:1px solid var(--shop-highlight);background:var(--shop-surface);border-radius:.7rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(.8rem,2vw,1.5rem);padding:clamp(.8rem,2vw,1.4rem);transition:opacity .24s,transform .32s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:8%;box-shadow:0 24px 60px #2f352f4d;@starting-style{opacity:0;transform:translateY(14px)scale(.97)}&>.shop-close{z-index:2;position:absolute;top:.6rem;right:.6rem}& .product-art{min-height:100%;& img{width:88%;height:88%}}}& .shop-dialog:not([open]) .product-modal{opacity:0;transition-timing-function:ease,cubic-bezier(.4,0,.8,.2);transform:translateY(28px)scale(.94)}& .detail-copy{flex-direction:column;justify-content:center;min-width:0;display:flex;& small{color:var(--shop-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}& h3{color:var(--shop-ink);margin:.3rem 0 .55rem;font-size:clamp(1.55rem,3.2vw,2.35rem)}& p{color:var(--shop-muted);margin-bottom:1rem;font-size:clamp(.68rem,1vw,.82rem);line-height:1.5}& .detail-stock{color:var(--shop-action-hover);letter-spacing:.06em;text-transform:uppercase;margin:-.45rem 0 .85rem;font:650 .55rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}&>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}}& .product-add{justify-content:center;gap:.45rem;min-width:94px;display:inline-flex;&:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}&.is-loading{cursor:wait;opacity:1;& span{opacity:.72}& .add-spinner{display:block}}}& .add-spinner{border:1.5px solid color-mix(in srgb, var(--shop-on-action) 36%, transparent);border-top-color:var(--shop-on-action);border-radius:50%;width:12px;height:12px;animation:.65s linear infinite shop-spin;display:none}& .cart-panel{background:var(--shop-surface);width:min(78%,390px);min-width:0;max-width:100%;height:100%;padding:1.1rem;transition:translate .34s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 0 0 auto;overflow:hidden;box-shadow:-18px 0 50px #2f352f40;@starting-style{translate:100%}}& .shop-dialog:not([open]) .cart-panel{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.8,.2);translate:100%}& .cart-view{flex-direction:column;height:100%;min-height:0;display:flex}& .cart-heading{border-bottom:1px solid var(--shop-line);flex:none;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex;&>div{gap:.15rem;display:grid}& h3{color:var(--shop-ink);margin:0;font-size:1.45rem}}& .cart-body{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--shop-action) 45%, transparent) transparent;scrollbar-width:thin;flex:1;min-height:0;padding-right:.2rem;overflow-y:auto}& .shipping-meter{background:var(--shop-surface-muted);border-radius:.45rem;gap:.4rem;margin-top:.75rem;padding:.55rem .65rem;display:grid;& p{color:var(--shop-ink-soft);margin:0;font-size:.56rem;font-weight:600;line-height:1.3}&>span{background:color-mix(in srgb, var(--shop-action) 18%, transparent);border-radius:999px;height:4px;overflow:hidden}& i{border-radius:inherit;background:var(--shop-action);height:100%;scale:var(--progress,0) 1;transform-origin:0;transition:scale .45s cubic-bezier(.2,.8,.2,1);display:block}&.is-reached p:before{color:var(--shop-action);content:"✓ "}}& .cart-items{align-content:start;gap:.6rem;margin:0;padding:.75rem 0;list-style:none;display:grid}& .cart-line{border-bottom:1px solid var(--shop-line);color:var(--shop-ink);border-radius:.5rem;grid-template-columns:56px minmax(0,1fr) auto 30px;align-items:center;gap:.7rem;padding:.6rem .35rem;font-size:.67rem;transition:background-color .16s;display:grid;position:relative;&:is(:hover,:focus-within){background:color-mix(in srgb, var(--shop-action) 7%, transparent)}&:hover .cart-line-art img{scale:1.04}&.is-removing{pointer-events:none;animation:.26s cubic-bezier(.4,0,.8,.2) forwards cart-line-remove;overflow:hidden}}& .cart-line-art{border-radius:.45rem;place-items:center;width:56px;height:56px;display:grid;position:relative;overflow:hidden;&:before{aspect-ratio:1;border:1px solid var(--shop-highlight);content:"";border-radius:50%;width:78%;position:absolute}& img{z-index:1;object-fit:contain;filter:drop-shadow(0 5px 5px #2f352f1f);width:92%;height:92%;transition:scale .18s;position:relative}}& .cart-line-copy{justify-items:start;gap:.3rem;min-width:0;display:grid;& strong{max-width:100%;color:var(--shop-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}}& .qty-stepper{border:1px solid var(--shop-line-strong);border-radius:999px;align-items:center;display:inline-flex;& output{min-width:1.6em;color:var(--shop-ink);font-variant-numeric:tabular-nums;text-align:center;font-size:.6rem;font-weight:650}}& .qty-button{width:22px;height:22px;color:var(--shop-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:.8rem;line-height:1;display:grid;&:hover:not(:disabled){background:color-mix(in srgb, var(--shop-action) 16%, transparent)}&:disabled{cursor:not-allowed;opacity:.3}&:focus-visible{outline:2px solid var(--shop-action);outline-offset:1px}}& .cart-line-price{color:var(--shop-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.66rem}& .cart-line-remove{border:1px solid color-mix(in srgb, var(--shop-action) 35%, transparent);width:28px;height:28px;color:var(--shop-action);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:border-color .16s,color .16s,rotate .16s;display:grid;&:hover{border-color:var(--shop-action);background:var(--shop-action);color:var(--shop-on-action);rotate:8deg}&:focus-visible{outline:2px solid var(--shop-action);outline-offset:2px}& svg{fill:currentColor;width:13px;height:13px}}& .cart-empty{color:var(--shop-muted);margin:1.25rem 0;font-size:.72rem}& .cart-extras{gap:.6rem;padding-bottom:.5rem;display:grid}& .cart-coupon{& summary{width:fit-content;color:var(--shop-action-hover);cursor:pointer;font-size:.6rem;font-weight:650;list-style:none;&:before{content:"+";width:1em;display:inline-block}}&[open] summary:before{content:"−"}& form{gap:.4rem;margin-top:.45rem;display:flex}& input{border:1px solid var(--shop-line-strong);background:var(--shop-surface);min-width:0;min-height:32px;color:var(--shop-ink);text-transform:uppercase;border-radius:.35rem;flex:1;padding:.35rem .55rem;font-size:.62rem;&::placeholder{color:var(--shop-muted-soft);text-transform:none}&:focus{border-color:var(--shop-action);outline:1px solid var(--shop-action);outline-offset:0}}& .shop-secondary{min-height:32px}}& .coupon-message{color:var(--shop-error);margin:.35rem 0 0;font-size:.56rem;&:empty{display:none}}& .coupon-applied{border:1px dashed color-mix(in srgb, var(--shop-action) 55%, transparent);color:var(--shop-action-hover);border-radius:.45rem;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.35rem .4rem .35rem .65rem;font-size:.58rem;font-weight:650;line-height:1.3;display:flex;& button{width:22px;height:22px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;&:hover{background:var(--shop-action);color:var(--shop-on-action)}}& svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:12px;height:12px}}& .cart-summary{flex-wrap:wrap;gap:.15rem .9rem;margin:0 0 .45rem;display:flex;& div{gap:.3rem;display:flex}& dt{color:var(--shop-muted);font-size:.6rem;& span{letter-spacing:.05em;font:600 .5rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}}& dd{color:var(--shop-ink);font-variant-numeric:tabular-nums;margin:0;font-size:.6rem}}& .cart-footer{border-top:1px solid var(--shop-line);flex:none;padding-top:.75rem;& p{color:var(--shop-ink);justify-content:space-between;margin-bottom:.75rem;font-size:.7rem;display:flex}& strong{font-variant-numeric:tabular-nums}& .shop-primary{width:100%}}& .checkout-view{overscroll-behavior:contain;flex-direction:column;gap:.8rem;height:100%;min-height:0;animation:.26s both checkout-in;display:flex;overflow:hidden auto;& fieldset{border:0;gap:.5rem;margin:0;padding:0;display:grid;&>div{grid-template-columns:1fr .65fr;gap:.5rem;display:grid}}& legend{color:var(--shop-ink);margin-bottom:.4rem;font-size:.65rem;font-weight:700}& label{color:var(--shop-muted);gap:.25rem;font-size:.53rem;font-weight:600;display:grid}& input{border:1px solid var(--shop-line-strong);background:var(--shop-surface);width:100%;min-height:36px;color:var(--shop-ink);border-radius:.35rem;padding:.45rem .55rem;font-size:.64rem;&:focus{border-color:var(--shop-action);outline:1px solid var(--shop-action);outline-offset:0}}}& .checkout-summary{background:var(--shop-surface-muted);border-radius:.45rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .65rem;display:flex;&>small{color:var(--shop-muted);font-size:.54rem;font-weight:700}}& .summary-thumbnails{align-items:center;display:flex}& .summary-thumbnail{border:2px solid var(--shop-surface);border-radius:.35rem;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden;&+&{margin-left:-7px}& img{object-fit:contain;width:92%;height:92%}}& .confirmation-thumbnails{justify-content:center;margin:-.15rem 0 .85rem}& .checkout-pay{justify-content:space-between;width:100%;margin-top:auto;display:flex;& strong{font-weight:600}}& .order-processing,& .order-confirmation{text-align:center;place-content:safe center;height:100%;min-height:0;display:grid;overflow:hidden auto}& .order-processing p{color:var(--shop-muted);margin:.85rem 0 0;font-size:.68rem}& .processing-orbit{border:1px solid var(--shop-line);border-radius:50%;width:64px;height:64px;margin:auto;position:relative;& i{border:2px solid #0000;border-top-color:var(--shop-action);border-radius:50%;animation:.8s linear infinite shop-spin;position:absolute;inset:-1px}& span{height:100%;color:var(--shop-action);place-items:center;display:grid}}& .order-confirmation{animation:.5s cubic-bezier(.2,.8,.2,1) both success-in;& h3{color:var(--shop-ink);margin-bottom:.45rem;font-size:1.1rem}& p{max-width:28ch;color:var(--shop-muted);margin:auto auto 1rem;font-size:.7rem;line-height:1.5}}& .success-burst{background:var(--shop-sage);border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto .85rem;display:grid;position:relative;& span{font-size:1.35rem;animation:.45s cubic-bezier(.2,1.6,.4,1) .1s both success-check}& i{background:var(--shop-clay);border-radius:50%;width:5px;height:5px;animation:.65s ease-out .15s both success-particle;position:absolute;&:first-child{--particle-x:-44px;--particle-y:-25px}&:nth-child(2){--particle-x:42px;--particle-y:-30px}&:nth-child(3){--particle-x:-38px;--particle-y:32px}&:nth-child(4){--particle-x:45px;--particle-y:28px}}}& .order-gift{border:1px solid color-mix(in srgb, var(--shop-action) 22%, transparent);background:color-mix(in srgb, var(--shop-action-soft) 42%, var(--shop-surface));width:min(100%,245px);color:var(--shop-action);text-align:left;border-radius:.55rem;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:.65rem;margin:-.2rem auto .85rem;padding:.45rem;animation:.52s cubic-bezier(.2,1.2,.4,1) .22s both gift-reveal;display:grid;&>span{border-radius:.3rem;width:48px;height:38px;display:block;overflow:hidden;rotate:-3deg;box-shadow:0 5px 10px #2f352f24}& img{object-fit:cover;width:100%;height:100%}&>div{gap:.1rem;min-width:0;display:grid}& small{color:var(--shop-action);letter-spacing:.08em;text-transform:uppercase;font-size:.48rem;font-weight:700}& strong{font-size:.63rem;overflow:hidden}}@container mini-shop (width<=520px){& .product-modal{overscroll-behavior:contain;grid-template-rows:clamp(148px,56cqi,190px) auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:.75rem;padding:.75rem;inset:.5rem;overflow:hidden auto;&>.shop-close{z-index:3;background:var(--shop-surface);grid-area:1/1;align-self:start;width:32px;height:32px;margin:0 0 -32px auto;position:sticky;top:8px}& .product-art{grid-area:1/1;width:100%;height:100%;min-height:0;& img{object-fit:contain;object-position:center;width:auto;max-width:78%;height:78%}}}& .detail-copy{justify-content:start;padding:0 .15rem .15rem;& h3{margin-block:.2rem .4rem;font-size:clamp(1.45rem,8cqi,1.9rem);line-height:1}& p{margin-bottom:.75rem;font-size:.7rem;line-height:1.45}&>div{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.55rem;display:grid;&>strong{font-size:.9rem}}& .product-add{width:100%;min-height:44px}}}@media (width<=640px){& .shop-header{min-height:53px}& .shop-brand small,& .shop-header nav{display:none}& .shop-hero{min-height:225px;padding:1rem;& h2{font-size:clamp(1.35rem,6vw,2rem)}& p{max-width:27ch}}& .shop-collection{padding:1rem .65rem}& .collection-heading{align-items:start;margin-bottom:.8rem;& p{display:none}}& .product-grid-mini{gap:.4rem;min-height:145px}& .product-art{min-height:100px}& .product-meta{grid-template-columns:1fr;& small{display:none}&>span{color:var(--shop-muted)}}& .product-modal{gap:.7rem;padding:.7rem;inset:5%}& .cart-panel{width:min(92%,340px)}}@media (width<=380px){& .cart-panel{width:100%;padding:.75rem}& .cart-line{grid-template-columns:44px minmax(0,1fr) auto 26px;gap:.4rem;padding-inline:.25rem}& .cart-line-art{width:44px;height:44px}& .cart-line-remove{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){&.is-konami,& .processing-orbit i,& .success-burst :is(span,i),& .add-spinner,& .order-gift{animation:none}& .shop-scroll{scroll-behavior:auto}}}@keyframes cart-line-remove{to{opacity:0;border-width:0;height:0;margin-bottom:-.6rem;padding-block:0;transform:translate(24px)scale(.98)}}@keyframes checkout-in{0%{opacity:0;transform:translate(16px)}}@keyframes shop-spin{to{rotate:1turn}}@keyframes success-in{0%{opacity:0;transform:scale(.9)}}@keyframes success-check{0%{opacity:0;transform:scale(0)}}@keyframes success-particle{0%{opacity:1}to{opacity:0;transform:translate(var(--particle-x), var(--particle-y))}}@keyframes gift-reveal{0%{opacity:0;transform:translateY(10px)scale(.94)}}@keyframes shop-konami{0%,to{filter:none;translate:0}20%{filter:hue-rotate(90deg)saturate(1.8);translate:-3px}40%{filter:hue-rotate(180deg)saturate(2);translate:3px}60%{filter:hue-rotate(270deg)saturate(1.8);translate:0 -2px}80%{filter:hue-rotate(330deg);translate:0 2px}}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.hero-visual{--demo-index:0;isolation:isolate;overflow-anchor:none;width:100%;max-width:100%;min-height:600px;position:relative;&[data-selected=code]{--demo-index:1}& .dot-grid{z-index:-1;background-image:radial-gradient(var(--color-line) 1.2px, transparent 1.2px);background-size:18px 18px;width:75%;height:90%;position:absolute;top:-2rem;right:-10vw}& .demo-switch{z-index:3;border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface) 88%, transparent);backdrop-filter:blur(12px);border-radius:999px;grid-template-columns:repeat(2,1fr);padding:4px;display:grid;position:absolute;top:0;right:3%;box-shadow:0 8px 24px #20191414;& button{z-index:1;min-height:38px;color:var(--color-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.72rem;font-weight:700;transition:color .2s;display:inline-flex;position:relative;&[aria-selected=true]{color:var(--color-canvas)}& svg{width:.9rem;height:.9rem}}}& .demo-thumb{background:var(--color-ink);width:calc(50% - 4px);translate:calc(var(--demo-index) * 100%) 0;border-radius:999px;transition:translate .3s cubic-bezier(.2,.8,.2,1);position:absolute;inset:4px auto 4px 4px}& .demo-stage{perspective:1200px;width:100%;height:520px;position:absolute;top:4rem;right:0}& .demo-panel{transition:opacity .32s,transform .42s cubic-bezier(.2,.8,.2,1),filter .32s,box-shadow .32s;&:focus-visible{outline-offset:5px}}&[data-selected=storefront] .code-card,&[data-selected=code] .browser-card{opacity:.78;filter:saturate(.7);transform:scale(.975);&:hover{opacity:.92;filter:saturate(.9)}}&[data-selected=code] .code-card{z-index:2;transform:translateY(-8px)}&[data-selected=code] .browser-card{z-index:1}& .browser-card{z-index:2;border:1px solid var(--color-line);background:var(--color-surface);width:88%;max-width:100%;height:470px;box-shadow:var(--shadow);contain:paint;border-radius:1rem;padding:.45rem;position:absolute;top:0;right:0;overflow:hidden;&:after{z-index:10;border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff7a;position:absolute;inset:0}}& .browser-bar{background:var(--color-surface);height:28px;color:var(--color-subtle);border-radius:.62rem .62rem 0 0;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:.35rem;font-size:.6rem;display:grid}& .browser-controls{gap:.3rem;display:flex;& i{background:var(--color-line);border-radius:50%;width:5px;height:5px;transition:background-color .22s,scale .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;box-shadow:inset 0 0 0 .5px #00000014;&:first-child{--window-control:#ff5f57}&:nth-child(2){--window-control:#febc2e;transition-delay:35ms}&:nth-child(3){--window-control:#28c840;transition-delay:70ms}}}& .browser-card:hover .browser-controls i{background:var(--window-control);box-shadow:0 0 0 2px color-mix(in srgb, var(--window-control) 14%, transparent);scale:1.18}& .browser-address{align-items:center;gap:.3rem;min-width:0;display:inline-flex;& svg{flex:none;width:.62rem;height:.62rem}& span{text-overflow:ellipsis;white-space:nowrap;max-width:28ch;overflow:hidden}}& .browser-viewport{clip-path:inset(0 round .65rem);isolation:isolate;border-radius:.65rem;width:100%;height:calc(100% - 28px);overflow:hidden}& .code-card{z-index:1;color:#ddd;background:linear-gradient(145deg,#222220,#111);border:1px solid #393735;border-radius:.8rem;width:72%;max-width:100%;height:350px;min-height:0;padding:clamp(1.2rem,3vw,2rem);position:absolute;bottom:0;right:6%;overflow:hidden;box-shadow:0 20px 45px #0000003b}& .code-tabs{color:#aaa;scrollbar-width:none;border-bottom:1px solid #343432;gap:.25rem;padding-bottom:1.2rem;font-family:monospace;font-size:.65rem;display:flex;overflow-x:auto;& button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.25rem;flex:none;padding:.35rem .55rem;&:hover{color:#f0f0ed;background:#2c2c2a}&[aria-selected=true]{color:#f0f0ed;background:#292927}}}& .workspace-pane[hidden]{display:none}& code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}& .code-pane pre{color:#d8a8d8;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:1rem 0;font-size:clamp(.65rem,1.15vw,.88rem);line-height:1.8;overflow:hidden}& .code-keyword{color:#d8a8d8}& .code-string{color:#a9c989}& .code-number{color:#e3b76e}& .terminal{color:#d8ddd2;cursor:text;flex-direction:column;height:245px;min-height:0;padding-top:1rem;font:.76rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}& .terminal-output{scrollbar-color:#4b4b48 transparent;flex:1;min-height:0;overflow-y:auto;& p{color:inherit;font:inherit;white-space:pre-wrap;margin:0 0 .35rem}& .terminal-command{color:#f0f0ed}& .terminal-muted{color:#92928e}& .terminal-success{color:#e3b76e}& .terminal-code{color:#a9c989}& .terminal-art{white-space:pre;width:max-content}}& .terminal-form{color:#a9c989;flex:none;align-items:center;gap:.55rem;padding-top:.65rem;display:flex}& .terminal-input{caret-color:#d8a8d8;color:#f0f0ed;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}& .stack-pill{color:#f2f2f0;background:#1c1c1b;border-radius:999px;padding:.5rem .8rem;font-size:.62rem;position:absolute;bottom:1rem;right:1rem}& .code-card[data-workspace-selected=console] .stack-pill{display:none}@media (width<=980px){min-height:570px}@media (width<=640px){min-height:440px;margin-top:2.75rem;& .demo-switch{right:0}& .demo-stage{height:380px;top:3.7rem;left:0;right:auto}& .browser-card{width:100%;height:310px;left:0;right:auto}& .code-card{width:min(88%,360px);height:255px;padding:1rem;right:0}& .code-pane pre{font-size:clamp(.55rem,2.55vw,.72rem)}& .terminal{height:175px;font-size:.66rem}}}.hero[data-astro-cid-lcdefpme]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,4vw,5rem);min-height:700px;padding-block:clamp(4rem,8vw,8rem) clamp(5rem,10vw,9rem);display:grid;&>[data-astro-cid-lcdefpme]{min-width:0}& h1{max-width:760px;font-size:clamp(3rem,4.6vw,5rem);line-height:1.05;& em{color:var(--color-accent);font-style:normal}}}.hero-label[data-astro-cid-lcdefpme]{color:var(--color-accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.35rem;font-size:.73rem;font-weight:700}.hero-intro[data-astro-cid-lcdefpme]{max-width:520px;margin-bottom:1.8rem;font-size:1.03rem}.hero-actions[data-astro-cid-lcdefpme]{flex-wrap:wrap;gap:.75rem;display:flex}.client-proof[data-astro-cid-lcdefpme]{margin-top:clamp(3.5rem,7vw,6rem);&>p[data-astro-cid-lcdefpme]{color:var(--color-subtle);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.2rem;font-size:.68rem;font-weight:600}& img{object-fit:contain;opacity:.48;filter:grayscale()contrast(.85);width:100%;height:26px}}.dark .client-proof[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme]{opacity:.62;filter:grayscale()brightness(0)invert()}.client-marquee[data-astro-cid-lcdefpme]{max-width:520px;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.client-track[data-astro-cid-lcdefpme]{align-items:center;width:max-content;animation:22s linear infinite client-marquee;display:flex}.client-set[data-astro-cid-lcdefpme]{grid-auto-columns:clamp(110px,8vw,132px);grid-auto-flow:column;align-items:center;gap:clamp(1.5rem,2.5vw,2.5rem);min-width:max-content;padding-right:clamp(1.5rem,2.5vw,2.5rem);display:grid}@keyframes client-marquee{to{translate:-50%}}.featured-layout[data-astro-cid-lcdefpme]{grid-template-columns:215px minmax(0,1fr);gap:clamp(2rem,5vw,4rem);display:grid}.featured-intro[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]:not(.eyebrow){margin-bottom:1.6rem;font-size:.94rem}.about-frame[data-astro-cid-lcdefpme]{background:var(--color-surface-alt);min-height:620px;box-shadow:var(--shadow);border-radius:1.6rem;position:relative;overflow:hidden;&>:is(picture,img){position:absolute;inset:0}& img{object-fit:cover;width:100%;height:100%}}.about-copy[data-astro-cid-lcdefpme]{z-index:1;backdrop-filter:blur(12px);background:light-dark(#fffdf9f2,#1e1b18f2);border:1px solid light-dark(#ffffff6b,#ffffff1a);border-radius:1rem;width:min(400px,100% - 3rem);padding:clamp(1.5rem,3vw,2.5rem);position:absolute;top:50%;left:clamp(1.5rem,5vw,4.5rem);translate:0 -50%;box-shadow:0 18px 45px #1f19142e;& h2{font-size:clamp(1.8rem,3vw,2.5rem)}& p{font-size:.95rem}}@media (width<=980px){.hero[data-astro-cid-lcdefpme],.featured-layout[data-astro-cid-lcdefpme]{grid-template-columns:1fr}.featured-intro[data-astro-cid-lcdefpme]{max-width:520px}}@media (width<=640px){.hero[data-astro-cid-lcdefpme]{padding-top:3rem;& h1{font-size:clamp(2.8rem,13vw,4.2rem);line-height:1.04}}.client-marquee[data-astro-cid-lcdefpme]{max-width:100%}.about-preview[data-astro-cid-lcdefpme]{padding-top:0}.about-frame[data-astro-cid-lcdefpme]{width:100%;min-height:0;box-shadow:none;border-radius:0;flex-direction:column;display:flex;&>:is(picture,img){order:2;position:static}& img{height:auto}}.about-copy[data-astro-cid-lcdefpme]{background:var(--color-canvas);width:auto;box-shadow:none;backdrop-filter:none;border:0;border-radius:0;order:1;padding:4rem 1rem 2.5rem;position:static;translate:none}}@media (prefers-reduced-motion:reduce){.client-track[data-astro-cid-lcdefpme]{animation:none}.client-set[data-astro-cid-lcdefpme][aria-hidden=true]{display:none}.client-marquee[data-astro-cid-lcdefpme]{mask-image:none}.client-track[data-astro-cid-lcdefpme]{width:auto}.client-set[data-astro-cid-lcdefpme]{flex-wrap:wrap;display:flex;& img{width:clamp(90px,8vw,120px)}}}