@font-face{font-family:"Fraunces";src:url(/fonts/fraunces.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/fonts/dmsans.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--ink:#1C2530;--ink2:#26313D;--gold:#C9A24B;--gold-d:#9C7A2E;--cream:#F4ECDD;--paper:#FBF7EF;--line:#E4D8C2;--text:#2A323C;--muted:#5E6873;--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:400 17px/1.6 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:700;color:var(--ink);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5.2vw,3.9rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}
.eyebrow{font:700 .78rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);margin-bottom:14px}

.top{position:sticky;top:0;z-index:5;background:rgba(251,247,239,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand-mark{width:42px;height:42px;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-name{font:700 1.55rem/1 var(--serif)}
.brand-sub{font:700 .62rem/1 var(--sans);letter-spacing:.4em;text-transform:uppercase;color:var(--gold-d);margin-top:5px}
.nav{display:flex;align-items:center;gap:26px}
.nav a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--ink)}
.nav a:hover{color:var(--gold-d)}
.nav .nav-cta{background:var(--ink);color:var(--cream);padding:9px 18px;border-radius:999px}
.nav .nav-cta:hover{background:#000;color:#fff}

.hero{background:var(--cream);padding:88px 0 56px;border-bottom:1px solid var(--line);overflow:hidden;position:relative}
.hero::after{content:"";position:absolute;right:-120px;top:40px;width:520px;height:520px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><path d="M18 98 V56 L41 30 L60 50 L79 30 L102 56 V98" fill="none" stroke="%23C9A24B" stroke-width="3" opacity=".35"/></svg>') no-repeat center/contain;pointer-events:none}
.hero-in{max-width:820px;position:relative;z-index:1}
.lede{font-size:1.2rem;color:#46505B;max-width:680px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-block;text-decoration:none;font-weight:700;padding:14px 24px;border-radius:999px;border:2px solid transparent;transition:.15s}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:#D9B35A}
.btn-line{border-color:var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--cream)}
.btn-lg{font-size:1.1rem;padding:16px 28px;word-break:break-all}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:64px 0 0;position:relative;z-index:1}
.facts div{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.facts dt{font:700 2rem/1 var(--serif);color:var(--ink)}
.facts dd{margin:8px 0 0;color:var(--muted);font-size:.95rem}

.sec{padding:88px 0}
.sec-head{max-width:720px;margin-bottom:44px}
.sec-head p:last-child{color:var(--muted);font-size:1.08rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.site{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;border-top:6px solid var(--c)}
.shot{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--cream);border-bottom:1px solid var(--line)}
.shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}
.site:hover .shot img{transform:scale(1.03)}
.site-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.site-body h3{margin-bottom:2px}
.url{color:var(--muted);font-size:.9rem;margin-bottom:12px}
.site-body p:not(.url){font-size:.98rem}
.tags{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px}
.tags li{font-size:.78rem;font-weight:500;background:var(--cream);border-radius:999px;padding:4px 10px;color:#4A4336}
.more{margin-top:auto;font-weight:700;text-decoration:none;color:var(--ink);display:inline-flex;gap:6px}
.more:hover{color:var(--gold-d)}

.sec-ink{background:var(--ink);color:#CFD5DB}
.sec-ink h2,.sec-ink h3{color:var(--cream)}
.sec-ink .eyebrow{color:var(--gold)}
.sec-ink .sec-head p:last-child{color:#AEB7C0}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.col{background:var(--ink2);border-radius:16px;padding:24px;border-top:3px solid var(--gold)}
.col p{font-size:.97rem;margin:0}

.split{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}
.ticks,.crosses{list-style:none;padding:0;margin:24px 0 0}
.ticks li,.crosses li{position:relative;padding-left:32px;margin-bottom:16px}
.ticks li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--gold) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5 10.5l3 3 7-7" fill="none" stroke="%231C2530" stroke-width="2.4"/></svg>') center/14px no-repeat}
.card-dont{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:28px}
.crosses li{margin-bottom:12px}
.crosses li::before{content:"×";position:absolute;left:2px;top:-3px;font:700 1.35rem/1 var(--sans);color:#A2412F}
.small{font-size:.9rem;color:var(--muted);margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}

.sec-cta{background:var(--ink);text-align:center;color:#CFD5DB}
.cta-in{max-width:680px}
.cta-mark{width:72px;height:72px;margin:0 auto 18px;display:block}
.sec-cta h2{color:var(--cream)}
.sec-cta p{font-size:1.1rem;margin-bottom:28px}

.foot{background:#141B23;color:#8C96A1;font-size:.9rem}
.foot-in{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}
.foot p{margin:0}
.foot nav{display:flex;gap:20px}
.foot a{color:#C3CAD1;text-decoration:none}.foot a:hover{color:#fff}

.doc{max-width:760px;padding:64px 20px 88px}
.doc h1{font-size:clamp(2rem,4vw,2.8rem)}
.doc h2{font-size:1.4rem;margin-top:1.6em}

a:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

@media (max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:repeat(2,1fr)}.facts{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media (max-width:720px){.nav a:not(.nav-cta){display:none}.hero{padding:56px 0 40px}.hero::after{display:none}.sec{padding:60px 0}}
@media (max-width:600px){.grid,.cols{grid-template-columns:1fr}.facts{gap:10px}.facts div{padding:16px}.facts dt{font-size:1.6rem}.brand-mark{width:36px;height:36px}.brand-name{font-size:1.35rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shot img{transition:none}}