.retro-page{min-height:100vh;background:#0b0312}.retro-page::before{position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 83% 8%,rgba(217,110,234,.2),transparent 27%),radial-gradient(circle at 12% 42%,rgba(242,200,109,.1),transparent 25%);content:""}.retro-nav{display:flex;gap:24px;color:var(--muted);font-size:.78rem;font-weight:600}.retro-nav a{padding:27px 0 23px;border-bottom:2px solid transparent}.retro-nav a:hover{color:var(--ink);border-color:var(--gold)}.header-link{color:var(--charcoal);font-size:.78rem}
.retro-hero{position:relative;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(480px,1.05fr);gap:75px;width:min(1180px,calc(100% - 40px));margin:auto;padding:145px 0 110px;overflow:hidden}.hero-copy-wrap{position:relative;z-index:2;padding-top:38px}.issue-line,.folio,.chapter-label{color:var(--gold);font-size:.61rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.retro-hero h1{margin:20px 0 28px;font:650 clamp(4.1rem,7.2vw,7.2rem)/.87 var(--serif);letter-spacing:-.055em}.retro-hero h1 em{color:#e8a3df;font-weight:500}.dek{max-width:580px;color:var(--charcoal);font:500 1.08rem/1.7 var(--serif)}.editor-note{display:grid;grid-template-columns:90px 1fr;gap:18px;max-width:550px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line)}.editor-note span{color:var(--gold);font-size:.62rem;font-weight:700;text-transform:uppercase}.editor-note p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.65}
.orbit-art{position:absolute;top:105px;left:-310px;width:710px;height:710px;border:1px solid rgba(242,200,109,.16);border-radius:50%;pointer-events:none}.orbit-art span{position:absolute;inset:86px;border:1px solid rgba(216,109,234,.17);border-radius:50%}.orbit-art .orbit-two{inset:205px}.orbit-art i{position:absolute;right:70px;top:150px;color:var(--gold);font:normal 2.7rem var(--serif);text-shadow:0 0 25px rgba(242,200,109,.55)}.orbit-art b{position:absolute;right:178px;bottom:82px;width:8px;height:8px;border-radius:50%;background:#e8a3df;box-shadow:0 0 20px #e8a3df}
.retro-form{position:relative;z-index:3;padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:4px 28px 4px 4px;background:linear-gradient(145deg,rgba(36,16,59,.96),rgba(21,8,34,.96));box-shadow:0 38px 90px rgba(0,0,0,.48)}.retro-form::before{position:absolute;top:-1px;left:34px;width:82px;height:3px;background:var(--gold);content:""}.form-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.form-top h2{margin:4px 0 0;font:650 2rem var(--serif)}.form-top p{margin:0}.form-top button{border:1px solid rgba(242,200,109,.32);border-radius:999px;padding:8px 13px;color:var(--gold);background:transparent;cursor:pointer}.form-intro{margin:13px 0 22px;color:var(--muted);font-size:.74rem;line-height:1.55}.persona-picker{display:flex;align-items:center;gap:12px;margin:0 0 17px;padding:10px 12px;border:1px dashed rgba(242,200,109,.25);color:var(--gold);font-size:.64rem}.persona-picker select{flex:1;border:0;color:var(--charcoal);background:transparent;font:inherit}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid label{display:grid;gap:6px;color:var(--charcoal);font-size:.69rem;font-weight:700}.field-grid .wide{grid-column:1/-1}.field-grid input{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.19);border-radius:0;padding:10px 2px;color:var(--ink);background:transparent}.field-grid input:focus{outline:0;border-color:var(--gold)}.generate-button{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:25px;border:0;padding:15px 17px;color:#1a0823;background:linear-gradient(110deg,#f2c86d,#eba5df 64%,#ad86ff);font-weight:800;cursor:pointer}.generate-button:disabled{opacity:.55;cursor:wait}.generate-button b{font-size:1.2rem}.privacy,.form-status{margin:10px 0 0;text-align:center;color:var(--muted);font-size:.61rem}.form-status{min-height:15px}.form-status.success{color:#aee8c5}.form-status.error{color:#ff9db3}
.manifesto{display:grid;grid-template-columns:100px 1fr 1fr;gap:38px;align-items:start;width:min(1180px,calc(100% - 40px));margin:auto;padding:80px 0;border-top:1px solid var(--line)}.drop-glyph{color:var(--gold);font:500 5.5rem/.9 var(--serif)}.manifesto h2{max-width:530px;margin:8px 0 0;font:650 clamp(2.4rem,4vw,4rem)/1.04 var(--serif);letter-spacing:-.035em}.manifesto>p{margin:26px 0 0;color:var(--muted);font-size:.85rem;line-height:1.85}
.report{color:#24172a;background:#f4ecdf}.report-cover,.opening-reading,.three-acts,.contact-section,.field-notes,.report-colophon{width:min(1100px,calc(100% - 40px));margin:auto}.report-cover{position:relative;padding:95px 0 80px;border-bottom:1px solid rgba(36,23,42,.18)}.cover-meta{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(36,23,42,.2);color:#705e6d;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.report .eyebrow{color:#825365}.report-cover>.eyebrow{margin-top:52px}.report-cover h2{max-width:940px;margin:8px 0 24px;color:#251229;font:650 clamp(3.5rem,7vw,7.1rem)/.93 var(--serif);letter-spacing:-.055em}.standfirst{max-width:760px;color:#635461;font:500 1.18rem/1.7 var(--serif)}.cover-signal{display:flex;align-items:center;gap:16px;margin-top:43px}.cover-signal>span{display:grid;width:68px;height:68px;place-items:center;border:1px solid #9b667a;border-radius:50%;color:#825365;font:650 1.8rem var(--serif)}.cover-signal div{display:grid;gap:4px}.cover-signal small{color:#8a7682;font-size:.54rem;letter-spacing:.13em}.cover-signal strong{font:650 1.2rem var(--serif)}
.opening-reading{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;padding:90px 0}.opening-reading aside{position:relative;padding:28px;border-left:1px solid #b38c9a;color:#6e4c5a;font:500 1.45rem/1.5 var(--serif)}.big-quote{position:absolute;top:-34px;left:18px;color:#c799a8;font-size:5rem}.opening-reading aside p{margin:0}.opening-reading h3{margin:6px 0 24px;font:650 clamp(2.4rem,4vw,4rem)/1.06 var(--serif);letter-spacing:-.035em}.reading-copy{columns:2;column-gap:32px;color:#675866;font-size:.86rem;line-height:1.85}.reading-copy p:first-child{margin-top:0}.reading-copy p:first-child::first-letter{float:left;margin:5px 8px 0 0;color:#8e5268;font:650 3.8rem/.72 var(--serif)}
.three-acts{padding:90px 0;border-top:1px solid rgba(36,23,42,.18)}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:42px}.section-intro .eyebrow{grid-column:1/-1;margin:0}.section-intro h2{margin:0;font:650 clamp(2.7rem,5vw,4.8rem)/1 var(--serif);letter-spacing:-.04em}.section-intro>p:last-child{max-width:400px;margin:0 0 7px;color:#746472;line-height:1.7}.act-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #a98c98;border-bottom:1px solid #a98c98}.act-card{min-height:360px;padding:27px;border-right:1px solid #c5adb6}.act-card:last-child{border:0}.act-number{display:flex;justify-content:space-between;color:#8c5c6e;font-size:.6rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.act-card h3{margin:75px 0 10px;font:650 1.7rem var(--serif)}.act-card time{color:#8c5c6e;font-size:.68rem;font-weight:700}.act-card p{color:#6f606c;font-size:.82rem;line-height:1.75}.act-card strong{display:block;margin-top:22px;color:#4d3542;font-size:.72rem}
.contact-section{padding:90px 0;border-bottom:1px solid rgba(36,23,42,.18)}.contact-heading{max-width:850px}.contact-heading h2{margin:7px 0 38px;font:650 clamp(2.7rem,5vw,5rem)/1 var(--serif);letter-spacing:-.04em}.contact-body{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.contact-body p{color:#675866;line-height:1.85}.contact-body blockquote{margin:28px 0 0;padding:20px 0;border-top:1px solid #bca0aa;border-bottom:1px solid #bca0aa;color:#6d4052;font:500 1.3rem/1.5 var(--serif)}.contact-dates{display:grid;align-content:start}.date-row{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #cdb9c0}.date-row time{color:#8a5267;font:650 1rem var(--serif)}.date-row span{color:#6e606b;font-size:.73rem}.date-row strong{display:block;margin-bottom:3px;color:#32222c}
.field-notes{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:90px 0}.field-notes h2{margin:7px 0;font:650 3.2rem/1.03 var(--serif)}.field-notes .field-grid{display:grid;grid-template-columns:1fr 1fr}.note-card{padding:22px;border-top:1px solid #bda2ac}.note-card span{color:#8b5468;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.note-card h3{margin:16px 0 7px;font:650 1.15rem var(--serif)}.note-card p{margin:0;color:#6c5d68;font-size:.76rem;line-height:1.65}.report-colophon{display:grid;grid-template-columns:55px 1fr auto;gap:25px;align-items:center;padding:35px 0 70px;border-top:1px solid rgba(36,23,42,.2);color:#6d5d69;font-size:.7rem;line-height:1.6}.report-colophon>span{font:500 2.5rem var(--serif);color:#8b5368}.report-colophon p{margin:0}.report-colophon a{color:#6f3f53;font-weight:700}
@media(max-width:900px){.retro-nav{display:none}.retro-hero{grid-template-columns:1fr;padding-top:115px}.hero-copy-wrap{padding-top:15px}.manifesto{grid-template-columns:75px 1fr}.manifesto>p{grid-column:2}.opening-reading,.contact-body,.field-notes{grid-template-columns:1fr;gap:35px}.reading-copy{columns:1}.section-intro{grid-template-columns:1fr}.act-card h3{margin-top:45px}.report-colophon{grid-template-columns:40px 1fr}.report-colophon a{grid-column:2}}
@media(max-width:640px){.site-header{padding-inline:18px}.header-link{display:none}.retro-hero{width:min(100% - 28px,1180px);gap:45px}.retro-hero h1{font-size:3.85rem}.retro-form{padding:25px 20px}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.manifesto{grid-template-columns:1fr;width:calc(100% - 28px)}.manifesto>p{grid-column:auto}.drop-glyph{font-size:4rem}.report-cover,.opening-reading,.three-acts,.contact-section,.field-notes,.report-colophon{width:calc(100% - 32px)}.report-cover h2{font-size:3.25rem}.act-grid{grid-template-columns:1fr}.act-card{min-height:0;border-right:0;border-bottom:1px solid #c5adb6}.act-card h3{margin-top:34px}.field-notes .field-grid{grid-template-columns:1fr}.cover-meta{gap:20px}.report-colophon{grid-template-columns:1fr}.report-colophon a{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}