:root{--ink:#07080d;--paper:#f3f0e8;--muted:#aba9b1;--accent:#e7483d;--accent-soft:#ffb06d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--ink);color:var(--paper);font-family:Georgia,Times New Roman,serif}.landing{isolation:isolate;background:radial-gradient(circle at 50% 42%,#3a141d6b,#0000 27rem),linear-gradient(145deg,#07080d 0%,#0e1019 53%,#09090e 100%);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.landing:before{z-index:-1;content:"";background:linear-gradient(112deg,#0000 0 45%,#ffffff09 50%,#0000 55%) 0 0/220% 100%;animation:11s ease-in-out infinite light-sweep;position:absolute;inset:0}.landing:after{z-index:5;pointer-events:none;opacity:.075;content:"";background-image:repeating-radial-gradient(circle at 0 0,#ffffff73 0 .5px,#0000 .7px 3px);background-size:4px 4px;position:absolute;inset:0}.ambient{z-index:-2;filter:blur(8px);opacity:.52;pointer-events:none;border-radius:50%;width:44rem;height:44rem;position:absolute}.ambient-one{background:radial-gradient(circle,#b71f238c,#0000 68%);animation:16s ease-in-out infinite alternate drift-one;top:-22rem;left:-14rem}.ambient-two{background:radial-gradient(circle,#1f408c7a,#0000 68%);animation:19s ease-in-out infinite alternate drift-two;bottom:-23rem;right:-20rem}.stars,.stars:before,.stars:after{z-index:-1;content:"";background-repeat:repeat;position:absolute;inset:0}.stars{opacity:.55;background-image:radial-gradient(circle at 13% 24%,#ffffffd9 0 1px,#0000 1.5px),radial-gradient(circle at 82% 17%,#ffdba6d9 0 1px,#0000 1.5px),radial-gradient(circle at 68% 77%,#ffffffb3 0 1px,#0000 1.5px),radial-gradient(circle at 24% 80%,#ffffff8c 0 1px,#0000 1.5px);background-size:280px 240px,370px 310px,420px 380px,510px 460px;animation:25s linear infinite star-drift}.stars:before{opacity:.45;background-image:radial-gradient(circle,#ffffffe6 0 .8px,#0000 1.3px);background-size:190px 180px;animation:5s ease-in-out infinite alternate twinkle;transform:scale(1.35)}.stars:after{opacity:.5;background-image:radial-gradient(circle,#ffb462b3 0 .8px,#0000 1.4px);background-size:330px 410px;animation:7s ease-in-out 1.2s infinite alternate-reverse twinkle;transform:rotate(12deg)scale(1.25)}.grid{z-index:-1;opacity:.14;transform-origin:top;background-image:linear-gradient(#ffffff47 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:56px 56px;height:63%;animation:12s linear infinite grid-rise;position:absolute;bottom:-33%;left:-15%;right:-15%;transform:perspective(420px)rotateX(63deg);-webkit-mask-image:linear-gradient(#0000,#000 35% 72%,#0000);mask-image:linear-gradient(#0000,#000 35% 72%,#0000)}.hero{z-index:2;text-align:center;width:min(92vw,880px);padding:3rem 1rem 4rem;animation:1.5s cubic-bezier(.16,1,.3,1) both hero-in;position:relative}.gate-screen{background:radial-gradient(circle at 50% 44%,#49161d80,#0000 25rem),linear-gradient(145deg,#07080d 0%,#11111a 53%,#09090e 100%)}.gate{z-index:2;text-align:center;width:min(92vw,680px);padding:2.4rem 1rem 5rem;animation:1.25s cubic-bezier(.16,1,.3,1) both gate-in;position:relative}.gate .eyebrow{margin-bottom:1.35rem}.gate .signal{height:1.65rem;margin-bottom:.8rem}.gate .signal i{height:1rem}.gate .signal i:nth-child(2){height:1.55rem}.gate h1{font-size:clamp(2.8rem,8vw,6.6rem)}.gate .headline-small{font-size:.42em}.question-mark{color:var(--accent);text-shadow:0 0 1.4rem #e7483db3;display:inline-block;transform:translateY(-.04em)}.portrait-card{aspect-ratio:1;background:#090b12;border:1px solid #f3f0e842;width:min(68vw,238px);margin:1.55rem auto 1.35rem;animation:1.1s cubic-bezier(.16,1,.3,1) .28s both portrait-in;position:relative;overflow:hidden;box-shadow:0 0 0 .45rem #f3f0e809,0 0 3rem #e7483d33}.portrait-card:after{pointer-events:none;content:"";background:linear-gradient(135deg,#ffffff1a,#0000 42%,#e7483d14);position:absolute;inset:0}.portrait-card img{object-fit:cover;filter:saturate(.88)contrast(1.04);width:100%;height:100%;display:block}.prohibition-mark{z-index:2;border:clamp(.22rem, .8vw, .32rem) solid var(--accent);border-radius:50%;width:82%;height:82%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-16deg);box-shadow:0 0 1.35rem #e7483dad}.prohibition-mark:after{background:var(--accent);content:"";border-radius:999px;width:126%;height:clamp(.22rem,.8vw,.32rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(1deg);box-shadow:0 0 1.35rem #e74848c2}.portrait-card figcaption{z-index:3;color:#f3f0e8bd;letter-spacing:.22em;text-shadow:0 1px #07080d,0 0 1rem #07080d;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:.58rem;font-weight:700;position:absolute;bottom:.55rem;left:.65rem;right:.65rem}.gate-intro{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 1.35rem;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.78rem,1.55vw,.95rem);line-height:1.6;animation:1.1s .75s both fade-up}.gate-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;animation:1.1s .9s both fade-up;display:flex}.button{cursor:pointer;letter-spacing:.18em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;min-width:10.5rem;padding:.82rem 1.25rem;font-family:Arial,Helvetica,sans-serif;font-size:.68rem;font-weight:700;line-height:1;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px}.button-primary{color:var(--ink);background:var(--accent-soft);box-shadow:0 0 1.35rem #ffb06d33}.button-primary:hover{background:#ffd09a;box-shadow:0 0 1.7rem #ffb06d6b}.button-quiet{color:#f3f0e8c7;background:#f3f0e809;border-color:#f3f0e840}.button-quiet:hover{color:var(--paper);background:#e7483d1f;border-color:#e7483db8;box-shadow:0 0 1.3rem #e7483d33}.exit-message{z-index:2;text-align:center;width:min(92vw,880px);padding:3rem 1rem 4rem;animation:.7s cubic-bezier(.16,1,.3,1) both hero-in;position:relative}.exit-message .headline-main{font-size:clamp(2.8rem,8.5vw,7rem)}.eyebrow{color:var(--accent-soft);letter-spacing:.45em;text-transform:uppercase;justify-content:center;align-items:center;gap:.8rem;margin:0 0 2.6rem;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.63rem,1.1vw,.78rem);font-weight:700;animation:1.1s .25s both fade-up;display:flex}.eyebrow span{background:linear-gradient(90deg, transparent, var(--accent-soft));width:2.5rem;height:1px;display:block}.eyebrow span:last-child{background:linear-gradient(90deg, var(--accent-soft), transparent)}.signal{justify-content:center;gap:.45rem;height:2rem;margin-bottom:1.1rem;animation:1.2s .45s both signal-in;display:flex}.signal i{background:var(--accent);border-radius:999px;align-self:center;width:.18rem;height:1.2rem;animation:1.35s ease-in-out infinite signal-pulse;display:block;box-shadow:0 0 1rem #e7483de6}.signal i:nth-child(2){background:var(--accent-soft);height:1.9rem;animation-delay:.2s}.signal i:nth-child(3){animation-delay:.4s}h1{letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(3rem,9.5vw,8.2rem);font-weight:400;line-height:.84}.headline-small,.headline-main{display:block}.headline-small{color:#f3f0e8e0;letter-spacing:-.045em;font-size:.53em;font-style:italic;line-height:1.2;animation:1.2s .55s both title-in}.headline-main{color:var(--paper);text-shadow:0 0 2.5rem #ffffff1c;margin-top:.05em;animation:1.3s .72s both title-in}.ellipsis{color:var(--accent);letter-spacing:-.16em;animation:2s ease-in-out infinite alternate ellipsis-glow;display:inline-block}.intro{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:2.1rem 0 1.8rem;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.82rem,1.65vw,1rem);line-height:1.6;animation:1.1s 1.05s both fade-up}.rule{background:#f3f0e824;width:min(100%,15rem);height:1px;margin:0 auto 1.55rem;animation:1.1s 1.18s both fade-up;overflow:hidden}.rule span{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:42%;height:100%;margin:auto;animation:2.8s ease-in-out infinite rule-flow;display:block}.signature{color:var(--paper);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.86rem,1.8vw,1.15rem);font-weight:300;animation:1.1s 1.28s both fade-up}.signature b{color:var(--accent);margin:0 .15em;font-size:1.25em;font-weight:400}.scroll-note{z-index:2;color:#f3f0e861;letter-spacing:.32em;text-transform:uppercase;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:.62rem;animation:1.1s 1.5s both fade-up,3.5s ease-in-out 2.5s infinite breathe;position:absolute;bottom:1.8rem}@keyframes hero-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes gate-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes portrait-in{0%{opacity:0;transform:translateY(12px)scale(.92)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes title-in{0%{opacity:0;filter:blur(10px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes signal-in{0%{opacity:0;transform:translateY(-10px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes signal-pulse{0%,to{opacity:.4;transform:scaleY(.68)}50%{opacity:1;transform:scaleY(1)}}@keyframes ellipsis-glow{0%{text-shadow:0 0 #e7483d00}to{text-shadow:0 0 1.2rem #e7483de6}}@keyframes rule-flow{0%,to{opacity:0;transform:translate(-100%)}25%,75%{opacity:1}50%{transform:translate(100%)}}@keyframes light-sweep{0%,15%{background-position:160% 0}55%,to{background-position:-40% 0}}@keyframes star-drift{0%{transform:translateY(0)}to{transform:translateY(-28px)}}@keyframes twinkle{0%{opacity:.15}to{opacity:.65}}@keyframes grid-rise{0%{background-position:0 0,0 0}to{background-position:0 112px,112px 0}}@keyframes drift-one{0%{transform:translate(0,0)scale(1)}to{transform:translate(5rem,3rem)scale(1.12)}}@keyframes drift-two{0%{transform:translate(0,0)scale(1)}to{transform:translate(-4rem,-3rem)scale(1.1)}}@keyframes breathe{0%,to{opacity:.38}50%{opacity:.75}}@media (max-width:600px){.hero,.gate{padding-left:1.3rem;padding-right:1.3rem}.gate .eyebrow{letter-spacing:.29em}.gate h1{font-size:clamp(2.55rem,12.4vw,4.5rem)}.portrait-card{width:min(62vw,220px);margin-top:1.25rem}.gate-actions{flex-direction:column;align-items:center}.button{width:min(100%,15rem)}.eyebrow{letter-spacing:.32em}.eyebrow span{width:1.3rem}.intro{letter-spacing:.06em}.signature{letter-spacing:.28em;text-indent:.28em}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}