:root{color-scheme:dark;--bg:#0b0710;--pink:#f0a6ef;--purple:#b768d9;--ink:#eee0ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 20%,#24132b 0,transparent 40%),#0b0710;color:var(--ink);font-family:Georgia,serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;background:#0d0812dd;position:relative;z-index:5;border-bottom:1px solid #b778b533}.mark{font-size:32px;color:var(--pink)}.main-nav{display:flex;flex-wrap:wrap;gap:clamp(12px,2.3vw,38px);font:11px Arial,sans-serif;letter-spacing:.24em}.main-nav a:hover,.footer-links button:hover{color:var(--pink)}.header-actions{display:flex;gap:14px;align-items:center}.language,.menu-toggle,.pending-link{background:none;color:var(--pink);border:0}.menu-toggle{display:none}.hero{min-height:630px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:7% 8%;overflow:hidden;background:radial-gradient(circle at 65% 45%,#5e205733,transparent 55%)}.hero-image{position:absolute;inset:0 52% 0 0;background:url('assets/just-hannah.webp') center 30%/cover no-repeat;mask-image:linear-gradient(90deg,#000 65%,transparent 100%)}.hero-copy{width:min(550px,54%);position:relative;z-index:2;text-align:center}.hero-whisper{position:absolute;left:4%;bottom:8%;font-style:italic;color:#dca7d4}.eyebrow,.tagline,.section-label{font:11px Arial,sans-serif;letter-spacing:.26em;color:#e8b0df}.hero-name{display:block;font-size:clamp(64px,9vw,140px);line-height:1.1;letter-spacing:.06em}.hero-surname{font-size:clamp(20px,2.8vw,36px);letter-spacing:.32em}.hero-script,.script-heading{font-style:italic;color:var(--pink);font-size:clamp(34px,5vw,68px);line-height:1.1}.hero-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}.cta,.outline-button,.magic-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border:1px solid #bc78b8;color:#ffe0fb;background:#241127;font:12px Arial,sans-serif;letter-spacing:.13em;border-radius:6px}.cta small{display:block;font-size:10px}.cta-outline{background:transparent}.social-section,.gallery-section,.magic-section,.quote-section,.secret-section{text-align:center;padding:70px 5%;border-top:1px solid #8e558e3b}.section-heading h2{letter-spacing:.22em;font-size:20px}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1250px;margin:32px auto}.social-card{position:relative;display:block;overflow:hidden;border:1px solid #a76ba659;border-radius:10px;background:#150e1b}.social-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;display:block}.social-caption{display:flex;align-items:center;gap:12px;padding:14px;text-align:left;background:#170e1c}.social-caption strong,.social-caption small{display:block;font:12px Arial,sans-serif;letter-spacing:.1em}.social-caption small{font-size:10px;color:#c9b4c9;margin-top:6px}.corner-arrow{margin-left:auto}.social-footnote{color:#dda1d3;font-style:italic}.about-section{background:#120b16}.about-photo img{border-radius:10px}.about-copy p{font-size:16px}.gallery-title{margin-bottom:24px}.closing{text-align:center;padding:50px;color:var(--pink);font-style:italic}.site-footer{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:25px;padding:36px;border-top:1px solid #754b7a;background:#08050b}.footer-brand{font-size:24px;letter-spacing:.12em}.footer-brand span{font-size:12px}.footer-links,.footer-social{display:flex;gap:18px}.footer-social a{font-size:22px;color:var(--pink)}
.neon-hannah{color:#ffd5fc;text-shadow:0 0 3px #fff,0 0 12px #ef6ef2,0 0 30px #bf24d7,0 0 65px #9d18a9;animation:neon-flicker 8s infinite alternate}@keyframes neon-flicker{0%,17%,19%,23%,25%,56%,58%,100%{opacity:1;text-shadow:0 0 4px #fff,0 0 13px #f06dff,0 0 32px #d338f5,0 0 65px #a21bb8}18%,24%,57%{opacity:.65;text-shadow:0 0 2px #c364c5}}.flying-moth{position:absolute;right:13%;top:16%;z-index:3;color:#e5b5e7;font-size:28px;text-shadow:0 0 18px #ce67ee;animation:moth-flight 7s ease-in-out infinite;pointer-events:none}.flying-moth span{display:inline-block;transform:rotate(-30deg);font-size:48px;animation:moth-wings 1.3s ease-in-out infinite alternate}@keyframes moth-flight{0%,100%{transform:translate(0,0) rotate(-8deg)}35%{transform:translate(-80px,45px) rotate(12deg)}70%{transform:translate(30px,90px) rotate(-12deg)}}@keyframes moth-wings{from{transform:scaleX(.6) rotate(-15deg)}to{transform:scaleX(1.2) rotate(15deg)}}
.magic-section,.quote-section,.secret-section{background:radial-gradient(ellipse at center,#28112e,#0b0710 68%)}.magic-intro{color:#cdb7d0;max-width:580px;margin:16px auto 28px}.oracle-card{max-width:660px;margin:30px auto;padding:34px 22px;border:1px solid #b46aba6e;border-radius:18px;box-shadow:0 0 50px #aa42b518;background:#150c1a}.oracle-symbol{display:block;color:#e9a6ef;font-size:40px;letter-spacing:.3em;text-shadow:0 0 18px #b54cc5}.oracle-card p{min-height:55px;font-style:italic;font-size:clamp(17px,2.2vw,24px)}.magic-button{margin:12px auto;transition:transform .2s,box-shadow .2s}.magic-button:hover,.secret-door:hover{transform:translateY(-3px);box-shadow:0 0 24px #b553ba77}.quote-section blockquote{font-size:clamp(22px,3vw,36px);font-style:italic;max-width:850px;margin:28px auto;min-height:75px;color:#f1c7ef}.secret-door{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(330px,85%);margin:35px auto;border:2px solid #b977c0;background:linear-gradient(135deg,#321439,#0e0814);color:#f4c5f4;padding:34px 20px;border-radius:160px 160px 12px 12px;min-height:290px;justify-content:center;box-shadow:inset 0 0 45px #b34b9c33;transition:.25s}.door-icon{font-size:65px;text-shadow:0 0 20px #da5ddb}.secret-door small{font-size:10px;letter-spacing:.2em}.secret-content{max-width:600px;margin:0 auto;padding:30px;border:1px solid #b977c066;border-radius:14px;background:#1b0d20}.secret-content[hidden]{display:none}.secret-content h3{font-size:32px;color:var(--pink)}.secret-note{font-size:12px;color:#c6adc6}.secret-link{display:inline-flex}#magic-cursor{position:fixed;z-index:9999;width:20px;height:20px;border:1px solid #efafff;border-radius:50%;pointer-events:none;left:0;top:0;transform:translate(-50%,-50%);box-shadow:0 0 15px #f06bff,0 0 28px #c755ff77;opacity:0;transition:opacity .25s}.sparkle{position:fixed;z-index:9998;pointer-events:none;color:#f2c0ff;text-shadow:0 0 10px #c866e9;animation:sparkle-fade .7s forwards}@keyframes sparkle-fade{to{transform:translateY(-22px) scale(.2);opacity:0}}
@media(max-width:850px){.social-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:670px;padding:6%;justify-content:center;align-items:flex-end}.hero-image{inset:0 0 25% 0;mask-image:linear-gradient(#000 45%,transparent 100%)}.hero-copy{width:100%;background:#0d081399;padding:18px;border-radius:16px}.hero-whisper{display:none}.flying-moth{top:12%;right:12%}.main-nav{gap:10px}}@media(max-width:550px){.social-grid{grid-template-columns:1fr}.site-header{padding:12px}.main-nav{font-size:9px;gap:9px}.header-actions{display:none}.hero-name{font-size:clamp(54px,14vw,90px)}.hero-surname{letter-spacing:.1em}.hero{min-height:630px}.social-section,.gallery-section,.magic-section,.quote-section,.secret-section{padding:55px 16px}}@media(pointer:coarse){#magic-cursor{display:none}}@media(prefers-reduced-motion:reduce){.neon-hannah,.flying-moth,.flying-moth span{animation:none!important}*,*:before,*:after{scroll-behavior:auto!important}}