@charset "UTF-8";
@font-face {
  font-family:Barlow;
  src:url('/assets/fonts/barlow-condensed-semibold.ttf') format('truetype');
  font-weight:600;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:Manrope;
  src:url('/assets/fonts/manrope-variable.ttf') format('truetype');
  font-weight:200 800;
  font-style:normal;
  font-display:swap
}
:root {
  --bg:#0c0b0e;
  --surface:#141217;
  --line:#ffffff22;
  --text:#eeece7;
  --muted:#a6a1ad;
  --purple:#9b6dff;
  --electric:#7b3def;
  --display:Barlow,'Arial Narrow',Impact,sans-serif;
  --body:Manrope,'Helvetica Neue',Arial,sans-serif;
  --mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  color:var(--text);
  background:var(--bg);
  font-family:var(--body);
  font-synthesis:none;
  scroll-behavior:smooth;
  scroll-padding-top:110px
}
* {
  box-sizing:border-box
}
body {
  margin:0
}
body.menu-open {
  overflow:hidden
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit;
  color:inherit
}
button,a {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
button:disabled {
  cursor:default
}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:2px solid #c7aaff;
  outline-offset:6px
}
::selection {
  color:var(--bg);
  background:var(--purple)
}
img {
  display:block;
  max-width:100%
}
h1,h2,h3,p {
  margin:0
}
h1,h2,h3 {
  font-family:var(--display);
  font-weight:600;
  text-transform:uppercase;
  line-height:.95;
  letter-spacing:-.025em
}
h2 {
  font-size:clamp(52px,6.3vw,96px)
}
em {
  font:inherit;
  font-style:normal;
  color:var(--purple)
}
[hidden] {
  display:none!important
}
.micro {
  font-family:var(--mono);
  font-size:10px;
  font-weight:400;
  letter-spacing:.08em;
  line-height:1.6
}
.purple-text {
  color:var(--purple)
}
.muted-text {
  color:#66606e
}
.skip-link {
  position:fixed;
  top:-100px;
  left:24px;
  padding:16px;
  background:var(--text);
  color:var(--bg);
  z-index:110
}
.skip-link:focus {
  top:15px
}
.site-header {
  height:92px;
  padding:0 4%;
  position:sticky;
  top:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#0c0b0ef5;
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(16px)
}
.wordmark {
  display:flex;
  align-items:center;
  gap:11px;
  font-size:18px;
  line-height:.86;
  letter-spacing:-.8px;
  font-weight:800
}
.wordmark img {
  width:36px;
  height:36px
}
.desktop-nav {
  display:flex;
  align-items:center;
  gap:38px;
  margin-left:7%
}
.desktop-nav a {
  font-size:12px;
  position:relative;
  padding:15px 0;
  color:#b8b3c1;
  transition:color .25s
}
.desktop-nav a:hover,.desktop-nav a[aria-current] {
  color:var(--text)
}
.desktop-nav a[aria-current]:before {
  content:'';
  position:absolute;
  bottom:5px;
  left:0;
  width:100%;
  height:2px;
  background:var(--purple)
}
.header-status {
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.04em
}
.status-dot {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--purple);
  box-shadow:0 0 12px #9b6dff70;
  flex-shrink:0;
  margin-right:3px
}
.status-copy {
  color:#9c96a5
}
.arrow {
  font-family:Arial,sans-serif;
  font-size:21px;
  margin-left:18px;
  color:var(--purple);
  transition:transform .25s
}
.header-status:hover .arrow {
  transform:translate(3px,-3px)
}
.reading-progress {
  position:absolute;
  left:0;
  bottom:-1px;
  height:2px;
  width:100%;
  background:var(--purple);
  transform:scaleX(var(--progress,0));
  transform-origin:left;
  pointer-events:none
}
.menu-toggle {
  display:none
}
.hero {
  position:relative;
  isolation:isolate;
  height:calc(100svh - 92px);
  min-height:700px;
  max-height:1100px;
  overflow:hidden;
  background:#100e14
}
.hero-media {
  position:absolute;
  inset:0;
  z-index:-3;
  overflow:hidden
}
.hero-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:65% 50%;
  transform:scale(1.06) translate(var(--mx,0px),var(--my,0px));
  transition:transform 1.5s cubic-bezier(.2,.7,.3,1);
  filter:brightness(.77) saturate(.7)
}
.hero:before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,#100e14 5%,#100e14e0 24%,#100e1466 53%,#100e1405 78%),linear-gradient(0deg,#0c0b0edb,transparent 36%,#0c0b0e40)
}
.hero-grid {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  border-left:1px solid #ffffff0a;
  border-right:1px solid #ffffff0a;
  margin:0 4%
}
.hero-grid:after {
  content:'';
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  border-left:1px solid #ffffff0a
}
.hero-meta,.hero-bottom {
  position:absolute;
  left:4%;
  right:4%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px
}
.hero-meta {
  top:28px;
  color:#c1b9c9;
  font-size:9px
}
.hero-meta>span:first-child {
  display:flex;
  align-items:center;
  gap:11px
}
.cross {
  display:inline-block;
  width:11px;
  height:11px;
  position:relative;
  flex-shrink:0
}
.cross:before,.cross:after {
  content:'';
  position:absolute;
  background:var(--purple);
  left:0;
  right:0;
  top:5px;
  height:1px
}
.cross:after {
  transform:rotate(90deg)
}
.hero-content {
  padding:105px 4% 108px;
  position:relative;
  max-width:1100px
}
.hero-kicker {
  color:#b6a8cb;
  margin-bottom:24px;
  font-size:9px;
  letter-spacing:.12em
}
.hero h1 {
  font-size:clamp(90px,10.8vw,172px);
  line-height:.85;
  letter-spacing:-.025em;
  max-width:850px
}
.hero h1>span {
  display:block
}
.hero h1>span:last-child {
  margin-top:4px
}
.hero-intro {
  display:flex;
  gap:65px;
  align-items:center;
  margin-top:32px
}
.hero-intro p {
  font-size:12px;
  line-height:1.85;
  color:#c2bdc9
}
.round-link {
  width:53px;
  height:53px;
  display:grid;
  place-items:center;
  border:1px solid #b9a8cb65;
  border-radius:50%;
  font:25px Arial,sans-serif;
  transition:background .25s,border-color .25s,transform .25s
}
.round-link:hover {
  background:var(--electric);
  border-color:var(--electric);
  transform:rotate(45deg)
}
.hero-side {
  position:absolute;
  right:4%;
  bottom:153px;
  display:flex;
  gap:40px;
  writing-mode:vertical-rl;
  font-size:8px;
  color:#d4cbd9
}
.hero-side>span:last-child {
  color:#918898
}
.hero-bottom {
  bottom:28px;
  font-size:8px;
  letter-spacing:.09em
}
.hero-bottom>a {
  display:flex;
  align-items:center;
  gap:14px
}
.scroll-line {
  width:35px;
  height:1px;
  display:inline-block;
  background:#b6a3d0;
  transform-origin:left;
  animation:scroll-line 2.6s ease-in-out infinite
}
.violet-square {
  width:5px;
  height:5px;
  display:inline-block;
  background:var(--purple);
  margin-right:8px
}
.ticker {
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#151019;
  padding:16px 0
}
.ticker-track {
  display:flex;
  align-items:center;
  gap:38px;
  width:max-content;
  animation:ticker 42s linear infinite;
  color:#b7a4cf;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.12em
}
.ticker i {
  font-family:Arial,sans-serif;
  font-size:20px;
  font-style:normal;
  color:var(--purple)
}
.section-space {
  padding:100px 6%
}
.section-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:64px
}
.section-top .micro {
  font-size:9px;
  color:#b6b0bd
}
.section-number {
  color:var(--purple);
  margin-right:22px
}
.section-top .section-note {
  color:#787180;
  font-size:8px
}
.world-layout {
  display:grid;
  grid-template-columns:1.45fr 1fr;
  gap:8%;
  align-items:start
}
.world-heading h2 {
  font-size:clamp(56px,6.8vw,105px);
  line-height:1.02
}
.world-copy {
  padding-top:3px;
  max-width:400px
}
.large-cross {
  width:25px;
  height:25px;
  margin-bottom:30px
}
.large-cross:before,.large-cross:after {
  height:2px;
  top:12px
}
.lead {
  font-size:22px;
  line-height:1.45;
  letter-spacing:-.035em;
  color:var(--text)
}
.world-copy>p:not(.lead),.origin-copy>p:not(.lead),.outlook-layout>div>p {
  font-size:13px;
  line-height:1.9;
  color:var(--muted);
  margin-top:23px
}
.text-link {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  font-size:11px;
  line-height:1.5;
  padding:14px 0;
  border-bottom:1px solid #797080;
  margin-top:23px;
  transition:color .25s,border-color .25s
}
.text-link span {
  font:19px Arial,sans-serif;
  color:var(--purple);
  transition:transform .25s
}
.text-link:hover {
  color:var(--purple);
  border-color:var(--purple)
}
.text-link:hover span {
  transform:translate(3px,-3px)
}
.sector-rule {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:7px;
  margin-top:90px;
  height:4px
}
.sector-rule span {
  background:#2c2338
}
.sector-rule span:nth-child(2) {
  background:#533782
}
.sector-rule span:nth-child(3) {
  background:var(--purple)
}
.standard {
  background:var(--surface);
  padding-top:80px
}
.standard-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:48px
}
.standard-head>p {
  font-size:12px;
  color:var(--muted);
  line-height:1.8;
  padding-bottom:5px
}
.standard-experience {
  display:grid;
  grid-template-columns:34% 66%;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}
.standard-controls {
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column
}
.standard-controls button {
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  text-align:left;
  display:grid;
  grid-template-columns:50px 1fr 24px;
  align-items:center;
  gap:15px;
  padding:28px 25px 28px 0;
  color:#766e7e;
  transition:color .3s,background .3s;
  min-height:112px
}
.standard-controls button:last-child {
  border-bottom:0
}
.standard-controls button>span:nth-child(2) {
  font-family:var(--display);
  font-size:clamp(26px,2.6vw,42px);
  letter-spacing:-.02em
}
.standard-controls button>.micro {
  font-size:8px
}
.standard-controls button[aria-selected=true] {
  color:var(--text)
}
.standard-controls button[aria-selected=true] .micro,.standard-controls button[aria-selected=true] .tab-arrow {
  color:var(--purple)
}
.standard-controls button:hover {
  color:var(--text)
}
.tab-arrow {
  font:20px Arial,sans-serif;
  color:#5c5267;
  transition:transform .3s
}
.standard-controls button[aria-selected=true] .tab-arrow {
  transform:rotate(45deg)
}
.standard-panel {
  display:grid;
  grid-template-columns:.8fr 1fr;
  gap:6%;
  padding:38px 0 38px 9%;
  height:100%;
  align-items:center;
  animation:panel-in .45s ease
}
.panel-art {
  min-height:205px;
  aspect-ratio:1;
  position:relative;
  overflow:hidden;
  background:#1c1626;
  display:grid;
  place-items:center;
  border:1px solid #a97ee31f
}
.panel-copy>.micro {
  font-size:8px
}
.panel-copy h3 {
  font-size:clamp(26px,2.9vw,43px);
  line-height:1.02;
  margin:18px 0
}
.panel-copy p {
  font-size:11px;
  line-height:1.85;
  color:#aaa0b7;
  max-width:260px
}
.art-orbit {
  position:absolute;
  width:65%;
  height:65%;
  border:1px solid #aa79ff6e;
  border-radius:50%;
  transform:rotate(-40deg) scaleY(.45)
}
.orbit-two {
  transform:rotate(20deg) scaleY(.45)
}
.orbit-three {
  transform:rotate(80deg) scaleY(.45)
}
.art-spark {
  font-family:Arial,sans-serif;
  font-size:55px;
  color:#b992ff;
  animation:spark-turn 36s linear infinite
}
.art-caption {
  position:absolute;
  bottom:13px;
  left:12px;
  right:12px;
  text-align:center;
  font-size:7px;
  color:#9d8ab4
}
.detail-stripes {
  width:65%;
  height:60%;
  transform:skew(-22deg);
  display:flex;
  gap:8%;
  align-items:flex-end
}
.detail-stripes i {
  width:12%;
  height:100%;
  background:var(--purple)
}
.detail-stripes i:nth-child(2) {
  height:80%;
  opacity:.8
}
.detail-stripes i:nth-child(3) {
  height:60%;
  opacity:.6
}
.detail-stripes i:nth-child(4) {
  height:40%;
  opacity:.4
}
.detail-stripes i:nth-child(5) {
  height:20%;
  opacity:.2
}
.expression-ps {
  font-family:var(--display);
  font-size:clamp(80px,11vw,170px);
  font-style:italic;
  letter-spacing:-.07em;
  color:var(--purple)
}
.expression-line {
  position:absolute;
  top:50%;
  left:0;
  right:0;
  height:1px;
  background:#dbc8ff;
  transform:rotate(-25deg)
}
.founder-tease {
  background:#0c0b0e
}
.founder-tease-content {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:35px
}
.founder-tease-content h2 {
  font-size:clamp(60px,7.8vw,118px)
}
.founder-tease-content>div {
  padding-bottom:5px;
  min-width:270px
}
.founder-tease-content p {
  font-size:13px;
  line-height:1.9;
  color:var(--muted)
}
.first-chapter {
  padding-top:0;
  padding-bottom:0
}
.chapter-inner {
  position:relative;
  background:#7331de;
  overflow:hidden;
  padding:32px 40px 42px;
  color:#fbf7ff;
  isolation:isolate
}
.chapter-meta {
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:8px;
  color:#ddc7ff
}
.chapter-meta>span:first-child {
  display:flex;
  align-items:center;
  gap:9px
}
.chapter-meta .status-dot {
  background:#e1d1ff;
  box-shadow:0 0 12px #e1d1ff60
}
.chapter-content {
  position:relative;
  z-index:1;
  padding-top:60px
}
.chapter-content>.micro {
  font-size:9px;
  color:#e0c8ff
}
.chapter-content h2 {
  font-size:clamp(68px,9vw,138px);
  margin-top:18px
}
.chapter-content h2>span {
  color:#c9a5ff
}
.chapter-bottom {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  border-top:1px solid #ffffff40;
  margin-top:45px;
  padding-top:25px;
  gap:30px
}
.chapter-bottom p {
  font-size:11px;
  line-height:1.9;
  color:#e3cffc
}
.chapter-link {
  font-size:11px;
  display:flex;
  align-items:center;
  gap:50px;
  border-bottom:1px solid #ffffffa0;
  padding:12px 0
}
.chapter-link>span {
  font:24px Arial,sans-serif;
  transition:transform .25s
}
.chapter-link:hover>span {
  transform:translate(4px,-4px)
}
.chapter-watermark {
  position:absolute;
  right:-25px;
  top:35px;
  font:600 clamp(200px,30vw,480px)/1 var(--display);
  color:#ffffff06;
  transform:rotate(-90deg);
  z-index:0
}
.questions {
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:10%;
  padding-top:110px;
  padding-bottom:115px
}
.questions h2 {
  font-size:64px;
  margin-top:32px
}
.questions>div>.micro {
  font-size:8px;
  color:var(--muted)
}
.questions-list details {
  border-bottom:1px solid var(--line)
}
.questions-list details:first-child {
  border-top:1px solid var(--line)
}
.questions-list summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  font-size:13px;
  padding:26px 0;
  cursor:pointer
}
.questions-list summary::-webkit-details-marker {
  display:none
}
.questions-list summary>span {
  width:14px;
  height:14px;
  position:relative;
  flex-shrink:0
}
.questions-list summary>span:before,.questions-list summary>span:after {
  content:'';
  position:absolute;
  top:6px;
  left:0;
  right:0;
  height:1px;
  background:var(--purple);
  transition:transform .25s
}
.questions-list summary>span:after {
  transform:rotate(90deg)
}
.questions-list details[open] summary>span:after {
  transform:rotate(0deg)
}
.questions-list details p {
  font-size:12px;
  line-height:1.9;
  color:var(--muted);
  padding:0 28px 26px 0;
  max-width:480px
}
.questions-list details p a {
  color:var(--purple);
  white-space:nowrap
}
.site-footer {
  padding:50px 4% 25px;
  border-top:1px solid var(--line);
  background:#111014
}
.footer-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:35px;
  border-bottom:1px solid var(--line);
  padding-bottom:35px
}
.footer-wordmark {
  display:flex;
  align-items:center;
  gap:25px;
  font:600 clamp(40px,6.4vw,100px)/1 var(--display);
  letter-spacing:-.02em
}
.footer-wordmark>span {
  font:400 .7em Arial,sans-serif;
  color:var(--purple)
}
.footer-top>p {
  font-size:8px;
  line-height:1.9;
  color:var(--muted)
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:25px;
  padding-top:26px;
  font-size:8px;
  color:#8c8397
}
.footer-bottom nav {
  display:flex;
  gap:28px
}
.motion-toggle {
  font:inherit;
  letter-spacing:inherit;
  color:inherit;
  border:0;
  border-bottom:1px solid #5c5267;
  background:none;
  padding:8px 0
}
.motion-toggle:hover {
  color:var(--purple)
}
.motion-paused {
  scroll-behavior:auto
}
.motion-paused *,.motion-paused *:before,.motion-paused *:after {
  animation:none!important;
  transition:none!important
}
.motion-paused .reveal {
  opacity:1!important;
  transform:none!important
}
.motion-paused .hero-media img {
  transform:none!important
}
.footer-bottom a:hover {
  color:var(--purple)
}
.back-top {
  padding:10px 0
}
.mobile-menu {
  display:none
}
.about-hero {
  background:#141019;
  position:relative;
  overflow:hidden;
  padding-top:40px;
  padding-bottom:45px
}
.about-title-wrap {
  position:relative;
  z-index:1;
  padding-top:5px
}
.about-kicker {
  color:#a58bbf;
  font-size:9px;
  margin-bottom:23px
}
.about-hero h1 {
  font-size:clamp(90px,14vw,220px);
  line-height:.84;
  letter-spacing:-.025em
}
.about-hero h1>span {
  color:var(--purple)
}
.about-asterisk {
  position:absolute;
  right:4%;
  top:-22px;
  font-size:clamp(100px,19vw,280px);
  font-family:Arial,sans-serif;
  color:#382349;
  z-index:-1
}
.about-hero-bottom {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:35px;
  border-top:1px solid var(--line);
  padding-top:28px;
  margin-top:50px
}
.about-hero-bottom p {
  font-size:12px;
  line-height:1.9;
  color:var(--muted)
}
.about-hero-bottom .text-link {
  margin:0
}
.origin-layout {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:12%
}
.origin-layout h2 {
  font-size:clamp(62px,6.8vw,104px)
}
.origin-copy {
  max-width:410px
}
.founders {
  padding-top:50px;
  background:var(--surface)
}
.founders-intro {
  font-size:clamp(52px,6vw,90px);
  margin-bottom:65px
}
.founder-row {
  position:relative;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:22% 1fr 25%;
  gap:25px;
  align-items:center;
  padding:45px 0
}
.founder-row:last-of-type {
  border-bottom:1px solid var(--line)
}
.founder-tag {
  align-self:start;
  padding-top:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:9px;
  color:var(--muted)
}
.founder-tag>span:first-child {
  color:var(--purple)
}
.founder-row h3 {
  font-size:clamp(75px,10.5vw,160px);
  line-height:.87
}
.founder-row h3>span {
  color:var(--purple)
}
.founder-emblem {
  aspect-ratio:1;
  width:100%;
  max-width:230px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#1e172a;
  border:1px solid #9565c838
}
.founder-emblem:before,.founder-emblem:after {
  content:'';
  position:absolute;
  inset:17%;
  border:1px solid #8d62bc50;
  transform:rotate(45deg)
}
.founder-emblem:after {
  inset:25%;
  transform:rotate(15deg)
}
.founder-emblem>span {
  font:600 clamp(50px,7vw,105px)/1 var(--display);
  font-style:italic;
  color:#9d72d9;
  position:relative;
  z-index:1;
  letter-spacing:-.04em
}
.founder-emblem>i {
  position:absolute;
  left:-20%;
  right:-20%;
  height:1px;
  background:#b88df865;
  transform:rotate(-45deg)
}
.emblem-pm {
  background:#241735
}
.emblem-pm:before {
  transform:rotate(15deg)
}
.emblem-pm:after {
  transform:rotate(45deg)
}
.founders-footnote {
  display:flex;
  align-items:flex-start;
  gap:24px;
  max-width:560px;
  padding-top:35px;
  margin-left:22%
}
.founders-footnote .cross {
  margin-top:7px
}
.founders-footnote p {
  font-size:12px;
  line-height:1.9;
  color:var(--muted)
}
.about-interlude {
  height:560px;
  position:relative;
  overflow:hidden
}
.about-interlude:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#0c0b0ed1,#0c0b0e20),linear-gradient(0deg,#0c0b0e8c,transparent)
}
.about-interlude>img {
  height:100%;
  width:100%;
  object-fit:cover;
  object-position:center 60%;
  filter:brightness(.8) saturate(.6)
}
.interlude-caption {
  position:absolute;
  inset:40px 6%;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.interlude-caption>.micro {
  font-size:8px;
  color:#beb2cc
}
.interlude-caption>p {
  font:600 clamp(50px,6vw,90px)/.95 var(--display);
  letter-spacing:-.02em
}
.interlude-caption>p em {
  color:#b88eff
}
.outlook-layout {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:10%;
  align-items:end
}
.outlook-layout h2 {
  font-size:clamp(60px,7vw,106px)
}
.outlook-layout>div {
  max-width:380px
}
.outlook-layout>div>p:first-child {
  margin-top:0
}
.error-main {
  min-height:80svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:28px
}
.error-main h1 {
  font-size:clamp(70px,10vw,150px)
}
.error-main>p:not(.micro) {
  color:var(--muted);
  font-size:14px
}
@media(prefers-reduced-motion:no-preference) {
  .js .reveal {
    opacity:0;
    transform:translateY(22px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)
  }
  .js .reveal.is-visible {
    opacity:1;
    transform:translateY(0)
  }
  .hero-content {
    animation:hero-in 1s cubic-bezier(.2,.7,.3,1) both
  }
  .hero-media {
    animation:hero-image-in 1.5s ease both
  }
}
@keyframes hero-in {
  from {
    opacity:0;
    transform:translateY(24px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes hero-image-in {
  from {
    opacity:.3;
    transform:scale(1.05)
  }
  to {
    opacity:1;
    transform:scale(1)
  }
}
@keyframes ticker {
  to {
    transform:translateX(-50%)
  }
}
@keyframes spark-turn {
  to {
    transform:rotate(360deg)
  }
}
@keyframes panel-in {
  from {
    opacity:.35;
    transform:translateY(6px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes scroll-line {
  0%,100% {
    transform:scaleX(.55);
    opacity:.5
  }
  50% {
    transform:scaleX(1);
    opacity:1
  }
}
@media(min-width:1700px) {
  .section-space {
    padding-left:max(6%,calc((100vw - 1520px)/2));
    padding-right:max(6%,calc((100vw - 1520px)/2))
  }
  .hero-content {
    padding-top:140px
  }
  .hero-intro {
    margin-top:45px
  }
}
@media(max-width:1100px) {
  .status-copy {
    display:none
  }
  .hero {
    min-height:660px
  }
  .hero-content {
    padding-top:120px
  }
  .hero h1 {
    font-size:12.5vw
  }
  .world-layout {
    grid-template-columns:1.2fr 1fr;
    gap:6%
  }
  .standard-experience {
    grid-template-columns:31% 69%
  }
  .standard-controls button {
    grid-template-columns:35px 1fr 20px;
    gap:8px;
    padding-right:15px
  }
  .standard-panel {
    padding-left:6%;
    gap:7%;
    grid-template-columns:.8fr 1fr
  }
  .panel-art {
    min-height:170px
  }
  .panel-copy h3 {
    font-size:30px
  }
  .section-space {
    padding-top:80px;
    padding-bottom:80px
  }
  .first-chapter {
    padding-top:0;
    padding-bottom:0
  }
  .founder-tease-content>div {
    min-width:220px
  }
  .questions {
    gap:7%
  }
  .about-hero {
    padding-top:35px;
    padding-bottom:40px
  }
  .founders {
    padding-top:35px
  }
  .founder-row {
    grid-template-columns:20% 1fr 24%
  }
  .founder-row h3 {
    font-size:12vw
  }
}
@media(max-width:760px) {
  :root {
    scroll-padding-top:90px
  }
  .site-header {
    height:78px;
    padding:0 5%
  }
  .wordmark {
    font-size:16px;
    gap:9px
  }
  .wordmark img {
    width:31px;
    height:31px
  }
  .header-status {
    font-size:8px;
    margin-left:auto;
    margin-right:28px;
    gap:6px
  }
  .header-status .arrow {
    display:none
  }
  .desktop-nav {
    display:none
  }
  .menu-toggle {
    display:flex;
    gap:12px;
    align-items:center;
    border:0;
    background:none;
    padding:15px 0;
    font:10px var(--mono)
  }
  .menu-lines {
    width:21px;
    height:12px;
    position:relative
  }
  .menu-lines:before,.menu-lines:after {
    content:'';
    height:1px;
    background:var(--text);
    position:absolute;
    left:0;
    right:0;
    top:2px;
    transition:transform .25s,top .25s
  }
  .menu-lines:after {
    top:10px
  }
  .menu-toggle[aria-expanded=true] .menu-lines:before {
    top:6px;
    transform:rotate(45deg)
  }
  .menu-toggle[aria-expanded=true] .menu-lines:after {
    top:6px;
    transform:rotate(-45deg)
  }
  .mobile-menu {
    position:absolute;
    display:flex;
    flex-direction:column;
    left:0;
    right:0;
    top:78px;
    height:calc(100svh - 78px);
    padding:45px 6%;
    background:#131017;
    z-index:99
  }
  .mobile-menu>a {
    font:600 clamp(35px,9vw,65px)/1.3 var(--display);
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid var(--line);
    padding:15px 0;
    text-transform:uppercase
  }
  .mobile-menu>a>span {
    font:9px var(--mono);
    align-self:center;
    color:var(--purple)
  }
  .mobile-menu>a[aria-current] {
    color:var(--purple)
  }
  .mobile-menu>p {
    font:9px/1.9 var(--mono);
    color:var(--muted);
    margin-top:auto
  }
  .hero {
    height:calc(100svh - 78px);
    min-height:690px;
    max-height:950px
  }
  .hero-content {
    padding:113px 6% 110px
  }
  .hero h1 {
    font-size:clamp(88px,15vw,125px)
  }
  .hero-kicker {
    font-size:8px;
    letter-spacing:.07em;
    max-width:210px;
    line-height:1.9;
    margin-bottom:28px
  }
  .hero-media {
    inset:0 0 0 0
  }
  .hero-media img {
    object-position:70% center;
    filter:brightness(.63) saturate(.8)
  }
  .hero:before {
    background:linear-gradient(90deg,#100e14c9,#100e144d 80%),linear-gradient(0deg,#100e14,transparent 60%,#100e146e)
  }
  .hero-meta {
    top:25px;
    left:6%;
    right:6%;
    font-size:8px
  }
  .hero-edition {
    display:none
  }
  .hero-intro {
    margin-top:30px;
    gap:45px
  }
  .hero-intro p {
    font-size:11px
  }
  .hero-side {
    right:5%;
    bottom:148px;
    font-size:7px
  }
  .hero-side>span:last-child {
    display:none
  }
  .hero-bottom {
    left:6%;
    right:6%;
    bottom:28px;
    font-size:7px;
    gap:15px
  }
  .hero-bottom>span {
    max-width:120px;
    text-align:right;
    line-height:1.8
  }
  .ticker {
    padding:13px 0
  }
  .ticker-track {
    font-size:8px;
    gap:28px
  }
  .ticker i {
    font-size:17px
  }
  .section-space {
    padding:70px 6%
  }
  .section-top {
    margin-bottom:40px
  }
  .section-top .micro {
    font-size:8px
  }
  .section-top .section-note {
    display:none
  }
  .section-number {
    margin-right:15px
  }
  .world-layout {
    grid-template-columns:1fr;
    gap:40px
  }
  .world-heading h2 {
    font-size:clamp(60px,11vw,84px)
  }
  .world-copy {
    max-width:none;
    padding-left:20%;
    position:relative
  }
  .large-cross {
    position:absolute;
    left:0;
    top:8px
  }
  .lead {
    font-size:20px
  }
  .world-copy>p:not(.lead) {
    font-size:12px;
    margin-top:20px
  }
  .sector-rule {
    margin-top:55px;
    height:3px;
    gap:5px
  }
  .standard-head {
    align-items:flex-start;
    flex-direction:column;
    gap:24px;
    margin-bottom:35px
  }
  .standard-head h2 {
    font-size:clamp(60px,11vw,84px)
  }
  .standard-head>p {
    font-size:11px
  }
  .standard-experience {
    grid-template-columns:1fr
  }
  .standard-controls {
    border-right:0;
    flex-direction:row;
    border-bottom:1px solid var(--line)
  }
  .standard-controls button {
    flex:1;
    min-width:0;
    min-height:92px;
    padding:16px 10px;
    grid-template-columns:1fr;
    gap:7px;
    border-bottom:2px solid transparent;
    border-right:1px solid var(--line)
  }
  .standard-controls button:first-child {
    padding-left:0
  }
  .standard-controls button:last-child {
    border-right:0;
    border-bottom:2px solid transparent
  }
  .standard-controls button>span:nth-child(2) {
    font-size:clamp(22px,4.3vw,34px)
  }
  .standard-controls button>.micro {
    font-size:7px
  }
  .standard-controls button[aria-selected=true] {
    border-bottom-color:var(--purple)
  }
  .standard-controls .tab-arrow {
    display:none
  }
  .standard-panel {
    padding:28px 0 32px;
    gap:7%;
    grid-template-columns:.85fr 1fr;
    min-height:290px
  }
  .panel-art {
    min-height:150px
  }
  .panel-copy>.micro {
    font-size:7px;
    letter-spacing:.04em
  }
  .panel-copy h3 {
    font-size:clamp(27px,5vw,38px);
    margin:15px 0
  }
  .panel-copy p {
    font-size:10px;
    line-height:1.85
  }
  .art-spark {
    font-size:45px
  }
  .art-caption {
    font-size:6px;
    letter-spacing:.02em
  }
  .expression-ps {
    font-size:100px
  }
  .founder-tease-content {
    flex-direction:column;
    align-items:flex-start;
    gap:30px
  }
  .founder-tease-content h2 {
    font-size:clamp(60px,11vw,84px)
  }
  .founder-tease-content>div {
    align-self:flex-end;
    width:80%
  }
  .founder-tease-content p {
    font-size:12px
  }
  .first-chapter {
    padding:0 6%
  }
  .chapter-inner {
    padding:24px
  }
  .chapter-meta {
    font-size:7px;
    letter-spacing:.03em
  }
  .chapter-content {
    padding-top:42px
  }
  .chapter-content>.micro {
    font-size:8px
  }
  .chapter-content h2 {
    font-size:clamp(58px,10.6vw,90px);
    line-height:.98
  }
  .chapter-bottom {
    align-items:flex-start;
    flex-direction:column;
    margin-top:35px;
    gap:20px
  }
  .chapter-bottom p {
    font-size:10px
  }
  .chapter-link {
    font-size:10px;
    gap:30px
  }
  .chapter-watermark {
    display:none
  }
  .questions {
    grid-template-columns:1fr;
    gap:38px
  }
  .questions h2 {
    font-size:58px;
    margin-top:24px
  }
  .questions-list summary {
    font-size:12px;
    padding:23px 0
  }
  .questions-list details p {
    font-size:11px;
    padding-right:10px
  }
  .footer-top {
    flex-direction:column;
    align-items:flex-start;
    gap:25px;
    padding-bottom:25px
  }
  .site-footer {
    padding:35px 6% 20px
  }
  .footer-wordmark {
    font-size:clamp(42px,10vw,70px);
    gap:25px
  }
  .footer-top>p {
    font-size:7px
  }
  .footer-bottom {
    font-size:7px;
    gap:22px;
    flex-wrap:wrap
  }
  .footer-bottom nav {
    margin-left:auto;
    gap:20px
  }
  .back-top {
    display:none
  }
  .about-hero {
    padding-top:30px;
    padding-bottom:35px
  }
  .about-title-wrap {
    padding-top:10px
  }
  .about-hero h1 {
    font-size:clamp(75px,16.9vw,126px);
    line-height:.9
  }
  .about-kicker {
    font-size:8px;
    margin-bottom:23px
  }
  .about-asterisk {
    font-size:110px;
    right:0;
    top:-25px
  }
  .about-hero-bottom {
    align-items:flex-start;
    gap:20px;
    flex-direction:column;
    margin-top:35px;
    padding-top:25px
  }
  .about-hero-bottom p {
    font-size:11px
  }
  .about-hero-bottom .text-link {
    font-size:10px
  }
  .origin-layout {
    grid-template-columns:1fr;
    gap:40px
  }
  .origin-layout h2 {
    font-size:clamp(60px,11vw,84px)
  }
  .origin-copy {
    max-width:none;
    padding-left:15%
  }
  .origin-copy>p:not(.lead) {
    font-size:12px;
    margin-top:20px
  }
  .founders {
    padding-top:45px
  }
  .founders-intro {
    font-size:clamp(48px,9vw,72px);
    margin-bottom:38px
  }
  .founder-row {
    grid-template-columns:1fr 100px;
    gap:20px;
    padding:30px 0
  }
  .founder-tag {
    grid-column:1/-1;
    flex-direction:row;
    justify-content:space-between;
    padding-top:0;
    font-size:8px
  }
  .founder-row h3 {
    font-size:clamp(70px,16vw,115px);
    line-height:.9
  }
  .founder-emblem {
    width:100px
  }
  .founder-emblem>span {
    font-size:50px
  }
  .founders-footnote {
    margin-left:0;
    padding-top:28px;
    gap:20px
  }
  .founders-footnote p {
    font-size:11px
  }
  .about-interlude {
    height:440px
  }
  .about-interlude>img {
    object-position:65% center
  }
  .interlude-caption {
    inset:30px 6%
  }
  .interlude-caption>p {
    font-size:clamp(43px,8vw,65px)
  }
  .interlude-caption>.micro {
    font-size:7px
  }
  .outlook-layout {
    grid-template-columns:1fr;
    gap:30px
  }
  .outlook-layout h2 {
    font-size:clamp(60px,11vw,84px)
  }
  .outlook-layout>div {
    padding-left:15%;
    max-width:none
  }
  .outlook-layout>div>p {
    font-size:12px
  }
  .error-main {
    min-height:75svh
  }
}
@media(max-width:380px) {
  .header-status {
    display:none
  }
  .hero h1 {
    font-size:24vw
  }
  .hero {
    min-height:650px
  }
  .hero-intro {
    gap:25px
  }
  .hero-side {
    display:none
  }
  .hero-bottom {
    font-size:6px
  }
  .hero-bottom>span {
    max-width:105px
  }
  .world-copy {
    padding-left:12%
  }
  .standard-panel {
    grid-template-columns:1fr;
    gap:25px
  }
  .panel-art {
    aspect-ratio:auto;
    height:180px;
    max-width:none
  }
  .panel-copy p {
    font-size:12px;
    max-width:none
  }
  .panel-copy h3 {
    font-size:36px
  }
  .panel-copy>.micro {
    font-size:8px
  }
  .chapter-inner {
    padding:20px
  }
  .chapter-meta>span:last-child {
    display:none
  }
  .chapter-content h2 {
    font-size:56px
  }
  .founder-row {
    grid-template-columns:1fr 75px
  }
  .founder-emblem {
    width:75px
  }
  .founder-emblem>span {
    font-size:40px
  }
}
@media(prefers-reduced-motion:reduce) {
  :root {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important
  }
  .reveal {
    opacity:1!important;
    transform:none!important
  }
  .hero-media img {
    transform:none
  }
}

/* A single sculptural object, with two perfectly registered material states. */
.helmet-hero {
  background: #0d0b12;
  min-height: 700px;
  isolation: isolate;
}
.helmet-hero::before { display: none; }
.helmet-atmosphere {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -3;
  background: radial-gradient(ellipse at 76% 43%, #49306b33 0, #25183219 35%, transparent 65%), linear-gradient(125deg, #141018, #09090c 72%);
}
.helmet-atmosphere::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  background: radial-gradient(ellipse at 76% 43%, #733ace38 0, transparent 60%);
  transition: opacity .7s ease;
}
.helmet-hero:has(.is-active) .helmet-atmosphere::after { opacity: 1; }
.helmet-backtype {
  position: absolute;
  right: -3%;
  bottom: 28px;
  z-index: -2;
  font: 600 clamp(190px, 24vw, 410px)/1 var(--display);
  letter-spacing: -.025em;
  color: transparent;
  -webkit-text-stroke: 1px #b392d41a;
  pointer-events: none;
  user-select: none;
}
.helmet-hero .hero-content {
  max-width: 58%;
  padding-top: clamp(110px, 15vh, 175px);
  z-index: 3;
  pointer-events: none;
}
.helmet-hero .hero-content a { pointer-events: auto; }
.helmet-hero h1 {
  font-size: clamp(86px, 9.3vw, 155px);
  line-height: .88;
  letter-spacing: -.02em;
}
.helmet-hero .hero-kicker { margin-bottom: 28px; }
.helmet-hero .hero-intro { gap: 38px; margin-top: 30px; }
.hero-about-link {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  color: #a9a0b4;
  font-size: 8px;
  margin-top: 30px;
  padding: 8px 0;
  border-bottom: 1px solid #ffffff24;
}
.hero-about-link span { color: var(--purple); font: 17px Arial, sans-serif; }
.hero-about-link:hover { color: var(--text); border-color: var(--purple); }
.helmet-experience {
  position: absolute;
  z-index: 2;
  width: 54%;
  right: 1.5%;
  top: 50%;
  transform: translateY(-48%);
  perspective: 1100px;
  -webkit-tap-highlight-color: transparent;
}
.helmet-coordinate {
  position: absolute;
  top: 2%;
  right: 10%;
  left: 14%;
  display: flex;
  justify-content: space-between;
  color: #766982;
  font-size: 7px;
  pointer-events: none;
}
.helmet-stage { position: relative; height: min(65svh, 660px); }
.helmet-trigger {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  touch-action: pan-y;
  perspective: 1100px;
}
.helmet-trigger:focus-visible { outline-offset: -20px; border-radius: 35%; }
.helmet-sculpture {
  position: absolute;
  inset: 0;
  display: block;
  transform-style: preserve-3d;
  transition: transform .22s cubic-bezier(.2,.65,.35,1);
}
.helmet-sculpture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}
.helmet-base { filter: grayscale(1) brightness(.73) contrast(1.08); }
.helmet-color {
  --focus-x: 50%;
  --focus-y: 50%;
  position: absolute;
  display: block;
  inset: 0;
  clip-path: circle(0% at var(--focus-x) var(--focus-y));
  opacity: 0;
  transition: clip-path .68s cubic-bezier(.2,.75,.2,1), opacity .38s ease;
}
.helmet-color.is-revealed {
  clip-path: circle(150% at var(--focus-x) var(--focus-y));
  opacity: 1;
}
.helmet-orbit {
  pointer-events: none;
  position: absolute;
  width: 78%;
  height: 75%;
  border: 1px solid #b392d41c;
  border-radius: 50%;
  top: 10%;
  left: 11%;
  transform: rotate(-24deg);
  transition: border-color .6s ease, transform .8s ease;
}
.helmet-orbit::after {
  content: '';
  position: absolute;
  inset: 7%;
  border: 1px dashed #b392d40e;
  border-radius: 50%;
}
.helmet-orbit > span {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 13%;
  left: 14%;
  background: #726582;
  transition: background .6s ease;
}
.helmet-orbit > i {
  position: absolute;
  height: 1px;
  width: 20px;
  background: #a68aba50;
  left: -10px;
  top: 50%;
}
.is-active .helmet-orbit { border-color: #aa7cf64a; transform: rotate(-12deg); }
.is-active .helmet-orbit > span { background: #c4a5ff; }
.helmet-cursor {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
  border: 1px solid #decbff8f;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s;
  color: #e0ceff;
  font: 15px/42px var(--mono);
  text-align: center;
}
.helmet-marker {
  position: absolute;
  pointer-events: none;
  font-size: 7px;
  letter-spacing: .06em;
  color: #7d6f8b;
  writing-mode: vertical-rl;
}
.marker-top { top: 12%; right: 6%; }
.marker-bottom { bottom: 9%; left: 7%; transform: rotate(180deg); }
.helmet-caption {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 450px;
  margin: 0 auto;
  gap: 10px 20px;
  border-top: 1px solid #ab85de33;
  padding-top: 16px;
  align-items: start;
}
.helmet-mode { display: flex; align-items: center; gap: 9px; }
.helmet-mode .micro { font-size: 9px; color: #c4bdcd; }
.mode-light { width: 5px; height: 5px; background: #655d6c; transition: background .3s, box-shadow .3s; }
.is-active .mode-light { background: #b68aff; box-shadow: 0 0 12px #a876ff; }
.is-active .helmet-mode .micro { color: #c6a6ff; }
.helmet-caption > p { font: 7px/1.9 var(--mono); color: #c2b7d0; letter-spacing: .07em; }
.instruction-second { display: block; color: #81728f; font-size: 6px; }
.helmet-pin { font-size: 6px; letter-spacing: .07em; color: #756a81; grid-column: 1/-1; }
.is-locked .helmet-pin { color: #b196d1; }
.helmet-art-note { color: #5e526b; font-size: 6px; text-align: center; margin-top: 14px; letter-spacing: .07em; }
.touch-instruction { display: none; }
.helmet-hero .hero-bottom { z-index: 4; font-size: 7px; }
.helmet-hero .hero-tagline { color: #8d7a9f; font-size: 7px; letter-spacing: .12em; }
.helmet-experience.asset-unavailable .helmet-caption > p,
.helmet-experience.asset-unavailable .helmet-art-note { display: none; }
@media (hover: hover) and (pointer: fine) {
  .helmet-cursor { display: block; }
  .helmet-trigger:hover .helmet-cursor { opacity: 1; }
}
@media (hover: none), (pointer: coarse) {
  .hover-instruction { display: none; }
  .touch-instruction { display: inline; }
  .helmet-cursor { display: none; }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .helmet-hero .hero-content { max-width: 60%; }
  .helmet-hero h1 { font-size: 10.1vw; }
  .helmet-experience { width: 55%; right: -.5%; }
  .helmet-stage { height: min(59svh, 570px); }
  .helmet-caption { max-width: 340px; }
  .helmet-marker { display: none; }
  .helmet-hero .hero-tagline { display: none; }
  .helmet-coordinate { font-size: 6px; }
}
@media (max-width: 760px) {
  .helmet-hero {
    height: auto;
    min-height: calc(100svh - 78px);
    max-height: none;
    display: flex;
    flex-direction: column;
    padding: 0 6% 75px;
  }
  .helmet-hero .hero-meta { top: 22px; }
  .helmet-hero .hero-content {
    padding: 76px 0 0;
    max-width: none;
  }
  .helmet-hero .hero-kicker {
    font-size: 7px;
    max-width: none;
    margin-bottom: 20px;
    letter-spacing: .07em;
  }
  .helmet-hero h1 {
    font-size: clamp(56px, 13.9vw, 94px);
    line-height: .89;
    max-width: none;
  }
  .helmet-hero .hero-intro { margin-top: 22px; justify-content: space-between; gap: 20px; }
  .helmet-hero .hero-intro p { font-size: 10px; line-height: 1.8; }
  .helmet-hero .round-link { width: 40px; height: 40px; font-size: 20px; }
  .hero-about-link { display: none; }
  .helmet-experience {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    transform: none;
    margin-top: 14px;
  }
  .helmet-stage { height: clamp(265px, 75vw, 430px); }
  .helmet-coordinate { display: none; }
  .helmet-marker { font-size: 6px; }
  .marker-top { right: -1%; }
  .marker-bottom { left: -1%; }
  .helmet-caption { max-width: 370px; margin: 0 auto; padding-top: 13px; gap: 5px 15px; }
  .helmet-mode .micro { font-size: 8px; }
  .helmet-caption > p { font-size: 6px; }
  .instruction-second { font-size: 5px; }
  .helmet-pin { font-size: 6px; }
  .helmet-art-note { font-size: 5px; margin-top: 10px; }
  .helmet-hero .hero-bottom { left: 6%; right: 6%; bottom: 23px; font-size: 6px; }
  .helmet-hero .hero-tagline { display: none; }
  .helmet-hero .hero-bottom > span:last-child { max-width: 120px; }
  .helmet-backtype { font-size: 35vw; bottom: 145px; right: -2%; }
  .helmet-atmosphere { background: radial-gradient(ellipse at 65% 70%, #603d7b26, transparent 50%), #0d0b12; }
}
@media (max-width: 380px) {
  .helmet-hero h1 { font-size: 52px; }
  .helmet-hero .hero-content { padding-top: 70px; }
  .helmet-hero .hero-kicker { font-size: 6px; margin-bottom: 16px; }
  .helmet-hero .hero-intro p { font-size: 9px; }
  .helmet-stage { height: 255px; }
}
@media (prefers-reduced-motion: reduce) {
  .helmet-sculpture { transform: none !important; }
  .helmet-cursor { display: none; }
}
.motion-paused .helmet-sculpture { transform: none !important; }
.motion-paused .helmet-cursor { display: none; }

@media (min-width: 761px) and (max-height: 800px) {
  .helmet-hero { min-height: 620px; }
  .helmet-hero .hero-content { padding-top: 82px; }
  .helmet-hero .hero-kicker { margin-bottom: 20px; }
  .helmet-hero h1 { font-size: clamp(82px, 15svh, 120px); }
  .helmet-hero .hero-intro { margin-top: 24px; }
  .helmet-hero .hero-about-link { display: none; }
  .helmet-stage { height: 58svh; }
  .helmet-experience { transform: translateY(-45%); }
}

@media (max-width: 760px) {
  .helmet-caption .hover-instruction { display: none; }
  .helmet-caption .touch-instruction { display: inline; }
}