:root{--paper:#f7f6f2;--ink:#202820;--muted:#61665f;--line:#d7d9d1;--coral:#ff5d55;--space:clamp(24px,4.2vw,72px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
a:hover{text-decoration:underline;text-underline-offset:5px}
::selection{background:var(--coral);color:var(--ink)}
.wrap{max-width:1600px;margin:auto;padding-inline:var(--space)}
.skip{position:absolute;left:20px;top:-100px;padding:15px;background:white;z-index:10}
.skip:focus{top:10px}
.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.logo{width:145px;height:auto;display:block}
.nav{display:flex;align-items:center;gap:38px;font-size:14px}
.languages{display:flex;gap:14px;margin-left:14px}
.languages a{min-height:44px;display:grid;place-content:center}
.languages [aria-current]{text-decoration:underline;text-underline-offset:6px}
.languages a:not([aria-current]){color:var(--muted)}
.hero-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;padding:54px 0 42px;align-items:end}
.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin:0 0 23px;line-height:1.5}
.status{display:inline-flex;align-items:center;gap:10px;letter-spacing:.1em}
.status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--coral);flex:none}
h1,h2,p{margin-top:0}
h1{font-size:clamp(68px,7.8vw,124px);font-weight:400;line-height:.95;letter-spacing:-.065em;margin-bottom:0}
h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.07em}
p{font-size:18px;line-height:1.65}
.intro-copy{max-width:430px;padding-bottom:5px}
.intro-copy p{font-size:18px;line-height:1.6;margin-bottom:26px}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:10px 0;border-bottom:1px solid var(--ink);font-size:14px;font-weight:600;min-height:44px}
.text-link:hover{text-decoration:none;border-color:var(--coral)}
.text-link span{font-size:23px;line-height:1}
.hero-photo{margin:0;position:relative}
.hero-photo img{width:100%;height:clamp(380px,39vw,590px);display:block;object-fit:cover;object-position:center 53%}
.photo-caption{display:flex;justify-content:space-between;gap:20px;margin-top:13px;color:var(--muted);font-size:12px;line-height:1.5}
.photo-caption a{text-decoration:underline;text-underline-offset:3px}
.vision{padding:110px 0 105px;display:grid;grid-template-columns:1fr 2fr;gap:8%}
.section-number{color:var(--muted);font-size:12px;letter-spacing:.12em}
.vision h2{font-size:clamp(36px,4.05vw,64px);font-weight:400;line-height:1.13;letter-spacing:-.045em;max-width:920px;margin-bottom:30px}
.vision h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.vision p{max-width:660px;color:var(--muted);margin-bottom:0}
.story{display:grid;grid-template-columns:1.08fr 1fr;gap:11%;align-items:center;padding-bottom:110px}
.story figure{margin:0}
.story img{display:block;width:100%;height:auto;aspect-ratio:1.03;object-fit:cover;object-position:48% center}
.story h2{font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin-bottom:30px}
.story p{color:var(--muted);max-width:440px}
.story p:last-child{margin-bottom:0}
.manifesto{background:var(--coral);padding:75px var(--space) 80px;text-align:center}
.manifesto h2{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(64px,8.5vw,130px);line-height:1;letter-spacing:-.045em;margin:0 0 24px}
.manifesto p{font-size:clamp(20px,2.2vw,32px);line-height:1.4;max-width:780px;margin:0 auto}
.next{padding:105px 0;display:grid;grid-template-columns:1fr 1fr;gap:12%}
.next h2{font-size:clamp(40px,4.3vw,66px);line-height:1.04;letter-spacing:-.045em;font-weight:400}
.next .copy p{color:var(--muted);max-width:560px}
.notice{margin-top:32px;border-top:1px solid var(--line);padding-top:23px;font-size:14px!important;line-height:1.65}
.footer{padding-block:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:var(--muted)}
.footer .logo{width:104px}
.footer-left{display:flex;align-items:center;gap:35px}
.footer-right{display:flex;gap:26px;align-items:center}
details{position:relative}
summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
details[open] .credits{position:absolute;bottom:50px;right:0;width:300px;background:var(--paper);border:1px solid var(--line);padding:20px;box-shadow:0 10px 30px #00000012;line-height:1.7}
.credits a{text-decoration:underline}
.credits p{font-size:12px;margin:0 0 8px}
.reveal{animation:enter .8s ease-out both}
@keyframes enter{from{opacity:.3;transform:translateY(12px)}
to{opacity:1;transform:none}
}
@media(min-width:1700px){.hero-intro{padding-top:65px}
}
@media(max-width:850px){.nav{gap:20px}
.nav>.nav-link{display:none}
.hero-intro{gap:6%;grid-template-columns:1.1fr 1fr}
.hero-intro h1{font-size:70px}
.intro-copy p{font-size:16px}
.vision{grid-template-columns:1fr;gap:28px;padding:75px 0}
.story{gap:6%;padding-bottom:75px}
.story h2{font-size:48px}
.story p{font-size:16px}
.next{gap:7%;padding:75px 0}
.footer-left{gap:20px}
}
@media(max-width:600px){.header{height:87px}
.logo{width:119px}
.languages{margin:0;gap:13px}
.hero-intro{grid-template-columns:1fr;padding:33px 0 30px;gap:27px}
.hero-intro h1{font-size:clamp(59px,16vw,86px);line-height:.98}
.eyebrow{font-size:11px;margin-bottom:20px}
.intro-copy{max-width:100%;padding:0}
.intro-copy p{font-size:16px;line-height:1.6;margin-bottom:12px;max-width:370px}
.hero-photo{margin-inline:calc(-1 * var(--space))}
.hero-photo img{height:380px;object-position:51% center}
.photo-caption{padding-inline:var(--space);font-size:11px;gap:15px}
.photo-caption .credit-link{display:none}
.vision{padding:68px 0 60px;gap:22px}
.vision h2{font-size:37px;line-height:1.17;letter-spacing:-.04em}
.vision p{font-size:16px}
.story{grid-template-columns:1fr;gap:35px;padding-bottom:64px}
.story img{aspect-ratio:1.12}
.story .photo-caption{padding:0}
.story h2{font-size:48px;margin-bottom:22px}
.story p{font-size:17px}
.manifesto{padding-block:58px 62px}
.manifesto p{font-size:22px;max-width:340px}
.next{grid-template-columns:1fr;gap:6px;padding:65px 0 52px}
.next h2{font-size:46px;max-width:320px}
.next .copy p{font-size:17px}
.footer{align-items:flex-start;padding:27px 0;flex-wrap:wrap;gap:18px}
.footer-left{width:100%;justify-content:space-between}
.footer-right{width:100%;justify-content:space-between}
details[open] .credits{left:0;right:auto;width:min(300px,80vw)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{animation:none}
}
@media(prefers-contrast:more){:root{--muted:#30382f;--line:#72776f}
}