:root{
  --bg:#090812;
  --bg2:#120c24;
  --panel:rgba(255,255,255,.075);
  --panel-strong:rgba(255,255,255,.12);
  --line:rgba(255,255,255,.16);
  --text:#fff8ea;
  --muted:#cfc2dd;
  --soft:#9f92ad;
  --gold:#f6c76b;
  --rose:#ff6da8;
  --violet:#8b6cff;
  --mint:#80f0c8;
  --blue:#75b8ff;
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:18px;
  --max:1180px;
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif:"Fraunces", Georgia, serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 5%,rgba(139,108,255,.25),transparent 32%),radial-gradient(circle at 85% 10%,rgba(255,109,168,.17),transparent 32%),radial-gradient(circle at 70% 85%,rgba(128,240,200,.12),transparent 30%),linear-gradient(180deg,var(--bg),#0d0a18 46%,#07060d);color:var(--text);font-family:var(--font);line-height:1.55;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 70%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,8,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.brand-mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--rose));box-shadow:0 10px 35px rgba(255,109,168,.22);color:#170d12;font-weight:900;flex:0 0 34px}.brand-rune{width:23px;height:23px}.brand-rune path{fill:none;stroke:#170d12;stroke-width:5.2;stroke-linecap:round;stroke-linejoin:round}.brand small{display:block;font-weight:600;color:var(--soft);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{padding:10px 13px;border-radius:999px;color:var(--muted);font-size:14px}.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.1);color:var(--text)}.menu-toggle{display:none;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.hero{padding:52px 0 30px}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.055));box-shadow:var(--shadow)}.card-pad{padding:26px}.hero-card{grid-column:span 8;min-height:520px;border-radius:var(--radius-xl);display:flex;align-items:flex-end;background:linear-gradient(120deg,rgba(9,8,18,.58),rgba(9,8,18,.12)),var(--image,linear-gradient(135deg,#291856,#703668 45%,#f0b15f));background-size:cover;background-position:center}.hero-card:after,.image-card:after,.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.68));pointer-events:none}.hero-content,.image-content{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.22);color:#ffe3a8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-family:var(--serif);font-size:clamp(46px,8vw,92px);line-height:.94;margin:20px 0 18px;letter-spacing:-.06em;max-width:740px}.lead{font-size:clamp(18px,2.2vw,24px);color:#f1e8f5;max-width:680px;margin:0 0 26px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:999px;font-weight:800;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.12);color:var(--text)}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--rose));color:#180c15;border:0}.btn:hover{transform:translateY(-1px)}.daily-card{grid-column:span 4;min-height:250px;background:linear-gradient(135deg,rgba(255,109,168,.18),rgba(139,108,255,.16)),rgba(255,255,255,.075)}.stat-card{grid-column:span 2;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.stat-card strong{font-family:var(--serif);font-size:54px;line-height:1;letter-spacing:-.06em}.stat-card span{color:var(--muted)}.quick-card{grid-column:span 4;min-height:250px}.quick-card h3,.daily-card h3,.text-card h3{font-size:24px;margin:0 0 12px;letter-spacing:-.03em}.muted{color:var(--muted)}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pill{font-size:13px;color:#efe2ff;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);border-radius:999px;padding:8px 10px}.section{padding:54px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section h2{font-family:var(--serif);font-size:clamp(34px,5vw,62px);line-height:1;margin:0;letter-spacing:-.05em}.section-head p{max-width:470px;margin:0;color:var(--muted)}.image-card{min-height:330px;display:flex;align-items:flex-end;background:var(--image,linear-gradient(135deg,#20154a,#5c2864 55%,#dd945b));background-size:cover;background-position:center}.cat-large{grid-column:span 6}.cat-small{grid-column:span 3}.image-content{padding:24px}.tag{display:inline-flex;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#180c15;background:var(--gold);padding:7px 10px;border-radius:999px}.image-card h3{font-family:var(--serif);font-size:clamp(28px,4vw,44px);line-height:1;margin:14px 0 8px;letter-spacing:-.05em}.image-card p{margin:0;color:#f4eaf7;max-width:520px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-card{min-height:360px;display:flex;flex-direction:column}.thumb{height:150px;background:var(--image,linear-gradient(135deg,#2f1d60,#8d366c,#efb56e));background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.14)}.resource-card .body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.meta{display:flex;flex-wrap:wrap;gap:8px;color:#ffe1a3;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.resource-card h3{margin:0;font-size:23px;letter-spacing:-.03em}.resource-card p{margin:0;color:var(--muted)}.readmore{margin-top:auto;color:var(--text);font-weight:900}.text-card{grid-column:span 4;min-height:230px}.text-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,var(--accent,rgba(246,199,107,.22)),transparent 65%);right:-50px;top:-60px}.page-hero{padding:70px 0 28px}.page-hero h1{font-family:var(--serif);font-size:clamp(46px,8vw,86px);line-height:.94;margin:16px 0;letter-spacing:-.06em}.page-hero p{max-width:760px;color:var(--muted);font-size:20px}.listing{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:28px 0 70px}.list-card{display:grid;grid-template-columns:180px 1fr;min-height:190px}.list-card .thumb{height:100%;border-bottom:0;border-right:1px solid rgba(255,255,255,.14)}.list-card .body{padding:22px}.article{max-width:860px;margin:0 auto;padding:52px 0 80px}.article .card{padding:34px}.article h1{font-family:var(--serif);font-size:clamp(42px,7vw,76px);line-height:.96;margin:14px 0;letter-spacing:-.06em}.article h2{margin-top:34px}.article p,.article li{color:#e7ddea}.note{border-left:3px solid var(--gold);padding:16px 18px;background:rgba(246,199,107,.1);border-radius:0 18px 18px 0}.footer{border-top:1px solid rgba(255,255,255,.1);padding:34px 0;color:var(--soft)}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:var(--muted)}.placeholder-note{font-size:12px;color:rgba(255,248,234,.72);margin-top:12px}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--text);font:inherit}.form textarea{min-height:150px}.form label{font-weight:800;color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.nav-links{display:none;position:absolute;left:16px;right:16px;top:80px;flex-direction:column;align-items:stretch;padding:12px;background:rgba(16,12,30,.96);border:1px solid var(--line);border-radius:22px}.nav-links.open{display:flex}.menu-toggle{display:block}.hero-card,.daily-card,.quick-card,.text-card,.cat-large,.cat-small,.stat-card{grid-column:span 12}.hero-card{min-height:560px}.resource-grid,.listing{grid-template-columns:1fr}.list-card{grid-template-columns:1fr}.list-card .thumb{height:180px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.section-head{align-items:flex-start;flex-direction:column}.stat-card{min-height:160px}.quick-card,.daily-card{min-height:200px}}@media(max-width:560px){.container{width:min(100% - 22px,var(--max))}.hero{padding-top:26px}.card-pad,.image-content{padding:20px}.hero-card{min-height:520px}.resource-card{min-height:auto}.bento{gap:12px}.resource-grid{gap:12px}.nav{height:66px}.brand small{display:none}}
/* V9 visual integration */
.hero-card{background-position:58% center}.image-card{background-position:center}.resource-card .thumb{background-position:center}.hero-card:after{background:linear-gradient(90deg,rgba(5,4,10,.82) 0%,rgba(5,4,10,.58) 38%,rgba(5,4,10,.18) 72%),linear-gradient(180deg,transparent 42%,rgba(0,0,0,.72))}.image-card:after{background:linear-gradient(180deg,rgba(0,0,0,.08) 8%,rgba(0,0,0,.76) 100%)}
@media(max-width:900px){.hero-card{background-position:64% center}}

/* V9.1: images are real <img> elements, not only CSS backgrounds. */
.card-img,.thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.hero-card,.image-card,.thumb{background:linear-gradient(135deg,#20154a,#5c2864 55%,#dd945b)}.hero-card{background-image:none!important}.image-card{background-image:none!important}.thumb{position:relative;overflow:hidden;background-image:none!important}.hero-card .hero-img{object-position:58% center}.image-card .card-img{object-position:center center}.thumb .thumb-img{object-position:center center}.hero-card:after,.image-card:after{z-index:1}.resource-card .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.22));z-index:1;pointer-events:none}.article-visual{height:280px;border-radius:24px;border:1px solid rgba(255,255,255,.14);margin-bottom:22px}.article-visual .thumb-img{position:absolute}

/* V10 image refinements */
.article-visual{position:relative;overflow:hidden}
.article-visual .thumb-img{object-fit:cover}
.list-card .thumb .thumb-img,.resource-card .thumb .thumb-img{object-fit:cover}


/* V12.1: portrait resources need a top-focused crop, not a centered torso crop. */
.article-visual.portrait-visual{height:560px;max-width:520px;margin-left:auto;margin-right:auto;background:rgba(255,255,255,.06)}
.article-visual.portrait-visual .thumb-img{object-position:center 16%}
.list-card .thumb .thumb-img[src*="portrait-"],.resource-card .thumb .thumb-img[src*="portrait-"]{object-position:center 18%}
@media(max-width:900px){.article-visual.portrait-visual{height:520px;max-width:460px}}
@media(max-width:560px){.article-visual.portrait-visual{height:430px;max-width:100%}.article-visual.portrait-visual .thumb-img{object-position:center 12%}}