:root{--ink:#16130f;--paper:#f2eadc;--paper2:#e8dcc9;--burg:#651d26;--gold:#ad8b4d;--cream:#fbf4e7;--muted:#756b60;--night:#0c0b0a;--line:rgba(22,19,15,.18);--max:1180px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55} a{color:inherit} img{max-width:100%}.site-header{position:sticky;top:0;z-index:50;background:rgba(242,234,220,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:24px;padding:14px 22px}.brand{text-decoration:none;font-weight:900;letter-spacing:.04em;font-size:1.25rem}.brand em{font-style:normal;color:var(--burg)}.nav-links{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}.nav-links a{text-decoration:none;font-size:.84rem;text-transform:uppercase;letter-spacing:.12em}.nav-links a:hover{color:var(--burg)}
.hero{min-height:76vh;background:radial-gradient(circle at 72% 25%,rgba(255,240,195,.28),transparent 20%),linear-gradient(120deg,#090807,#211b17 55%,#090807);color:var(--cream);position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:-10% 50% 0 -10%;background:linear-gradient(72deg,transparent 22%,rgba(255,248,220,.16) 48%,transparent 67%);transform:skewX(-8deg)}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) .7px,transparent .7px);background-size:5px 5px;mix-blend-mode:screen;opacity:.5}.hero-inner{position:relative;z-index:2;max-width:var(--max);margin:auto;padding:90px 22px 74px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;color:var(--gold);font-family:Arial,sans-serif;font-weight:700}.hero h1{font-size:clamp(4rem,9vw,8.8rem);line-height:.82;margin:.12em 0 .18em;letter-spacing:-.055em}.hero p{font-size:1.25rem;max-width:680px;color:#e8dfd2}.hero-card{border:1px solid rgba(255,255,255,.2);padding:28px;background:rgba(0,0,0,.28);box-shadow:0 28px 80px rgba(0,0,0,.35);transform:rotate(1deg)}.hero-card .big-year{font-size:5.2rem;line-height:1;color:var(--gold);font-weight:700}.hero-card h2{margin:.25rem 0 .35rem;font-size:1.8rem}.hero-card p{font-size:1rem;color:#ddd1c1}.year-range{width:100%;accent-color:var(--gold)}.year-nav{display:flex;justify-content:space-between;font-family:Arial,sans-serif;font-size:.75rem;color:#b7aa98}.btn{display:inline-block;background:var(--burg);color:white;text-decoration:none;padding:12px 18px;border:0;font:700 .78rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn.alt{background:transparent;border:1px solid currentColor;color:inherit}.btn:hover{filter:brightness(1.08)}
.section{max-width:var(--max);margin:auto;padding:76px 22px}.section.compact{padding-top:44px;padding-bottom:44px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:28px}.section-title h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin:0}.section-title p{max-width:520px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:rgba(255,255,255,.32);border:1px solid var(--line);padding:24px;position:relative}.card:hover{background:rgba(255,255,255,.58)}.card a{text-decoration:none}.card .meta,.meta{font:700 .7rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--burg)}.card h3{font-size:1.55rem;line-height:1.1;margin:.35rem 0 .55rem}.card p{color:#5f574f}.card .arrow{font-family:Arial,sans-serif;font-weight:700;color:var(--burg)}
.marquee{background:var(--burg);color:white;padding:15px 0;overflow:hidden;white-space:nowrap;font:700 .76rem Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.marquee span{display:inline-block;padding-left:100%;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-100%)}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px}.feature-panel{background:var(--night);color:var(--cream);padding:36px;min-height:330px;position:relative;overflow:hidden}.feature-panel:after{content:'★';position:absolute;right:-20px;bottom:-55px;font-size:190px;color:rgba(255,255,255,.04)}.feature-panel h3{font-size:2.35rem;margin:.25rem 0}.feature-panel p{color:#cfc4b5}.feature-panel.gold{background:#9a7a40}.feature-panel.gold p{color:#fff7e8}
.page-hero{background:var(--night);color:var(--cream);padding:72px 22px 55px}.page-hero .inner{max-width:var(--max);margin:auto}.page-hero h1{font-size:clamp(3rem,7vw,6.3rem);line-height:.92;margin:.12em 0 .2em;letter-spacing:-.04em}.page-hero p{max-width:760px;color:#d8cdbc;font-size:1.12rem}.crumbs{font:700 .7rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.crumbs a{color:inherit;text-decoration:none}.details{display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:start}.portrait{aspect-ratio:4/5;background:linear-gradient(145deg,#14110e,#3b3027);border:12px solid #e2d5c1;outline:1px solid #9f8e76;display:flex;align-items:center;justify-content:center;text-align:center;color:#e7dac8;position:relative;overflow:hidden}.portrait:before{content:'';width:70%;height:70%;border-radius:50%;background:radial-gradient(circle at 50% 28%,#c9b89f 0 12%,#8a7762 13% 25%,#211b16 26% 50%,transparent 51%);filter:grayscale(1);opacity:.6}.portrait strong{position:absolute;bottom:18px;left:10px;right:10px;font-size:1.1rem}.fact-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.fact-list li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.fact-list b{font-family:Arial,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.prose{max-width:760px;font-size:1.08rem}.prose h2{font-size:2.1rem;margin-top:2rem}.prose p:first-of-type{font-size:1.26rem}.tag{display:inline-block;border:1px solid var(--line);padding:5px 8px;margin:3px;font:700 .68rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}.tag:hover{background:var(--burg);color:#fff}
.timeline{display:grid;gap:0;border-left:2px solid var(--gold);margin-left:14px}.timeline-item{padding:0 0 28px 28px;position:relative}.timeline-item:before{content:'';position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--burg);border:2px solid var(--paper)}.timeline-item h3{margin:0}.timeline-item .year{color:var(--burg);font-family:Arial,sans-serif;font-weight:700}
.map-wrap{height:650px;background:#d9cfbf;border:1px solid var(--line)} #map{height:100%;width:100%}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.filter-btn{padding:8px 11px;border:1px solid var(--line);background:transparent;cursor:pointer;font:700 .7rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}.filter-btn.active{background:var(--burg);color:white}.leaflet-popup-content-wrapper{border-radius:0;font-family:Georgia,serif}.leaflet-popup-content h3{margin:.15rem 0}
.game-shell{max-width:820px;margin:auto;background:var(--cream);border:1px solid var(--line);padding:34px;box-shadow:0 18px 60px rgba(43,31,20,.08)}.question{font-size:2rem;line-height:1.15}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{padding:16px;border:1px solid var(--line);background:white;text-align:left;font:700 1rem Georgia,serif;cursor:pointer}.answer:hover{border-color:var(--burg)}.answer.correct{background:#e3ead9}.answer.wrong{background:#f0d9d7}.score{font:700 .75rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--burg)}
.degree-controls{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:end}.degree-controls select{padding:12px;width:100%;background:white;border:1px solid var(--line);font:inherit}.path-result{margin-top:20px;padding:20px;border-left:3px solid var(--gold);background:rgba(255,255,255,.38)}
.footer{background:var(--night);color:#d9cdbd;padding:55px 22px}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:35px}.footer a{color:#d9cdbd;text-decoration:none}.footer h3{color:white}.footer small{color:#8e8376}.mini-list{list-style:none;padding:0;margin:0}.mini-list li{margin:.45em 0}.notice{padding:14px 16px;border-left:3px solid var(--gold);background:rgba(255,255,255,.36);color:#5e554c}.searchbox{display:flex;gap:8px;margin:14px 0 28px}.searchbox input{flex:1;padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.58);font:1rem Georgia,serif}.count{font:700 .72rem Arial,sans-serif;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.empty{padding:25px;border:1px dashed var(--line);color:var(--muted)}
@media(max-width:850px){.nav{align-items:flex-start}.nav-links{gap:10px}.nav-links a{font-size:.68rem}.hero-inner,.split,.details,.footer-inner{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{padding-top:55px}.grid,.grid.four{grid-template-columns:1fr 1fr}.details{gap:24px}.portrait{max-width:300px}.degree-controls{grid-template-columns:1fr}.answers{grid-template-columns:1fr}}
@media(max-width:560px){.nav{display:block}.nav-links{margin-top:8px}.grid,.grid.four{grid-template-columns:1fr}.section{padding:52px 16px}.hero-inner{padding-left:16px;padding-right:16px}.hero h1{font-size:3.7rem}.hero-card .big-year{font-size:4rem}.page-hero{padding-left:16px;padding-right:16px}.section-title{display:block}.section-title p{margin-top:10px}.map-wrap{height:530px}}


.hero.archival-hero{background-image:linear-gradient(rgba(8,8,8,.62),rgba(8,8,8,.82)),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Hollywood_Blvd_1928.jpg");background-size:cover;background-position:center center}
.hero.archival-hero:before{background:linear-gradient(72deg,transparent 22%,rgba(255,248,220,.08) 48%,transparent 67%)}
.portrait.archival{display:block;padding:0;background:#1c1815;border:10px solid #e2d5c1;outline:1px solid #9f8e76}
.portrait.archival img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.18) contrast(1.03)}
.portrait.archival figcaption{padding:10px 12px 12px;color:#eadfcd;background:#171411;font:.72rem/1.45 Arial,sans-serif;text-transform:none;letter-spacing:.02em}
.figure-credit a{color:inherit}
.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.archive-card{background:rgba(255,255,255,.36);border:1px solid var(--line)}
.archive-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#ddd}
.archive-card .copy{padding:14px 16px 18px}
.archive-card h3{margin:.2rem 0 .4rem;font-size:1.15rem;line-height:1.15}
.archive-card p{margin:.35rem 0;color:#5f574f;font-size:.95rem}
.archive-card .meta{display:block;margin-bottom:.3rem}
.hero-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.hero-strip figure{margin:0;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.18)}
.hero-strip img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.08)}
.hero-strip figcaption{padding:10px 12px;color:#e1d6c8;font:.72rem/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.credit-note{font:.85rem/1.55 Arial,sans-serif;color:var(--muted)}
.callout{padding:20px 22px;border-left:4px solid var(--gold);background:rgba(255,255,255,.42)}
@media(max-width:980px){.archive-grid,.hero-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.archive-grid,.hero-strip{grid-template-columns:1fr}}