:root{color-scheme:dark;--house-primary:#7f1d1d;--house-secondary:#d8a845;--house-accent:#d8a845;--house-primary-rgb:127, 29, 29;--house-secondary-rgb:216, 168, 69;--house-accent-rgb:216, 168, 69;--house-dark:#140f12;--house-deep:#23181c;--house-contrast:#140f12;--house-parchment:#efe1b4;--house-parchment-deep:#d7c28b;--ink:#140f12;--ink-soft:#20171b;--parchment:var(--house-parchment);--parchment-deep:var(--house-parchment-deep);--gold:var(--house-accent);--gold-dark:color-mix(in srgb, var(--house-accent) 68%, #3a260f);--emerald:#0d5f4a;--burgundy:#7b2330;--raven:#243d73;--smoke:#f8f1d4;--muted:#f8f1d4b8;--line:rgba(var(--house-accent-rgb), .3);--shadow:0 22px 80px #00000057;--max:1160px}html[data-theme=slytherin]{--house-primary:#064e3b;--house-secondary:#c8c8c8;--house-accent:#c8c8c8;--house-primary-rgb:6, 78, 59;--house-secondary-rgb:200, 200, 200;--house-accent-rgb:200, 200, 200;--house-dark:#081613;--house-deep:#0f2d24;--house-contrast:#07120f;--house-parchment:#e4e0d1;--house-parchment-deep:#c8c8c8}html[data-theme=ravenclaw]{--house-primary:#1e3a8a;--house-secondary:#b08d57;--house-accent:#b08d57;--house-primary-rgb:30, 58, 138;--house-secondary-rgb:176, 141, 87;--house-accent-rgb:176, 141, 87;--house-dark:#101624;--house-deep:#1c2f63;--house-contrast:#0c1221;--house-parchment:#ead7ad;--house-parchment-deep:#c9a66d}html[data-theme=hufflepuff]{--house-primary:#d6a21f;--house-secondary:#191714;--house-accent:#f3c53a;--house-primary-rgb:214, 162, 31;--house-secondary-rgb:25, 23, 20;--house-accent-rgb:243, 197, 58;--house-dark:#17130c;--house-deep:#2d230d;--house-contrast:#100f0d;--house-parchment:#f1df9d;--house-parchment-deep:#d6a21f}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{min-width:320px;color:var(--smoke);background:radial-gradient(circle at 18% 12%, rgba(var(--house-accent-rgb), .18), transparent 24rem), radial-gradient(circle at 88% 22%, rgba(var(--house-primary-rgb), .2), transparent 28rem), linear-gradient(135deg, var(--house-dark) 0%, var(--house-deep) 46%, var(--house-contrast) 100%);letter-spacing:0;margin:0;font-family:ui-serif,Georgia,Times New Roman,Noto Serif SC,serif}body:before{content:"";pointer-events:none;z-index:20;opacity:.13;mix-blend-mode:overlay;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - 32px, var(--max));margin-inline:auto}.site-header{z-index:10;min-height:74px;padding:14px max(16px, calc((100vw - var(--max)) / 2));background:color-mix(in srgb, var(--house-dark) 78%, transparent);backdrop-filter:blur(18px);border-bottom:1px solid #efe1b424;justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{border:1px solid var(--line);width:42px;height:42px;color:var(--house-contrast);background:linear-gradient(135deg, var(--gold), var(--parchment));border-radius:8px;flex:none;place-items:center;font:800 .9rem/1 ui-sans-serif,system-ui,sans-serif;display:grid}.brand strong,.brand small{line-height:1.1;display:block}.brand strong{text-overflow:ellipsis;white-space:nowrap;max-width:20ch;overflow:hidden}.brand small,.post-meta,.eyebrow{letter-spacing:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brand small{color:var(--muted);margin-top:4px;font-size:.74rem}.header-controls{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.main-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.main-nav a{color:#f8f1d4d1;border-radius:8px;padding:10px 12px;font:650 .9rem/1 ui-sans-serif,system-ui,sans-serif}.main-nav a:hover,.main-nav a:focus-visible{color:var(--house-contrast);background:var(--gold);outline:none}.theme-switcher{border:1px solid rgba(var(--house-accent-rgb), .24);background:#ffffff0f;border-radius:8px;grid-template-columns:repeat(4,30px);gap:7px;padding:5px;display:grid}.theme-option{background:linear-gradient(135deg, var(--option-a) 0 50%, var(--option-b) 50% 100%);cursor:pointer;border:1px solid #f8f1d438;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid;position:relative}.theme-option span{opacity:0;border:2px solid #ffffffdb;border-radius:50%;width:10px;height:10px}.theme-option[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px rgba(var(--house-accent-rgb), .32)}.theme-option[aria-pressed=true] span{opacity:1}.theme-option:hover,.theme-option:focus-visible{outline-offset:2px;outline:2px solid #efe1b461;transform:translateY(-1px)}.hero{border-bottom:1px solid rgba(var(--house-accent-rgb), .35);background:var(--house-dark);align-items:end;min-height:88svh;padding:148px 0 80px;display:grid;position:relative;overflow:hidden}.hero-backdrop{background:linear-gradient(90deg, #0b070af0 0%, #12090db8 36%, #12090d1a 68%), linear-gradient(0deg, color-mix(in srgb, var(--house-dark) 96%, transparent) 0%, #140f121f 48%), radial-gradient(circle at 82% 18%, rgba(var(--house-primary-rgb), .24), transparent 28rem), url(/assets/magical-hall-hero.png) center / cover no-repeat;position:absolute;inset:0;transform:scale(1.01)}.hero-content{width:min(100% - 32px, var(--max));margin-inline:auto;position:relative}.eyebrow{color:var(--gold);text-transform:uppercase;margin:0 0 14px;font-size:.77rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:#fff8dc;max-width:760px;margin-bottom:22px;font-size:clamp(3rem,12vw,7.6rem);line-height:.91}.hero-copy{color:#f8f1d4db;max-width:610px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font:800 .92rem/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex}.button span{place-items:center;width:18px;height:18px;display:grid}.button-primary{color:var(--house-contrast);background:var(--gold);box-shadow:0 12px 34px rgba(var(--house-accent-rgb), .28)}.button-secondary{color:var(--smoke);border-color:var(--line);background:#ffffff12}.button:hover,.button:focus-visible{outline-offset:3px;outline:2px solid #efe1b461;transform:translateY(-1px)}.section{padding:clamp(64px,9vw,112px) 0}.parchment-section{color:#2b1d16;background:linear-gradient(90deg, rgba(var(--house-primary-rgb), .12), transparent 45%, rgba(var(--house-accent-rgb), .12)), var(--parchment)}.dark-section{background:linear-gradient(90deg, rgba(var(--house-primary-rgb), .3), transparent), var(--house-dark)}.house-band{color:var(--smoke);background:linear-gradient(135deg, rgba(var(--house-primary-rgb), .38), transparent 44%), linear-gradient(315deg, rgba(var(--house-accent-rgb), .18), rgba(var(--house-primary-rgb), .18)), var(--house-contrast)}.spell-section{color:#261a13;background:linear-gradient(180deg, #ffffff38, transparent), var(--parchment-deep)}.section-header{max-width:720px;margin-bottom:34px}.section-header h2{margin-bottom:12px;font-size:clamp(2rem,5vw,4rem);line-height:1}.section-header p{color:currentColor;opacity:.78;font-size:1.03rem;line-height:1.75}.feature-grid,.post-grid,.house-grid{gap:18px;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-block,.post-card,.house-card,.spell-list article{border-radius:8px}.feature-block{background:#fffadd7a;border:1px solid #2b1d162e;min-height:230px;padding:28px}.feature-block span{color:var(--house-primary);margin-bottom:44px;font:900 .85rem/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex}.feature-block h3,.post-card h3,.house-card h3,.house-card h2{margin-bottom:12px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.05}.feature-block p,.post-card p,.house-card small,.spell-list p{line-height:1.7}.split-layout{grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);align-items:start;gap:clamp(28px,6vw,72px);display:grid}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-grid.compact{grid-template-columns:1fr}.post-card{border:1px solid rgba(var(--house-accent-rgb), .3);min-height:260px;box-shadow:var(--shadow);background:#ffffff0f}.post-card a{min-height:inherit;flex-direction:column;padding:26px;display:flex}.post-card h3{color:#fff6d6}.post-card p{color:#f8f1d4b8}.post-meta{color:var(--gold);margin-bottom:28px;font-size:.78rem;font-weight:800;display:block}.read-more{color:color-mix(in srgb, var(--gold) 78%, #fff8dc);margin-top:auto;font:850 .9rem/1 ui-sans-serif,system-ui,sans-serif}.accent-emerald{border-top:4px solid var(--emerald)}.accent-burgundy{border-top:4px solid var(--burgundy)}.accent-gold{border-top:4px solid var(--gold)}.house-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.house-grid.roomy{grid-template-columns:repeat(2,minmax(0,1fr))}.house-card{background:linear-gradient(145deg, color-mix(in srgb, var(--swatch-a) 65%, #161014), #140f12d6), #1a1115;border:1px solid #efe1b429;min-height:260px;padding:24px 132px 24px 24px;display:block;position:relative;overflow:hidden}a.house-card{transition:border-color .18s,box-shadow .18s,transform .18s}a.house-card,.house-card[role=button]{cursor:pointer}a.house-card:hover,a.house-card:focus-visible,.house-card[role=button]:hover,.house-card[role=button]:focus-visible{border-color:color-mix(in srgb, var(--swatch-b) 58%, #fff8dc);outline:none;transform:translateY(-2px);box-shadow:0 22px 56px #00000047}.home-house-grid .house-card h3{white-space:nowrap;font-size:clamp(1.08rem,1.55vw,1.42rem)}.house-badge{aspect-ratio:124/139;filter:drop-shadow(0 18px 24px #00000061);pointer-events:none;place-items:center;width:104px;margin:0;display:grid;position:absolute;bottom:16px;right:16px}.house-badge img{object-fit:contain;width:100%;height:100%;display:block}.house-card h3,.house-card h2{color:#fff8dc}.house-card p{color:var(--swatch-b);text-transform:uppercase;font:850 .85rem/1 ui-sans-serif,system-ui,sans-serif}.house-card small{color:#f8f1d4c7;max-width:28ch;font-size:.96rem;display:block}.house-name-button{color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}.house-card[role=button]:hover .house-name-button,.house-name-button:hover{color:var(--swatch-b)}.house-card[role=button]:focus-visible .house-name-button,.house-name-button:focus-visible{color:var(--swatch-b);outline-offset:4px;outline:2px solid #fff8dc59}.swatches{gap:8px;margin-bottom:44px;display:flex}.swatches span{background:var(--swatch-a);border-radius:999px;width:42px;height:10px}.swatches span+span{background:var(--swatch-b)}.house-dialog{color:#fff8dc;background:0 0;border:0;border-radius:8px;width:min(100% - 32px,900px);max-height:min(86vh,760px);padding:0}.house-dialog::backdrop{backdrop-filter:blur(10px);background:#080608b8}.dialog-panel{background:linear-gradient(145deg, color-mix(in srgb, var(--swatch-a) 46%, #130d10), #140f12f5), #140f12;border:1px solid #efe1b43d;border-radius:8px;max-height:min(86vh,760px);padding:clamp(24px,5vw,44px);position:relative;overflow:auto;box-shadow:0 32px 100px #0000008a}.dialog-close{color:#fff8dc;cursor:pointer;background:#ffffff14;border:1px solid #efe1b447;border-radius:8px;place-items:center;width:38px;height:38px;font:900 1.3rem/1 ui-sans-serif,system-ui,sans-serif;display:grid;position:absolute;top:16px;right:16px}.dialog-close:hover,.dialog-close:focus-visible{color:var(--house-contrast);background:var(--swatch-b);outline-offset:2px;outline:2px solid #fff8dc5c}.dialog-heading{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:22px;margin-bottom:28px;padding-right:42px;display:grid}.dialog-heading .house-badge{justify-self:center;width:112px;height:154px;position:static}.dialog-heading h2{margin-bottom:8px;font-size:clamp(2rem,6vw,4.6rem);line-height:.95}.dialog-heading p:not(.eyebrow){color:#f8f1d4c2;max-width:520px;margin-bottom:0;line-height:1.65}.dialog-content{grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);gap:clamp(24px,5vw,44px);display:grid}.dialog-content h3{color:var(--swatch-b);font-size:1.2rem}.dialog-content p{color:#f8f1d4c7;line-height:1.78}.character-list{gap:12px;display:grid}.character-list article{background:#ffffff0f;border:1px solid #efe1b429;border-radius:8px;padding:16px}.character-list strong{color:#fff8dc;margin-bottom:6px;font-size:1.05rem;display:block}.character-list p{margin-bottom:0;font-size:.95rem}.spell-layout{grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);gap:clamp(28px,6vw,72px);display:grid}.spell-list{gap:12px;display:grid}.spell-list.large{grid-template-columns:repeat(2,minmax(0,1fr))}.spell-list article{background:#fffadd94;border:1px solid #2b1d1629;min-height:132px;padding:22px}.spell-list strong,.spell-list span{display:block}.spell-list strong{color:var(--house-primary);font-size:1.35rem}.spell-list span{color:#261a13ad;margin:5px 0 12px;font:800 .8rem/1 ui-sans-serif,system-ui,sans-serif}.page-hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--house-dark) 94%, transparent), rgba(var(--house-primary-rgb), .34)), url(/assets/magical-hall-hero.png) center 42% / cover no-repeat;min-height:48svh;padding:150px 0 70px}.page-hero h1{font-size:clamp(2.8rem,8vw,6rem)}.page-hero p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:1.15rem;line-height:1.75}.house-hero{background:linear-gradient(90deg, color-mix(in srgb, var(--house-dark) 95%, transparent), rgba(var(--house-primary-rgb), .34)), url(/assets/magical-hall-hero.png) center / cover no-repeat}.spell-hero{background:linear-gradient(90deg, color-mix(in srgb, var(--house-dark) 96%, transparent), rgba(var(--house-accent-rgb), .2)), url(/assets/magical-hall-hero.png) center / cover no-repeat}.article-shell{width:min(100% - 32px,860px);margin:0 auto;padding:144px 0 90px}.article-header{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:28px}.article-header h1{font-size:clamp(2.4rem,8vw,5.8rem)}.article-header p:not(.post-meta){max-width:720px;color:var(--muted);font-size:1.12rem;line-height:1.75}.article-body{color:#f5eac5;font-size:1.12rem;line-height:1.9}.article-body p{margin-bottom:24px}.article-footer{margin-top:44px}.site-footer{padding:34px max(16px, calc((100vw - var(--max)) / 2));color:#f8f1d4b8;background:color-mix(in srgb, var(--house-dark) 86%, #000);border-top:1px solid #efe1b424;justify-content:space-between;gap:22px;display:flex}.site-footer p{max-width:620px;margin:8px 0 0;line-height:1.6}.site-footer a{color:var(--gold);font:800 .9rem/1 ui-sans-serif,system-ui,sans-serif}@media (width<=860px){.site-header{flex-direction:column;align-items:flex-start}nav{justify-content:flex-start;width:100%}.header-controls{flex-direction:column;align-items:flex-start;width:100%}.main-nav{justify-content:flex-start;width:100%}.hero{min-height:84svh;padding-top:174px}.hero-backdrop{background:linear-gradient(90deg, #0b070af5 0%, #12090dbd 58%, #12090d47 100%), linear-gradient(0deg, color-mix(in srgb, var(--house-dark) 98%, transparent) 0%, #140f1247 56%), radial-gradient(circle at 82% 18%, rgba(var(--house-primary-rgb), .24), transparent 28rem), url(/assets/magical-hall-hero.png) 55% center / cover no-repeat}.feature-grid,.post-grid,.house-grid,.house-grid.roomy,.spell-list.large,.split-layout,.spell-layout,.dialog-content{grid-template-columns:1fr}.dialog-heading{grid-template-columns:88px minmax(0,1fr)}.dialog-heading .house-badge{width:88px;height:121px}}@media (width<=520px){.container,.hero-content,.article-shell{width:min(100% - 24px, var(--max))}.brand strong{max-width:15ch}.main-nav a{padding-inline:9px}.theme-switcher{grid-template-columns:repeat(4,28px)}.theme-option{width:28px;height:28px}.hero-actions,.site-footer{flex-direction:column;align-items:stretch}.button{width:100%}.feature-block,.post-card a,.house-card,.spell-list article{padding:20px}.house-badge{width:78px;height:108px}.house-card{min-height:248px;padding-right:110px}.dialog-heading{grid-template-columns:1fr;padding-right:34px}}