:root{color-scheme:dark;--ink:#151714;--paper:#eee8dc;--amber:#c4a67c}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;margin:auto;padding:64px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.living-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#34362a55,transparent 65%)}
.living-field i{position:absolute;display:block;width:110%;height:85%;left:-40%;top:5%;border-radius:50%;background:radial-gradient(ellipse,transparent 43%,#c4a67c24 51%,#c4a67c0d 59%,transparent 68%);transform:rotate(-30deg);filter:blur(24px)}
.living-field i:nth-child(2){left:30%;top:28%;transform:rotate(35deg);background:radial-gradient(ellipse,transparent 40%,#a7b49b20 51%,transparent 67%)}
.living-field i:nth-child(3){width:90%;height:120%;left:12%;top:-70%;opacity:.6}
.brand{width:clamp(145px,15vw,184px);height:auto;display:block;margin:0 0 58px}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,6.5vw,94px);line-height:1.1;letter-spacing:-.052em;margin:0;max-width:1370px;width:100%}
h1>span{display:block}
.relationship{white-space:nowrap}
.symbol{color:var(--amber);font-size:.76em;letter-spacing:-.09em;vertical-align:.035em;margin:0 .08em}
.category{color:var(--amber);font-style:italic;margin-top:7px}
time{display:block;color:var(--amber);font-size:14px;letter-spacing:.25em;margin-top:64px;font-variant-numeric:tabular-nums}
.mission{position:relative;background:var(--paper);color:var(--ink);padding:120px 7vw 130px;overflow:hidden}
.mission-inner{max-width:1120px;margin:auto}
.mission h2{max-width:1020px;font:400 clamp(36px,4.5vw,64px)/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0;text-wrap:pretty}
.wave{color:#716046}
.mission h2 em{font-weight:400;color:#716046}
.together{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start;margin-top:72px;padding-top:36px;border-top:1px solid #15171430}
.humans{font-size:clamp(18px,2vw,23px);line-height:1.5;margin:6px 0 0}
.actions{margin:0;font:400 clamp(27px,3.2vw,44px)/1.4 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.actions span{display:block}.actions em{font-weight:400;color:#716046}
@media(max-width:600px){.hero{padding:40px 20px}.brand{width:145px;margin-bottom:46px}h1{font-size:clamp(34px,8.8vw,52px);line-height:1.16;letter-spacing:-.055em}.opening .relationship{display:block}.category{margin-top:6px}time{margin-top:48px;font-size:12px}.mission{padding:70px 26px 78px}.mission h2{font-size:clamp(32px,8.7vw,46px);line-height:1.22}.together{grid-template-columns:1fr;gap:22px;margin-top:40px;padding-top:26px}.humans{margin:0;font-size:18px}.actions{font-size:clamp(25px,6.6vw,36px);line-height:1.5}.living-field i{width:180%;left:-95%;filter:blur(16px)}.living-field i:nth-child(2){left:10%}}
@media(prefers-reduced-motion:no-preference){.living-field i{animation:flow 22s ease-in-out infinite alternate}.living-field i:nth-child(2){animation:counterflow 28s ease-in-out infinite alternate}.living-field i:nth-child(3){animation-duration:32s}@keyframes flow{from{transform:translate(-4%,-5%) rotate(-30deg) scale(.9)}to{transform:translate(18%,18%) rotate(-8deg) scale(1.15)}}@keyframes counterflow{from{transform:translate(8%,8%) rotate(35deg) scale(1.1)}to{transform:translate(-20%,-16%) rotate(10deg) scale(.9)}}}