@font-face{font-family:'Lora';src:url(/fonts/lora-latin-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Lora';src:url(/fonts/lora-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Lora';src:url(/fonts/lora-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Lora';src:url(/fonts/lora-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/inter-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/inter-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/inter-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--ink:#241F1C;--soft:#5E5550;--mute:#8A807A;--bg:#FBF8F3;--card:#FFFFFF;--line:#ECE5DC;--terra:#C8643F;--sage:#5F7D66;--sageb:#E6EEE6;--sand:#F3ECE2;--r:18px;--serif:'Lora',Georgia,serif;--sans:'Inter',system-ui,-apple-system,Segoe UI,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.k{font:600 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin:0 0 10px;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:0;line-height:1.2;margin:0}
h1{font-size:clamp(32px,4.4vw,50px)}h2{font-size:clamp(24px,3vw,32px)}h3{font-size:20px}
h1 em{font-style:italic;font-weight:400;color:var(--terra)}
.secth{font-size:26px;margin:40px 0 6px}.sectp{color:var(--soft);margin:0 0 18px}
.pop{font-size:13px;font-weight:500;color:var(--terra)!important}
.gnav{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0}.gnav a{font:500 14px var(--sans);text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;color:var(--soft)}.gnav a:hover{color:var(--ink);border-color:var(--ink)}
.gsec{scroll-margin-top:80px}
.lede{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--soft);max-width:640px;margin:16px 0 0}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(251,248,243,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{font:600 21px var(--serif);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.top nav{display:flex;gap:22px}.top nav a{text-decoration:none;font-weight:500;font-size:15px;color:var(--soft)}.top nav a:hover,.top nav a[aria-current]{color:var(--ink)}
@media(max-width:620px){.top nav{gap:14px}.top nav a{font-size:14px}.logo{font-size:18px}.top nav a[href="/about/"]{display:none}}
/* hero */
.hero{padding:64px 0 28px}.hero .lede{max-width:560px}
/* slides */
.slides{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/7;min-height:300px;background:var(--sand)}
.slide,.gban{position:absolute;inset:0;background-image:var(--w);background-size:cover;background-position:center right;text-decoration:none;opacity:0;transition:opacity .7s;display:flex;align-items:center}
.slide.on{opacity:1;z-index:1}
.sc{background:rgba(251,248,243,.94);margin:0 0 0 clamp(16px,4vw,48px);padding:clamp(20px,3vw,34px);border-radius:16px;max-width:420px}
.sc h2{font-size:clamp(24px,3.2vw,36px)}.sc p{color:var(--soft);margin:10px 0 16px;font-size:15px}
.go{font-weight:600;color:var(--terra);font-size:15px}
.dots{position:absolute;z-index:3;bottom:16px;right:20px;display:flex;gap:8px}.dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(36,31,28,.25);cursor:pointer;padding:0}.dots button.on{background:var(--ink)}
@media(max-width:700px){.slides{aspect-ratio:auto;height:600px}.slide{align-items:flex-end;background-image:var(--q);background-position:center top;background-size:100% auto;background-repeat:no-repeat}.sc{margin:0 12px 12px;max-width:none}}
.gban{position:relative;opacity:1;display:flex;border-radius:var(--r);overflow:hidden;aspect-ratio:16/6;min-height:280px;margin:0 0 20px;background-color:var(--sand)}
.gban:hover .go{text-decoration:underline}
@media(max-width:700px){.gban{aspect-ratio:auto;height:600px;align-items:flex-end;background-image:var(--q);background-position:center top;background-size:100% auto;background-repeat:no-repeat}}
/* sections */
.sec{padding:56px 0 8px}.sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 8px}.sh a{font-weight:500;font-size:15px;color:var(--soft);text-decoration-color:var(--line);text-underline-offset:4px}
.sub{color:var(--soft);margin:0 0 22px}
.intro{padding:56px 0 28px}
/* tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px}.tiles.two{grid-template-columns:repeat(2,1fr)}
.tile{text-decoration:none;display:block}.tile img{border-radius:var(--r);aspect-ratio:1;object-fit:cover;width:100%;transition:transform .3s}
.tile:hover img{transform:translateY(-3px)}.tile .k{margin:14px 0 6px}.tile h3{font-size:22px}.tile p{color:var(--soft);margin:6px 0 0;font-size:15px}
@media(max-width:820px){.tiles{grid-template-columns:repeat(2,1fr);gap:14px}.tile h3{font-size:18px}.tile p{display:none}}
/* cards */
.grid{display:grid;gap:22px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.g3{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.g3,.g2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.ph{background:#fff;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.ph img{width:88%;height:88%;object-fit:contain}
.cb{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;position:relative}
.cb h3{font-size:19px}.cb p{margin:0;color:var(--soft);font-size:15px}
.cb .best{font-size:13px;color:var(--mute)}
.n{position:absolute;top:18px;right:20px;font:600 13px var(--sans);color:var(--mute)}
.lab{align-self:flex-start;font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:99px;background:var(--sand);color:var(--soft)}
.lab.own{background:var(--sageb);color:#3C5A43}
.buy{margin-top:auto;padding-top:10px;font-size:14px;font-weight:500;color:var(--soft);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.buy:hover{color:var(--ink);text-decoration-color:var(--ink)}
/* collection hero */
.chero{background-image:var(--w);background-size:auto 100%;background-repeat:no-repeat;background-position:right center;background-color:var(--sand);min-height:420px;display:flex;align-items:center}
.chbox{background:rgba(251,248,243,.95);padding:clamp(22px,3vw,36px);border-radius:var(--r);max-width:520px;margin:40px 0}
@media(max-width:700px){.chero{background-image:var(--q);background-size:100% auto;background-position:center top;background-repeat:no-repeat;align-items:flex-end;min-height:auto;padding-top:96vw}.chbox{margin:0 0 20px}}
.crumbs{font-size:13px;color:var(--mute);margin:0 0 14px}.crumbs a{color:var(--mute)}
.how{display:grid;grid-template-columns:200px 1fr auto;gap:24px;align-items:baseline;padding:28px 0;margin:0 0 28px;border-bottom:1px solid var(--line)}
.how p{margin:0}.how .cnt{color:var(--mute);font-size:14px;white-space:nowrap}
@media(max-width:760px){.how{grid-template-columns:1fr;gap:6px}}
.grid.top{margin-top:36px}
.more{padding:56px 0 8px}
/* journal */
.jlist{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:18px}
@media(max-width:860px){.jlist{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.jlist{grid-template-columns:1fr}}
.jc{text-decoration:none;display:block}.jc img{border-radius:var(--r);aspect-ratio:3/2;object-fit:cover;width:100%;margin-bottom:14px}.jc h3{font-size:21px}.jc p{color:var(--soft);margin:6px 0 0;font-size:15px}.jc[hidden]{display:none}
.filt{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.filt button{font:500 14px var(--sans);border:1px solid var(--line);background:#fff;padding:8px 14px;border-radius:99px;cursor:pointer;color:var(--soft)}.filt button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.post{max-width:700px;margin:0 auto;padding:48px 0 16px}.post h1{font-size:clamp(32px,4.4vw,48px)}
.body{font-size:18px;line-height:1.75;margin-top:28px}.body p{margin:0 0 20px}.body h2{font-size:24px;margin:36px 0 12px}.body ul{padding-left:22px;margin:0 0 20px}.body li{margin:0 0 8px}
.post.note .body{font-family:var(--serif);font-size:19px;line-height:1.75}
.inpost{margin:10px 0 28px}.disc{font-size:13px;color:var(--mute);margin:16px 0 0}
/* prose pages */
.prose{max-width:700px;margin:0 auto;padding:56px 0 24px;font-size:17px}.prose h2{margin:32px 0 10px;font-size:24px}.prose p{margin:0 0 16px}.prose ul{padding-left:22px}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:600;padding:12px 20px;border-radius:99px;border:0;font-size:15px;cursor:pointer}
.form{display:grid;gap:14px;margin-top:20px}.form label{display:grid;gap:6px;font-weight:500;font-size:14px}
.form input,.form select,.form textarea{font:16px var(--sans);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
/* email */
.keep{margin:72px 0 0;background:var(--sand)}.keepin{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding-top:48px;padding-bottom:48px}
.keep h2{font-size:clamp(22px,2.6vw,30px)}.keep p{color:var(--soft);margin:10px 0 0}
.subf{display:flex;gap:10px}.subf input{flex:1;min-width:0;font:16px var(--sans);padding:14px 16px;border:1px solid var(--line);border-radius:99px;background:#fff}.subf button{font:600 15px var(--sans);background:var(--terra);color:#fff;border:0;border-radius:99px;padding:0 24px;cursor:pointer}
form.subf{margin:0}
@media(max-width:760px){.keepin{grid-template-columns:1fr}}
/* footer */
.foot{padding:48px 0 32px;font-size:14px;color:var(--soft)}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
.foot a{display:block;text-decoration:none;margin:0 0 8px}.foot a:hover{color:var(--ink)}.foot .logo{margin-bottom:8px;color:var(--ink)}
.store{display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden}.store button{font:500 13px var(--sans);border:0;background:#fff;padding:7px 14px;cursor:pointer;color:var(--soft)}.store button[aria-pressed=true]{background:var(--ink);color:#fff}
.small{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:13px;color:var(--mute);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.small p{margin:0}
@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr}}

.chero>.wrap{width:100%}