:root {
  --bg: #08090b;
  --bg-soft: #101216;
  --paper: #f1eee7;
  --ink: #101114;
  --muted: #a9acb2;
  --line: rgba(255,255,255,.12);
  --gold: #d6b46c;
  --gold-soft: #f0d69b;
  --radius: 28px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: #f7f5ef;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 99; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}
.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  height: 78px; padding: 0 4vw; display:flex; align-items:center; justify-content:space-between;
  backdrop-filter: blur(18px); background: linear-gradient(to bottom, rgba(8,9,11,.88), rgba(8,9,11,.35));
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.08em; }
.brand-mark { width:32px; height:32px; border:1px solid var(--gold); border-radius:50%; display:grid; place-items:center; color:var(--gold-soft); font-family:Georgia,serif; }
.brand-word { font-size:1.05rem; }
.nav { display:flex; gap:28px; font-size:.84rem; color:#d2d3d6; }
.nav a { transition:.25s ease; }
.nav a:hover { color:white; transform:translateY(-1px); }
.menu-toggle { display:none; background:none; border:0; color:#fff; font-size:1.4rem; }
.hero { min-height:100svh; position:relative; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; padding:130px 7vw 80px; overflow:hidden; }
.hero:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 42%, rgba(208,173,100,.13), transparent 31%), radial-gradient(circle at 18% 75%, rgba(76,91,119,.18), transparent 30%); }
.hero-copy { position:relative; z-index:3; max-width:760px; }
.eyebrow { margin:0 0 18px; font-size:.72rem; letter-spacing:.24em; font-weight:700; color:var(--gold-soft); }
.hero h1 { margin:0; font-size:clamp(4.5rem, 10vw, 10rem); line-height:.79; letter-spacing:-.065em; font-weight:720; }
.hero h1 em { font-family:Georgia, "Times New Roman", serif; font-weight:400; color:var(--gold-soft); }
.hero-text { max-width:590px; margin:34px 0 0; color:#c5c6ca; font-size:clamp(1.05rem,1.6vw,1.35rem); line-height:1.65; }
.hero-actions { margin-top:34px; display:flex; gap:14px; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 21px; border-radius:999px; font-weight:650; font-size:.9rem; transition:.25s ease; }
.button:hover { transform:translateY(-2px); }
.primary { background:#f5f1e7; color:#111317; }
.ghost { border:1px solid rgba(255,255,255,.18); color:#fff; }
.light { background:#fff; color:#121314; margin-top:26px; }
.hero-emblem { position:relative; z-index:2; justify-self:end; width:min(45vw, 630px); filter:drop-shadow(0 40px 90px rgba(0,0,0,.65)); transform:rotate(2deg); }
.hero-emblem img { border-radius:50%; }
.hero-orb { position:absolute; border-radius:50%; filter:blur(5px); opacity:.3; }
.orb-one { width:390px; height:390px; right:-150px; top:20%; border:1px solid rgba(214,180,108,.32); }
.orb-two { width:180px; height:180px; left:45%; bottom:-80px; border:1px solid rgba(255,255,255,.15); }
.scroll-cue { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); color:#7f8289; font-size:.62rem; letter-spacing:.25em; display:flex; gap:10px; }
.statement { padding:150px 8vw; max-width:1500px; margin:auto; }
.kicker { color:#777b82; font-size:.68rem; letter-spacing:.27em; font-weight:700; }
.statement h2 { margin:24px 0 0; max-width:1250px; font-size:clamp(2.3rem,5vw,5.6rem); line-height:1.05; letter-spacing:-.045em; font-weight:540; }
.statement h2 span { color:#777b82; }
.feature { width:min(92%, 1500px); margin:0 auto 120px; border-radius:var(--radius); overflow:hidden; display:grid; grid-template-columns:1.1fr .9fr; min-height:700px; background:#16241f; }
.feature-media { min-height:650px; }
.feature-media img { width:100%; height:100%; object-fit:cover; }
.feature-copy { padding:clamp(50px,6vw,100px); display:flex; flex-direction:column; justify-content:center; color:#f9f6ef; }
.feature-copy h2 { margin:0 0 24px; font-family:Georgia,serif; font-size:clamp(3.5rem,6vw,7rem); font-weight:400; line-height:.9; letter-spacing:-.04em; }
.feature-copy > p:not(.eyebrow) { max-width:520px; color:#d7ddd9; font-size:1.06rem; line-height:1.7; }
.meta-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.meta-row span { border:1px solid rgba(255,255,255,.18); padding:8px 12px; border-radius:999px; font-size:.75rem; color:#e0e4e1; }
.world-break { width:min(94%,1600px); min-height:720px; margin:0 auto 140px; border-radius:var(--radius); overflow:hidden; position:relative; }
.world-break img, .world-break video { width:100%; height:100%; min-height:720px; object-fit:cover; position:absolute; inset:0; }
.world-video { background:#0b0d10; }
.world-break-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(5,8,12,.82), rgba(5,8,12,.06) 60%); }
.world-break-copy { position:absolute; left:6%; bottom:7%; max-width:800px; }
.world-break-copy h2 { margin:0; font-size:clamp(3rem,6vw,6rem); max-width:900px; line-height:.95; letter-spacing:-.05em; }
.watch { width:min(92%,1500px); margin:0 auto 140px; }
.section-heading { display:grid; grid-template-columns:.45fr 1fr; gap:20px; margin-bottom:45px; align-items:end; }
.section-heading h2 { grid-column:2; margin:0; font-size:clamp(3rem,6vw,6.5rem); line-height:.94; letter-spacing:-.055em; }
.section-heading > p:last-child { grid-column:2; color:#92959c; margin:0; font-size:1.05rem; }
.project-card { position:relative; border-radius:var(--radius); overflow:hidden; min-height:630px; margin-bottom:26px; background:#15171b; }
.project-card > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.65,.3,1); }
.project-card:hover > img { transform:scale(1.025); }
.project-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,7,9,.82),rgba(5,7,9,.1) 70%),linear-gradient(to top,rgba(5,7,9,.7),transparent); }
.project-copy { position:absolute; inset:auto 5% 7%; display:flex; justify-content:space-between; align-items:end; gap:30px; z-index:2; }
.project-copy h3 { margin:14px 0 10px; font-size:clamp(4rem,8vw,8rem); letter-spacing:-.06em; line-height:.8; }
.project-copy p { max-width:600px; color:#dedfe0; line-height:1.65; }
.pill { display:inline-block; border:1px solid rgba(255,255,255,.3); border-radius:999px; padding:7px 10px; font-size:.65rem; letter-spacing:.16em; }
.project-arrow { width:62px; height:62px; border:1px solid rgba(255,255,255,.25); border-radius:50%; display:grid; place-items:center; font-size:1.4rem; }
.project-podcast { display:grid; grid-template-columns:1fr 1fr; min-height:520px; background:var(--paper); color:var(--ink); }
.podcast-art { display:flex; align-items:center; justify-content:center; gap:24px; background:linear-gradient(135deg,#f2e6c6,#d6b46c); color:#17191d; }
.podcast-art span { font-size:clamp(10rem,20vw,22rem); line-height:.7; font-weight:850; letter-spacing:-.1em; }
.podcast-art strong { font-size:clamp(1.2rem,2.4vw,2.8rem); line-height:.95; letter-spacing:-.04em; }
.dark-copy { color:#111; position:static; padding:7%; align-self:end; }
.dark-copy p { color:#56585e; }
.pill.dark { border-color:rgba(0,0,0,.25); }
.digital { width:min(92%,1500px); margin:0 auto 140px; }
.digital-panel { min-height:650px; border-radius:var(--radius); overflow:hidden; padding:7%; display:grid; grid-template-columns:1fr 1fr; align-items:center; background:radial-gradient(circle at 80% 25%,#254057,transparent 28%),radial-gradient(circle at 70% 80%,#5b324b,transparent 30%),#101318; border:1px solid rgba(255,255,255,.08); }
.digital-panel h2 { margin:0; font-size:clamp(3.5rem,7vw,7rem); line-height:.92; letter-spacing:-.06em; }
.digital-panel p:not(.eyebrow) { color:#b4b9c0; max-width:520px; line-height:1.7; }
.soon { display:inline-block; margin-top:22px; color:#e5d0a1; font-size:.7rem; letter-spacing:.18em; }
.digital-sculpture { position:relative; height:440px; perspective:900px; }
.glass { position:absolute; border:1px solid rgba(255,255,255,.22); background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.025)); box-shadow:inset 0 0 60px rgba(255,255,255,.04),0 30px 80px rgba(0,0,0,.25); backdrop-filter:blur(7px); }
.glass-a { width:250px; height:330px; left:24%; top:7%; border-radius:46% 54% 58% 42% / 37% 40% 60% 63%; transform:rotate(-18deg); }
.glass-b { width:230px; height:270px; right:10%; top:22%; border-radius:48% 52% 33% 67% / 62% 36% 64% 38%; transform:rotate(19deg); }
.glass-c { width:190px; height:190px; left:42%; bottom:2%; border-radius:50%; }
.writing { width:min(92%,1500px); margin:0 auto 140px; display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.writing-copy, .quote-card { border-radius:var(--radius); padding:clamp(50px,6vw,90px); min-height:540px; }
.writing-copy { background:var(--paper); color:var(--ink); }
.writing-copy .eyebrow { color:#7e6637; }
.writing-copy h2 { margin:0 0 28px; font-family:Georgia,serif; font-size:clamp(3.5rem,6vw,6rem); line-height:.9; font-weight:400; }
.writing-copy > p:not(.eyebrow) { color:#5c5e63; line-height:1.7; max-width:520px; }
.text-link { display:inline-block; margin-top:30px; font-weight:700; }
.disabled { opacity:.55; }
.quote-card { background:#14161a; border:1px solid rgba(255,255,255,.09); display:flex; flex-direction:column; justify-content:space-between; }
.quote-mark { font-family:Georgia,serif; color:var(--gold); font-size:8rem; line-height:.5; }
.quote-card p { margin:0; font-family:Georgia,serif; font-size:clamp(2rem,3.7vw,4.2rem); line-height:1.03; letter-spacing:-.03em; }
.signature { color:#878a91; letter-spacing:.2em; font-size:.72rem; }
.about { width:min(92%,1500px); margin:0 auto 140px; padding:8% 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:.55fr 1fr; gap:8vw; align-items:center; }
.about-number { font-size:clamp(15rem,30vw,34rem); line-height:.65; font-family:Georgia,serif; color:transparent; -webkit-text-stroke:1px rgba(214,180,108,.48); }
.about-copy h2 { margin:0 0 24px; font-size:clamp(3.2rem,6vw,6.5rem); line-height:.95; letter-spacing:-.055em; }
.about-copy p:not(.eyebrow) { max-width:670px; color:#c0c2c7; font-size:1.1rem; line-height:1.75; }
.about-copy .muted { color:#777b82 !important; }

.founder { width:min(92%,1500px); margin:0 auto 140px; display:grid; grid-template-columns:.9fr 1.1fr; gap:7vw; align-items:center; }
.founder-portrait { min-height:620px; border-radius:var(--radius); border:1px solid rgba(255,255,255,.09); background:radial-gradient(circle at 25% 20%, rgba(214,180,108,.18), transparent 28%),linear-gradient(145deg,#14171c,#0d0f12); display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; position:relative; }
.founder-portrait:before { content:""; position:absolute; width:70%; aspect-ratio:1; border-radius:50%; border:1px solid rgba(214,180,108,.22); }
.founder-monogram { position:relative; z-index:1; font-family:Georgia,serif; font-size:clamp(6rem,14vw,13rem); line-height:.8; color:transparent; -webkit-text-stroke:1px rgba(240,214,155,.68); letter-spacing:-.08em; }
.founder-portrait span { position:relative; z-index:1; margin-top:28px; color:#767a82; font-size:.66rem; letter-spacing:.28em; }
.founder-copy h2 { margin:0 0 24px; font-size:clamp(3.2rem,6vw,6.5rem); line-height:.95; letter-spacing:-.055em; }
.founder-copy p:not(.eyebrow) { max-width:670px; color:#c0c2c7; font-size:1.1rem; line-height:1.75; }
.founder-copy .muted { color:#777b82 !important; }

.contact { width:min(92%,1500px); margin:0 auto 100px; display:grid; grid-template-columns:1fr .8fr; gap:9vw; align-items:end; }
.contact h2 { margin:0; font-size:clamp(3.5rem,7vw,7.5rem); line-height:.9; letter-spacing:-.06em; }
.contact-card { border-top:1px solid var(--line); padding-top:30px; }
.contact-card p { color:#b0b3ba; line-height:1.65; }
.contact-placeholder { color:#f0d69b !important; font-weight:600; }
.contact-email { display:inline-block; margin-top:8px; color:var(--gold-soft); font-size:clamp(1.2rem,2vw,1.65rem); font-weight:700; letter-spacing:-.02em; border-bottom:1px solid rgba(240,214,155,.35); padding-bottom:4px; }
.contact-email:hover { border-bottom-color:var(--gold-soft); }
.contact-note { font-size:.78rem; color:#656970 !important; }
footer { width:min(92%,1500px); margin:0 auto; padding:36px 0 50px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr 1fr; color:#6f737a; font-size:.75rem; }
.footer-brand { color:#fff; font-weight:800; letter-spacing:.15em; }
footer p:nth-child(2) { text-align:center; }
footer p:last-child { text-align:right; }
.reveal { opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.12s; }
@media (max-width: 920px) {
  .menu-toggle { display:block; }
  .nav { position:absolute; top:78px; left:0; right:0; padding:22px 5vw 30px; background:rgba(8,9,11,.96); display:none; flex-direction:column; gap:18px; border-bottom:1px solid var(--line); }
  .nav.open { display:flex; }
  .hero { grid-template-columns:1fr; padding:130px 6vw 70px; }
  .hero-emblem { position:absolute; width:65vw; opacity:.26; right:-18vw; top:18%; }
  .hero h1 { font-size:clamp(4.3rem,20vw,8rem); }
  .feature { grid-template-columns:1fr; }
  .feature-media { min-height:450px; }
  .section-heading { grid-template-columns:1fr; }
  .section-heading h2,.section-heading > p:last-child { grid-column:1; }
  .project-podcast { grid-template-columns:1fr; }
  .podcast-art { min-height:350px; }
  .digital-panel { grid-template-columns:1fr; }
  .digital-sculpture { height:320px; margin-top:40px; }
  .writing { grid-template-columns:1fr; }
  .about { grid-template-columns:1fr; }
  .founder { grid-template-columns:1fr; }
  .founder-portrait { min-height:520px; }
  .about-number { display:none; }
  .contact { grid-template-columns:1fr; gap:50px; }
  footer { grid-template-columns:1fr; gap:12px; }
  footer p:nth-child(2),footer p:last-child { text-align:left; }
}
@media (max-width: 600px) {
  .site-header { height:68px; }
  .nav { top:68px; }
  .hero { min-height:auto; display:block; padding:122px 6vw 86px; }
  .hero h1 { font-size:clamp(4rem,18vw,5.75rem); line-height:.82; }
  .hero-text { margin-top:28px; }
  .hero-emblem { position:relative; width:min(78vw,360px); opacity:.95; right:auto; top:auto; margin:48px auto 0; transform:rotate(2deg); }
  .scroll-cue { display:none; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .button { width:100%; }
  .statement { padding:110px 6vw; }
  .feature,.watch,.digital,.writing,.about,.founder,.contact { width:94%; }
  .world-break { width:94%; min-height:600px; }
  .world-break img, .world-break video { min-height:600px; }
  .project-card { min-height:520px; }
  .project-copy { inset:auto 7% 7%; }
  .project-copy h3 { font-size:3.8rem; }
  .project-arrow { display:none; }
  .dark-copy { padding:9%; }
  .digital-panel { padding:10% 8%; }
  .writing-copy,.quote-card { padding:12% 8%; min-height:450px; }
}


/* Dedicated project pages */
.project-page { padding-top:78px; }
.project-hero { width:min(94%,1600px); min-height:760px; margin:30px auto 130px; border-radius:var(--radius); overflow:hidden; position:relative; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; border:1px solid rgba(255,255,255,.08); }
.project-hero-copy { padding:clamp(44px,7vw,110px); position:relative; z-index:2; }
.project-hero-copy h1 { margin:0 0 30px; font-size:clamp(5rem,12vw,12rem); letter-spacing:-.075em; line-height:.78; }
.project-hero-copy h1 em { color:var(--gold-soft); font-family:Georgia,serif; font-weight:400; }
.project-hero-copy > p:not(.eyebrow) { max-width:680px; color:#c4c7cc; line-height:1.75; font-size:1.08rem; }
.platform-links { display:flex; gap:12px; flex-wrap:wrap; margin-top:34px; }
.podcast-hero { background:radial-gradient(circle at 77% 25%,rgba(214,180,108,.2),transparent 30%),#101216; }
.podcast-hero-art { min-height:100%; display:flex; align-items:center; justify-content:center; gap:22px; background:linear-gradient(135deg,#f2e6c6,#d6b46c); color:#17191d; }
.podcast-hero-art span { font-size:clamp(11rem,21vw,23rem); line-height:.68; font-weight:850; letter-spacing:-.11em; }
.podcast-hero-art strong { font-size:clamp(1.2rem,2.5vw,2.8rem); line-height:.94; letter-spacing:-.04em; }
.hero-2033-page { display:block; min-height:800px; }
.hero-2033-page > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-2033-page .project-hero-copy { position:absolute; left:0; bottom:0; max-width:1000px; }
.hero-2033-page .project-hero-copy h1 { font-size:clamp(8rem,18vw,18rem); }
.project-intro { width:min(88%,1200px); margin:0 auto 130px; text-align:center; }
.project-intro h2 { margin:18px auto 30px; font-size:clamp(3.4rem,7vw,7rem); line-height:.94; letter-spacing:-.055em; max-width:1050px; }
.project-intro > p:last-child { margin:0 auto; max-width:780px; color:#aeb2b9; line-height:1.8; font-size:1.05rem; }
.embed-panel, .episode-section { width:min(92%,1500px); margin:0 auto 130px; }
.embed-panel { padding:clamp(34px,5vw,70px); border-radius:var(--radius); background:#111318; border:1px solid rgba(255,255,255,.09); }
.compact-heading { margin-bottom:42px; }
.compact-heading h2 { font-size:clamp(3rem,6vw,6rem); }
.episode-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.episode-placeholder { min-height:360px; border-radius:24px; background:#121419; border:1px solid rgba(255,255,255,.09); padding:36px; display:flex; flex-direction:column; justify-content:flex-end; }
.episode-placeholder > span { color:var(--gold); letter-spacing:.18em; font-size:.68rem; }
.episode-placeholder h3 { margin:14px 0 10px; font-size:2rem; letter-spacing:-.04em; }
.episode-placeholder p { color:#8f939a; line-height:1.65; }
.episode-placeholder.cinematic { background:linear-gradient(145deg,#17191e,#0c0e11); }
.back-home { width:min(92%,1500px); margin:0 auto 100px; border-top:1px solid var(--line); padding-top:30px; }
.project-card { color:inherit; }
@media (max-width:920px){
  .project-page { padding-top:68px; }
  .project-hero { grid-template-columns:1fr; min-height:auto; }
  .podcast-hero-art { min-height:360px; }
  .hero-2033-page { min-height:700px; }
  .episode-grid { grid-template-columns:1fr; }
}
@media (max-width:600px){
  .project-hero { width:94%; margin-top:18px; margin-bottom:90px; }
  .project-hero-copy { padding:42px 7%; }
  .project-hero-copy h1 { font-size:clamp(4.4rem,22vw,7rem); }
  .platform-links .button { width:100%; }
  .hero-2033-page { min-height:620px; }
  .hero-2033-page .project-hero-copy h1 { font-size:7rem; }
}

/* v1.4 refinements */
.founder-photo { overflow:hidden; background:#0d0f12; }
.founder-photo img { width:100%; height:100%; min-height:620px; object-fit:cover; object-position:52% 28%; display:block; }
.series-focus { width:min(92%,1500px); margin:0 auto 130px; display:grid; grid-template-columns:.82fr 1.18fr; gap:24px; align-items:stretch; }
.series-focus-copy { border-radius:var(--radius); background:#111318; border:1px solid rgba(255,255,255,.09); padding:clamp(42px,6vw,86px); display:flex; flex-direction:column; justify-content:center; }
.series-focus-copy h2 { margin:12px 0 26px; font-size:clamp(3.2rem,6vw,6.5rem); line-height:.92; letter-spacing:-.055em; }
.series-focus-copy > p:last-child { color:#aeb2b9; line-height:1.8; max-width:650px; }
.series-focus-art { min-height:620px; border-radius:var(--radius); overflow:hidden; border:1px solid rgba(255,255,255,.09); }
.series-focus-art img { width:100%; height:100%; min-height:620px; object-fit:cover; display:block; }
.episode-coming { min-height:380px; border-radius:var(--radius); border:1px solid rgba(255,255,255,.09); background:radial-gradient(circle at 70% 20%,rgba(214,180,108,.11),transparent 30%),linear-gradient(145deg,#17191e,#0b0d10); padding:clamp(38px,6vw,82px); display:flex; flex-direction:column; justify-content:flex-end; }
.episode-coming h3 { margin:20px 0 12px; font-size:clamp(2.7rem,5vw,5rem); max-width:850px; letter-spacing:-.05em; line-height:.95; }
.episode-coming p { color:#979ba2; max-width:650px; line-height:1.7; }
@media (max-width:920px){
  .series-focus { grid-template-columns:1fr; }
  .series-focus-art, .series-focus-art img { min-height:480px; }
  .founder-photo img { min-height:520px; }
}

/* v1.6 manifesto + founder quote refinement */
.founder-quote { margin:34px 0 0; padding:28px 0 0; border-top:1px solid rgba(255,255,255,.10); max-width:670px; font-family:Georgia,serif; color:#e7e1d6; font-size:clamp(1.5rem,2.2vw,2.2rem); line-height:1.35; letter-spacing:-.02em; }
.founder-quote span { display:block; margin-top:18px; font-family:Arial,Helvetica,sans-serif; color:#777b82; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; }


/* v1.8 founder portrait + 2033 cinematic key art */
.project-2033 {
  min-height:680px;
  background:#08090b;
}
.project-2033 > img {
  object-fit:cover;
  object-position:center 46%;
  filter:saturate(.94) contrast(1.02);
}
.project-2033 .project-shade {
  background:
    linear-gradient(to top,rgba(5,7,9,.96) 0%,rgba(5,7,9,.62) 28%,rgba(5,7,9,.10) 62%),
    linear-gradient(90deg,rgba(5,7,9,.10) 0%,rgba(5,7,9,.05) 52%,rgba(5,7,9,.46) 100%);
}
.project-2033 .project-copy {
  left:auto;
  right:5%;
  bottom:6%;
  width:min(44%,620px);
  text-align:left;
  align-items:end;
}
.project-2033 .project-copy h3 {
  font-size:clamp(5rem,9vw,9rem);
}
.project-2033 .project-copy p {
  max-width:560px;
  color:#f1f1f0;
  text-shadow:0 2px 18px rgba(0,0,0,.65);
}
.project-2033 .pill,
.project-2033 .project-copy h3 {
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.founder-photo img { object-position:center 42%; }

@media (max-width:920px){
  .project-2033 { min-height:590px; }
  .project-2033 > img { object-position:46% center; }
  .project-2033 .project-shade {
    background:linear-gradient(to top,rgba(5,7,9,.97) 0%,rgba(5,7,9,.68) 42%,rgba(5,7,9,.13) 78%);
  }
  .project-2033 .project-copy {
    left:7%;
    right:7%;
    bottom:7%;
    width:auto;
  }
}

/* v1.9 2033 anthology key art */
.project-2033 { min-height:700px; background:#0a0c10; }
.project-2033 > img { object-fit:cover; object-position:center center; filter:saturate(.96) contrast(1.02); }
.project-2033 .project-shade { background:linear-gradient(180deg,rgba(4,7,10,.03) 35%,rgba(4,7,10,.78) 100%); }
.project-2033 .project-copy { inset:auto 5.5% 5.5%; align-items:flex-end; }
.project-2033 .project-copy > div { max-width:560px; padding:22px 24px; border-radius:20px; background:rgba(4,7,10,.68); backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.12); }
.project-2033 .project-copy h3 { margin:8px 0 6px; font-size:clamp(2.7rem,5vw,5.5rem); }
.project-2033 .project-copy p { margin:0; color:#d5d7db; }

.hero-2033-page { min-height:860px; background:#05070a; }
.hero-2033-page > img { object-fit:cover; object-position:center center; }
.hero-2033-page .project-shade { background:linear-gradient(180deg,rgba(3,5,8,.02) 38%,rgba(3,5,8,.82) 100%); }
.hero-2033-page .project-hero-copy { max-width:760px; padding-bottom:64px; }
.hero-2033-page .project-hero-copy h1 { font-size:clamp(5.5rem,11vw,10rem); margin-bottom:16px; }

.series-focus { grid-template-columns:.72fr 1.28fr; }
.series-focus-art { min-height:700px; }
.series-focus-art img { min-height:700px; object-fit:cover; object-position:center; }

@media (max-width: 900px) {
  .project-2033 { min-height:560px; }
  .project-2033 .project-copy { inset:auto 5% 5%; }
  .project-2033 .project-copy > div { max-width:100%; padding:18px; }
  .hero-2033-page { min-height:620px; }
  .hero-2033-page > img { object-position:center; }
  .series-focus-art, .series-focus-art img { min-height:430px; }
}


/* v2.0 2033 postcard banner */
.aurelia-postcard {
  width:min(94%,1600px);
  margin:30px auto 24px;
}
.aurelia-postcard-frame {
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:#0b0d11;
  aspect-ratio:16 / 9;
}
.aurelia-postcard-frame img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:#0b0d11;
}
.aurelia-postcard + .project-hero {
  margin-top:24px;
}
@media (max-width: 900px) {
  .aurelia-postcard {
    width:94%;
    margin:18px auto 18px;
  }
  .aurelia-postcard-frame {
    aspect-ratio:4 / 3;
  }
}


/* v2.1 2033 art-fit cleanup */
/* Dedicated 2033 page: preserve the full 3:2 anthology artwork */
.series-focus {
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  align-items:stretch;
}
.series-focus-art {
  min-height:0;
  aspect-ratio:3 / 2;
  background:#07090c;
}
.series-focus-art img {
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  background:#07090c;
}

/* Homepage 2033: artwork first, information second */
.project-2033-clean {
  display:block;
  min-height:0;
  background:#0b0d11;
  border:1px solid rgba(255,255,255,.09);
}
.project-2033-clean:hover .project-2033-art img {
  transform:scale(1.012);
}
.project-2033-art {
  width:100%;
  aspect-ratio:3 / 2;
  overflow:hidden;
  background:#07090c;
}
.project-2033-clean .project-2033-art img {
  position:static;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  filter:none;
  transition:transform .7s cubic-bezier(.2,.65,.3,1);
}
.project-2033-info {
  position:static;
  padding:30px 34px 34px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#111419,#0b0d11);
}
.project-2033-info > div { max-width:760px; }
.project-2033-info h3 {
  margin:12px 0 10px;
  font-size:clamp(3rem,6vw,5.8rem);
  line-height:.86;
  letter-spacing:-.06em;
}
.project-2033-info p {
  margin:0;
  color:#b8bbc1;
  max-width:680px;
  line-height:1.65;
}
.project-2033-info .project-arrow { flex:0 0 auto; }

@media (max-width: 900px) {
  .series-focus { grid-template-columns:1fr; }
  .series-focus-art { aspect-ratio:3 / 2; }
  .project-2033-info { padding:24px; }
}
@media (max-width: 600px) {
  .project-2033-art { aspect-ratio:4 / 3; }
  .project-2033-clean .project-2033-art img { object-fit:contain; }
  .project-2033-info { padding:22px 20px 24px; }
  .project-2033-info h3 { font-size:3.4rem; }
}

/* v2.2 CONTROL product feature */
.control-section { width:min(92%,1500px); margin:0 auto 140px; }
.control-panel {
  position:relative;
  min-height:680px;
  border-radius:var(--radius);
  overflow:hidden;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:stretch;
  background:#111312;
  border:1px solid rgba(200,255,26,.22);
  box-shadow:0 38px 100px rgba(0,0,0,.32);
}
.control-panel:before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 45%,rgba(200,255,26,.13),transparent 27%),
    linear-gradient(120deg,rgba(255,255,255,.018),transparent 38%);
}
.control-copy {
  position:relative;
  z-index:3;
  padding:clamp(52px,6vw,96px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.control-eyebrow {
  margin:0 0 24px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#c8ff1a;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.22em;
}
.control-eyebrow:before { content:""; width:32px; height:2px; background:#c8ff1a; }
.control-copy h2 {
  max-width:650px;
  margin:0;
  font-size:clamp(3.5rem,6.1vw,6.8rem);
  line-height:.91;
  letter-spacing:-.06em;
}
.control-copy > p {
  max-width:590px;
  margin:28px 0 0;
  color:#b9beba;
  font-size:1.06rem;
  line-height:1.72;
}
.control-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.control-meta span {
  padding:8px 11px;
  border:1px solid rgba(200,255,26,.24);
  border-radius:999px;
  color:#d9ded8;
  background:rgba(200,255,26,.035);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.control-cta {
  width:max-content;
  margin-top:34px;
  min-height:52px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  gap:14px;
  border-radius:999px;
  background:#c8ff1a;
  color:#111;
  font-size:.9rem;
  font-weight:900;
  transition:.25s ease;
}
.control-cta b { font-size:1.1rem; }
.control-panel:hover .control-cta { transform:translateY(-2px); background:#d8ff5c; }
.control-visual {
  position:relative;
  min-height:680px;
  overflow:hidden;
  perspective:1200px;
  isolation:isolate;
}
.control-grid {
  position:absolute;
  inset:0;
  opacity:.26;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);
}
.control-glow {
  position:absolute;
  width:620px;
  height:620px;
  border-radius:50%;
  right:-160px;
  top:20px;
  background:radial-gradient(circle,rgba(200,255,26,.24),rgba(200,255,26,.05) 40%,transparent 70%);
  filter:blur(12px);
}
.control-wordmark {
  position:absolute;
  right:-.04em;
  top:36px;
  z-index:-1;
  color:rgba(255,255,255,.05);
  font-size:clamp(6rem,11vw,12rem);
  font-weight:950;
  letter-spacing:-.08em;
  line-height:.8;
  white-space:nowrap;
}
.control-wordmark span { color:rgba(200,255,26,.08); }
.control-card {
  position:absolute;
  margin:0;
  overflow:hidden;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 30px 70px rgba(0,0,0,.44);
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.control-card img { width:100%; height:100%; object-fit:cover; object-position:top; display:block; }
.control-card-main { width:320px; height:414px; right:13%; top:22%; z-index:4; transform:rotateY(-10deg) rotateZ(2deg); }
.control-card-start { width:205px; height:266px; left:7%; bottom:9%; z-index:3; transform:rotateY(12deg) rotateZ(-6deg); }
.control-card-quick { width:190px; height:246px; right:1%; bottom:3%; z-index:2; transform:rotateY(-9deg) rotateZ(6deg); }
.control-card-track { width:360px; height:172px; left:11%; top:9%; z-index:1; transform:rotateX(4deg) rotateZ(-2deg); }
.control-panel:hover .control-card-main { transform:rotateY(-6deg) rotateZ(1deg) translateY(-8px); }
.control-panel:hover .control-card-start { transform:rotateY(9deg) rotateZ(-4deg) translateY(-4px); }
.control-panel:hover .control-card-quick { transform:rotateY(-7deg) rotateZ(4deg) translateY(-5px); }

/* v2.2 2033 factory art: generated to the exact 3:2 presentation ratio */
.series-focus-art img { object-fit:cover; object-position:center; background:#07090c; }

@media (max-width: 920px) {
  .control-panel { grid-template-columns:1fr; }
  .control-visual { min-height:560px; }
}
@media (max-width: 600px) {
  .control-section { width:94%; }
  .control-copy { padding:12% 8%; }
  .control-copy h2 { font-size:clamp(3.1rem,14vw,5rem); }
  .control-visual { min-height:470px; }
  .control-card-main { width:240px; height:310px; right:8%; top:24%; }
  .control-card-start { width:150px; height:194px; left:4%; bottom:8%; }
  .control-card-quick { width:138px; height:179px; right:-2%; bottom:2%; }
  .control-card-track { width:280px; height:134px; left:5%; top:7%; }
}