:root{--ink: #061820;--ink-2: #0a2430;--foam: #e8f2f4;--foam-dim: #8aadb8;--g10: #d4b56a;--g10-deep: #9a7030;--tide: #1a6b7c;--tide-bright: #3a8a92;--weed: #5a6e48;--rust: #c45a2e;--line: rgba(232, 242, 244, .12);--shadow: 0 40px 100px rgba(0, 0, 0, .4);--serif: "Fraunces", "Times New Roman", serif;--sans: "Manrope", "Helvetica Neue", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--sans);background:radial-gradient(1000px 560px at 88% -6%,rgba(212,181,106,.12),transparent 50%),radial-gradient(860px 520px at -10% 20%,rgba(26,107,124,.28),transparent 48%),linear-gradient(180deg,#082028 0%,var(--ink) 42%,#041018 100%);color:var(--foam);letter-spacing:-.01em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code{font-size:.92em}.shell{min-height:100vh;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#061820c7;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:650;font-size:1.15rem}.nav-logo{width:28px;height:28px;border-radius:8px;flex-shrink:0}.brand span{color:var(--g10);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.nav-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--foam-dim);font-size:.92rem;transition:color .22s var(--ease)}.nav-links a.active,.nav-links a:hover{color:var(--foam)}.cart-pill{border:1px solid var(--line);background:#0d2a36;border-radius:999px;padding:8px 14px;transition:border-color .22s var(--ease),background .22s var(--ease)}.cart-pill:hover{border-color:#d4b56a73}.page{flex:1;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 80px}.page-bleed{width:100%;max-width:none;padding:0 0 80px}.page-bleed>.section,.page-bleed>.after-hero{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}.footer{border-top:1px solid var(--line);padding:28px;color:var(--foam-dim);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.86rem}.hero-bleed{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:0;min-height:calc(100vh - 68px);align-items:stretch;overflow:hidden;background:#061820}.hero-photo{position:absolute;inset:0;background:url(/media/hero-windsurf.jpg) center 28% / cover no-repeat;transform:scale(1.02);animation:hero-drift 18s var(--ease) infinite alternate}.hero-scrim{position:absolute;inset:0;background:linear-gradient(105deg,#041018eb,#041018b8 38%,#04101847 62%,#04101873),linear-gradient(180deg,transparent 50%,rgba(4,16,24,.55) 100%);z-index:1}.hero-copy{position:relative;z-index:2;padding:clamp(36px,7vw,88px) clamp(24px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.brand-mark{margin:0;display:flex;align-items:center;gap:16px;font-family:var(--serif);font-weight:750;font-size:clamp(3.2rem,9vw,6.4rem);line-height:.92;letter-spacing:-.04em;color:var(--foam);text-shadow:0 12px 40px rgba(0,0,0,.45)}.brand-logo{width:clamp(48px,7vw,72px);height:clamp(48px,7vw,72px);border-radius:18px;box-shadow:0 12px 32px #00000059}.brand-mark-text{display:flex;flex-direction:column;gap:10px}.brand-mark-sub{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.22em;color:var(--g10)}.hero-bleed h1{font-size:clamp(1.35rem,2.6vw,1.85rem);line-height:1.25;font-weight:500;max-width:22ch;margin:22px 0 14px;color:var(--foam);text-shadow:0 8px 24px rgba(0,0,0,.35)}.hero-bleed .lede{color:#e8f2f4d1;text-shadow:0 6px 18px rgba(0,0,0,.35)}.hero-fin-wrap{position:relative;z-index:2;display:grid;place-items:center;min-height:520px;padding:24px}.hero-fin{width:min(300px,58vw);filter:drop-shadow(0 28px 40px rgba(0,0,0,.5))}.eyebrow{color:var(--g10);text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700}h1,h2,h3,.display{font-family:var(--serif);font-weight:650;letter-spacing:-.03em}h1{font-size:clamp(3.2rem,8vw,6.4rem);line-height:.9;margin:12px 0 18px}h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 12px}h3{margin:6px 0 8px;font-size:1.35rem}.lede{font-size:1.15rem;line-height:1.55;color:var(--foam-dim);max-width:36rem}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:999px;padding:13px 20px;background:var(--foam);color:var(--ink);font-weight:700;transition:transform .22s var(--ease),background .22s var(--ease),opacity .22s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--foam);border:1px solid var(--line)}.btn.g10{background:var(--g10);color:#1b1406}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.section{margin-top:84px}.after-hero{margin-top:64px}.rack-section{position:relative}.rack-section:before{content:"";position:absolute;inset:-40px -8vw auto;height:280px;background:linear-gradient(180deg,transparent,var(--ink)),url(/media/rack-water.jpg) center / cover no-repeat;opacity:.18;pointer-events:none;z-index:0;border-radius:0}.rack-section>*{position:relative;z-index:1}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:22px;padding:18px;overflow:hidden;transition:border-color .24s var(--ease),transform .24s var(--ease)}.card:hover{border-color:#d4b56a59}.lift:hover{transform:translateY(-4px)}.card-fin{height:220px;display:grid;place-items:center;background:radial-gradient(circle at 50% 80%,rgba(58,138,146,.22),transparent 55%),#071c26;border-radius:16px;margin-bottom:14px}.card-fin svg{height:200px}.kicker{color:var(--foam-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.price{color:var(--g10);font-weight:700}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:start}.split.quiet{align-items:center}.customize-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:20px;min-height:calc(100vh - 120px);align-items:stretch}.stage{position:sticky;top:92px;background:radial-gradient(circle at 50% 70%,rgba(212,181,106,.12),transparent 50%),#0a2430;border:1px solid var(--line);border-radius:28px;min-height:640px;display:grid;place-items:center;overflow:hidden}.stage-editor{position:sticky;top:80px;min-height:calc(100vh - 110px);height:calc(100vh - 110px);border-radius:24px;background:radial-gradient(ellipse 60% 50% at 55% 40%,rgba(209,229,216,.08),transparent 55%),radial-gradient(circle at 50% 85%,rgba(26,107,124,.2),transparent 50%),linear-gradient(165deg,#0c2a36,#071820 55%,#050f14)}.stage.compact{min-height:420px;position:relative;top:0;height:auto}.stage svg{width:min(360px,80%);transition:filter .3s var(--ease)}.stage-editor .fin-editor{width:min(520px,92%);height:min(88%,calc(100vh - 160px));max-height:820px}.controls-panel{max-height:calc(100vh - 110px);overflow:auto;padding-right:4px;align-content:start}.controls{display:grid;gap:18px}.field{display:grid;gap:8px}.field span{color:var(--foam-dim);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 12px;transition:background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.chip.on{background:var(--foam);color:var(--ink);border-color:var(--foam)}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;padding:0;transition:border-color .18s var(--ease),transform .18s var(--ease)}.swatch.on{border-color:var(--foam);transform:scale(1.08)}input[type=text],input[type=email],input[type=password]{background:#071c26;border:1px solid var(--line);border-radius:12px;padding:12px 14px}input[type=range]{width:100%;accent-color:var(--g10)}.range-ends{display:flex;justify-content:space-between;color:var(--foam-dim);font-size:.75rem}.fin-editor{width:min(480px,92%);touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}.editor-hint{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:var(--foam-dim);font-size:.8rem;margin:0}.estimate{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#0410188c}.estimate-line,.estimate-total{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:.92rem;color:var(--foam-dim)}.estimate-total{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;color:var(--foam);font-size:1.05rem}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notice{border:1px dashed rgba(212,181,106,.4);background:#d4b56a14;color:#f3e3b4;padding:12px 14px;border-radius:14px;font-size:.92rem}.line{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.cart-line-meta{display:flex;align-items:center;gap:18px}.qty{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:4px 8px}.qty button{background:none;border:0;padding:4px 8px}.auth-panel{max-width:480px;margin:12px auto 0}.auth-divider{text-align:center;color:var(--foam-dim);margin:22px 0;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.pay-card{max-width:460px;margin:40px auto;background:#f0f4f5;color:#122028;border-radius:20px;padding:28px}.pay-card input{background:#fff;color:#122028;border-color:#c5d2d6;width:100%}.pay-card .btn{width:100%;margin-top:12px}.test-badge{display:inline-block;background:#111;color:#f0c84a;font-size:.72rem;letter-spacing:.14em;padding:4px 8px;border-radius:999px}.reveal{opacity:0;transform:translateY(18px);animation:rise .7s var(--ease) forwards}.delay-1{animation-delay:90ms}.delay-2{animation-delay:.18s}.delay-3{animation-delay:.27s}.float-fin{animation:float-y 5.5s var(--ease) infinite alternate}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes float-y{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@keyframes hero-drift{0%{transform:scale(1.02) translateZ(0)}to{transform:scale(1.06) translate3d(-1.5%,-1%,0)}}@media(max-width:900px){.hero-bleed,.split,.customize-layout,.grid-3,.shop-grid,.guide-grid{grid-template-columns:1fr}.nav{flex-wrap:wrap}.hero-bleed{min-height:auto}.hero-fin-wrap{min-height:380px;order:-1;padding-top:32px}.hero-copy{padding-top:12px;padding-bottom:48px}.stage{min-height:420px;position:relative;top:0}.stage-editor{height:min(72vh,640px);min-height:480px;position:relative;top:0}.controls-panel{max-height:none;overflow:visible}.brand-mark{font-size:clamp(2.8rem,14vw,4.4rem)}.hero-bleed h1{font-size:1.35rem}.cart-line-meta{flex-direction:column;align-items:flex-end;gap:8px}}@media(prefers-reduced-motion:reduce){.reveal,.float-fin,.hero-photo{animation:none;opacity:1;transform:none}.btn,.card,.chip,.swatch,.nav-links a{transition:none}}.admin-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(58,138,146,.18),transparent 50%),linear-gradient(170deg,#061820,#0a2430 55%,#041018);color:var(--foam)}.admin-login{grid-template-columns:1fr;place-items:center;padding:32px}.admin-card{width:min(420px,100%);background:var(--ink-2);border:1px solid var(--line);border-radius:20px;padding:28px}.admin-side{border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:18px;background:#0410188c}.admin-brand{display:flex;gap:12px;align-items:center}.admin-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--g10),#9a7030);color:#1b1406}.admin-nav{display:grid;gap:6px;flex:1}.admin-nav-link{text-align:left;border:0;background:transparent;color:var(--foam-dim);padding:10px 12px;border-radius:10px;font:inherit;cursor:pointer;text-decoration:none}.admin-nav-link.on,.admin-nav-link:hover{background:#d4b56a1f;color:var(--foam)}.admin-main{padding:22px 24px 40px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.admin-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.admin-list{display:grid;gap:10px}.admin-order{text-align:left;border:1px solid var(--line);background:#0a2430b3;border-radius:14px;padding:14px;color:inherit;cursor:pointer;transition:border-color .18s var(--ease)}.admin-order.on,.admin-order:hover{border-color:#d4b56a73}.admin-order-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.admin-order-items{margin-top:8px;font-size:.86rem;color:var(--foam-dim)}.admin-pill{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#e8f2f414}.admin-pill.status-queued{background:#3a8a9240;color:#9ad4da}.admin-pill.status-milling{background:#d4b56a40;color:#f0d9a0}.admin-pill.status-done{background:#3eb47838;color:#9eebb8}.admin-pill.status-cancelled{background:#c45a2e38;color:#f0b0a0}.admin-detail{border:1px solid var(--line);border-radius:18px;padding:18px;background:#071c26bf;min-height:320px}.admin-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.admin-detail-head select{background:#071c26;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.admin-item{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-side{border-right:0;border-bottom:1px solid var(--line)}.admin-grid{grid-template-columns:1fr}}