:root{--bg: #f2f2ee;--paper: #fbfbf9;--ink: #151515;--mute: #6f6f69;--accent: #2c7a33;--accent-ink: #21602a;--danger: #a33a2a;--tint-sand: #ebe4d8;--tint-stone: #e4e4e0;--tint-blush: #efe3e0;--tint-moss: #e0e6dc;--tint-sea: #dde5e8;--font: "Familjen Grotesk", system-ui, sans-serif;--gutter: clamp(16px, 4vw, 56px);--gap: 2px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;font-feature-settings:"ss01","cv05"}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}h1,h2,h3,p{margin:0}.display{font-size:clamp(44px,7.5vw,104px);line-height:.95;letter-spacing:-.035em;font-weight:600}.display .light{font-weight:300}.h1{font-size:clamp(28px,4vw,48px);line-height:1.02;letter-spacing:-.02em;font-weight:600}.h2{font-size:clamp(20px,2.4vw,28px);line-height:1.1;letter-spacing:-.015em;font-weight:600}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:500}.mute{color:var(--mute)}.price{font-variant-numeric:tabular-nums}.accent{color:var(--accent)}.wrap{padding-inline:var(--gutter)}.section{padding-block:clamp(40px,7vw,96px)}.stack>*+*{margin-top:1rem}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding-inline:var(--gutter);background:var(--paper)}.topbar .brand{font-weight:600;letter-spacing:-.02em;font-size:20px}.topbar nav{display:flex;gap:24px;font-size:15px}.topbar .right{justify-self:end;display:flex;gap:24px;font-size:15px}.topbar .cart-count{font-variant-numeric:tabular-nums}.topbar .only-mobile{display:none}@media(max-width:640px){.topbar{grid-template-columns:1fr auto;height:56px}.topbar nav{display:none}.topbar .only-mobile{display:inline}.topbar .right{gap:18px}}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding-inline:24px;background:var(--ink);color:var(--paper);font-weight:500;font-size:15px;white-space:nowrap}.btn:hover{background:#000}.btn.accent{background:var(--accent)}.btn.accent:hover{background:var(--accent-ink)}.btn.ghost{background:var(--tint-stone);color:var(--ink)}.btn.ghost:hover{background:#d8d8d3}.btn.small{height:36px;padding-inline:14px;font-size:14px}.btn.danger{background:transparent;color:var(--danger);padding-inline:0}.btn.danger:hover{background:transparent;text-decoration:underline}.btn:disabled{opacity:.4;cursor:default}.link{text-decoration:underline;text-underline-offset:3px}.tile{background:var(--tint-stone);display:grid}.tile.sand{background:var(--tint-sand)}.tile.stone{background:var(--tint-stone)}.tile.blush{background:var(--tint-blush)}.tile.moss{background:var(--tint-moss)}.tile.sea{background:var(--tint-sea)}.grid{display:grid;gap:var(--gap)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid.three,.grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid.two,.grid.three{grid-template-columns:1fr}.grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.card .meta{padding:12px 14px 16px;flex-direction:column;gap:2px}.card .meta .name{font-size:14px}.card .meta .price{font-size:14px;color:var(--mute)}}.card{display:grid;grid-template-rows:auto 1fr}.card .media{aspect-ratio:1;display:grid;place-items:center;position:relative;overflow:hidden}.card .media img{width:100%;height:100%;object-fit:cover}.card .meta{padding:16px 20px 20px;display:flex;justify-content:space-between;gap:12px;align-items:baseline}.card .meta .name{font-weight:500}.placeholder{width:100%;height:100%;display:grid;place-items:end start;padding:16px}.placeholder span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.placeholder:before{content:"";position:absolute;inset:22%;background:#0000000b}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:340px}.feature .text{padding:32px;align-self:center;display:grid;gap:4px}.feature .text .name{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.02em}.feature .media{position:relative;overflow:hidden}.feature .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width:760px){.feature{grid-template-columns:1fr;min-height:0}.feature .media{order:-1;aspect-ratio:1}.feature .text{padding:20px 20px 28px}}.field{display:grid;gap:6px}.field label{font-size:14px;font-weight:500}.field .hint{font-size:13px;color:var(--mute)}.field input,.field select,.field textarea{width:100%;height:48px;padding-inline:14px;background:var(--paper);border:0;outline:0}.field textarea{height:auto;min-height:120px;padding-block:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{background:var(--tint-moss)}.field input[type=file]{padding-block:11px}.field input[type=file]::file-selector-button{border:0;background:var(--tint-stone);padding:6px 12px;margin-right:12px;font:inherit;cursor:pointer}.field input[type=checkbox]{width:20px;height:20px;accent-color:var(--ink)}.field.inline{grid-template-columns:auto 1fr;align-items:center;gap:10px}.form{display:grid;gap:20px;max-width:560px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:520px){.form .row{grid-template-columns:1fr}}.notice{padding:14px 16px;background:var(--tint-moss);font-size:14px}.notice.error{background:#f1ddd8}.table{width:100%;border-collapse:separate;border-spacing:0 var(--gap);font-size:14px}.table th{text-align:left;font-weight:500;color:var(--mute);padding:10px 12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.table td{padding:14px 12px;background:var(--paper);vertical-align:middle}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.table th.num{text-align:right}.thumb{width:44px;height:44px;object-fit:cover;display:block}.thumb.empty{background:var(--tint-stone)}.qty{display:inline-grid;grid-template-columns:36px auto 36px;align-items:center;background:var(--paper);height:36px}.qty button{height:36px;font-size:18px;line-height:1}.qty span{min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.footer{padding:48px var(--gutter) 32px;background:var(--paper);display:grid;gap:32px}.footer .wordmark{font-size:clamp(56px,18vw,240px);overflow:hidden;line-height:.85;letter-spacing:-.05em;font-weight:600;color:var(--tint-stone)}.footer .cols{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--mute)}.admin{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin aside{background:var(--paper);padding:24px;display:grid;align-content:start;gap:28px;position:sticky;top:0;height:100vh}.admin aside nav{display:grid;gap:10px;font-size:15px}.admin aside nav a.active{font-weight:600}.admin main{padding:32px var(--gutter);display:grid;align-content:start;gap:28px}.admin .head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap)}.stat{background:var(--paper);padding:20px;display:grid;gap:6px}.stat b{font-size:32px;font-weight:600;letter-spacing:-.02em}@media(max-width:760px){.admin{grid-template-columns:1fr}.admin aside{position:static;height:auto}}@media(prefers-reduced-motion:no-preference){[data-reveal],[data-reveal-group]>*{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}[data-reveal].in,[data-reveal-group].in>*{opacity:1;transform:none}[data-reveal-group].in>:nth-child(2){transition-delay:.07s}[data-reveal-group].in>:nth-child(3){transition-delay:.14s}[data-reveal-group].in>:nth-child(4){transition-delay:.21s}[data-reveal-group].in>:nth-child(n+5){transition-delay:.28s}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}