:root{--charcoal:#11110f;--graphite:#1a1916;--raised:#24211c;--parchment:#d8c29a;--muted:#a6926e;--ivory:#eadcba;--line:rgba(216,194,154,.24);--serif:'Newsreader',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}.seo-page{min-width:320px;margin:0;color:var(--parchment);background:radial-gradient(ellipse at 78% 8%,#29231b 0,#11110f 40rem);font-family:var(--sans)}.seo-page::after{position:fixed;z-index:10;inset:0;content:'';pointer-events:none;opacity:.04;background:url('/og/kynd-grain.webp') center/512px repeat}.seo-page a{color:inherit}.seo-header,.seo-footer{display:flex;width:min(calc(100% - 48px),1180px);margin:auto;align-items:center;justify-content:space-between;gap:28px}.seo-header{min-height:92px;border-bottom:1px solid var(--line)}.seo-mark{font:400 38px/1 var(--serif);letter-spacing:-.04em;text-decoration:none}.seo-mark span{color:var(--ivory)}.seo-header nav{display:flex;max-width:780px;justify-content:flex-end;gap:10px 20px;flex-wrap:wrap}.seo-header nav a,.seo-related a{color:var(--muted);font-size:11px;text-decoration-color:rgba(216,194,154,.3);text-underline-offset:4px}.seo-header nav a:hover,.seo-related a:hover{color:var(--ivory)}.seo-article{width:min(calc(100% - 48px),1180px);margin:auto}.seo-hero{display:grid;min-height:590px;padding:64px 0 72px;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);align-items:center;gap:72px;border-bottom:1px solid var(--line)}.seo-eyebrow{margin:0 0 22px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.seo-hero h1{max-width:15ch;margin:0;color:var(--ivory);font:400 clamp(48px,6vw,82px)/.98 var(--serif);letter-spacing:-.035em;text-wrap:balance}.seo-intro{max-width:58ch;margin:30px 0 0;color:var(--parchment);font-size:15px;line-height:1.75}.seo-hero figure{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(216,194,154,.24);box-shadow:0 32px 90px rgba(0,0,0,.5)}.seo-hero figure::after{position:absolute;inset:0;content:'';box-shadow:inset 0 0 80px 20px rgba(10,10,9,.42)}.seo-hero img{width:100%;height:100%;object-fit:cover;object-position:54% 50%;filter:sepia(.08) contrast(1.03)}.seo-copy{display:grid;padding:86px 0 40px;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 80px}.seo-copy section{max-width:55ch}.seo-copy h2,.seo-related h2{margin:0 0 22px;color:var(--ivory);font:400 32px/1.08 var(--serif);letter-spacing:-.015em}.seo-copy p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.8}.seo-related{display:grid;padding:46px 0;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seo-related nav{display:flex;align-items:flex-start;gap:18px 28px;flex-wrap:wrap}.seo-cta{display:flex;padding:72px 0;align-items:center;justify-content:space-between;gap:28px}.seo-cta p{margin:0;color:var(--muted);font:400 25px var(--serif)}.seo-cta a{display:inline-flex;min-height:50px;padding:0 22px;align-items:center;gap:15px;border:1px solid var(--parchment);font:400 20px var(--serif);text-decoration:none}.seo-cta a:hover{color:var(--ivory);border-color:var(--ivory);background:rgba(216,194,154,.05)}.seo-footer{min-height:90px;color:var(--muted);border-top:1px solid var(--line);font-size:10px;letter-spacing:.08em}.seo-footer a{color:var(--parchment);font:400 22px var(--serif);text-decoration:none}
@media(max-width:760px){.seo-header,.seo-footer,.seo-article{width:calc(100% - 28px)}.seo-header{min-height:74px}.seo-header nav{display:none}.seo-hero{min-height:0;padding:35px 0 52px;grid-template-columns:1fr;gap:36px}.seo-hero h1{font-size:clamp(42px,13vw,58px)}.seo-intro{font-size:14px}.seo-hero figure{aspect-ratio:5/4}.seo-copy{padding:54px 0 24px;grid-template-columns:1fr;gap:34px}.seo-copy h2,.seo-related h2{font-size:28px}.seo-related{grid-template-columns:1fr;gap:12px}.seo-related nav{display:grid;gap:16px}.seo-cta{padding:52px 0;align-items:flex-start;flex-direction:column}.seo-cta p{font-size:22px}.seo-footer{align-items:flex-start;justify-content:center;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}