@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#0e1110;--panel:#151816;--gold:#c1a166;--muted:#92958c;--line:#34372b;--text:#dddcd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{min-height:98px;padding:20px 5.5%;display:flex;align-items:center;gap:60px;border-bottom:1px solid #3d3929;background:#10120f}.brand{display:flex;gap:12px;align-items:center;font:600 26px/1 Cinzel,Georgia,serif;color:#e0c990;letter-spacing:4px}.brand-mark{font-size:52px;color:var(--gold);border-bottom:1px solid #826c45}.brand-bottom{display:block;font:10px/2 Inter,sans-serif;letter-spacing:4px}nav{display:flex;gap:35px;align-self:stretch;align-items:center}nav a{font-size:14px;color:#a7a99f;position:relative;white-space:nowrap}nav a:hover,nav a.active{color:#dcc18c}nav a.active:after{content:'';position:absolute;height:2px;background:var(--gold);bottom:-25px;left:0;right:0}.nav-diamond{font-size:9px;margin-left:8px;color:#ab784b}.header-note{margin-left:auto;font-size:10px;letter-spacing:2px;color:#797e72}.hero{position:relative;min-height:590px;display:flex;align-items:center;background:url('assets/sanctuary.svg') center/cover;border-bottom:1px solid #4c402b}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,11,.96),rgba(8,12,11,.68) 40%,rgba(8,12,11,.06) 80%),linear-gradient(0deg,#0e1110,transparent 30%)}.hero-inner{position:relative;padding:70px 8%;width:100%;max-width:1500px;margin:auto}.eyebrow{font-size:11px;font-weight:500;letter-spacing:3px;color:var(--gold);display:flex;align-items:center;gap:15px}.eyebrow:before{content:'';width:30px;height:1px;background:var(--gold)}h1,h2,h3{font-family:Cinzel,Georgia,serif;font-weight:400;line-height:1.25}h1{font-size:clamp(40px,4.5vw,67px);letter-spacing:-1px;margin:24px 0;color:#e5e0ce}h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:460px;color:#a6ab9f;font-size:15px;line-height:1.9}.actions{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:13px 22px;border:1px solid #60553b;background:#1a201b;color:#d9c395;font-size:12px;font-weight:600;letter-spacing:1px}.button.primary{background:linear-gradient(#78603a,#514329);border-color:#ad8b50;color:#f0e2c1;box-shadow:inset 0 0 0 3px #ffffff07}.button:hover{background:#302f21;border-color:#c2a26b}.hero-caption{position:absolute;bottom:25px;right:6%;font:11px Cinzel,serif;letter-spacing:3px;color:#9b8965}.section{max-width:1400px;margin:auto;padding:60px 8%}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px;gap:20px}.section-heading h2{font-size:27px;margin:0}.section-heading p{color:var(--muted);font-size:14px;margin:8px 0 0}.text-link{font-size:11px;letter-spacing:1px;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:linear-gradient(130deg,#1b1f19,#121512);position:relative;transition:transform .2s,border-color .2s;overflow:hidden}.card:hover{transform:translateY(-4px);border-color:#7a6743}.card-art{height:140px;display:grid;place-items:center;font:60px Cinzel,serif;color:#a79563;background:radial-gradient(ellipse at 50% 120%,#68533065,transparent 65%),repeating-linear-gradient(120deg,transparent 0 34px,#a3996a07 35px 36px);border-bottom:1px solid #303629;text-shadow:0 0 30px #b38b4950}.card:nth-child(2) .card-art{color:#8caa9e;background:radial-gradient(ellipse at 50% 100%,#25423880,transparent 70%)}.card:nth-child(3) .card-art{color:#a78669;background:radial-gradient(ellipse at 50% 100%,#693e2780,transparent 70%)}.card-body{padding:25px}.tag{font-size:10px;letter-spacing:2px;color:var(--gold)}.card h3{font-size:20px;margin:12px 0}.card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 25px}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#868c7f}.arrow{color:var(--gold);font-size:20px}.feature{border:1px solid #554633;display:grid;grid-template-columns:1.1fr 1fr;background:linear-gradient(110deg,#25231b,#131915);margin-top:5px}.feature-copy{padding:42px}.feature h2{font-size:37px;color:#d6be8a;margin:14px 0}.feature p{color:#a3a697;font-size:14px;max-width:480px}.feature-art{background:linear-gradient(90deg,#1c2019,transparent 45%),url('assets/sanctuary.svg') 78% 40%/auto 140%;min-height:270px;display:grid;place-items:center}.seal{width:140px;height:140px;display:grid;place-items:center;border:1px solid #a38650;transform:rotate(45deg);background:#121713b0;box-shadow:0 0 0 12px #a3865010}.seal span{transform:rotate(-45deg);font:65px Cinzel,serif;color:#c8ac71}.resources{padding-top:0}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resource{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid var(--line)}.resource-symbol{color:var(--gold);font-size:28px}.resource h3{font-size:18px;margin:0 0 5px}.resource p{color:var(--muted);font-size:13px;margin:0}.resource .arrow{margin-left:auto}footer{max-width:1400px;padding:35px 8%;margin:auto;border-top:1px solid var(--line);display:flex;gap:22px;align-items:center;flex-wrap:wrap;color:#83887c}.footer-brand{font:18px Cinzel,serif;color:#ba9f69}.footer-brand span{font-size:11px}footer p,footer small{font-size:11px}footer small{width:100%;order:3}.back-top{margin-left:auto;font-size:10px;letter-spacing:1px}.page-head{padding:65px 8% 40px;max-width:1400px;margin:auto;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 90% 0,#59462633,transparent 60%)}.page-head h1{font-size:48px;margin:15px 0}.page-head p{max-width:670px;color:var(--muted)}.page-content{min-height:450px}.list{display:grid;gap:16px}.list-row{display:flex;align-items:center;gap:25px;padding:28px;border:1px solid var(--line);background:var(--panel)}.list-row h3{font-size:20px;margin:5px 0}.list-row p{font-size:14px;margin:0;color:var(--muted)}.list-row .button{margin-left:auto;white-space:nowrap}.note{padding:20px;border-left:2px solid #8c7449;color:var(--muted);background:#1c2018;font-size:14px}.prose{max-width:760px}.prose h2{margin-top:35px;color:#d8bd87}.prose p,.prose li{color:#aeb1a5}dialog{background:#151a15;color:var(--text);border:1px solid #72613e;max-width:740px;width:calc(100% - 32px);max-height:85vh;padding:40px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:8px;font-size:30px;background:none;border:0;color:var(--gold)}dialog h2{font-size:30px;color:var(--gold)}dialog p,dialog li{color:#b3b7a8}code{color:#dec28a;background:#24271e;padding:3px 6px;font-size:14px}.status{color:#9cab8a;font-size:12px;letter-spacing:1px}main{animation:reveal .4s ease}@keyframes reveal{from{opacity:.5}to{opacity:1}}@media(min-width:1600px){.hero{min-height:650px}}@media(max-width:1050px){header{gap:30px}nav{gap:22px}.header-note{display:none}.hero-inner{padding-left:6%}.section{padding-left:6%;padding-right:6%}}@media(max-width:700px){header{padding:18px 6%;display:block}.brand{width:fit-content;margin-bottom:20px}nav{gap:22px;overflow:auto;padding-bottom:8px}nav a{font-size:13px}nav a.active:after{bottom:-6px}.hero{min-height:530px;background-position:65%}.hero:before{background:linear-gradient(90deg,#0b100ee8,#0b100e60),linear-gradient(0deg,#0e1110,transparent)}.hero-inner{padding:45px 7%}.hero-caption{font-size:9px}.cards,.resource-grid,.feature{grid-template-columns:1fr}.section{padding:40px 7%}.section-heading{align-items:start}.section-heading h2{font-size:24px}.card-art{height:120px}.feature-copy{padding:28px}.feature-art{min-height:210px}.resources{padding-top:0}.page-head{padding:40px 7%}.page-head h1{font-size:36px}.list-row{align-items:start;flex-wrap:wrap;padding:22px}.list-row .button{margin-left:0}.list-row .resource-symbol{display:none}footer{padding:25px 7%;gap:12px}footer p{width:100%}.back-top{margin-left:0}dialog{padding:30px 24px}.button{font-size:11px}.hero p{font-size:15px}}
