:root { color-scheme: dark; --ink:#f5e5b8; --muted:#b8a784; --gold:#d8a84f; --ember:#99552b; --night:#0e0b09; --panel:#17120e; --line:rgba(219,172,82,.24); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; color:var(--ink); background:radial-gradient(circle at 50% 0%,#352316 0,transparent 35%),repeating-linear-gradient(115deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),var(--night); font-family:Georgia,'Times New Roman',serif; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.4; background:radial-gradient(ellipse at 10% 35%,#7e3f2018,transparent 28%),radial-gradient(ellipse at 88% 10%,#d19b3b16,transparent 24%); }
main { overflow:hidden; }
.site-nav { display:flex; align-items:center; justify-content:space-between; width:min(1280px,calc(100% - 48px)); margin:auto; padding:28px 0; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; font-size:22px; letter-spacing:.03em; }
.brand-knot { display:grid; place-items:center; width:32px; height:32px; border:1px solid #e3bd67; border-radius:50%; color:#211407; background:radial-gradient(circle at 35% 28%,#f3cf72,#a96825 76%); box-shadow:inset 0 0 0 3px #44250f,0 0 28px #c27c2855; font-weight:bold; font-size:18px; }
.status { color:#a99a7f; font-family:Arial,sans-serif; font-size:10px; font-weight:bold; letter-spacing:.18em; text-transform:uppercase; }
.sign-in { border:1px solid rgba(210,165,75,.55); color:#f3d681; font-family:Arial,sans-serif; font-size:10px; font-weight:bold; letter-spacing:.11em; padding:12px 16px; text-decoration:none; text-transform:uppercase; transition:background .16s,color .16s,border-color .16s; }
.sign-in:hover,.sign-in:focus-visible { background:rgba(181,126,37,.18); border-color:#e8bd5b; color:#fff0bf; }
.hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); align-items:center; gap:60px; width:min(1120px,calc(100% - 48px)); min-height:690px; margin:auto; padding:72px 0 84px; }
.eyebrow { margin:0 0 16px; color:#d5a958; font-family:Arial,sans-serif; font-size:10px; font-weight:bold; letter-spacing:.19em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:720px; margin-bottom:25px; font-size:clamp(54px,7.4vw,106px); font-weight:400; line-height:.91; letter-spacing:-.04em; text-wrap:balance; }
h1 em { color:#e5bd69; font-style:italic; }
.intro { max-width:540px; color:#c5b292; font-size:19px; line-height:1.65; }
.story-link { display:inline-flex; gap:12px; margin-top:17px; padding-bottom:8px; border-bottom:1px solid #c58b3c; color:#f0cf83; font-family:Arial,sans-serif; font-size:11px; font-weight:bold; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; transition:color .2s,gap .2s; }
.hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:22px; }.quiet-link { color:#bdad88; font-family:Arial,sans-serif; font-size:10px; font-weight:bold; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }.quiet-link:hover,.quiet-link:focus-visible { color:#e8c872; }
.story-link:hover { gap:17px; color:#fff0bf; }
.hero-sigil { position:relative; aspect-ratio:1; width:min(100%,440px); justify-self:center; border:1px solid #9a6b2c66; border-radius:50%; background:radial-gradient(circle,#311d10 0 20%,#1a110c 42%,transparent 68%); box-shadow:0 0 0 24px #9a6b2c0b,0 0 90px #9e542722,inset 0 0 80px #d2934020; }
.hero-sigil::before,.hero-sigil::after { content:""; position:absolute; inset:13%; border:1px solid #c7944070; border-radius:50%; }
.hero-sigil::after { inset:28%; border-color:#f3cf7580; }
.sigil-ring { position:absolute; inset:4%; border:1px dashed #c1873f77; border-radius:50%; }
.ring-two { inset:19%; border-style:solid; border-color:#e6bb6270; }
.sigil-thread { position:absolute; top:50%; left:50%; width:74%; height:1px; transform-origin:left; background:linear-gradient(90deg,transparent,#e1a846,#f4d782,#9b5725,transparent); box-shadow:0 0 12px #e5a13b99; }
.thread-a { transform:rotate(18deg); }.thread-b { transform:rotate(138deg); }.thread-c { transform:rotate(258deg); }
.sigil-r { position:absolute; inset:0; display:grid; place-items:center; color:#f6d981; font-size:clamp(100px,14vw,170px); font-weight:400; text-shadow:0 0 28px #d88a36aa; }
.sigil-caption { position:absolute; bottom:17%; left:0; right:0; color:#c99d55; font-family:Arial,sans-serif; font-size:9px; font-weight:bold; letter-spacing:.24em; text-align:center; text-transform:uppercase; }
.promise { padding:108px max(24px,calc((100% - 1120px)/2)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(115deg,#1b130e,#100d0a 60%,#21150d); }
.section-heading { display:grid; grid-template-columns:190px 1fr; align-items:baseline; gap:36px; margin-bottom:48px; }.section-heading .eyebrow { margin:0; }.section-heading h2,.closing h2 { margin:0; font-size:clamp(34px,4vw,58px); font-weight:400; line-height:1.02; letter-spacing:-.025em; }
.promise-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.promise-grid article { min-height:250px; padding:29px 28px 20px; border-right:1px solid var(--line); }.promise-grid article:first-child { padding-left:0; }.promise-grid article:last-child { border-right:0; }
.number { display:block; margin-bottom:52px; color:#b57d37; font-family:Arial,sans-serif; font-size:10px; letter-spacing:.18em; }.promise-grid h3 { margin-bottom:12px; color:#e9ca84; font-size:22px; font-weight:400; }.promise-grid p { max-width:270px; color:#a99b83; font-size:15px; line-height:1.6; }
.closing { width:min(800px,calc(100% - 48px)); margin:auto; padding:126px 0 132px; text-align:center; }.closing-mark { display:grid; place-items:center; width:48px; height:48px; margin:0 auto 26px; border:1px solid #b88339; border-radius:50%; color:#f1cb70; font-size:18px; box-shadow:0 0 38px #ce7f2f33; }.closing h2 { margin-bottom:18px; }.closing p:last-child { max-width:470px; margin:auto; color:#aa9b82; font-size:17px; line-height:1.6; }
footer { display:flex; justify-content:space-between; gap:20px; width:min(1280px,calc(100% - 48px)); margin:auto; padding:24px 0 30px; border-top:1px solid var(--line); color:#837761; font-family:Arial,sans-serif; font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
@media (max-width:760px) { .site-nav,.hero,footer { width:calc(100% - 32px); }.status { display:none; }.sign-in { font-size:9px; padding:10px; }.hero { grid-template-columns:1fr; min-height:0; gap:48px; padding:80px 0; }.hero-sigil { grid-row:1; width:min(85vw,360px); }.hero-copy { text-align:center; }.hero-actions { justify-content:center; }.intro { margin-inline:auto; font-size:17px; }.promise { padding:72px 16px; }.section-heading { display:block; margin:0 0 36px; }.section-heading .eyebrow { margin-bottom:13px; }.promise-grid { grid-template-columns:1fr; }.promise-grid article,.promise-grid article:first-child { min-height:0; padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }.promise-grid article:last-child { border-bottom:0; }.number { margin-bottom:25px; }.closing { padding:88px 0; } footer { display:block; line-height:2; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }