/* Perpax: Split Plate brand. Tokens from brand/perpax-tokens.json. Text pairs all pass 4.5:1. */
:root{--bg:#FDF1EA;--card:#FFFFFF;--ink:#2A1208;--muted:#6B4E3D;--line:#EBD9CC;--persimmon:#E8613C;--sun:#FBBF24;--rust:#9A3412;--night:#1F120D;--nightcard:#2A1712;--nighttext:#FFE8D6;--nightmuted:#C8B3A6;--coral:#FF8A5C}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:var(--rust);text-underline-offset:3px}a:hover{color:var(--ink)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:Outfit,Inter,sans-serif;font-weight:700;line-height:1.1;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(40px,7vw,72px)}h2{font-size:clamp(28px,4.2vw,44px)}h3{font-size:21px;font-weight:600}
.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);font-weight:600;margin:0 0 12px}
.lead{font-size:clamp(18px,2.2vw,21px);color:var(--muted);max-width:660px}
header.top{position:sticky;top:0;z-index:5;background:rgba(253,241,234,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
header.top .brand img{height:36px;width:auto}
nav.main{display:flex;gap:2px;flex-wrap:wrap}nav.main a{color:var(--ink);text-decoration:none;font-size:15px;padding:8px 12px;border-radius:999px}
nav.main a[aria-current="page"]{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--ink)}nav.main a:hover{background:var(--card)}
.menu-btn{display:none}
@media (max-width:820px){nav.main{display:none;position:absolute;left:0;right:0;top:72px;background:var(--bg);flex-direction:column;padding:10px 20px 18px;border-bottom:1px solid var(--line)}
nav.main.open{display:flex}.menu-btn{display:inline-flex;font:inherit;font-size:15px;font-weight:600;border:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;min-height:44px;padding:0 18px;align-items:center}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:16px;background:var(--persimmon);color:var(--ink);text-decoration:none;font-weight:600}
.btn:hover{color:var(--ink);filter:brightness(1.05)}.btn.ink{background:var(--ink);color:var(--nighttext)}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--ink)}
section{padding:88px 0}section.tight{padding:56px 0 32px}
.hero{padding:64px 0 88px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero-photo{border-radius:32px;overflow:hidden;aspect-ratio:4/5;position:relative;box-shadow:0 30px 70px rgba(124,45,18,.22)}.hero-photo img{width:100%;height:100%;object-fit:cover}
.chip{position:absolute;left:18px;right:18px;bottom:18px;background:var(--persimmon);color:var(--ink);border-radius:20px;padding:14px 18px;font-size:15px}
.chip .num{font-family:Outfit,sans-serif;font-size:30px;font-weight:700;display:block;line-height:1.15}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;align-items:center}
.soon{display:inline-flex;flex-direction:column;justify-content:center;min-height:52px;padding:0 18px;border-radius:16px;background:var(--card);border:1.5px solid var(--line);font-size:13px;color:var(--muted);line-height:1.3}.soon b{color:var(--ink);font-size:15px}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-photo{aspect-ratio:1/1}.chip{left:12px;right:auto;bottom:12px;padding:10px 14px;font-size:13px}.chip .num{font-size:21px}}
.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:940px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:24px;padding:26px;min-width:0}
.feat .ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.dark{background:var(--night);color:var(--nighttext)}.dark .lead,.dark .small{color:var(--nightmuted)}.dark .card{background:var(--nightcard)}.dark .eyebrow{color:var(--sun)}.dark a{color:var(--coral)}
.small{font-size:14px;color:var(--muted)}
.steps{counter-reset:s}.step{position:relative;padding-left:62px}.step::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:-2px;width:44px;height:44px;border-radius:50%;background:var(--sun);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:700;font-size:20px}
.sum{display:grid;gap:10px}.sum .row{display:flex;justify-content:space-between;gap:12px;background:var(--card);border-radius:14px;padding:12px 16px}.sum .row b{font-family:Outfit,sans-serif}
.dark .sum .row{background:var(--nightcard)}
.post-grid .card{padding:0;overflow:hidden}.post-grid a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.post-grid img{aspect-ratio:3/2;object-fit:cover;width:100%;transition:transform .4s}.post-grid a:hover img{transform:scale(1.03)}
.post-grid .body{padding:16px 18px 20px}.post-grid h3{font-size:19px;margin:6px 0 8px}.post-grid .eyebrow{font-size:11px;margin:0}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.filters button{font:inherit;font-size:14px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.filters button[aria-pressed="true"]{background:var(--ink);color:var(--nighttext);border-color:var(--ink);font-weight:600}
article.post{max-width:740px;margin:0 auto}article.post .hero-img{border-radius:24px;aspect-ratio:16/9;object-fit:cover;width:100%;margin:22px 0 28px}
article.post h2{font-size:27px;margin-top:1.5em}article.post li{margin:.35em 0}
article.post table{width:100%;border-collapse:collapse;font-size:15px;background:var(--card);border-radius:14px;overflow:hidden}article.post th{background:var(--ink);color:var(--nighttext);text-align:left;padding:10px 12px}article.post td{padding:10px 12px;border-bottom:1px solid var(--line)}
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0}
.byline{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.byline img{width:40px;height:40px}
.note{background:var(--card);border:1.5px solid var(--sun);border-radius:18px;padding:16px 18px;font-size:15px}
details{background:var(--card);border-radius:18px;padding:4px 20px;margin-bottom:10px}summary{cursor:pointer;font-weight:600;min-height:52px;display:flex;align-items:center;font-size:17px}details p{margin:0 0 16px}
.legalpage{max-width:780px}.legalpage h2{font-size:24px;margin-top:1.4em}
footer.site{background:var(--night);color:var(--nightmuted);padding:64px 0 36px;font-size:15px}footer.site a{color:var(--nighttext);text-decoration:none}footer.site a:hover{color:var(--sun)}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px}footer.site h4{color:var(--sun);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-weight:600}
footer.site ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
footer.site .legal{border-top:1px solid #3D2A22;margin-top:40px;padding-top:22px;font-size:13.5px;line-height:1.6;max-width:none}
@media (max-width:860px){footer.site .cols{grid-template-columns:1fr 1fr}}@media (max-width:520px){footer.site .cols{grid-template-columns:1fr}}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--card);padding:8px 12px;z-index:9}
:focus-visible{outline:3px solid var(--rust);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}