@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#17201d;--muted:#66716b;--paper:#f2f0e9;--panel:#fbfaf6;--line:#d9ddd4;--acid:#d8f36b;--acid-deep:#a8c63f;--coral:#f27c62;--blue:#9edbe0;--shadow:0 18px 50px rgba(23,32,29,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Manrope,Avenir Next,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.site-frame{min-height:100vh;overflow:hidden}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(242,240,233,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:1320px;margin:0 auto;min-height:76px;padding:0 32px;gap:34px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:-.04em;font-size:19px;white-space:nowrap}.brand-mark{width:29px;height:29px;display:grid;place-items:center;color:var(--ink);background:var(--acid);border:1px solid var(--ink);border-radius:50%;font-family:DM Mono,monospace;font-size:13px;font-weight:500}.header-nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:13px;font-weight:700;flex:1 1}.header-nav a{transition:color .2s ease}.header-nav a.active,.header-nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:10px}.cart-link{gap:8px;border:1px solid var(--ink);padding:9px 13px;border-radius:99px;background:var(--panel)}.account-link,.cart-link{display:inline-flex;align-items:center;font-size:12px;font-weight:800}.account-link{gap:6px;color:var(--muted)}.header-logout{width:32px;height:32px}.cart-count{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--acid);font-family:DM Mono,monospace;font-size:11px}.demo-chip{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.demo-chip i{width:7px;height:7px;background:var(--acid-deep);border-radius:50%;box-shadow:0 0 0 4px rgba(168,198,63,.18)}main{max-width:1320px;margin:0 auto;padding:50px 32px 92px}.eyebrow{color:var(--muted);font:500 11px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.page-heading h1{margin:7px 0 0;font:600 clamp(38px,5.8vw,76px)/.96 Fraunces,Georgia,serif;letter-spacing:-.055em}.page-heading p{max-width:410px;margin:0;color:var(--muted)}.hero{position:relative;min-height:520px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-gap:24px;gap:24px;align-items:end;padding:38px;overflow:hidden;background:var(--ink);color:#f8f7ef;border-radius:3px}.hero:before{width:540px;height:540px;top:-200px;right:-80px;border-radius:50%;background:var(--coral);opacity:.9}.hero:after,.hero:before{content:"";position:absolute}.hero:after{width:300px;height:300px;right:180px;bottom:-180px;border:1px solid rgba(216,243,107,.55);border-radius:50%}.hero-art,.hero-copy{position:relative;z-index:1}.hero h1{max-width:700px;margin:12px 0 18px;font:600 clamp(56px,8vw,112px)/.87 Fraunces,Georgia,serif;letter-spacing:-.065em}.hero p{max-width:470px;margin:0 0 28px;color:rgba(248,247,239,.72);font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-art{min-height:270px;display:flex;align-items:flex-end;justify-content:flex-end}.orbit-card{width:min(100%,360px);min-height:305px;padding:22px;border:1px solid rgba(248,247,239,.65);background:rgba(248,247,239,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:rotate(4deg)}.orbit-card .orb{width:148px;height:148px;margin:0 auto 25px;border-radius:50%;background:var(--acid);border:1px solid var(--ink);box-shadow:26px 23px 0 var(--blue)}.orbit-card strong{display:block;font:600 26px/1 Fraunces,Georgia,serif}.orbit-card small{display:block;margin-top:12px;color:rgba(248,247,239,.7);font:11px DM Mono,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 17px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:#f8f7ef;font-size:12px;font-weight:800;transition:transform .2s ease,background .2s ease,color .2s ease}.btn:hover{transform:translateY(-2px)}.btn.secondary{background:transparent;color:inherit;border-color:currentColor}.btn.light{background:var(--acid);color:var(--ink);border-color:var(--acid)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.danger{background:transparent;color:#bb503e;border-color:#e4b6aa}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:50%}.section{margin-top:76px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{margin:0;font:600 34px/1 Fraunces,Georgia,serif;letter-spacing:-.04em}.section-head a{color:var(--muted);font-size:12px;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.product-card{display:flex;flex-direction:column;min-width:0;animation:rise .55s both}.product-visual{position:relative;aspect-ratio:1/1.05;display:grid;place-items:center;overflow:hidden;background:#d8e5dc;border:1px solid var(--line)}.product-visual img{width:100%;height:100%;object-fit:cover}.product-visual:after{content:"";position:absolute;inset:12px;border:1px solid rgba(23,32,29,.18);pointer-events:none}.product-placeholder{width:48%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--acid);border:1px solid var(--ink);box-shadow:14px 14px 0 var(--coral);font:600 30px Fraunces,Georgia,serif}.availability{position:absolute;z-index:1;top:13px;left:13px;padding:5px 8px;background:var(--panel);font:500 10px DM Mono,monospace;text-transform:uppercase}.product-info{padding:14px 2px 4px}.product-info h3{margin:0 0 7px;font:600 21px/1.05 Fraunces,Georgia,serif;letter-spacing:-.025em}.product-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.price{color:var(--ink);font:500 14px DM Mono,monospace;white-space:nowrap}.stat-band{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.stat-band div{padding:18px 0}.stat-band div+div{border-left:1px solid var(--line);padding-left:24px}.stat-band strong{display:block;font:600 29px/1 Fraunces,Georgia,serif}.stat-band span{color:var(--muted);font-size:11px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px;margin-bottom:27px;background:var(--panel)}.input,.select,.toolbar{border:1px solid var(--line)}.input,.select{min-height:42px;padding:0 13px;border-radius:2px;background:var(--paper);color:var(--ink);outline:none}.input:focus,.select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(216,243,107,.5)}.search-input{flex:1 1 220px}.detail-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);grid-gap:clamp(30px,8vw,110px);gap:clamp(30px,8vw,110px);align-items:start}.detail-visual{aspect-ratio:1/1.05;display:grid;place-items:center;background:#d8e5dc;border:1px solid var(--line)}.detail-visual .product-placeholder{width:48%}.detail-copy h1{margin:9px 0 16px;font:600 clamp(44px,6vw,84px)/.9 Fraunces,Georgia,serif;letter-spacing:-.06em}.detail-copy .price{display:block;margin:22px 0;font-size:20px}.detail-copy p{max-width:500px;color:var(--muted)}.detail-rule{height:1px;background:var(--line);margin:27px 0}.detail-label{display:block;margin-bottom:10px;color:var(--muted);font:500 10px DM Mono,monospace;text-transform:uppercase}.quantity{display:inline-flex;align-items:center;border:1px solid var(--ink)}.quantity button{width:35px;height:38px;border:0;background:transparent;font-size:19px}.quantity span{min-width:34px;text-align:center;font:500 12px DM Mono,monospace}.surface{background:var(--panel);border:1px solid var(--line);padding:25px}.surface+.surface{margin-top:16px}.split-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);grid-gap:28px;gap:28px;align-items:start}.list-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.row-grow{flex:1 1;min-width:0}.row-grow strong{display:block;font-family:Fraunces,Georgia,serif;font-size:20px}.row-grow small{color:var(--muted);font-size:12px}.mini-art{width:62px;height:62px;flex:0 0 auto;display:grid;place-items:center;background:var(--acid);border:1px solid var(--ink);font:600 21px Fraunces,Georgia,serif}.summary h2,.surface h2{margin:0 0 19px;font:600 27px/1 Fraunces,Georgia,serif;letter-spacing:-.035em}.summary{position:-webkit-sticky;position:sticky;top:105px}.summary-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;color:var(--muted);font-size:13px}.summary-line.total{margin-top:12px;padding-top:16px;border-top:1px solid var(--ink);color:var(--ink);font-weight:800}.summary-line.total strong{font:600 25px Fraunces,Georgia,serif}.full{width:100%}.status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);color:var(--muted);font:500 10px DM Mono,monospace;text-transform:uppercase}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid-deep)}.status.cancelled:before,.status.failed:before{background:var(--coral)}.status.pending:before{background:#dfb54e}.timeline{border-left:1px solid var(--ink);margin:20px 0 0 7px;padding-left:24px}.timeline-item{position:relative;padding:0 0 26px}.timeline-item:before{content:"";position:absolute;width:9px;height:9px;left:-30px;top:5px;border:2px solid var(--ink);border-radius:50%;background:var(--acid)}.timeline-item strong{display:block;font:600 17px Fraunces,Georgia,serif}.timeline-item small{color:var(--muted);font:10px DM Mono,monospace}.timeline-item p{margin:5px 0 0;color:var(--muted);font-size:13px}.alert{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;margin:0 0 20px;background:#fff4ef;border:1px solid #ecc0b5;color:#934b3d;font-size:13px}.alert strong{display:block;color:#703d33}.empty{padding:55px 20px;text-align:center;background:var(--panel);border:1px dashed var(--line);color:var(--muted)}.empty h2{margin:0 0 8px;color:var(--ink);font:600 28px Fraunces,Georgia,serif}.loading{min-height:160px;display:grid;place-items:center;color:var(--muted);font:11px DM Mono,monospace}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full-field{grid-column:1/-1}.field label{color:var(--muted);font-size:12px;font-weight:700}.field .input,.field .select{width:100%}.notice{margin:0 0 25px;padding:11px 14px;border-left:3px solid var(--acid-deep);background:#eaf2d2;color:#54652b;font-size:12px}.pagination{display:flex;justify-content:space-between;margin-top:27px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);grid-gap:22px;gap:22px;max-width:960px}.auth-form{padding:clamp(24px,4vw,48px)}.auth-tabs{display:flex;gap:21px;margin-bottom:42px;border-bottom:1px solid var(--line)}.auth-tabs button{position:relative;padding:0 0 12px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.auth-tabs button.active{color:var(--ink)}.auth-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;background:var(--acid)}.auth-form-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:27px}.auth-form-heading h2,.auth-side h2,.session-panel h2{margin:5px 0 0;font:600 31px/1 Fraunces,Georgia,serif;letter-spacing:-.04em}.auth-form .field+.field{margin-top:15px}.auth-form .btn{margin-top:25px}.session-panel{min-height:300px;padding:clamp(24px,4vw,48px)}.session-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:28px;background:var(--acid);border:1px solid var(--ink);border-radius:50%}.auth-side p,.session-panel p{max-width:430px;color:var(--muted)}.session-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.auth-side{padding:27px;background:var(--ink);color:#f8f7ef}.auth-side p{color:rgba(248,247,239,.7)}.auth-side .btn.ghost{color:#f8f7ef;border-color:rgba(248,247,239,.35)}.auth-flow{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.auth-flow span{padding:7px 9px;border:1px solid rgba(248,247,239,.3);color:rgba(248,247,239,.78)}.auth-flow span,.site-footer{font:10px DM Mono,monospace;text-transform:uppercase}.site-footer{max-width:1320px;margin:0 auto;padding:22px 32px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);letter-spacing:.06em}.reveal{animation:rise .6s both}.reveal-delay{animation:rise .6s .12s both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.header-inner{padding:0 18px;gap:18px}.header-nav{gap:13px;overflow:auto}.demo-chip,.header-nav a:nth-child(n+4){display:none}main{padding:34px 18px 70px}.hero{min-height:650px;grid-template-columns:1fr;padding:25px}.hero-art{justify-content:center;min-height:245px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.detail-layout,.split-layout{grid-template-columns:1fr;gap:25px}.auth-layout{grid-template-columns:1fr}.summary{position:static}.detail-visual{max-width:560px}}@media (max-width:560px){.header-inner{min-height:64px}.brand{font-size:16px}.header-nav{font-size:11px;gap:10px}.cart-link{padding:7px 9px}.account-link{font-size:11px}.header-logout{display:none}.page-heading{display:block}.page-heading h1{font-size:47px}.hero h1{font-size:61px}.hero p{font-size:14px}.hero-art{min-height:205px}.orbit-card{min-height:230px}.orbit-card .orb{width:105px;height:105px;margin-bottom:20px}.stat-band strong{font-size:22px}.stat-band div+div{padding-left:12px}.surface{padding:17px}.form-grid{grid-template-columns:1fr}.field.full-field{grid-column:auto}.site-footer{padding:18px;display:block}.site-footer span{display:block;margin-top:5px}}