*{margin:0;padding:0}body{cursor:url(../wand-cursor.svg) 4 4,auto}a,button,[role=button]{cursor:url(../wand-cursor.svg) 4 4,pointer}:root,[data-house=default]{--accent:#f3d382;--accent2:#eeba30;--glow:#f3d38273;--bg-deep:#050402;--particle-color:#f3d382}[data-house=gryffindor]{--accent:#eeba30;--accent2:#c8102e;--glow:#eeba308c;--bg-deep:#1a0a0a;--particle-color:#eeba30}[data-house=slytherin]{--accent:#5ebd8a;--accent2:#1a472a;--glow:#5ebd8a73;--bg-deep:#07120a;--particle-color:#5ebd8a}[data-house=ravenclaw]{--accent:#946b2d;--accent2:#5e8cde;--glow:#5e8cde80;--bg-deep:#060b1a;--particle-color:#5e8cde}[data-house=hufflepuff]{--accent:#ecb939;--accent2:#372e29;--glow:#ffc85a8c;--bg-deep:#1a1106;--particle-color:#ffc85a}.back-to-dashboard-btn{z-index:99999;-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;cursor:pointer;background:#0f0f1999;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,-apple-system,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:fixed;top:90px;right:20px;box-shadow:0 4px 20px #0000004d}.back-to-dashboard-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 25px #ffffff1a}.back-to-dashboard-btn svg{stroke:currentColor;stroke-width:2.5px;fill:none;width:16px;height:16px}.navbar{z-index:50;background:linear-gradient(#0504028c,#05040200);width:100%;padding:1.6rem 4vw;transition:background .5s,padding .4s,box-shadow .4s;position:fixed;top:0;left:0}.navbar--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glow);background:#080704db;padding:.9rem 4vw;box-shadow:0 4px 30px #00000080}.navbar-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.navbar-brand{color:var(--accent);align-items:center;gap:.6rem;text-decoration:none;display:flex}.navbar-crest{width:30px;height:30px;color:var(--accent);filter:drop-shadow(0 0 6px var(--glow))}.navbar-brand-text{letter-spacing:.08em;text-shadow:0 0 16px var(--glow);font-family:Cinzel Decorative,Cinzel,Playfair Display,serif;font-size:1.3rem}.navbar-links{gap:2.4rem;display:flex}.navbar-link{color:#eee0c3e0;letter-spacing:.1em;text-transform:uppercase;padding-bottom:.3rem;font-family:Cinzel,EB Garamond,serif;font-size:.92rem;text-decoration:none;position:relative}.navbar-link:after{content:"";background:var(--accent);width:0%;height:1px;box-shadow:0 0 8px var(--glow);transition:width .35s;position:absolute;bottom:0;left:0}.navbar-link:hover{color:var(--accent)}.navbar-link:hover:after{width:100%}.navbar-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;display:none}.navbar-toggle span{background:var(--accent);width:100%;height:1.5px;transition:transform .3s,opacity .3s;display:block}.navbar-toggle.is-open span:first-child{transform:translateY(6.5px)rotate(45deg)}.navbar-toggle.is-open span:nth-child(2){opacity:0}.navbar-toggle.is-open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.navbar-mobile{border-top:1px solid var(--glow);flex-direction:column;gap:1.2rem;margin-top:1.2rem;padding-top:1.2rem;display:none}@media (width<=820px){.navbar-links{display:none}.navbar-toggle{display:flex}.navbar-mobile{opacity:0;max-height:0;transition:max-height .4s,opacity .3s;overflow:hidden}.navbar-mobile.is-open{opacity:1;max-height:320px;display:flex}}.hero{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 40%,#000000a6 100%),linear-gradient(#00000059 0%,#0000 30% 70%,#0000008c 100%);position:absolute;inset:0}.hero-overlay{z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 6vw;display:flex;position:absolute;inset:0}.hero-scene h1,.hero-scene h2{color:#f3e3c1;text-shadow:0 0 20px #ffd36e73,0 0 60px #ffb43c40,0 4px 18px #000c;letter-spacing:.04em;margin:0;font-family:Cinzel Decorative,Cinzel,Playfair Display,serif}.hero-scene h1{font-size:clamp(2.8rem,7vw,6rem)}.hero-scene h2{font-size:clamp(2rem,4.5vw,3.6rem)}.hero-scene p{color:#eee0c3eb;letter-spacing:.03em;text-shadow:0 2px 10px #000000d9;max-width:640px;margin-top:1.4rem;font-family:EB Garamond,Cormorant Garamond,Georgia,serif;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.6}.hero-cta{color:#f3d382;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140e0459;border:1px solid #f3d382a6;border-radius:2px;margin-top:2.4rem;padding:.9rem 2.6rem;font-family:Cinzel,serif;font-size:1rem;transition:background .4s,box-shadow .4s,transform .3s}.hero-cta:hover{background:#f3d3821f;transform:translateY(-2px);box-shadow:0 0 30px #f3d38273}.particle-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.particle{background:var(--particle-color,#f3d382);opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;top:100%}.particle-layer--dust .particle{box-shadow:0 0 6px var(--particle-color,#f3d382);animation-name:particle-dust;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.particle-layer--embers .particle{background:var(--particle-color,#eeba30);box-shadow:0 0 8px var(--particle-color,#eeba30);animation-name:particle-embers;animation-timing-function:ease-out;animation-iteration-count:infinite}.particle-layer--smoke .particle{filter:blur(3px);background:var(--particle-color,#5ebd8a);width:14px;height:14px;box-shadow:none;animation-name:particle-smoke;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.particle-layer--stars .particle{background:var(--particle-color,#5e8cde);box-shadow:0 0 6px var(--particle-color,#5e8cde);animation-name:particle-stars;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.particle-layer--fireflies .particle{background:var(--particle-color,#ffc85a);box-shadow:0 0 8px var(--particle-color,#ffc85a);animation-name:particle-fireflies;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes particle-dust{0%{opacity:0;top:100%}10%{opacity:.6}90%{opacity:.3}to{opacity:0;top:-10%}}@keyframes particle-embers{0%{opacity:0;top:100%;transform:translate(0)}15%{opacity:1}to{opacity:0;top:-15%;transform:translate(12px)}}@keyframes particle-smoke{0%{opacity:0;top:95%;transform:translate(0)scale(1)}30%{opacity:.35}to{opacity:0;top:10%;transform:translate(30px)scale(1.6)}}@keyframes particle-stars{0%,to{opacity:.15}50%{opacity:.9}}@keyframes particle-fireflies{0%{opacity:0;top:80%;transform:translate(0)}20%{opacity:.9}50%{transform:translate(-20px)}80%{transform:translate(15px)}to{opacity:0;top:20%;transform:translate(0)}}.sorting{background:radial-gradient(ellipse at 50% 30%, var(--bg-deep,#0a0703) 0%, #000 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.sorting-scene{justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;display:flex;position:relative}.sorting-fog{filter:blur(20px);z-index:1;background:radial-gradient(circle at 20% 80%,#ffffff0d 0%,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff0a 0%,#0000 45%);animation:18s ease-in-out infinite alternate fog-drift;position:absolute;inset:-10%}@keyframes fog-drift{0%{transform:translate(-2%)translateY(0)}to{transform:translate(2%)translateY(-1%)}}.sorting-candles{z-index:3;pointer-events:none;position:absolute;inset:0}.candle{width:6px;position:absolute;top:8%}.candle-body{background:linear-gradient(#e8dcc0,#b8a878);border-radius:2px;width:6px;height:60px;margin:0 auto}.candle-flame{background:radial-gradient(circle,#fff3c4 0%,#f3a730 60%,#0000 100%);border-radius:50%/60% 60% 40% 40%;width:8px;height:14px;margin:0 auto 2px;animation:1.6s ease-in-out infinite alternate flame-flicker}@keyframes flame-flicker{0%{opacity:.85;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(1.08)translate(1px)}to{opacity:.9;transform:scale(.96)translate(-1px)}}.sorting-stage{z-index:4;flex-direction:column;align-items:center;display:flex;position:relative}.stool{background:linear-gradient(#5a4126,#2e2012);border-radius:4px;width:120px;height:14px;margin-top:20px;box-shadow:0 30px 40px #0009}.hat{transform-origin:50% 90%;cursor:default;filter:drop-shadow(0 0 #0000);width:160px;height:160px}.hat--interactive{cursor:pointer}.hat--interactive:focus-visible{outline:2px solid var(--accent,#f3d382);outline-offset:6px;border-radius:50%}.hat-svg{width:100%;height:100%}.sorting-overlay{z-index:5;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sorting-line{color:#f3e3c1;text-shadow:0 0 20px #ffd36e80;opacity:0;font-family:Cinzel,Playfair Display,serif;font-size:clamp(1.8rem,4vw,3rem);animation:1.1s ease-in-out forwards line-fade}@keyframes line-fade{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.sorting-overlay--reveal{background:#000000b3}.sorting-overlay--settled{pointer-events:none;background:0 0;position:static;inset:auto}.sorting-house-name{letter-spacing:.06em;opacity:0;filter:blur(16px);font-family:Cinzel Decorative,Cinzel,serif;font-size:clamp(2.6rem,6vw,5rem);animation:1.4s cubic-bezier(.16,1,.3,1) forwards house-reveal;transform:scale(.85)}@keyframes house-reveal{to{opacity:1;filter:blur();transform:scale(1)}}.cursor-trail{pointer-events:none;z-index:200;position:fixed;inset:0}.cursor-particle{opacity:0;background:#f3d382;border-radius:50%;width:5px;height:5px;position:fixed;transform:translate(-50%,-50%)}.cursor-particle--embers{animation:.8s ease-out forwards cursor-embers}.cursor-particle--smoke{filter:blur(2px);width:10px;height:10px;animation:.9s ease-out forwards cursor-smoke}.cursor-particle--stars{animation:.7s ease-out forwards cursor-stars}.cursor-particle--fireflies{animation:.9s ease-in-out forwards cursor-fireflies}@keyframes cursor-embers{0%{opacity:.9;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-150%)scale(.4)}}@keyframes cursor-smoke{0%{opacity:.5;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-120%)scale(2)}}@keyframes cursor-stars{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes cursor-fireflies{0%{opacity:.9;transform:translate(-50%,-50%)translate(0)}50%{transform:translate(-50%,-50%)translate(8px)}to{opacity:0;transform:translate(-50%,-50%)translate(-8px)}}.houses{background:radial-gradient(ellipse at 50% 20%, var(--bg-deep,#0a0703) 0%, #000 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:8vh 0;display:flex;position:relative;overflow:hidden}.houses-heading{text-align:center;margin-bottom:5vh;padding:0 6vw}.houses-heading h2{color:var(--accent,#f3d382);text-shadow:0 0 30px var(--glow,#f3d38266);margin:0 0 .8rem;font-family:Cinzel Decorative,Cinzel,Playfair Display,serif;font-size:clamp(2.2rem,5vw,4rem)}.houses-heading p{color:#eee0c3d9;letter-spacing:.03em;font-family:EB Garamond,Cormorant Garamond,Georgia,serif;font-size:clamp(1rem,1.6vw,1.3rem)}.houses-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:4vw;width:100%;padding:2vh 11vw 4vh;display:flex;overflow-x:auto}.houses-track::-webkit-scrollbar{display:none}.house-card{scroll-snap-align:center;filter:brightness(.75);cursor:pointer;border:1px solid #ffffff14;border-radius:18px;flex:0 0 min(78vw,760px);justify-content:center;align-items:center;height:min(60vh,520px);transition:transform .4s,filter .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden;transform:scale(.92);box-shadow:0 20px 60px #00000080}.house-card.is-active{filter:brightness();box-shadow:0 30px 80px #0009, 0 0 60px var(--card-glow,transparent);transform:scale(1.04)}.house-card:hover{box-shadow:0 30px 90px #000000a6, 0 0 90px var(--card-glow,transparent)}.house-card:hover .particle-layer{filter:brightness(1.3)}.house-card-bg{background:radial-gradient(circle at 30% 20%, var(--card-accent,#444) 0%, transparent 55%), linear-gradient(to bottom, #0003, #000000d9);opacity:.5;z-index:0;position:absolute;inset:0}.card-silhouette{width:140px;color:var(--card-accent2,#888);opacity:.5;z-index:2;position:absolute;bottom:14%;right:8%}.card-silhouette-svg{width:100%;height:auto}.card-constellation{width:60%;color:var(--card-accent2,#fff);z-index:2;position:absolute;top:10%;left:5%}.constellation-star{animation:3s ease-in-out infinite constellation-twinkle}.constellation-star:nth-child(odd){animation-delay:1.2s}@keyframes constellation-twinkle{0%,to{opacity:.3}50%{opacity:1}}.house-card-content{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;padding:6% 8%;display:flex;position:relative}.house-card-logo{object-fit:contain;width:160px;height:160px;filter:drop-shadow(0 0 20px var(--card-glow,#fff6));margin-bottom:0}.house-card-content h1{color:#fff;text-shadow:0 0 30px var(--card-glow,transparent), 0 2px 8px #000c;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:clamp(1.8rem,3.2vw,2.6rem)}.house-card-content p{color:#fff;text-shadow:0 2px 6px #000c;margin:0;font-family:EB Garamond,Cormorant Garamond,Georgia,serif;font-size:clamp(.95rem,1.3vw,1.15rem)}.house-card-cta{letter-spacing:.1em;text-transform:uppercase;color:#fff;cursor:pointer;background:#00000073;border:1px solid #fff;border-radius:999px;padding:.7rem 1.8rem;font-family:Cinzel,serif;font-size:.85rem;transition:background .3s,box-shadow .3s,transform .3s}.house-card-cta:hover{color:#0a0703;box-shadow:0 0 24px var(--card-glow,#fff9);background:#fff;transform:translateY(-2px)}@media (width<=820px){.house-card{flex:0 0 82vw;height:60vh}.houses-track{padding:2vh 9vw 4vh}}