.home{--nav-h:72px;margin-top:calc(-1 * var(--nav-h));background:var(--bg)}.home .dark-band{z-index:1;color:var(--ink);position:relative}.home .paper{z-index:2;background:var(--paper);color:var(--paperInk);position:relative}.hero{min-height:100svh;padding-block:calc(var(--nav-h) + 32px) 64px;cursor:grab;align-items:center;display:flex}.hero:active{cursor:grabbing}.hero>div{min-width:0}.hero h1{max-width:10ch}.hero .lede{max-width:40ch;color:var(--muted);margin-top:22px;font-size:18px}.pick{max-width:620px;margin-top:34px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chips .chip{flex:none}.chip{all:unset;cursor:pointer;box-sizing:border-box;border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 10px;font-size:15px;transition:border-color .2s,background .2s;display:flex}.chip i{border-radius:50%;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #00000026}.chip:hover{border-color:#f4eadc66}.chip[aria-pressed=true]{border-color:var(--ink);background:#f4eadc12}.chip:focus-visible{outline:2px solid var(--scent);outline-offset:3px}.scentline{color:var(--muted);max-width:46ch;min-height:3.2em;margin-top:16px;font-size:15px}.scentline b{color:var(--ink);font-weight:500}.buy{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:18px;display:flex}.buy .price{font:400 30px var(--font-display), serif;white-space:nowrap}.buy .error{color:#f2b8a2;flex-basis:100%;font-size:15px}.more{color:var(--muted);text-underline-offset:5px;font-size:15px}.more:hover{color:var(--ink)}.drag-hint{bottom:24px;right:var(--gutter);color:var(--muted);font-size:14px;position:absolute}.reveal{animation:.7s cubic-bezier(.2,.7,.2,1) both reveal}.reveal:nth-child(2){animation-delay:80ms}.reveal:nth-child(3){animation-delay:.16s}.reveal:nth-child(4){animation-delay:.24s}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}}.banners{gap:16px;padding-block:0 48px;display:grid}.banner{border:1px solid var(--line);color:var(--ink);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px 32px;text-decoration:none;display:grid;position:relative;overflow:hidden}.banner h2{font:400 clamp(28px, 3vw, 40px)/1.05 var(--font-display), serif}.banner p{color:var(--muted);margin-top:6px}.banner img{-o-object-fit:cover;object-fit:cover;border-radius:6px}.shop{padding-block:96px 110px}.shop .head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 40px;display:flex}.shop .sub{color:var(--paperMuted);margin-top:10px}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{all:unset;cursor:pointer;box-sizing:border-box;min-height:44px;color:var(--paperMuted);border:1px solid var(--paperLine);border-radius:999px;align-items:center;padding:0 16px;font-size:15px;transition:background .2s,color .2s;display:flex}.tab:hover{color:var(--paperInk)}.tab[aria-pressed=true]{background:var(--paperInk);color:var(--paper);border-color:var(--paperInk)}.tab:focus-visible{outline:2px solid var(--paperInk);outline-offset:3px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:40px 26px;margin-top:44px;list-style:none;display:grid}.card{perspective:900px}.card .ph{aspect-ratio:4/5;transform-style:preserve-3d;background:#e9dfd2;border-radius:6px;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;display:block;position:relative;overflow:hidden}.card .ph img{-o-object-fit:cover;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card:hover .ph img{transform:scale(1.04)}.card .meta{margin-top:14px}.card h3{font:400 21px/1.2 var(--font-display), serif}.card h3 a{text-decoration:none}.card .type{color:var(--paperMuted);margin-top:2px;font-size:15px;display:block}.card .end{white-space:nowrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.card .end b{font:400 20px var(--font-display), serif}.add{all:unset;cursor:pointer;border:1px solid #2b211c33;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;line-height:1;transition:background .2s,color .2s,transform .2s;display:grid}.add:hover,.add[data-done=true]{background:var(--paperInk);color:var(--paper)}.add:active{transform:scale(.9)}.add:focus-visible{outline:2px solid var(--paperInk);outline-offset:3px}.story{height:300vh}.story .sticky{align-items:center;height:100vh;display:flex;position:sticky;top:0}.story .kicker{top:calc(var(--nav-h) + 38px);font:400 20px var(--font-display), serif;color:var(--muted);position:absolute}.steps{width:min(460px,100%);height:320px;position:relative}.step{opacity:0;pointer-events:none;transition:opacity .6s,transform .6s;position:absolute;inset:0;transform:translateY(18px)}.step[data-on=true]{opacity:1;transform:none}.step .n{color:var(--muted);font-size:14px}.step h3{font:400 clamp(38px, 4.4vw, 64px)/1.02 var(--font-display), serif;margin:14px 0 18px}.step p{color:var(--muted);max-width:40ch}.progress{gap:8px;display:flex;position:absolute;bottom:56px;left:0}.progress i{background:var(--line);width:34px;height:2px;position:relative;overflow:hidden}.progress i b{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.about{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);padding-block:110px;display:grid}.about .photo{aspect-ratio:4/5;border-radius:6px;position:relative;overflow:hidden}.about p{color:#5f5047;max-width:52ch;margin-top:18px}.event{border:1px solid #d9ccbd;border-radius:8px;margin-top:30px;padding:20px 22px}.event b{font-weight:600;display:block}.site-footer{z-index:2;position:relative}@media (max-width:860px){.home{--nav-h:66px}.hero{align-items:flex-end;padding-top:36svh;padding-bottom:32px}.hero h1{font-size:clamp(46px,13vw,72px)}.hero .lede{margin-top:14px;font-size:16px}.pick{margin-top:22px}.scentline{min-height:0}.drag-hint{display:none}.banner{grid-template-columns:1fr}.story .sticky{align-items:flex-end;padding-bottom:110px}.steps{height:260px}.about{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}.step,.card .ph,.card .ph img{transition:none}}