/* Shared text roles for v03. Scene geometry and animation stay in styles.css. */
@font-face{
 font-family:Inter;
 src:url('assets/fonts/InterVariable.woff2') format('woff2');
 font-style:normal;
 font-weight:100 900;
 font-display:swap;
}
:root{
 --font-sans:Inter,Arial,sans-serif;
 --font-art:Cormorant,Georgia,serif;
 --display:var(--font-art);
 --bg:#101112;
 --paper:#e9e1d0;
 --text:#E8E8E6;
 --marble:#e9e1d0;
 --muted:#979a98;
 --type-heading:clamp(36px,5vw,72px);
 --type-section:var(--type-heading);
 --type-statement:var(--type-heading);
 --type-body:clamp(20px,1.5vw,24px);
 --type-card-title:32px;
 --type-art-title:24px;
 --type-myth-title:44px;
 --type-signal-copy:28px;
 --type-card-copy:18px;
 --type-date:clamp(24px,1.7vw,32px);
 --type-moving:16px;
 --type-meta:14px;
 --type-control:18px;
 --line-heading:1.05;
 --line-body:1.5;
 --line-card:1.4;
 --line-short:1.25;
 --tracking-heading:-.04em;
 --reading-width:64ch;
 --space-section:96px;
 --gap-heading-copy:32px;
 --gap-heading-visual:48px;
 --gap-copy-visual:var(--gap-heading-visual);
 --gap-paragraph:16px;
 --gap-art-copy:16px;
 font-family:var(--font-sans);
 color:var(--text);
}
body{font-family:var(--font-sans);font-weight:400;letter-spacing:0;text-align:center}
button,input,select,textarea{font-family:var(--font-sans)}
.type-section,.type-statement{
 font-family:var(--font-sans);font-size:var(--type-section);font-weight:500;
 line-height:var(--line-heading);letter-spacing:var(--tracking-heading);
 text-align:center;text-wrap:balance;white-space:normal;color:var(--text);
 max-width:none;width:100%;margin:0;
}
.type-hero{font-family:var(--font-sans);font-weight:500;line-height:var(--line-heading);letter-spacing:var(--tracking-heading);color:var(--text)}
.type-cover{font-family:var(--font-art);font-weight:500;color:var(--text)}
.type-body{
 font-family:var(--font-sans);font-size:var(--type-body);font-weight:400;
 line-height:var(--line-body);letter-spacing:0;color:var(--text);
}
.reading-copy{max-width:var(--reading-width);margin-left:auto;margin-right:auto;text-align:center}
.type-short-copy{text-align:center}
.type-card-title{
 font-family:var(--font-sans);font-size:var(--type-card-title);font-weight:500;
 line-height:var(--line-heading);letter-spacing:0;text-align:center;color:inherit;
}
.type-art-title,.type-myth-title{
 font-family:var(--font-art);font-size:var(--type-art-title);font-weight:600;
 line-height:var(--line-heading);letter-spacing:0;text-align:center;color:inherit;
}
.type-myth-title{font-size:var(--type-myth-title)}
.inspiration-caption{font-size:var(--type-body)}
.inspiration-caption-nowrap{display:inline-block;white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none}
.type-card-copy,.myth-stack-copy p,.schedule-copy p{
 font-family:var(--font-sans);font-size:var(--type-card-copy);font-weight:400;
 line-height:var(--line-card);letter-spacing:0;color:var(--text);
}
.type-card-copy{text-align:center}
.type-meta,.asset-caption,.section-index,.myth-stack-fallback figcaption{
 font-family:var(--font-sans);font-size:var(--type-meta);font-weight:400;
 line-height:var(--line-short);letter-spacing:0;color:var(--muted);
}
.type-moving-label,.discovery-label{
 font-family:var(--font-sans);font-size:var(--type-moving);font-weight:500;
 line-height:var(--line-short);letter-spacing:0;color:var(--text);
}
.type-date{
 font-family:var(--font-sans);font-size:var(--type-date);font-weight:400;
 line-height:var(--line-short);letter-spacing:0;color:var(--text);
}
.type-control{font-family:var(--font-sans);font-size:var(--type-control);font-weight:400;line-height:var(--line-short);letter-spacing:0}
.type-art-quote{
 font-family:var(--font-sans);font-size:clamp(24px,1.5vw,28px);font-weight:400;
 line-height:var(--line-short);letter-spacing:0;color:var(--text);
}

/* Reading blocks and their paragraphs are centred consistently. */
.hero-description{margin-top:var(--gap-heading-copy)}
.hero-meta{margin-top:var(--gap-paragraph)}
.hero-description,.hero-meta{max-width:650px;margin-left:0;margin-right:0}
.about-purpose{margin:var(--gap-heading-copy) auto 0}
.discovery-intro{margin-top:var(--gap-heading-copy);margin-bottom:0}
.royalty-intro{margin:var(--gap-heading-visual) auto 0}
.royalty-intro p{margin:0}
.royalty-intro p+p{margin-top:var(--gap-paragraph)}
.myth-stack-copy p{max-width:var(--reading-width);margin:var(--gap-paragraph) auto 0;text-align:center}
.cinema-quote{width:calc(100% - 2 * var(--gutter));max-width:850px;margin:var(--gap-heading-copy) auto 0;line-height:var(--line-body);text-align:center}
.cinema-quote-line{display:block}
.myth-creation-prompt{margin:var(--gap-heading-copy) auto 0;text-align:center}
.myth-creation-prompt .myth-prompt-sizer,.myth-creation-prompt .myth-prompt-display{letter-spacing:0}

.site-header nav{font-family:var(--font-sans);font-size:16px;line-height:var(--line-short);letter-spacing:0}
.wordmark-small{font-size:var(--type-meta)}
.royalty-product figcaption{font-size:var(--type-card-copy);line-height:var(--line-short);margin-top:var(--gap-paragraph)}
.royalty-amount{font-family:var(--font-sans);font-weight:500;letter-spacing:var(--tracking-heading)}
.royalty-cursor-name,.collaboration-label{font-size:var(--type-moving);line-height:var(--line-short)}
.collaboration-label{text-align:center}
.royalty-example,.royalty-static-equation{font-size:var(--type-meta);line-height:var(--line-short);color:var(--muted)}
.schedule-copy p{font-size:clamp(14px,1.05vw,18px);line-height:var(--line-body);color:var(--text)}
.schedule-date{font-size:var(--type-date);line-height:var(--line-short)}
.schedule-collection{font-family:var(--font-sans);font-size:var(--type-body);font-weight:400;line-height:var(--line-short);letter-spacing:0;text-align:center}
.map-word,.world-map .map-word{font-family:var(--font-sans)}

/* Shared spacing excludes the full-screen artwork, scroll gates and pinned stages. */
.about{min-height:0;padding:var(--space-section) var(--gutter) 0}
.pillars{min-height:0;padding:var(--gap-copy-visual) var(--gutter) 0}
.pillars-heading{justify-content:center}
.carousel{margin-top:var(--gap-heading-visual)}
.discovery{padding:0 var(--gutter)}
/* The introductory stars and the galaxy share the same charcoal background. */
.discovery-heading{position:relative;isolation:isolate;z-index:1;margin-inline:calc(-1 * var(--gutter));background:var(--discovery-space-bg)}
.discovery::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("assets/discovery-intro-stars.svg") center top / 1080px 608px repeat;opacity:var(--intro-background-opacity,1);filter:brightness(1.65);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 18svh,rgba(0,0,0,.6) 50svh,#000 100svh);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 18svh,rgba(0,0,0,.6) 50svh,#000 100svh)}
.discovery-heading{background:transparent}
.discovery-heading::before{content:none}
.discovery-travel{margin-top:0}
.mythos-inspiration{padding-block:var(--space-section) 0}
.myth-composition-heading{padding:var(--space-section) var(--gutter) 0}
.mythos{padding-bottom:0}
.royalties,.schedule{min-height:0;padding:var(--space-section) var(--gutter) 0}
.collaborations{padding:calc(var(--space-section) + 24px) var(--gutter) 0}
.royalty-demo{margin-top:var(--space-section)}
.schedule-diagram{margin-top:var(--gap-heading-visual)}

@media(max-width:1100px){
 .schedule-copy p{font-size:var(--type-card-copy)}
 .schedule-collection{text-align:center}
}
@media(max-width:700px){
 :root{
  --type-body:18px;
  --type-card-title:26px;
  --type-art-title:22px;
  --type-myth-title:32px;
  --type-signal-copy:22px;
  --type-card-copy:16px;
  --type-date:24px;
  --type-moving:14px;
  --space-section:64px;
  --gap-heading-copy:24px;
  --gap-heading-visual:32px;
  --gap-art-copy:12px;
 }
 .site-header nav{font-size:var(--type-meta)}
 .type-art-quote{font-size:18px}
 .cinema-quote-line{display:inline}
 .schedule-copy p{font-size:var(--type-body)}
 .hero-meta{margin-top:var(--gap-paragraph)}
}

/* Garment headings keep their established size and measured card-relative placement. */
.wardrobe-sequence{--type-section:clamp(36px,7.2vw,116px)}
@media(max-width:700px){.wardrobe-sequence{--type-section:clamp(36px,9.2vw,48px)}}

/* Approved expressive exceptions to the Inter body system. */
#search-they{font-family:var(--font-art);font-weight:600}
.myth-stack-copy p{font-family:var(--font-art);font-size:var(--type-signal-copy);font-weight:600;text-align:center}

.cinema-quote .quote-they{position:relative;display:inline-block;isolation:isolate;white-space:nowrap;font-family:var(--font-art);font-weight:600;text-shadow:0 0 .35em #b8c9e44d,0 0 .8em #b8a8df33}
.cinema-quote .quote-they::before{content:"";position:absolute;inset:-.25em -.55em;z-index:-1;pointer-events:none;background:radial-gradient(ellipse, #c3b7e43d 0%, #a8c8df1f 35%, transparent 72%);filter:blur(.25em)}

.discovery-title-mythos{font-family:var(--font-art);font-weight:600}

.discovery-label{color:var(--text)}
.discovery-object--known .discovery-label{color:#FFFFFF}

/* Text margins stay independent of full-width artwork and timeline lines. */
.about-purpose{padding-inline:clamp(24px,4vw,64px)}
.philosophy>.gravity-principle{padding:0;margin:0}
@media(max-width:700px){
 .about-purpose{padding-inline:12px}
 .royalties{padding-inline:24px}
 .schedule{--gutter:24px}
 .schedule-tasks{grid-template-columns:minmax(0,1fr);overflow:visible}
 .schedule-tasks>li{white-space:normal;overflow-wrap:break-word;hyphens:none}
 .schedule.is-enhanced .schedule-tasks{width:min(310px,calc(100vw - 48px));max-width:calc(100vw - 48px);grid-template-columns:minmax(0,1fr);overflow:visible}
}