@font-face{font-family:Gothic;src:url('/assets/URWGothic-Demi.woff');font-weight:700;font-display:swap}
@font-face{font-family:Nimbus;src:url('/assets/NimbusSans-Regular.woff');font-display:swap}
@font-face{font-family:Nimbus;src:url('/assets/NimbusSans-Bold.woff');font-weight:700;font-display:swap}
:root{--petrol:#06242e;--ink:#0a2a34;--paper:#f1f4f1;--turquoise:#86ced0;--apricot:#f3b58f}
*{box-sizing:border-box}
html{background:var(--petrol);scroll-behavior:smooth}
body{margin:0;color:var(--paper);background:var(--petrol);font:17px/1.45 Nimbus,Arial,sans-serif}
a{color:inherit}
.topbar{position:absolute;inset:0 0 auto;z-index:5;width:100%;padding:32px 6vw;display:flex;align-items:center;justify-content:space-between;gap:32px}
.wordmark{display:inline-block;font:700 47px/.95 Gothic,sans-serif;letter-spacing:-.07em;text-decoration:none}
.manifesto-label{position:relative;padding:7px 0 7px 18px;color:#edf4f3;font:700 14px/1 Nimbus,Arial,sans-serif;letter-spacing:.015em;white-space:nowrap}
.manifesto-label::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:var(--apricot);transform:translateY(-50%)}
.manifest-hero{height:100svh;min-height:560px;padding:clamp(110px,14vh,155px) clamp(24px,6vw,105px) clamp(90px,11vh,120px);display:flex;position:relative;overflow:hidden}
.manifest-hero h1{font:700 clamp(56px,min(6.4vw,10.5vh),114px)/.86 Gothic,sans-serif;letter-spacing:-.065em;margin:auto 0;max-width:1600px;position:relative}
.manifest-hero h1 span{display:block}
.manifest-hero .hero-ending{font-size:clamp(70px,min(8.7vw,15vh),155px);line-height:.84;margin-top:.14em;white-space:nowrap}
.manifest-hero h1 strong{color:var(--turquoise);font:inherit}
.hero-signature{position:absolute;right:clamp(24px,6vw,105px);bottom:clamp(28px,4.5vh,48px);color:var(--apricot);font:700 clamp(25px,2.4vw,41px)/1 Gothic,sans-serif;letter-spacing:-.055em;margin:0}
.manifest-signature{font:700 clamp(33px,min(4vw,7vh),70px)/1 Gothic,sans-serif;letter-spacing:-.055em;margin:0;color:var(--apricot);position:relative}
.manifest-body{min-height:100svh;padding:clamp(95px,13vw,190px) clamp(24px,7.5vw,130px) clamp(80px,11vw,160px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);align-items:start;gap:8vw;background:#0b2c36}
.manifest-copy{max-width:850px}
.manifest-copy p{font:700 clamp(35px,4.3vw,74px)/1.02 Gothic,sans-serif;letter-spacing:-.052em;margin:0 0 .72em}
.manifest-copy p:last-child{color:var(--turquoise);margin-bottom:0}
.manifest-signature{align-self:end;justify-self:end;white-space:nowrap;padding-bottom:.15em}
.generation{background:var(--paper);color:var(--ink);padding:clamp(95px,11vw,170px) clamp(18px,3.3vw,58px) clamp(95px,12vw,190px)}
.generation-intro{max-width:1500px;margin:0 auto clamp(55px,7vw,100px)}
.generation-intro h2{font:700 clamp(54px,7.6vw,132px)/.91 Gothic,sans-serif;letter-spacing:-.065em;margin:0}
.generation-intro h2 span{color:#769fa3}
.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,.65vw,12px);max-width:1500px;margin:auto}
.creator-grid figure{margin:0;aspect-ratio:1;overflow:hidden;position:relative;background:#d7e2df}
.creator-grid img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.03);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}
.creator-grid figure:hover img{transform:scale(1.025);filter:saturate(1.05) contrast(1.02)}
.creator-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#06242e6e)}
.creator-grid figcaption{position:absolute;z-index:2;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:11px 14px 12px;background:#f1f4f1ed;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start}
.creator-grid figcaption strong{font:700 12px/1 Nimbus,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#52747a}
.creator-grid figcaption span{font:700 clamp(17px,1.35vw,23px)/1.08 Gothic,sans-serif;letter-spacing:-.035em;margin-top:6px}
.question-lockup{max-width:1500px;margin:clamp(70px,9vw,145px) auto 0;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;border-top:1px solid #9eb2b3;padding-top:clamp(28px,4vw,55px)}
.question-lockup p{font:700 clamp(58px,8vw,138px)/.88 Gothic,sans-serif;letter-spacing:-.068em;margin:0}
.question-lockup span{font:700 clamp(23px,2.3vw,38px)/1 Gothic,sans-serif;letter-spacing:-.045em;color:#c77f52;padding-bottom:1.2vw;white-space:nowrap}
.name-story{padding:clamp(80px,10vw,150px) clamp(24px,7vw,120px);background:var(--apricot);color:var(--ink);display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.name-story details{max-width:850px}
.name-story summary{font:700 clamp(45px,6vw,100px)/.95 Gothic,sans-serif;letter-spacing:-.06em;cursor:pointer;list-style:none}
.name-story summary::-webkit-details-marker{display:none}
.name-story summary:after{content:"+";font-family:Nimbus,sans-serif;font-weight:400;margin-left:.25em}
.name-story details[open] summary:after{content:"−"}
.name-story details div{max-width:700px;padding-top:35px;font-size:clamp(18px,1.5vw,23px)}
.name-story details p{margin:0 0 20px}
.name-story details a,.back-link{text-underline-offset:5px}
.back-link{white-space:nowrap;padding-bottom:8px}
@media(max-width:800px){
  .topbar{padding:27px 7vw;gap:20px}.wordmark{font-size:39px}.manifesto-label{font-size:13px}
  .manifest-hero{height:100svh;min-height:540px;padding:98px 24px 92px}
  .manifest-hero h1{font-size:clamp(46px,12.5vw,67px);max-width:none}
  .manifest-hero .hero-ending{font-size:clamp(50px,13.3vw,72px);white-space:normal;margin-top:.2em}
  .hero-signature{right:24px;bottom:31px;font-size:28px}
  .manifest-body{min-height:auto;padding:90px 24px 82px;display:block}
  .manifest-copy p{font-size:clamp(34px,9.6vw,48px);margin-bottom:.9em}
  .manifest-signature{font-size:40px;margin-top:72px;white-space:normal}
  .generation{padding:88px 10px 105px}
  .generation-intro{padding:0 14px;margin-bottom:45px}.generation-intro h2{font-size:clamp(48px,13.5vw,78px)}
  .creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.creator-grid figure:last-child{grid-column:1/-1;aspect-ratio:2/1}
  .creator-grid figcaption{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:8px 10px 9px}.creator-grid figcaption strong{font-size:10px}.creator-grid figcaption span{font-size:15px;margin-top:4px}
  .question-lockup{margin:72px 14px 0;padding-top:28px;display:block}.question-lockup p{font-size:clamp(55px,15vw,82px)}.question-lockup span{display:block;margin-top:32px;font-size:27px}
  .name-story{display:block;padding:85px 24px}.name-story summary{font-size:54px}.back-link{display:inline-block;margin-top:65px}
}
@media(max-height:700px) and (min-width:801px){.manifest-hero{padding-top:90px;padding-bottom:82px}.manifest-hero h1{font-size:min(8.6vh,82px)}.manifest-hero .hero-ending{font-size:min(12vh,112px)}.hero-signature{bottom:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.creator-grid img{transition:none}}
