@font-face{font-family:'Syne';src:url("/assets/syne.ttf") format("truetype");font-weight:400 800;font-display:swap}
:root{--paper:#faf9f5;--paper2:#fff;--ink:#151513;--soft:#3c3a34;--muted:#847f74;--faint:#b3ad9f;--line:#e9e4d8;--fd:'Syne',ui-sans-serif,system-ui,sans-serif;--fb:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--fm:ui-monospace,"SF Mono",Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--fb);line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit}
.top{border-bottom:1px solid var(--line);font-family:var(--fm);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center;padding:9px 16px}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:15px 26px;background:rgba(250,249,245,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.logo{font-family:var(--fd);font-weight:700;font-size:1.5rem;color:var(--ink);text-decoration:none;line-height:1}
.links{display:flex;gap:18px;margin-left:12px}@media(max-width:860px){.links{display:none}}
.nav a.lnk{color:var(--soft);text-decoration:none;font-size:.85rem}.nav a.lnk:hover{color:var(--ink)}
.btn{font-family:var(--fm);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:13px 22px;border-radius:9px;text-decoration:none;border:1px solid var(--ink);cursor:pointer;transition:.15s;display:inline-block;white-space:nowrap}
.btn.solid{background:var(--ink);color:var(--paper)}.btn.solid:hover{background:#000}
.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.navbuy{margin-left:auto;font-size:.72rem;padding:9px 15px}
.wrap{max-width:1220px;margin:0 auto;padding:0 26px}
/* hero */
.hero{max-width:1220px;margin:0 auto;padding:72px 26px 30px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:22px;padding:44px 20px 6px;text-align:center}}
.h1{font-family:var(--fd);font-weight:800;font-size:clamp(2.4rem,6vw,4.4rem);line-height:.98;letter-spacing:-.01em;margin:0;text-wrap:balance}
.hsub{color:var(--soft);font-size:1.08rem;line-height:1.62;max-width:46ch;margin:20px 0 0}@media(max-width:900px){.hsub{margin-inline:auto;font-size:1rem}}
.hctas{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}@media(max-width:900px){.hctas{justify-content:center}}
.htrust{display:flex;gap:20px;flex-wrap:wrap;margin:28px 0 0;font-family:var(--fm);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}@media(max-width:900px){.htrust{justify-content:center}}
.shot{aspect-ratio:16/9;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(30,26,18,.5),0 0 0 1px var(--line)}
.shot img{width:100%;height:100%;object-fit:cover}
/* strip */
.strip{max-width:1220px;margin:6px auto 0;padding:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:760px){.strip{grid-template-columns:1fr;gap:14px}}
.feat h4{font-family:var(--fd);font-weight:700;font-size:1.02rem;margin:0 0 7px}.feat p{color:var(--muted);font-size:.9rem;line-height:1.55;margin:0}
/* section header */
.shead{max-width:1220px;margin:0 auto;padding:52px 26px 8px}
.shead h2{font-family:var(--fd);font-weight:800;font-size:clamp(1.7rem,4vw,2.3rem);letter-spacing:-.01em;margin:0}
.shead p{color:var(--muted);margin:6px 0 0}
/* collection cards (home) */
.cards{max-width:1220px;margin:0 auto;padding:22px 26px 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cards{grid-template-columns:1fr}}
.card{display:block;text-decoration:none;color:inherit;background:var(--paper2);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(30,26,18,.5)}
.card .cimg{aspect-ratio:16/9;overflow:hidden;background:#eee}.card .cimg img{width:100%;height:100%;object-fit:cover}
.card .cft{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 16px}
.card h3{font-family:var(--fd);font-weight:700;font-size:1.05rem;margin:0}
.card .meta{font-family:var(--fm);font-size:.72rem;color:var(--muted)}.card .meta b{color:var(--ink)}
/* collection page */
.chero{max-width:1220px;margin:0 auto;padding:60px 26px 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.chero h1{font-family:var(--fd);font-weight:800;font-size:clamp(2.2rem,5.5vw,3.4rem);letter-spacing:-.01em;margin:0}
.chero p{color:var(--muted);margin:8px 0 0;font-size:1.02rem}
.chero .cnt{font-family:var(--fm);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:10px 0 0}
.crumbs{max-width:1220px;margin:0 auto;padding:22px 26px 0;font-family:var(--fm);font-size:.72rem;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.pgrid{max-width:1220px;margin:0 auto;padding:30px 26px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}@media(max-width:640px){.pgrid{grid-template-columns:1fr;gap:16px}}
.piece figure{margin:0}.piece img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;box-shadow:0 16px 32px -24px rgba(30,26,18,.5)}
.piece figcaption{font-family:var(--fd);font-weight:600;font-size:.95rem;margin:9px 2px 0}
.piece .fmt{font-family:var(--fm);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-left:8px}
.cbuy{max-width:1220px;margin:8px auto 0;padding:40px 26px;text-align:center}
.cbuy .btn{padding:16px 34px;font-size:.8rem}
.other{max-width:1220px;margin:0 auto;padding:10px 26px 20px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.other a{font-family:var(--fm);font-size:.72rem;color:var(--soft);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 13px}.other a:hover{border-color:var(--ink);color:var(--ink)}
/* bundle */
.bundle{max-width:1220px;margin:8px auto 0;padding:50px 26px}
.bwrap{background:var(--ink);color:var(--paper);border-radius:20px;padding:54px 40px;text-align:center}
.bwrap .bt{font-family:var(--fm);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}
.bwrap h3{font-family:var(--fd);font-weight:800;font-size:clamp(1.9rem,4.6vw,2.9rem);margin:14px 0 10px;letter-spacing:-.01em}
.bwrap p{color:#cfc9bc;max-width:52ch;margin:0 auto 22px;line-height:1.6}
.brow{display:flex;align-items:baseline;justify-content:center;gap:14px;margin:0 0 22px}
.bnow{font-family:var(--fd);font-weight:800;font-size:2.6rem}.bwas{font-family:var(--fm);color:var(--faint);text-decoration:line-through}
.bsave{font-family:var(--fm);font-size:.7rem;letter-spacing:.08em;border:1px solid #4a463c;border-radius:999px;padding:4px 10px;color:#d9d3c5}
.btn.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.light:hover{background:#fff}
/* footer */
footer{border-top:1px solid var(--line);margin-top:24px}
.fg{max-width:1220px;margin:0 auto;padding:48px 26px 26px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px}@media(max-width:640px){.fg{grid-template-columns:1fr 1fr}}
.fg .logo{font-size:1.6rem}.fg p{color:var(--muted);font-size:.86rem;line-height:1.6;max-width:34ch;margin:12px 0 0}
.fcol h5{font-family:var(--fm);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 12px}
.fcol a{display:block;color:var(--soft);text-decoration:none;font-size:.88rem;margin:0 0 8px}.fcol a:hover{color:var(--ink)}
.fbot{max-width:1220px;margin:0 auto;padding:16px 26px 60px;border-top:1px solid var(--line);font-family:var(--fm);font-size:.7rem;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:560px){.nav{gap:10px;padding:13px 16px}.navbuy{font-size:.64rem;padding:8px 11px}.logo{font-size:1.3rem}.cards,.pgrid{gap:12px}.chero{padding:44px 18px 10px}.shead{padding:40px 18px 6px}.cards{padding:20px 18px}}