:root{
  --ink:#07090c;--ink2:#0c1117;--paper:#ece7db;--gold:#d9ad59;--gold2:#f1d38e;--cyan:#6ed5d6;--violet:#8067d7;--white:#f5f2e9;--muted:#a9a69d;
  --serif: Georgia, 'Times New Roman', serif;--sans: Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.noise{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.cursor-orbit{position:fixed;width:26px;height:26px;border:1px solid rgba(217,173,89,.7);border-radius:50%;pointer-events:none;z-index:1200;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:difference}@media(pointer:coarse){.cursor-orbit{display:none}}
.topbar{position:fixed;z-index:900;left:0;right:0;top:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);background:rgba(7,9,12,.62)}.brand{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;font-family:var(--serif);color:var(--gold)}nav{display:flex;gap:28px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#c9c7c0}nav a:hover{color:var(--gold2)}
.film-section{padding:110px 6vw 130px;background:#0a0d11;display:grid;grid-template-columns:.72fr 1.6fr;gap:5vw;align-items:end;border-top:1px solid #181b1f}.film-heading h2{font-family:var(--serif);font-size:clamp(50px,6vw,96px);line-height:.86;font-weight:400;letter-spacing:-.045em;margin:16px 0 25px}.film-heading p{max-width:430px;line-height:1.7;color:#aeadab}.film-shell{border:1px solid rgba(217,173,89,.32);background:#050607;box-shadow:0 30px 90px rgba(0,0,0,.5)}.film-chrome{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(217,173,89,.2);font-size:8px;letter-spacing:.14em;color:#958b72}.live-dot{color:var(--cyan)}.video-wrap{position:relative;aspect-ratio:16/9}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.film-note{grid-column:2;color:#777;font-size:11px;letter-spacing:.05em;margin-top:-2vw}

/* =========================================================
   OPENING / LIVE AUTHORIAL MOSAIC
   Full-screen first impact: many works, asynchronous change.
========================================================= */
.mosaic-hero{
  position:relative;
  width:100%;
  min-height:100svh;
  height:100svh;
  overflow:hidden;
  isolation:isolate;
  background:#030405;
}
.mosaic-grid{
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:repeat(5,minmax(0,1fr));
  gap:2px;
  background:#030405;
}
.mosaic-cell{
  position:relative;
  overflow:hidden;
  min-width:0;
  min-height:0;
  background:#090b0d;
}
.mosaic-cell:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 32%,rgba(0,0,0,.08));
}
.mosaic-layer{
  position:absolute;
  inset:-3%;
  width:106%;
  height:106%;
  object-fit:cover;
  object-position:var(--mx,50%) var(--my,50%);
  filter:saturate(var(--msat,.88)) contrast(1.08) brightness(var(--mbright,.82));
  transform:scale(1.035);
  will-change:transform,opacity,filter;
}
.mosaic-layer.is-current{
  animation:mosaicBreathe 7s ease-in-out infinite alternate;
}
@keyframes mosaicBreathe{
  from{transform:scale(1.03) translate3d(0,0,0)}
  to{transform:scale(1.10) translate3d(var(--drift-x,0),var(--drift-y,0),0)}
}
.mosaic-layer.enter-top{animation:mosaicEnterTop .72s cubic-bezier(.16,.84,.24,1) both}
.mosaic-layer.enter-bottom{animation:mosaicEnterBottom .72s cubic-bezier(.16,.84,.24,1) both}
.mosaic-layer.exit-bottom{animation:mosaicExitBottom .72s cubic-bezier(.55,.05,.72,.22) both}
.mosaic-layer.exit-top{animation:mosaicExitTop .72s cubic-bezier(.55,.05,.72,.22) both}
@keyframes mosaicEnterTop{
  0%{transform:translateY(-108%) scale(1.13);filter:blur(8px) saturate(1.25) contrast(1.18) brightness(1.1)}
  52%{filter:blur(0) saturate(1) contrast(1.08) brightness(.95)}
  100%{transform:translateY(0) scale(1.035);filter:saturate(var(--msat,.88)) contrast(1.08) brightness(var(--mbright,.82))}
}
@keyframes mosaicEnterBottom{
  0%{transform:translateY(108%) scale(1.13);filter:blur(8px) saturate(1.25) contrast(1.18) brightness(1.1)}
  52%{filter:blur(0) saturate(1) contrast(1.08) brightness(.95)}
  100%{transform:translateY(0) scale(1.035);filter:saturate(var(--msat,.88)) contrast(1.08) brightness(var(--mbright,.82))}
}
@keyframes mosaicExitBottom{
  0%{transform:translateY(0) scale(1.035);opacity:1}
  100%{transform:translateY(108%) scale(.94);opacity:.08;filter:blur(9px) brightness(.45)}
}
@keyframes mosaicExitTop{
  0%{transform:translateY(0) scale(1.035);opacity:1}
  100%{transform:translateY(-108%) scale(.94);opacity:.08;filter:blur(9px) brightness(.45)}
}
.mosaic-shade{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(0,0,0,.12) 0,rgba(0,0,0,.28) 35%,rgba(0,0,0,.66) 95%),
    linear-gradient(180deg,rgba(2,3,4,.44) 0,transparent 19%,transparent 73%,rgba(2,3,4,.72) 100%);
}
.mosaic-shade:after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),rgba(255,255,255,.025) calc(16.666% - 1px),rgba(255,255,255,.025) 16.666%);
  mix-blend-mode:screen;
}
.mosaic-flash{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at var(--fx,50%) var(--fy,50%),rgba(241,211,142,.18),transparent 25%);
  transition:opacity .45s ease;
  mix-blend-mode:screen;
}
.mosaic-flash.active{opacity:1;transition-duration:.08s}
.mosaic-title-stage{
  position:absolute;
  z-index:8;
  left:50%;
  top:49%;
  width:min(1500px,94vw);
  transform:translate(-50%,-50%);
  text-align:center;
  pointer-events:none;
  text-shadow:0 8px 42px rgba(0,0,0,.72);
}
.mosaic-kicker{
  margin:0 0 2.4vh;
  font-size:clamp(8px,.7vw,11px);
  letter-spacing:.28em;
  color:rgba(255,255,255,.78);
  animation:mosaicKickerIn 1.1s .25s cubic-bezier(.18,.8,.18,1) both;
}
@keyframes mosaicKickerIn{from{opacity:0;letter-spacing:.52em;filter:blur(8px)}to{opacity:1;letter-spacing:.28em;filter:none}}
.mosaic-title{
  display:flex;
  justify-content:center;
  align-items:baseline;
  gap:clamp(12px,1.6vw,32px);
  width:100%;
  line-height:.66;
  margin:0;
  white-space:nowrap;
}
.mosaic-title-authorial{
  position:relative;
  display:inline-block;
  font-family:var(--serif);
  font-size:clamp(75px,12.9vw,235px);
  font-weight:400;
  letter-spacing:-.075em;
  color:#f3efe5;
  transform-origin:left center;
  animation:authorialArrival 1.05s cubic-bezier(.12,.85,.15,1) both;
}
.mosaic-title-authorial:after{
  content:"AUTHORIAL";
  position:absolute;
  inset:0;
  color:transparent;
  -webkit-text-stroke:1px rgba(241,211,142,.5);
  transform:translate(.035em,.055em);
  opacity:.72;
  z-index:-1;
}
.mosaic-title-ai{
  position:relative;
  display:inline-block;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(80px,14vw,260px);
  font-weight:400;
  letter-spacing:-.09em;
  color:var(--gold2);
  transform-origin:center;
  animation:aiArrival 1.15s .13s cubic-bezier(.1,.88,.2,1) both;
}
.mosaic-title-ai:before{
  content:"AI";
  position:absolute;
  inset:0;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.34);
  transform:translate(-.035em,-.045em) scale(1.02);
}
@keyframes authorialArrival{
  0%{opacity:0;transform:translateX(-12vw) skewX(-12deg) scaleX(.78);clip-path:inset(0 100% 0 0);filter:blur(12px)}
  55%{opacity:1;clip-path:inset(0 0 0 0)}
  100%{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}
}
@keyframes aiArrival{
  0%{opacity:0;transform:translateY(15vh) rotate(9deg) scale(.65);filter:blur(14px)}
  70%{opacity:1;transform:translateY(-1vh) rotate(-2deg) scale(1.05);filter:none}
  100%{opacity:1;transform:none}
}
.mosaic-phrase-window{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  height:clamp(66px,8vh,98px);
  margin:3.4vh auto 0;
  overflow:hidden;
}
.mosaic-phrase{
  position:absolute;
  width:100%;
  font-family:var(--sans);
  font-size:clamp(19px,2.45vw,43px);
  font-weight:700;
  line-height:1;
  letter-spacing:.085em;
  text-transform:uppercase;
  color:#fff;
  transform-origin:center;
}
.mosaic-phrase.entering{animation:phraseEnter .68s cubic-bezier(.14,.88,.24,1) both}
.mosaic-phrase.leaving{animation:phraseLeave .48s cubic-bezier(.56,.02,.77,.23) both}
@keyframes phraseEnter{
  from{opacity:0;transform:translateY(-115%) rotateX(70deg) skewX(-8deg);filter:blur(8px);letter-spacing:.24em}
  to{opacity:1;transform:none;filter:none;letter-spacing:.085em}
}
@keyframes phraseLeave{
  from{opacity:1;transform:none;filter:none}
  to{opacity:0;transform:translateY(120%) rotateX(-62deg) skewX(8deg);filter:blur(8px);letter-spacing:.2em}
}
.mosaic-phrase span{
  display:inline-block;
  animation:letterShiver 4.8s ease-in-out infinite alternate;
  animation-delay:calc(var(--i) * -80ms);
}
@keyframes letterShiver{
  0%,78%{transform:none}
  86%{transform:translateY(-.07em) rotate(-1.5deg)}
  92%{transform:translateY(.045em) rotate(.8deg)}
  100%{transform:none}
}
.mosaic-thesis{
  max-width:730px;
  margin:1.2vh auto 0;
  font-family:var(--serif);
  font-size:clamp(16px,1.55vw,25px);
  line-height:1.35;
  color:rgba(245,242,233,.83);
  animation:thesisIn 1s .85s ease both;
}
@keyframes thesisIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mosaic-meta{
  position:absolute;
  z-index:8;
  left:3.2vw;
  right:3.2vw;
  bottom:26px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:8px;
  letter-spacing:.19em;
  color:rgba(255,255,255,.55);
  pointer-events:none;
}
.mosaic-enter{
  position:absolute;
  z-index:9;
  left:50%;
  bottom:52px;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:auto 72px auto;
  align-items:center;
  gap:14px;
  font-size:8px;
  letter-spacing:.22em;
  color:#f2e5c0;
  transition:color .25s,transform .25s;
}
.mosaic-enter i{display:block;width:72px;height:1px;background:linear-gradient(90deg,var(--gold2),transparent)}
.mosaic-enter b{font-size:18px;font-weight:400;animation:enterArrow 1.35s ease-in-out infinite}
.mosaic-enter:hover{color:#fff;transform:translateX(-50%) translateY(3px)}
@keyframes enterArrow{50%{transform:translateY(5px);opacity:.55}}

/* Let the nav float over the first image wall, then regain its dark glass. */
.topbar{transition:background .35s,border-color .35s,backdrop-filter .35s}
body:not(.has-scrolled) .topbar{background:linear-gradient(180deg,rgba(2,3,4,.58),transparent);border-bottom-color:transparent;backdrop-filter:none}

@media(max-width:900px){
  .mosaic-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:2px}
  .mosaic-shade:after{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),rgba(255,255,255,.025) calc(33.333% - 1px),rgba(255,255,255,.025) 33.333%)}
  .mosaic-title-stage{top:48%;width:94vw}
  .mosaic-title{display:block;line-height:.73}
  .mosaic-title-authorial{font-size:20vw;letter-spacing:-.065em}
  .mosaic-title-ai{display:block;font-size:25vw;margin-top:.07em}
  .mosaic-kicker{max-width:80vw;margin:0 auto 3vh;line-height:1.6}
  .mosaic-phrase-window{height:72px;margin-top:2.8vh}
  .mosaic-phrase{font-size:clamp(18px,5.6vw,29px);line-height:1.08;padding:0 6vw}
  .mosaic-thesis{max-width:82vw;font-size:17px}
  .mosaic-meta{left:18px;right:18px;bottom:16px;font-size:7px}
  .mosaic-meta span:first-child{display:none}
  .mosaic-enter{bottom:42px}
}

@media(prefers-reduced-motion:reduce){
  .mosaic-layer,.mosaic-title-authorial,.mosaic-title-ai,.mosaic-kicker,.mosaic-phrase,.mosaic-thesis,.mosaic-enter b{animation:none!important;transition:none!important}
}

/* The v3 opening above is preserved. The rest is the Convergence reading experience. */
:root{--sage:#c8d5c5;--wine:#34211f;--line:rgba(241,211,142,.18);--serif:Georgia,'Times New Roman',serif}
[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold2);outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}button{border-radius:0}a,button,summary{touch-action:manipulation}section[id],article[id]{scroll-margin-top:80px}h2,h3,p{overflow-wrap:break-word}h2,h3{font-weight:400}em{font-weight:400}img{height:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:2000;padding:16px;background:var(--gold2);color:#080a0c}.skip-link:focus{top:12px}.folio,.small-label,.field-index{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.17em;line-height:1.7;text-transform:uppercase}.folio{color:var(--gold2)}.handwritten{font-family:var(--serif);font-style:italic}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding-bottom:9px;font-size:12px;line-height:1.6}.text-link span{font-size:18px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.section-heading h2{font-family:var(--serif);font-size:clamp(44px,6.4vw,104px);line-height:.95;letter-spacing:-.055em;margin:25px 0}.section-heading h2 em{color:var(--gold2)}.section-heading>p{font-size:16px;line-height:1.8;max-width:600px;color:var(--muted)}
.topbar{gap:20px}.topbar nav{gap:22px;margin-left:auto;font-size:9px;align-items:center}.topbar .brand{white-space:nowrap;font-size:10px;letter-spacing:.14em}.nav-cta{background:var(--gold2);color:#111!important;padding:12px 15px}.nav-cta span{margin-left:12px}.nav-tools{display:flex;gap:12px}.nav-tools button{background:none;border:0;padding:10px 0;font-size:9px;color:#bcb9ad;white-space:nowrap}.nav-tools #menuToggle{display:none}.motion-paused *{animation-play-state:paused!important}.cursor-orbit{left:-100px;top:-100px}.noise{opacity:.07}.mosaic-title{margin:0}.film-section{padding:130px 6vw 100px;grid-template-columns:.8fr 1.6fr;align-items:center;gap:4vw;background:radial-gradient(ellipse at 85% 40%,#161d22,#090c0e 65%)}.film-heading h2{font-size:clamp(46px,5.6vw,91px);line-height:.9;letter-spacing:-.055em}.film-heading h2 em{color:var(--gold2)}.film-heading p{font-size:15px}.film-heading .eyebrow{font-size:9px}.film-heading .text-link{color:var(--gold2);margin-top:14px}.film-note{grid-column:2;color:#a9a69d;font-size:10px;margin:0;line-height:1.8}.film-chrome{font-size:7px}.film-shell{box-shadow:0 25px 80px #0003}
.entrances{background:var(--paper);color:#28231c}.entrance-heading{padding:110px 6vw 70px}.entrance-heading .folio{color:#736245}.entrance-heading h2 em{color:#897142}.entrance-heading>p{color:#675f53}.path{display:grid;grid-template-columns:1fr 1.15fr;min-height:700px;position:relative;border-top:1px solid #65563938;gap:7vw;padding:85px 6vw}.path-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:560px}.path-label{display:flex;align-items:center;gap:20px;letter-spacing:.17em;font-size:9px}.path-label>span{font-family:var(--serif);font-size:38px;font-style:italic}.path h3{font-family:var(--serif);font-size:clamp(46px,5.2vw,84px);line-height:.94;letter-spacing:-.055em;margin:24px 0 25px}.path h3 em{color:#8b713c}.path-copy>p{font-size:15px;line-height:1.8;max-width:440px;color:#605849}.path-copy>.path-audience{font-size:11px;letter-spacing:.015em;line-height:1.7;padding-bottom:15px;margin:0;color:#71613f}.path-outcome{max-width:440px;border-top:1px solid #83725450;margin:24px 0 28px;padding-top:16px}.path-outcome>span{font-size:8px;letter-spacing:.2em}.path-outcome p{font-size:13px;line-height:1.7;margin-bottom:0}.path-cta{display:flex;align-items:center;gap:24px;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:12px;line-height:1.7;transition:gap .2s}.path-cta:hover{gap:32px}.path-cta span{font-size:20px}.quiet-link{font-size:10px;margin-top:16px;line-height:1.8;opacity:.7}.path-art{margin:0;align-self:center;position:relative;min-width:0}.path-art .image-frame{overflow:hidden}.path-art img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s ease}.path-art:hover img{transform:scale(1.02)}.path-art figcaption{font-size:8px;letter-spacing:.14em;line-height:1.8;margin-top:15px;opacity:.65}.dream-art{transform:rotate(-2deg)}.dream-art .image-frame{aspect-ratio:1.17;box-shadow:20px 24px 0 #b4a6893d}.dream-art .handwritten{position:absolute;bottom:65px;left:-32px;padding:15px 24px;background:#eee6d3;box-shadow:0 4px 25px #0002;font-size:23px;transform:rotate(-4deg)}.path-resistance{background:#101a18;color:#e4eadb;grid-template-columns:1.15fr 1fr}.path-resistance h3 em{color:#c5d9b4}.path-resistance .path-copy>p{color:#acb9ac}.path-resistance .path-copy>.path-audience{color:#c5d9b4}.path-resistance .path-outcome{border-color:#c5d9b44a}.resistance-art .image-frame{aspect-ratio:1.15;border-radius:46% 46% 2px 2px;box-shadow:0 0 0 1px #a4c39e25}.resistance-art img{object-position:50% 30%}.orbit-stamp{position:absolute;right:-24px;bottom:60px;border:1px solid #cad8ad;border-radius:50%;width:124px;height:124px;display:grid;place-content:center;text-align:center;font-size:11px;letter-spacing:.2em;line-height:1.7;transform:rotate(12deg);background:#101a18ee}.path-war{background:#291d1c;color:#f0e3d5}.path-war h3 em{color:#e8b990}.path-war .path-copy>p{color:#c0aba2}.path-war .path-copy>.path-audience{color:#e8b990}.path-war .path-outcome{border-color:#e8b99044}.war-art .image-frame{aspect-ratio:1.15;clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,10% 100%,0 90%)}.war-art img{object-position:50%}.specimen-tag{position:absolute;right:-16px;bottom:56px;padding:16px;font-size:8px;letter-spacing:.14em;line-height:1.9;background:var(--paper);color:#302320;transform:rotate(3deg);box-shadow:0 0 0 7px #291d1c}
.atlas-section{padding:115px 6vw;background:var(--paper);color:#262822}.atlas-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:0 9vw;align-items:end}.atlas-heading .folio{grid-column:1/-1;color:#68725b}.atlas-heading h2{margin-bottom:15px}.atlas-heading h2 em{color:#6d785e}.atlas-heading>p{color:#626557;max-width:440px;padding-bottom:8px}.engine{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;padding:65px 0 70px;border-bottom:1px solid #8c90734a;gap:20px}.engine article{min-width:0;padding:28px 0 0;border-top:1px solid #898c6b66}.engine-number{font-family:var(--serif);font-style:italic;font-size:34px;color:#6e785c}.engine h3{font-family:var(--serif);font-size:32px;letter-spacing:-.03em;margin:18px 0}.engine p{font-size:13px;line-height:1.8;max-width:310px;color:#626557}.engine-caption{font-size:8px;letter-spacing:.12em;line-height:1.7}.engine-arrow{font-size:26px;color:#7b805f}.lens-heading{display:flex;justify-content:space-between;align-items:center;padding:48px 0 22px}.lens-heading .folio{color:#667258}.lens-heading p{font-family:var(--serif);font-style:italic;font-size:23px;margin:0}.narrative-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #93957c66}.narrative-grid article{padding:28px 24px 35px;position:relative;min-width:0;background:#cbd7d24d}.narrative-grid article+article{border-left:1px solid #93957c66}.narrative-grid article:nth-child(2){background:#c9d3bc66}.narrative-grid article:nth-child(3){background:#d5c6d24d}.narrative-grid article:nth-child(4){background:#dfc6b74d}.lens-symbol{font-size:34px;display:block;margin-bottom:42px;font-family:var(--serif)}.grid-index{font-size:8px;letter-spacing:.12em;line-height:1.8}.narrative-grid h3{font-family:var(--serif);font-size:28px;line-height:1.05;letter-spacing:-.035em;margin:18px 0;min-height:58px}.narrative-grid p{font-size:12px;line-height:1.8;color:#626157;min-height:85px}.grid-example{margin-top:22px;border-top:1px solid #84847055;padding-top:20px;font-family:var(--serif);font-size:16px;line-height:1.5;font-style:italic}.matrix-note{font-size:10px;color:#736e60;line-height:1.8;margin-top:18px}.comparison{display:grid;grid-template-columns:1fr 1.7fr;gap:5vw;margin:85px 0 32px}.comparison-heading .folio{color:#747a60}.comparison-heading h3{font-family:var(--serif);font-size:clamp(32px,3.3vw,50px);line-height:1;letter-spacing:-.04em;margin:20px 0}.comparison-heading h3 em{color:#7d7355}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.7;text-align:left}thead th{font-weight:400;padding:0 18px 15px;text-transform:uppercase;font-size:8px;letter-spacing:.1em}tbody th,tbody td{padding:17px 18px;vertical-align:top;border-top:1px solid #90917c66}tbody th{font-weight:400;width:29%}tbody td:nth-child(2){color:#88877c}tbody td:nth-child(3),thead th:nth-child(3){background:#c8d0b833;color:#48513a;width:38%}.atlas-section>.text-link{color:#576044;font-size:11px}.journey{margin-top:35px;border-bottom:1px solid #92987b66}.journey summary{padding:20px 0;cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between}.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:18px 0 28px}.journey-grid h4{font-family:var(--serif);font-size:21px;font-weight:400;margin:0 0 12px}.journey-grid p{font-size:11px;line-height:1.8;color:#636854}.journey-grid span{font-size:9px;color:#68725b;display:block;margin-bottom:20px}
.playground-section{padding:110px 6vw;background:#0a1012}.playground-section>.section-heading{max-width:950px}.playground{margin-top:65px;display:grid;grid-template-columns:1.3fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:4vw;align-items:center}.playground-art{position:relative;min-width:0;padding:45px 0}.playground-art img{aspect-ratio:1.25;object-fit:cover;transition:opacity .18s ease}.specimen-chrome{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#9aa4a2;padding:16px 0 0}.specimen-chrome b{font-weight:400}.playground-copy{padding:45px 0}.small-label{color:#8a9794;margin:0 0 20px}.rule-buttons{display:flex;flex-wrap:wrap;gap:8px}.rule-buttons button{border:1px solid #a1bdb53a;background:transparent;font-size:10px;padding:12px 14px;line-height:1.5;transition:color .2s,background .2s}.rule-buttons button:hover{border-color:var(--gold2)}.rule-buttons button.active{background:#d8d9bf;color:#17201c}.experiment-output h3{font-family:var(--serif);font-size:clamp(28px,3vw,48px);line-height:1.05;letter-spacing:-.03em;margin:34px 0 20px}.experiment-output p{font-size:13px;line-height:1.9;color:#a9b0aa;max-width:460px}.experiment-output .handwritten{display:block;margin-top:25px;font-size:24px;color:var(--gold2);line-height:1.5}.playground-footnote{margin-top:34px;font-size:9px;color:#83908a;line-height:1.9;max-width:300px}
.story-section{background:#0c0b09;padding:115px 5vw 70px;border-top:1px solid var(--line);position:relative}.story-header{display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;align-items:end;margin:0 1vw 65px}.story-header h2{font-family:var(--serif);font-size:clamp(53px,8vw,126px);line-height:.86;letter-spacing:-.055em;margin:30px 0 0}.story-header h2 em{color:var(--gold2)}.story-intro{max-width:420px}.story-intro>p:first-child{font-family:var(--serif);font-size:23px;line-height:1.5;color:#ddd1b8}.story-intro>p{font-size:12px;line-height:1.9;color:#a79d87}.story-intro .text-link{font-size:10px;margin-top:15px;color:var(--gold2)}.story-reader{border:1px solid #8c744637;background:radial-gradient(ellipse at 10% 65%,#2d221144,#0c0b09 65%)}.reader-topline{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #8c744637;font-size:8px;letter-spacing:.14em;color:#a49474}.reader-view{display:flex;gap:14px;flex-shrink:0}.reader-view button{font-size:9px;letter-spacing:.02em;padding:8px 0;border:0;background:none;color:#908471;border-bottom:1px solid transparent}.reader-view button.active{color:var(--gold2);border-bottom-color:var(--gold2)}.reader-stage{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:4vw;padding:45px 35px;min-height:510px}.reader-image-button{padding:0;border:1px solid #9b825a2b;background:none;cursor:zoom-in;min-width:0;box-shadow:0 20px 60px #0005;transition:transform .4s}.reader-image-button:hover{transform:translateY(-3px)}.reader-image-button img{width:100%;height:auto;object-fit:contain}.reader-words{min-width:0;padding:15px 10px}.reader-kicker{font-size:8px;letter-spacing:.14em;line-height:1.9;color:#a99b7e}.reader-words h3{font-family:var(--serif);font-size:clamp(30px,3.1vw,51px);line-height:1.03;letter-spacing:-.035em;margin:20px 0 26px;color:#f1d38e}.reader-words #readerText p{font-family:var(--serif);font-size:clamp(20px,2vw,31px);line-height:1.45;color:#e4dccb;margin:0 0 17px;white-space:pre-line}.original-text{font-size:11px;color:#a99b7e;line-height:1.8;margin-top:24px}.original-text summary{cursor:pointer;list-style:none;border-bottom:1px solid #8c744637;padding-bottom:8px;display:inline-block}.original-text summary:after{content:' +';margin-left:20px}.original-text[open] summary:after{content:' −'}.original-text div{padding:6px 0;font-family:var(--serif);font-size:16px;white-space:pre-line}.reader-controls{border-top:1px solid #8c744637;padding:20px 24px;display:flex;justify-content:space-between;gap:25px;align-items:center}.reader-controls>button{font-size:12px;background:none;border:0;color:var(--gold2);padding:10px 0;display:flex;gap:15px;align-items:center;flex-shrink:0}.reader-controls>button:disabled{opacity:.3}.chapter-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.chapter-dots button{width:29px;height:29px;border:1px solid #a18a572e;background:none;font-size:8px;color:#98896e;padding:0;transition:background .2s,color .2s}.chapter-dots button.active{background:#d9ad59;color:#111}.reader-hint{text-align:center;font-size:9px;line-height:1.7;color:#988e7c;margin:0 0 22px;padding:0 15px}.story-invitation{display:flex;justify-content:space-between;align-items:center;margin:45px 1vw 0;gap:25px}.story-invitation p{font-family:var(--serif);font-size:clamp(20px,2.3vw,36px);font-style:italic;color:#c4b597}.story-invitation a{font-size:12px;border-bottom:1px solid var(--gold2);padding-bottom:12px;color:var(--gold2);display:flex;gap:20px}.story-complete{padding:0 30px}.story-chapter{display:grid;grid-template-columns:1.25fr 1fr;gap:5vw;padding:55px 0;border-bottom:1px solid #8c744637;align-items:center}.story-chapter:last-child{border-bottom:0}.chapter-art{display:block;cursor:zoom-in;min-width:0}.chapter-art img{width:100%;height:auto;object-fit:contain}.chapter-words h3{font-family:var(--serif);font-size:32px;letter-spacing:-.03em;line-height:1.1;margin:20px 0;color:var(--gold2)}.chapter-words>p{font-family:var(--serif);font-size:21px;line-height:1.5;margin:0 0 15px;white-space:pre-line}
.field-section{padding:110px 6vw;background:#151a17}.field-section .section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:0 8vw;align-items:end}.field-section .section-heading>.folio{grid-column:1/-1}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 30px;margin-top:65px}.field-card{display:block;min-width:0}.field-card>div{aspect-ratio:1.78;overflow:hidden;border:1px solid #b49c604a;background:#000;transition:border-color .3s,transform .3s}.field-card:hover>div{transform:translateY(-4px);border-color:#cbb783}.field-card img{width:100%;height:100%;object-fit:contain}.field-index{display:block;font-size:8px;margin-top:22px;color:#b2ac97}.field-card h3{font-family:var(--serif);font-size:30px;line-height:1.1;letter-spacing:-.03em;margin:10px 0;display:flex;justify-content:space-between;gap:15px}.field-card h3>span{font-family:Arial,sans-serif;font-size:20px}.field-card p{font-size:12px;color:#a6afa3;line-height:1.8;max-width:410px}.resistance-note{display:grid;grid-template-columns:155px 1fr;gap:45px;align-items:center;margin-top:80px;border-top:1px solid #b49c604a;padding-top:55px}.resistance-note>a{display:block;cursor:zoom-in}.resistance-note img{aspect-ratio:1;object-fit:contain}.resistance-note p{font-family:var(--serif);font-size:36px;line-height:1.15;letter-spacing:-.03em;margin:14px 0 22px}.resistance-note em{color:var(--gold2)}.resistance-note .text-link{font-size:10px;color:#c6bd9f}
.workshop-section{padding:110px 6vw;background:#ede7d9;color:#332c24}.workshop-section .folio{color:#7f6d4c}.workshop-section .section-heading h2 em{color:#907440}.workshop-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.workshop-steps article{border-top:1px solid #9d896f66;padding-top:25px}.workshop-steps span{font-size:10px;letter-spacing:.12em;color:#89724b}.workshop-steps h3{font-family:var(--serif);font-size:33px;line-height:1.05;letter-spacing:-.04em;margin:30px 0 16px;max-width:260px}.workshop-steps p{font-size:13px;line-height:1.8;color:#706555;max-width:330px}.workshop-note{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.5;max-width:720px;margin:60px 0 0;color:#817152}.start-section{background:#0d1314;display:grid;grid-template-columns:1fr 1.1fr;gap:9vw;padding:120px 6vw}.start-copy h2{font-family:var(--serif);font-size:clamp(57px,7.1vw,115px);line-height:.88;letter-spacing:-.055em;margin:35px 0}.start-copy h2 em{color:var(--gold2)}.start-copy>p{font-size:14px;line-height:1.9;color:#a8ada5}.start-contact{display:flex;flex-direction:column;gap:15px;margin-top:65px}.start-contact>span{font-size:8px;letter-spacing:.18em;color:#8f968c}.start-contact a{font-family:var(--serif);font-size:22px;color:#d3c4a0;overflow-wrap:anywhere}.brief-form{padding-top:10px;min-width:0}.brief-form fieldset{padding:0;margin:0 0 38px;border:0;min-width:0}.brief-form legend{font-family:var(--serif);font-size:24px;margin-bottom:22px;color:#e0d8c5}.brief-paths{display:grid;gap:6px}.brief-paths label{position:relative;display:block;cursor:pointer}.brief-paths input{position:absolute;opacity:0;width:1px;height:1px}.brief-paths label>span{display:flex;align-items:center;gap:20px;border:1px solid #c0c8b22e;padding:17px 20px;line-height:1.7;font-size:12px;color:#9da89c;transition:border-color .2s,color .2s,background .2s}.brief-paths b{font-size:10px;letter-spacing:.1em;font-weight:400}.brief-paths input:checked+span{border-color:#dec394;background:#bfa76c12;color:#e7d7b2}.brief-paths input:checked+span:after{content:'↗';margin-left:auto;font-size:18px}.brief-paths input:focus-visible+span{outline:2px solid var(--gold2);outline-offset:2px}.input-label{display:block;font-size:12px;line-height:1.8;margin:24px 0 12px;color:#d2cfbc}.input-label>span{display:block;font-size:10px;color:#889489}.brief-form textarea,.brief-form select{background:#ffffff03;color:#dadac8;border:1px solid #c0c8b23a;width:100%;padding:18px;font-size:13px;line-height:1.8;max-width:100%;border-radius:0}.brief-form textarea{resize:vertical;min-height:125px}.brief-form textarea::placeholder{color:#768276}.brief-form select{appearance:auto}.brief-form select option{background:#0d1314;color:#dadac8}.brief-actions{display:flex;gap:20px;margin-top:30px;align-items:center}.send-brief{background:var(--gold2);border:1px solid var(--gold2);color:#151a16;display:flex;justify-content:space-between;gap:25px;padding:18px 22px;font-size:12px;line-height:1.8;flex:1;transition:background .2s}.send-brief:hover{background:#f8e4b8}.copy-brief{border:0;border-bottom:1px solid #ada489;background:none;padding:10px 0;color:#ada489;white-space:nowrap;font-size:10px}.brief-note,.brief-status{font-size:10px;line-height:1.8;margin:17px 0 0;color:#879387}.brief-status{color:var(--gold2);min-height:18px}.questions-section{padding:75px 6vw 90px;display:grid;grid-template-columns:1fr 1.1fr;gap:9vw;background:#0d1314;border-top:1px solid #a4ae9826}.questions-section h2{font-family:var(--serif);font-size:43px;line-height:1;letter-spacing:-.04em;margin:10px 0}.questions-section h2 em{color:var(--gold2)}.questions-section details{border-bottom:1px solid #a4ae9826}.questions-section summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;padding:23px 0;list-style:none;font-size:13px;line-height:1.7}.questions-section summary::-webkit-details-marker{display:none}.questions-section summary>span{font-size:20px;color:#baab85}.questions-section details[open] summary>span{transform:rotate(45deg)}.questions-section details p{font-size:13px;line-height:1.9;color:#a4ae98;padding:0 0 20px;margin:0;max-width:450px}.closing-section{padding:125px 6vw 115px;background:var(--paper);color:#30271d;position:relative;overflow:hidden}.closing-section .folio{color:#806c43}.closing-section>p{font-family:var(--serif);font-size:clamp(68px,12.3vw,194px);line-height:.82;letter-spacing:-.06em;margin:45px 0 40px;position:relative;z-index:1}.closing-section>p em{color:#9a7b44}.closing-cta{border-bottom:1px solid #8c7446;padding-bottom:14px;display:inline-flex;align-items:center;gap:70px;font-size:13px;position:relative;z-index:2}.closing-star{position:absolute;right:2vw;top:20%;font-size:36vw;line-height:1;color:#a4906640;font-family:var(--serif);transform:rotate(15deg);pointer-events:none}footer{padding:35px 4vw;min-height:110px;display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid #b6a88533;background:#080b0c;color:#9c9e91;font-size:9px;letter-spacing:.06em}footer .brand{font-size:9px;letter-spacing:.1em}footer>div{display:flex;gap:22px;line-height:1.9}
.art-dialog{position:fixed;inset:0;width:96vw;max-width:1800px;height:94dvh;max-height:100dvh;padding:0;background:#080c0d;color:var(--paper);border:1px solid #a38b54;overflow:hidden;z-index:2000}.art-dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}.dialog-chrome{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #a38b544a;padding:14px 20px;height:65px;font-size:11px}.dialog-chrome>div{display:flex;gap:20px;flex-shrink:0}.dialog-chrome button{padding:9px 0;border:0;background:none;color:var(--gold2);font-size:11px}.dialog-image-wrap{overflow:auto;height:calc(100% - 105px);display:flex;align-items:center;justify-content:center;padding:15px}.dialog-image-wrap img{object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto}.art-dialog.zoomed .dialog-image-wrap{display:block}.art-dialog.zoomed .dialog-image-wrap img{max-width:none;max-height:none;width:max(100%,1600px);height:auto;margin:0 auto}.dialog-hint{text-align:center;margin:0;padding:10px 15px;font-size:9px;color:#aa9e80;line-height:1.8;height:40px}.noscript-note{padding:20px;color:var(--gold2)}
@media(min-width:1650px){.path{gap:9vw}.path-copy{max-width:650px}.path-copy>p,.path-outcome{max-width:500px}.path-art .image-frame{aspect-ratio:1.4}}
@media(max-width:1150px){.topbar nav{gap:16px;font-size:8px}.topbar .brand{font-size:9px}.path{gap:5vw}.narrative-grid article{padding:25px 18px}.narrative-grid h3{font-size:24px}.reader-stage{padding:35px 25px;gap:3vw;min-height:430px}.chapter-dots button{width:23px;height:27px}.reader-controls{gap:12px}.reader-topline{font-size:7px}.rule-buttons button{padding:10px}.field-card h3{font-size:26px}.comparison{gap:3vw}.start-section{gap:6vw}.questions-section{gap:6vw}footer{flex-wrap:wrap}}
@media(max-width:900px){.topbar{height:64px;padding:0 22px}.topbar nav{display:none;position:absolute;top:64px;left:0;right:0;padding:28px 22px;background:#090e0ff5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px;font-size:11px}.topbar nav.is-open{display:flex}.nav-tools #menuToggle{display:block;color:var(--gold2);font-size:10px}.nav-tools #menuToggle span{margin-left:12px}.nav-tools #motionToggle{display:block;font-size:8px}.film-section{grid-template-columns:1fr;padding:85px 24px;gap:35px}.film-heading h2{font-size:clamp(47px,9vw,77px)}.film-heading p{max-width:600px}.film-note{grid-column:1}.film-chrome{font-size:6px}.film-chrome .live-dot{display:none}.section-heading h2{font-size:clamp(45px,8.2vw,78px)}.entrance-heading{padding:80px 24px 45px}.path{padding:65px 24px;gap:45px;min-height:0;grid-template-columns:1fr 1fr}.path h3{font-size:clamp(40px,6vw,61px)}.path-copy>p{font-size:13px}.path-copy>.path-audience{font-size:10px}.path-outcome p{font-size:11px}.path-cta{font-size:10px;gap:12px}.path-art figcaption{font-size:7px}.dream-art .handwritten{font-size:18px;left:-10px;bottom:45px;padding:12px}.orbit-stamp{width:90px;height:90px;font-size:8px;right:-10px;bottom:45px}.specimen-tag{font-size:6px;padding:12px;right:-10px;bottom:40px}.atlas-section,.playground-section,.field-section,.workshop-section{padding:80px 24px}.atlas-heading{display:block}.atlas-heading>p{max-width:600px}.engine{padding:40px 0 55px;gap:12px;grid-template-columns:1fr 20px 1fr 20px 1fr}.engine h3{font-size:25px;line-height:1.1}.engine p{font-size:11px}.engine-caption{font-size:7px}.engine-arrow{font-size:20px}.narrative-grid{grid-template-columns:repeat(2,1fr)}.narrative-grid article:nth-child(3){border-left:0}.narrative-grid article:nth-child(n+3){border-top:1px solid #93957c66}.narrative-grid h3{min-height:0;font-size:28px}.narrative-grid p{min-height:58px}.lens-symbol{margin-bottom:25px}.comparison{grid-template-columns:1fr;margin:55px 0 35px}.journey-grid{grid-template-columns:repeat(3,1fr)}.playground{gap:30px;margin-top:40px}.playground-art img{aspect-ratio:.85}.experiment-output h3{font-size:29px}.experiment-output p{font-size:12px}.experiment-output .handwritten{font-size:20px}.story-section{padding:80px 20px 55px}.story-header{gap:4vw}.story-header h2{font-size:clamp(47px,7.5vw,70px)}.story-intro>p:first-child{font-size:20px}.reader-topline{padding:16px}.reader-topline>span{max-width:160px;line-height:1.7}.reader-stage{grid-template-columns:1fr 1fr;padding:30px 20px;min-height:350px}.reader-words h3{font-size:28px}.reader-words #readerText p{font-size:20px}.reader-controls{padding:15px}.reader-controls>button span{display:none}.chapter-dots{gap:4px}.chapter-dots button{width:24px;height:27px;font-size:7px}.reader-kicker{font-size:7px}.story-invitation{margin-top:30px}.story-invitation a{font-size:10px;white-space:nowrap}.field-section .section-heading{display:block}.field-grid{gap:40px 22px;margin-top:40px}.field-card h3{font-size:25px}.field-card p{font-size:11px}.workshop-steps{gap:25px;margin-top:40px}.workshop-steps h3{font-size:27px}.workshop-steps p{font-size:12px}.start-section{padding:85px 24px;gap:40px}.start-copy h2{font-size:clamp(50px,7.5vw,71px)}.brief-form legend{font-size:20px}.brief-paths label>span{padding:14px;font-size:11px}.brief-actions{gap:15px}.send-brief{padding:16px;font-size:10px}.questions-section{padding:60px 24px;gap:40px}.questions-section h2{font-size:32px}.closing-section{padding:90px 24px}.closing-section>p{font-size:14vw}.closing-star{top:25%;font-size:42vw}.story-chapter{grid-template-columns:1.2fr 1fr;gap:30px}.chapter-words>p{font-size:19px}.chapter-words h3{font-size:27px}.story-complete{padding:0 20px}}
@media(max-width:650px){.topbar .brand{font-size:10px;gap:9px}.brand-mark{width:27px;height:27px}.nav-tools{gap:15px}.nav-tools #motionToggle{font-size:9px}.film-heading .eyebrow{font-size:8px}.film-section{padding-top:75px}.film-heading h2{font-size:54px}.film-shell{margin:0 -6px}.film-chrome{height:32px}.entrance-heading h2{font-size:12.3vw}.entrance-heading>p{font-size:14px}.path{grid-template-columns:1fr;padding:50px 24px 65px;gap:42px}.path h3{font-size:13vw;margin-top:22px}.path-copy{max-width:none}.path-copy>p{font-size:14px}.path-copy>.path-audience{font-size:11px}.path-outcome{margin-top:18px}.path-outcome p{font-size:12px}.path-cta{font-size:11px}.path-art{max-width:100%;width:100%}.dream-art .image-frame{aspect-ratio:1.35;box-shadow:10px 15px 0 #b4a6893d}.dream-art .handwritten{font-size:21px;bottom:50px}.path-resistance .path-copy{grid-row:1}.resistance-art .image-frame{aspect-ratio:1.2}.path-war h3 br:nth-child(2){display:none}.war-art .image-frame{aspect-ratio:1.25}.specimen-tag{font-size:7px}.atlas-heading h2{font-size:12vw}.atlas-heading>p{font-size:14px}.engine{grid-template-columns:1fr;gap:0;padding-top:30px}.engine article{display:grid;grid-template-columns:40px 1fr;gap:0 18px;padding:26px 0}.engine-number{grid-row:1/4;font-size:29px}.engine h3{font-size:28px;margin:0 0 10px}.engine p{font-size:13px;margin:0 0 17px;max-width:none}.engine-caption{font-size:8px}.engine-arrow{transform:rotate(90deg);width:40px;text-align:center;justify-self:center;margin:0 0 20px}.engine article:first-child{border-top:0}.lens-heading{display:block;padding:30px 0 25px}.lens-heading p{font-size:22px;margin-top:10px}.narrative-grid article{padding:23px 16px 26px}.narrative-grid h3{font-size:24px;min-height:50px}.narrative-grid p{font-size:11px;min-height:105px}.grid-index{font-size:7px}.grid-example{font-size:15px}.grid-example br{display:none}.lens-symbol{font-size:29px;margin-bottom:28px}.comparison-heading h3{font-size:39px}table{font-size:10px;line-height:1.7;min-width:320px}thead th{font-size:7px}tbody th,tbody td,thead th{padding:15px 9px}.journey-grid{grid-template-columns:1fr;gap:0}.journey-grid article{display:grid;grid-template-columns:35px 1fr;gap:0 12px;padding:16px 0;border-top:1px solid #92987b33}.journey-grid span{grid-row:1/3}.journey-grid h4{font-size:24px}.journey-grid p{margin:0;font-size:12px}.playground-section h2{font-size:11.3vw}.playground-section .section-heading>p{font-size:14px}.playground{grid-template-columns:1fr;gap:0}.playground-art{padding:25px 0 0}.playground-art img{aspect-ratio:1.3}.playground-copy{padding:32px 0}.rule-buttons{gap:6px}.rule-buttons button{font-size:10px}.experiment-output h3{font-size:34px}.experiment-output p{font-size:13px}.experiment-output .handwritten{font-size:24px}.playground-footnote{max-width:100%;margin-top:28px}.story-header{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.story-header h2{font-size:14vw}.story-intro{max-width:none}.story-intro>p:first-child{font-size:23px}.story-intro>p{font-size:12px}.reader-topline{align-items:start;font-size:6px;padding:14px 12px;gap:15px}.reader-view{gap:10px}.reader-view button{font-size:8px}.reader-stage{grid-template-columns:1fr;gap:0;padding:20px 14px 12px}.reader-words{padding:25px 8px 10px;min-height:270px}.reader-words h3{font-size:34px;margin:16px 0 20px}.reader-words #readerText p{font-size:23px;line-height:1.45}.reader-kicker{font-size:8px}.original-text{margin-top:22px}.reader-controls{gap:7px;padding:16px 10px}.chapter-dots{gap:4px;max-width:260px}.chapter-dots button{width:26px;height:27px;font-size:8px}.reader-controls>button{padding:8px 3px;font-size:17px}.reader-hint{font-size:8px;max-width:290px;margin:0 auto 20px}.story-invitation{display:block}.story-invitation p{font-size:26px;line-height:1.3}.story-invitation a{display:inline-flex;font-size:12px;margin-bottom:10px}.story-complete{padding:0 15px}.story-chapter{grid-template-columns:1fr;gap:22px;padding:32px 0}.chapter-words{padding:0 8px}.chapter-words>p{font-size:23px}.chapter-words h3{font-size:30px}.field-section .section-heading>p{font-size:14px}.field-grid{grid-template-columns:1fr;gap:42px}.field-card h3{font-size:29px}.field-card p{font-size:13px}.field-card>div{aspect-ratio:auto}.field-card img{height:auto;object-fit:contain}.resistance-note{grid-template-columns:95px 1fr;gap:20px;padding-top:35px;margin-top:50px}.resistance-note .folio{font-size:8px}.resistance-note p{font-size:26px}.resistance-note .text-link{font-size:9px;gap:12px}.workshop-steps{grid-template-columns:1fr;gap:23px}.workshop-steps article{display:grid;grid-template-columns:35px 1fr;gap:0 16px;padding-top:25px}.workshop-steps span{grid-row:1/3;padding-top:6px}.workshop-steps h3{font-size:30px;margin:0 0 16px;max-width:none}.workshop-steps p{font-size:13px;margin:0;max-width:none}.workshop-note{font-size:21px;margin-top:35px}.start-section{grid-template-columns:1fr;gap:45px;padding:75px 24px 70px}.start-copy h2{font-size:15vw}.start-copy h2 br:nth-child(2){display:none}.start-contact{margin-top:32px}.start-contact a{font-size:21px}.brief-form legend{font-size:26px}.brief-paths label>span{font-size:12px;padding:16px}.brief-actions{gap:16px}.send-brief{font-size:11px;padding:17px 15px;gap:15px}.questions-section{grid-template-columns:1fr;gap:30px;padding:55px 24px 70px}.questions-section h2{font-size:43px}.questions-section summary{font-size:13px}.closing-section{padding:75px 24px}.closing-section .folio{font-size:8px}.closing-section>p{font-size:16.6vw;line-height:.9;margin:35px 0}.closing-star{top:42%;right:-25px;font-size:56vw}.closing-cta{gap:30px;font-size:12px}footer{padding:30px 24px;gap:25px;align-items:start}footer>div{flex-direction:column;gap:12px;width:100%;font-size:10px}footer .brand{font-size:8px}footer>span{position:absolute;right:24px;font-size:8px}.dialog-chrome{padding:10px 14px;font-size:9px;gap:10px;height:60px;line-height:1.5}.dialog-chrome>div{gap:12px}.dialog-chrome button{font-size:9px}.dialog-image-wrap{height:calc(100% - 105px);padding:8px}.dialog-hint{font-size:8px;padding:8px;height:45px}.art-dialog.zoomed .dialog-image-wrap img{width:1600px}.folio{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cursor-orbit{display:none}.nav-tools #motionToggle{display:none}}

@media(max-width:360px){.topbar{padding:0 16px;gap:10px}.topbar .brand{font-size:9px}.nav-tools{gap:10px}.nav-tools #motionToggle{font-size:8px}}

/* The fast archive opens into a quiet, full-composition exhibition. */
.mosaic-grid{transition:opacity 1.1s ease,transform 1.1s ease,filter 1.1s ease}
.mosaic-title-stage{transition:opacity .8s ease,transform 1.1s cubic-bezier(.16,.84,.24,1)}
.is-exposing .mosaic-grid{opacity:.08;transform:scale(.97);filter:blur(5px)}
.is-exposing .mosaic-title-stage{opacity:0;transform:translate(-50%,-58%) scale(.86)}
.is-exposing .mosaic-flash{opacity:0!important}
.hero-exhibition{position:absolute;inset:0;z-index:7;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s ease,visibility 0s .9s;isolation:isolate;overflow:clip}
.is-exposing .hero-exhibition{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .9s ease,visibility 0s}
.exhibition-ambient{position:absolute;inset:-8%;background-position:center;background-size:cover;filter:blur(45px) saturate(.75);opacity:.2;transition:background-image .7s;pointer-events:none}
.exhibition-ambient:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent,#050708 82%)}
.exhibition-frame{position:absolute;inset:80px 4vw 145px;z-index:1;overflow:visible}
.exhibition-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity .7s ease;filter:none;transform-origin:center;will-change:opacity,transform}
.exhibition-image.is-current{opacity:1}
.exhibition-caption{position:absolute;z-index:2;left:3.2vw;bottom:95px;width:48%;text-shadow:0 2px 20px #000}
.exhibition-caption>span{font-size:8px;letter-spacing:.2em;line-height:1.8;color:#c0ae8e}
.exhibition-caption h2{font-family:var(--serif);font-size:clamp(20px,2.2vw,34px);line-height:1.1;letter-spacing:-.025em;margin:9px 0 0;color:var(--white)}
.exhibition-nav{position:absolute;z-index:2;right:3.2vw;bottom:95px;display:flex;align-items:center;gap:16px}
.exhibition-nav button{background:#090d108c;border:1px solid #bfa77b55;padding:10px 14px;line-height:1.6;color:var(--gold2);font-size:15px;min-width:44px;min-height:44px;backdrop-filter:blur(8px)}
.exhibition-nav #returnMosaic{border:0;background:none;font-size:9px;letter-spacing:.1em;padding:10px 0 10px 12px}
.exhibition-nav button:hover{color:#fff;border-color:var(--gold2)}
.exhibition-progress{position:absolute;left:3.2vw;right:3.2vw;bottom:82px;height:1px;background:#a6947140;z-index:2}
.exhibition-progress i{display:block;width:100%;height:100%;background:#e5c991;transform:scaleX(var(--artwork-progress,0));transform-origin:left;transition:transform .12s linear}
.hero-explore{position:absolute;right:3.2vw;bottom:48px;z-index:9;padding:10px 0;min-height:34px;border:0;background:none;color:#f2e5c0;font-size:8px;letter-spacing:.15em}
.hero-explore span{font-size:15px;margin-left:12px}
.is-exposing .hero-explore{display:none}
@media(max-width:900px){.exhibition-frame{inset:78px 18px 175px}.exhibition-caption{left:20px;bottom:123px;width:calc(100% - 40px)}.exhibition-caption h2{font-size:26px;margin-top:7px}.exhibition-caption>span{font-size:7px}.exhibition-nav{left:20px;right:20px;bottom:65px;justify-content:flex-start;gap:10px}.exhibition-nav button{min-width:42px;min-height:42px;padding:8px 12px}.exhibition-nav #returnMosaic{margin-left:auto;font-size:8px}.exhibition-progress{left:20px;right:20px;bottom:113px}.is-exposing .mosaic-enter{left:20px;bottom:19px;transform:none;font-size:7px;gap:10px;grid-template-columns:auto 42px auto}.is-exposing .mosaic-enter i{width:42px}.is-exposing .mosaic-enter b{font-size:14px}.is-exposing .mosaic-meta{bottom:22px;justify-content:flex-end;left:auto}.hero-explore{right:18px;bottom:37px;font-size:7px;letter-spacing:.08em}.hero-explore span{margin-left:8px;font-size:12px}}
@media(max-width:650px){.exhibition-caption h2{font-size:24px}.exhibition-frame{inset:76px 12px 179px}.hero-explore{bottom:14px;right:auto;left:18px}.is-exposing .mosaic-counter{font-size:6px}}
@media(max-height:540px) and (min-width:651px){.exhibition-frame{inset:73px 20px 118px}.exhibition-caption,.exhibition-nav{bottom:78px}.exhibition-caption h2{font-size:21px}.exhibition-progress{bottom:66px}.exhibition-caption>span{font-size:6px}.is-exposing .mosaic-enter{bottom:27px}.hero-explore{bottom:25px}.mosaic-meta{bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-exhibition,.mosaic-grid,.mosaic-title-stage,.exhibition-image,.exhibition-progress i{transition:none!important}.exhibition-progress{display:none}}

/* A portrait procession: full compositions, a quiet centre, and a seamless loop. */
.portrait-section{background:radial-gradient(ellipse at 50% 60%,#26312b55,transparent 65%),#101412;padding:80px 0 60px;border-top:1px solid #c1c7ac24;overflow:hidden}
.portrait-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:0 6vw 35px}
.portrait-heading .folio{color:#b8bda5;font-size:8px}
.portrait-heading h2{font-family:var(--serif);font-size:clamp(38px,4.7vw,73px);letter-spacing:-.045em;line-height:.98;margin:20px 0 0}
.portrait-heading h2 em{color:#d7c7a3}
.portrait-heading>p{font-size:12px;line-height:1.9;color:#acb3a5;margin:0 0 5px;max-width:310px}
.portrait-stage{position:relative;--portrait-width:clamp(245px,25vw,355px)}
.portrait-stage:before,.portrait-stage:after{content:'';position:absolute;top:0;bottom:0;width:9vw;z-index:2;pointer-events:none}
.portrait-stage:before{left:0;background:linear-gradient(90deg,#101412,transparent)}
.portrait-stage:after{right:0;background:linear-gradient(-90deg,#101412,transparent)}
.portrait-track{position:relative;display:flex;align-items:start;gap:30px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:24px max(6vw,calc((100% - var(--portrait-width))/2)) 20px;scrollbar-width:none;outline-offset:-4px;touch-action:pan-x pan-y pinch-zoom}
.portrait-track::-webkit-scrollbar{display:none}
.portrait-track.is-looped{padding-inline:0}
.portrait-track.is-resetting{scroll-snap-type:none}
.portrait-track.is-resetting .portrait-card{transition:none}
.portrait-track:focus-visible{outline:1px solid var(--gold2)}
.portrait-card{flex:0 0 var(--portrait-width);min-width:0;scroll-snap-align:center;scroll-snap-stop:always;opacity:.6;transform:scale(.9);transform-origin:50% 45%;transition:transform .85s cubic-bezier(.16,.84,.24,1),opacity .85s ease}
.portrait-card.is-current{opacity:1;transform:scale(1)}
.portrait-card>a{display:block;cursor:zoom-in}
.portrait-image{aspect-ratio:9/16;position:relative;overflow:hidden;background:#080b09;box-shadow:0 20px 50px #0006;border:1px solid #c4c6a32b}
.portrait-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.portrait-open{position:absolute;right:14px;bottom:14px;padding:9px 11px;background:#090d0ccc;backdrop-filter:blur(12px);border:1px solid #d5c7a338;font-size:7px;letter-spacing:.13em;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;color:#e2d8bf}
.portrait-card.is-current .portrait-open,.portrait-card>a:hover .portrait-open,.portrait-card>a:focus-visible .portrait-open{opacity:1;transform:none}
.portrait-label{display:flex;align-items:baseline;gap:15px;padding:17px 2px 0;color:#a8b1a0}
.portrait-label>span{font-size:8px;letter-spacing:.16em}
.portrait-label h3{font-family:var(--serif);font-size:20px;letter-spacing:-.015em;line-height:1.25;margin:0}
.portrait-card.is-current .portrait-label{color:#e1d8c0}
.portrait-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 6vw 0}
.portrait-footer>p{display:flex;align-items:center;gap:23px;margin:0;line-height:1.7;min-width:0}
.portrait-count{font-size:9px;letter-spacing:.14em;color:#d2c1a0;white-space:nowrap}
.portrait-current{font-size:10px;letter-spacing:.03em;color:#929e8e}
.portrait-controls{display:flex;align-items:center;gap:9px;flex-shrink:0}
.portrait-controls>button{background:none;border:1px solid #adbaa342;color:#e1d3b3;min-width:44px;min-height:44px;padding:10px;font-size:16px}
.portrait-controls>button:hover{border-color:#dcc899;background:#c8d1b10a}
.portrait-controls #portraitPause{border:0;font-size:9px;letter-spacing:.06em;display:flex;align-items:center;gap:16px;margin-right:20px;padding:10px 0}
.portrait-controls #portraitPause>span{font-size:14px}
@media(max-width:900px){.portrait-section{padding:65px 0 50px}.portrait-heading{padding:0 24px 25px;gap:25px}.portrait-heading h2{font-size:clamp(38px,6vw,55px)}.portrait-heading>p{font-size:11px;max-width:245px}.portrait-stage{--portrait-width:clamp(235px,35vw,320px)}.portrait-track{gap:20px}.portrait-footer{padding:20px 24px 0}.portrait-current{font-size:9px}.portrait-controls #portraitPause{margin-right:12px}.portrait-label h3{font-size:19px}}
@media(max-width:650px){.portrait-section{padding:60px 0 40px}.portrait-heading{display:block;padding-bottom:20px}.portrait-heading h2{font-size:11vw;margin-top:17px}.portrait-heading>p{margin-top:22px;max-width:none;font-size:12px}.portrait-stage{--portrait-width:72vw}.portrait-stage:before,.portrait-stage:after{width:5vw}.portrait-track{gap:15px;padding-top:18px;padding-bottom:15px}.portrait-card{transform:scale(.91);opacity:.55}.portrait-card.is-current{opacity:1;transform:scale(1)}.portrait-label{padding-top:15px;gap:12px}.portrait-label h3{font-size:20px}.portrait-footer{gap:15px;padding-top:20px;align-items:start}.portrait-footer>p{display:block;max-width:42%}.portrait-count{display:block;font-size:8px}.portrait-current{display:block;font-size:9px;margin-top:7px;line-height:1.7}.portrait-controls{gap:7px;flex-wrap:wrap;justify-content:flex-end}.portrait-controls>button{min-width:40px;min-height:40px}.portrait-controls #portraitPause{width:100%;min-height:25px;justify-content:flex-end;margin:0 0 7px;font-size:9px;padding:0;gap:12px}.portrait-open{font-size:6px;right:11px;bottom:11px}}
@media(prefers-reduced-motion:reduce){.portrait-card,.portrait-open{transition:none!important}}

/* User supplied convergence artwork and music sample. */
.music-path{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,54px);justify-content:center}
.music-art .image-frame{width:min(100%,430px);aspect-ratio:9/16;margin-inline:auto;clip-path:none;position:relative;background:#100e10}
.music-art video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:cover}
.composition-play-sound{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;border:1px solid #e8d0aa;background:#120f0ddd;color:#f4e7cf;font-size:10px;letter-spacing:.08em;backdrop-filter:blur(10px)}
.composition-play-sound[hidden]{display:none}
.composition-playback-status{position:absolute;left:12px;right:12px;bottom:52px;margin:0;color:#fff;background:#120f0dcc;font-size:11px;line-height:1.5;padding:8px 10px;pointer-events:none}
.composition-playback-status:empty{display:none}
.composition-play-sound:focus-visible{outline:2px solid #e8d0aa;outline-offset:4px}
.closing-star{display:none}
.closing-image{position:absolute;right:5vw;top:16%;width:min(34vw,560px);height:75%;object-fit:cover;object-position:center;opacity:.88;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 24%);pointer-events:none}
@media(max-width:900px){.music-path{gap:5vw}.composition-playback-status{font-size:10px}.closing-image{right:0;width:40vw}}
@media(max-width:650px){.music-art .image-frame{width:min(100%,72vw);aspect-ratio:9/16;margin:0 auto}.music-art video{height:100%;aspect-ratio:9/16}.closing-image{top:20%;right:-6vw;width:61vw;height:68%;opacity:.38;mask-image:linear-gradient(90deg,transparent 0%,#000 10%)}}
/* The pupil is the click point. Only a loaded asset replaces the native pointer. */
.creature-cursor{position:fixed;left:0;top:0;width:0;height:0;z-index:10000;pointer-events:none;visibility:hidden;opacity:0;will-change:transform;transition:opacity .15s}
.creature-cursor.is-visible{visibility:visible;opacity:1}
.cursor-creature{position:absolute;width:92px;height:92px;left:-46px;top:-46px;transform:scale(1);transform-origin:center;transition:transform .2s ease;filter:drop-shadow(0 3px 5px #0009)}
.cursor-creature>img{position:absolute;left:8%;top:22%;width:84%;height:56%;object-fit:contain;animation:cursorBreath 4.8s ease-in-out infinite;user-select:none;-webkit-user-drag:none}
.cursor-worms{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.worm-route{transform-origin:60px 60px;animation:wormWrithe 1.6s ease-in-out infinite alternate;animation-delay:var(--worm-delay)}
.worm-outline,.worm-body{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 55;stroke-dashoffset:12;animation:wormEmerge 2.9s linear infinite;animation-delay:var(--worm-delay)}
.worm-outline{stroke:#352a24;stroke-width:4.8}
.worm-body{stroke:url(#cursorWormColor);stroke-width:2.8}
.creature-cursor.is-pointing .cursor-creature{transform:scale(.88) rotate(-5deg)}
.creature-cursor.is-clicking .cursor-creature{transform:scale(.72) rotate(5deg)}
@keyframes wormEmerge{0%{stroke-dashoffset:12;opacity:0}8%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:-55;opacity:0}}
@keyframes wormWrithe{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@keyframes cursorBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(hover:hover) and (pointer:fine){body.has-creature-cursor,body.has-creature-cursor *{cursor:none!important}body.has-creature-cursor input,body.has-creature-cursor textarea,body.has-creature-cursor [contenteditable="true"]{cursor:text!important}}
@media(hover:none),(pointer:coarse){.creature-cursor{display:none!important}}
@media(prefers-reduced-motion:reduce){.cursor-creature,.creature-cursor{transition:none}.cursor-creature>img,.worm-route,.worm-outline,.worm-body{animation:none!important}.worm-outline,.worm-body{stroke-dashoffset:0;opacity:.9}}

/* A choice, a living specimen, and a direct way to begin. */
.brand-family{display:flex;align-items:center;gap:20px;flex-shrink:0}
.parent-site{font-size:8px;letter-spacing:.13em;color:var(--gold2);padding:8px 0 8px 20px;border-left:1px solid #d8c79c38;white-space:nowrap}
.parent-site span{margin-left:5px}
.entrance-heading{display:grid;grid-template-columns:1fr 1.05fr;gap:6vw;align-items:center;padding:110px 6vw 95px}
.entrance-copy{min-width:0}
.entrance-heading h2{font-size:clamp(44px,4.9vw,85px);line-height:1.02;max-width:760px;margin:28px 0}
.entrance-choice{display:block;margin-top:.17em;color:#524932}
.entrance-copy>p{font-size:15px;line-height:1.8;color:#675f53;max-width:560px}
.entrance-contact{display:inline-block;margin-top:25px;font-family:var(--serif);font-size:22px;color:#6f582e;border-bottom:1px solid #89714270;padding:0 0 10px;overflow-wrap:anywhere}
.entrance-contact>span{display:block;margin-bottom:12px;font-family:var(--sans);font-size:8px;letter-spacing:.17em;color:#7c715b}
.entrance-contact>b{font-family:var(--sans);font-size:15px;margin-left:20px;font-weight:400}
.being-film{min-width:0;margin:0;align-self:center;position:relative}
.being-frame{position:relative;background:#161e1b;padding:7px;border:1px solid #b3a88d;box-shadow:16px 19px 0 #b4a68938}
.being-frame::before{content:"";position:absolute;left:-9px;top:-9px;width:30px;height:30px;border-left:1px solid #8a7043;border-top:1px solid #8a7043;pointer-events:none}
.being-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#15201b;object-fit:contain}
.being-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.12em;margin-top:29px;color:#74664d;line-height:1.7}
.dream-art .image-frame{aspect-ratio:1376/768}
.dream-art .image-frame img{object-fit:contain}
.dream-art .handwritten{bottom:-8px;left:-20px}
@media(max-width:1150px){.brand-family{gap:12px}.parent-site{font-size:7px;padding-left:12px}.topbar nav{gap:13px}.entrance-heading{gap:5vw}.entrance-heading h2{font-size:5.2vw}.entrance-copy>p{font-size:14px}.entrance-contact{font-size:20px}.being-film figcaption{font-size:7px;gap:12px}}
@media(max-width:900px){.brand-family{margin-right:auto;gap:18px}.parent-site{font-size:8px;padding-left:16px}.entrance-heading{padding:85px 24px 70px;grid-template-columns:1fr;gap:48px}.entrance-copy{max-width:680px}.entrance-heading h2{font-size:clamp(46px,7.8vw,74px);max-width:650px}.being-film{width:100%;max-width:750px;justify-self:center}.being-film figcaption{font-size:8px}.being-frame{box-shadow:10px 13px 0 #b4a68938}.dream-art .handwritten{left:-8px;font-size:21px;bottom:-10px}}
@media(max-width:650px){.brand-family{gap:12px}.parent-site{font-size:7px;padding-left:12px}.parent-site span{display:none}.topbar .brand{font-size:8px;letter-spacing:.1em;gap:7px}.nav-tools{gap:12px}.entrance-heading{padding-top:76px;gap:36px}.entrance-heading h2{font-size:12vw;margin-top:23px}.entrance-copy>p{font-size:14px}.entrance-copy>p br{display:none}.entrance-contact{font-size:22px;margin-top:19px}.being-frame{padding:4px;box-shadow:8px 11px 0 #b4a68938}.being-film figcaption{font-size:6px;gap:10px;margin-top:24px}}
@media(max-width:360px){.parent-site{font-size:6px;padding-left:9px}.brand-family{gap:9px}.topbar{gap:8px}.nav-tools{gap:9px}.topbar .brand{font-size:7px}.nav-tools #motionToggle{font-size:8px}}

/* Keep the artwork at its natural proportions, with sky clearance for the title. */
.reaching-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1.12fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:36px 3vw;min-height:100svh;padding:76px 5vw 40px;overflow:hidden;background:#14100e;color:#fff2d8}
.reaching-art{position:absolute;inset:0;z-index:-3;background:#211d1c}
.reaching-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none}
.reaching-scene::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(12,12,15,.66),rgba(12,12,15,.06) 26%,rgba(12,12,15,.03) 70%,rgba(12,12,15,.70)),linear-gradient(90deg,rgba(13,13,15,.65),rgba(13,13,15,.20) 30%,transparent 40%,transparent 62%,rgba(13,13,15,.18) 70%,rgba(13,13,15,.63))}
.reaching-light{position:absolute;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 36% 42%,rgba(255,213,139,.16),transparent 42%);mix-blend-mode:screen;animation:reachingLightDrift 15s ease-in-out infinite alternate;will-change:transform,opacity}
.reaching-heading{grid-column:1/-1;text-align:center;position:relative}
.reaching-heading h2{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(38px,min(4.8vw,7.8svh),190px);line-height:1.04;letter-spacing:-.047em;color:#fff1d0;text-wrap:balance;text-shadow:0 2px 2px #090908,0 8px 28px #050503ad}
.reaching-heading h2 em{font-style:normal;color:#f0c778}
.reaching-copy{position:relative;align-self:center;max-width:440px;padding:4vh 0 10vh;text-align:center;font-family:var(--serif);font-size:clamp(20px,1.65vw,36px);line-height:1.4;letter-spacing:-.018em;text-shadow:0 2px 2px #100c09,0 4px 17px #080706}
.reaching-copy-left{grid-column:1;grid-row:2;justify-self:start}
.reaching-copy-right{grid-column:3;grid-row:2;justify-self:end}
.reaching-passage{margin:0 0 1.65em}
.reaching-passage:last-child{margin-bottom:0}
.reaching-passage>span{display:block}
.reaching-passage strong{font-weight:400;color:#ffe0a5}
.reaching-spark strong{display:inline-block;font-size:1.14em;line-height:1.3;margin-bottom:.2em}
.reaching-invitation{grid-column:1/-1;position:relative;justify-self:center;text-align:center}
.reaching-invitation a{display:inline-flex;gap:38px;align-items:center;padding:15px 22px;border:1px solid #f0d49388;background:#1a1711b8;backdrop-filter:blur(7px);font-size:11px;letter-spacing:.05em;color:#f8e7bf;text-decoration:none;transition:background .25s,border-color .25s}
.reaching-invitation a:hover{background:#322514e8;border-color:#f0d493}
.reaching-invitation a span{font-size:18px}
.reaching-scene.has-script:not(.has-entered) .reaching-heading,.reaching-scene.has-script:not(.has-entered) .reaching-passage,.reaching-scene.has-script:not(.has-entered) .reaching-invitation{opacity:0;transform:translateY(20px)}
.reaching-scene.has-entered .reaching-heading{animation:reachingTitleArrive 1.2s cubic-bezier(.2,.6,.25,1) both}
.reaching-scene.has-entered .reaching-passage{animation:reachingWordsArrive 1.2s cubic-bezier(.2,.6,.25,1) var(--reaching-delay,0s) both}
.reaching-scene.has-entered .reaching-invitation{animation:reachingWordsArrive 1s ease 1.45s both}
.reaching-scene:not(.is-in-view) .reaching-light,.reaching-scene:not(.is-in-view) .reaching-heading,.reaching-scene:not(.is-in-view) .reaching-passage,.reaching-scene:not(.is-in-view) .reaching-invitation{animation-play-state:paused}
.motion-paused .reaching-scene .reaching-heading,.motion-paused .reaching-scene .reaching-passage,.motion-paused .reaching-scene .reaching-invitation{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
@keyframes reachingTitleArrive{from{opacity:0;transform:translateY(-20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes reachingWordsArrive{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes reachingLightDrift{from{opacity:.5;transform:translate(-1.5%,0)}to{opacity:1;transform:translate(2%,1.5%)}}
@media(min-width:2300px){.reaching-scene{grid-template-columns:minmax(0,1fr) minmax(580px,1.3fr) minmax(0,1fr);gap:3vw;padding:max(68px,1.97vw) 6vw 4vh}.reaching-copy{max-width:650px;font-size:clamp(36px,1.5vw,57px)}.reaching-heading h2{font-size:clamp(80px,min(4.8vw,7.8svh),190px)}.reaching-invitation a{font-size:14px;padding:20px 30px}}
@media(min-width:761px) and (max-width:1400px){.reaching-scene{padding-top:68px}.reaching-heading h2{font-size:clamp(30px,min(4.1vw,6.2svh),54px)}}
@media(max-width:1050px) and (min-width:761px){.reaching-scene{padding:68px 4vw 30px;grid-template-columns:1fr minmax(190px,.9fr) 1fr;gap:30px 2vw}.reaching-heading h2{font-size:clamp(30px,min(4.1vw,6.2svh),54px)}.reaching-copy{font-size:19px}}
@media(max-width:760px){.reaching-scene{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;gap:0;min-height:100svh;padding:0 0 45px;overflow:hidden;background:#15120f}.reaching-heading{grid-column:1;grid-row:1;padding:45px 6vw 30px}.reaching-heading h2{font-size:clamp(38px,8.7vw,62px);line-height:1.02;letter-spacing:-.045em}.reaching-heading h2 em{display:block;margin-top:.11em}.reaching-art{grid-column:1;grid-row:2;position:relative;inset:auto;z-index:0;aspect-ratio:1672/941;width:100%;height:auto}.reaching-art img{width:100%;height:100%;object-fit:contain;object-position:center}.reaching-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#15120f,transparent 16%,transparent 79%,#15120f)}.reaching-scene::before{background:radial-gradient(ellipse at 30% 45%,#7256331f,transparent 70%)}.reaching-light{display:none}.reaching-copy{grid-column:1;justify-self:center;align-self:start;width:100%;max-width:520px;padding:28px 7vw 0;font-size:clamp(22px,5.3vw,30px);line-height:1.45;letter-spacing:-.016em}.reaching-copy-left{grid-row:3}.reaching-copy-right{grid-row:4;padding-top:40px}.reaching-passage{margin-bottom:1.35em}.reaching-copy-right::before{content:"";display:block;width:42px;height:1px;margin:0 auto 36px;background:#dcb97665}.reaching-invitation{grid-column:1;grid-row:5;margin-top:35px}.reaching-invitation a{font-size:11px;padding:14px 20px}.reaching-scene.has-entered .reaching-copy-right .reaching-passage{animation-delay:.5s}.reaching-scene.has-entered .reaching-invitation{animation-delay:.7s}}
@media(prefers-reduced-motion:reduce){.reaching-scene .reaching-light,.reaching-scene .reaching-heading,.reaching-scene .reaching-passage,.reaching-scene .reaching-invitation{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.reaching-invitation a{transition:none}}