:root{--forest:#06291f;--cream:#f1eddc;--muted:#b4c3af;--lime:#d2dc94;--line:#baccaa35;--mono:'Courier Prime',monospace;--display:'Anton',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:35px}body{margin:0;background:var(--forest);color:var(--cream);font-family:'Arimo',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cream);color:var(--forest);padding:15px}.skip:focus{top:15px}.eyebrow{font:11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.17em}.hero-track{height:auto;min-height:0;position:relative}.hero{height:100vh;height:100svh;min-height:740px;position:relative;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 73% 36%,#3b634340 0,transparent 49%),linear-gradient(115deg,#06291f,#0b382b 58%,#042319)}
.grain{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:.115;background-image:url("assets/grain.svg")}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#04231ae8,transparent 24%);z-index:4}
header{position:absolute;top:30px;left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;z-index:20}.brand{display:flex;align-items:center;gap:12px}.badge{width:63px;height:63px;border-radius:50%;object-fit:cover}.brand-type{font-family:var(--display);font-size:28px;letter-spacing:.06em}.brand-type small{display:block;font:8px/1.4 var(--mono);letter-spacing:.12em;margin-top:3px}.topnav{display:flex;gap:34px;align-items:center;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.topnav a{padding:14px 0;border-bottom:1px solid transparent}.topnav a:hover{border-color:var(--lime)}.nav-button{background:var(--cream);color:var(--forest);padding:15px 20px!important;border:0!important}.menu-button{display:none;color:var(--cream);border:1px solid var(--line);background:transparent;padding:12px}.mobile-menu{display:none}
.edition{position:absolute;left:3.5%;top:145px;display:flex;align-items:center;gap:12px;color:var(--muted);z-index:5}.edition:before{content:'';height:6px;width:6px;background:var(--lime);border-radius:50%}.hero-copy{position:absolute;left:7.5%;top:23%;z-index:6;width:49%;transform:none}.kicker{margin:0 0 20px;color:var(--lime);font:11px var(--mono);letter-spacing:.21em;text-transform:uppercase}h1{font:clamp(63px,7.6vw,126px)/.91 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-weight:400}h1 span{display:block}h1 .outline{-webkit-text-stroke:1px var(--cream);color:transparent}h1 .last{color:var(--lime)}.hero-description{font-size:14px;line-height:1.8;max-width:330px;color:#d3dbca;margin:27px 0 23px}.hero-cta{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #d2dc9470;padding:0 0 13px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero-cta span{font:24px 'Arimo';transition:transform .2s}.hero-cta:hover span{transform:translateX(7px)}
.art{position:absolute;width:49%;height:88%;right:1%;bottom:4%;z-index:3;pointer-events:none}.art img,.art canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.boxer-frames{opacity:0}.art.ready .boxer-frames{opacity:1}.art.ready .boxer-poster{opacity:0}.rings{position:absolute;width:135%;height:120%;left:-8%;top:-4%;opacity:.22;z-index:1;transform:rotate(calc(var(--progress,0) * 12deg));pointer-events:none}.rings path{fill:none;stroke:#c9d4a8;stroke-width:.7}.back-word{position:absolute;right:2%;top:14%;font:24vw/.8 var(--display);letter-spacing:-.035em;color:#b9d3a408;z-index:0}.side-label{position:absolute;right:35px;top:45%;writing-mode:vertical-rl;z-index:5;color:#b5c4aa;font:10px var(--mono);letter-spacing:.22em}.hero-bottom{position:absolute;bottom:29px;left:3.5%;right:3.5%;z-index:10;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:18px}.hero-bottom p{margin:0}.scroll-link{display:flex;align-items:center;gap:20px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em}.scroll-link b{font:25px 'Arimo';font-weight:400}.round{display:flex;gap:20px;align-items:center}.round strong{font:24px var(--display);font-weight:400}.round-line{width:90px;height:2px;background:#d2dc9430}.round-line i{display:block;width:calc(10% + var(--progress,0) * 90%);height:100%;background:var(--lime)}.motion-toggle{position:absolute;right:3.5%;bottom:110px;z-index:12;color:var(--muted);background:transparent;border:0;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px;cursor:pointer}

.manifesto{background:var(--cream);color:var(--forest);padding:95px 7.5% 85px;position:relative}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid #06291f38;padding-bottom:20px;margin-bottom:50px}.manifesto-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10%}h2{font:clamp(45px,5.3vw,82px)/.98 var(--display);font-weight:400;text-transform:uppercase;letter-spacing:-.025em;margin:0}.italic{font-family:'Tinos',serif;font-style:italic;text-transform:none;font-weight:400;letter-spacing:-.055em}.mission-copy{font-size:16px;line-height:1.85;padding-top:0}.mission-copy p{margin:0 0 25px}.signature{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #06291f38;padding-top:23px}.pillars{padding:80px 7.5% 100px;background:#092c23}.pillars-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.pillars-head h2{font-size:58px}.values{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.values details{border-top:1px solid var(--line)}.values summary{list-style:none;cursor:pointer;display:flex;gap:23px;align-items:center;padding:24px 0;font-size:22px}.values summary::-webkit-details-marker{display:none}.values summary small{font:10px var(--mono);color:var(--lime)}.values summary:after{content:'+';margin-left:auto;color:var(--lime);font-weight:300}.values details[open] summary:after{content:'−'}.values details p{font-size:14px;line-height:1.8;color:var(--muted);max-width:410px;margin:0 0 24px 37px}.vision{padding:85px 10%;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at bottom,#295137,#092c23 65%)}.vision blockquote{font:clamp(28px,3.4vw,48px)/1.25 'Tinos',serif;max-width:1000px;margin:30px auto 45px}.vision a{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--muted);padding-bottom:10px}footer{padding:25px 3.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
@media(min-width:1500px){.hero-copy{top:29%}.art{right:3%;width:46%}.hero-description{font-size:16px;max-width:380px}}
@media(max-width:900px){.hero-copy{left:5%;width:56%;top:28%}h1{font-size:9vw}.art{width:53%;right:-4%}.topnav{gap:20px}.brand-type small{display:none}.manifesto-grid{gap:6%}.side-label{display:none}.hero-description{max-width:280px}}
@media(max-width:600px){.hero-track{height:auto;min-height:0}.hero{min-height:800px}header{top:20px;left:6%;right:6%}.badge{width:46px;height:46px}.brand-type{font-size:24px}.topnav{display:none}.menu-button{display:block}.mobile-menu.open{display:flex;position:absolute;top:78px;left:6%;right:6%;background:#eceddb;color:var(--forest);padding:20px;flex-direction:column;gap:20px;box-shadow:0 12px 30px #0005}.edition{top:98px;left:6%;font-size:9px}.hero-copy{top:145px;left:6%;width:89%;pointer-events:none}.hero-copy a{pointer-events:auto}.kicker{font-size:9px;margin-bottom:17px}h1{font-size:clamp(53px,12.6vw,75px);line-height:.94}.hero-description{max-width:200px;font-size:12px;margin-top:24px;line-height:1.7}.hero-cta{font-size:9px;gap:15px}.art{width:67%;height:39%;right:1%;bottom:9%;opacity:1}.hero-copy{z-index:6}.rings{width:210%;left:-56%;height:90%;top:10%;opacity:.16}.back-word{top:39%;font-size:49vw}.hero-bottom{left:6%;right:6%;bottom:24px;padding-top:15px}.hero-bottom>.eyebrow{display:none}.scroll-link{font-size:8px;gap:10px}.round{gap:9px}.round>.eyebrow{display:none}.round-line{width:50px}.round strong{font-size:20px}.motion-toggle{right:6%;bottom:80px;font-size:8px}.manifesto{padding:65px 6%}.section-top{font-size:9px;margin-bottom:35px}.section-top span:last-child{display:none}.manifesto-grid{grid-template-columns:1fr;gap:32px}h2{font-size:53px}.mission-copy{font-size:15px}.pillars{padding:60px 6%}.pillars-head{align-items:start;gap:15px}.pillars-head h2{font-size:45px}.pillars-head .eyebrow{max-width:110px;font-size:9px}.values{grid-template-columns:1fr}.values summary{font-size:20px;padding:20px 0}.vision{padding:60px 7%}.vision blockquote{font-size:29px}footer{padding:23px 6%;font-size:8px}.hero:after{background:linear-gradient(0deg,#04231a 2%,transparent 45%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-track{height:auto;min-height:0}.hero{position:relative}.hero-copy,.art,.rings{transform:none!important}.motion-toggle{display:none}}
.history-entry{padding:55px 7.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;background:#06271e}.history-entry h2{font-size:clamp(35px,4vw,60px)}.history-entry p{color:var(--muted)}.history-glove{display:flex;align-items:center;gap:25px}.history-glove img{height:160px;width:120px;object-fit:contain;transition:transform .3s}.history-glove:hover img{transform:rotate(-8deg) translateY(-5px)}.history-glove strong{display:block;font:30px var(--display);text-transform:uppercase;font-weight:400;margin-bottom:12px}.history-glove span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em}@media(max-width:600px){.history-entry{padding:45px 6%;flex-direction:column;text-align:center}.history-glove{gap:15px;text-align:left}}

/* More navigation items must not crowd the hero on tablets. */
@media(min-width:601px) and (max-width:1100px){.topnav{display:none}.menu-button{display:block}.mobile-menu.open{display:flex;position:absolute;top:80px;right:0;left:auto;min-width:260px;background:#f1eddc;color:#06291f;padding:24px;gap:20px;flex-direction:column;box-shadow:0 12px 30px #0005}}
@media(min-width:1101px){.topnav{gap:20px;font-size:10px}}

/* Practical routes stay in the introduction at every screen size. */
.audience-routes{display:flex;flex-wrap:wrap;gap:10px;max-width:650px}
.audience-routes a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:13px 16px;border:1px solid #baccaa80;background:#06291fe6;color:var(--cream);font:13px/1.4 var(--mono)}
.audience-routes a:first-child{background:var(--cream);color:var(--forest)}
.audience-routes a:hover{background:var(--lime);color:var(--forest)}
@media(min-width:601px){[data-page="home"] .hero-track .hero{min-height:max(760px,calc(27vw + 430px))}}
@media(max-width:600px){
  [data-page="home"] .hero{height:auto!important;min-height:0!important}
  [data-page="home"] .hero-copy{position:relative;top:auto!important;left:auto;width:100%;padding:176px 6% 0}
  .audience-routes{max-width:100%;gap:8px}
  .audience-routes a{flex:1 1 140px;font-size:12px;min-height:46px;padding:12px}
  [data-page="home"] .art{position:relative;width:65%;height:300px;right:auto;bottom:auto;margin:-8px 0 90px auto}
}

/* Launch polish: texture belongs behind the illustration and typography. */
.grain{z-index:2;opacity:.045}
.hero:after{z-index:2}
.rings{opacity:.15}
.hero-description{color:#dce3d3;font-size:16px;line-height:1.75;max-width:360px}
.kicker{line-height:1.6}
.audience-routes{gap:10px}
.audience-routes a{background:#06291f80;border-color:#baccaa60;transition:background .18s,border-color .18s}
.audience-routes a:first-child{background:var(--cream);border-color:var(--cream)}
.audience-routes a span{font-family:Arimo,Arial,sans-serif;font-size:18px}
.audience-routes a:hover{border-color:var(--lime)}
.motion-toggle{font-size:10px;min-height:44px}
.menu-button{min-height:44px;cursor:pointer}
.badge{object-fit:contain;border-radius:0}
.values summary:hover{color:var(--lime)}
@media(min-width:1101px){.topnav{gap:22px;font-size:11px}}
@media(min-width:601px){
  .art{height:calc(100% - 220px);max-height:760px;bottom:110px}
  .hero-copy{top:clamp(200px,23%,280px)}
}
@media(min-width:601px) and (max-width:900px){
  .hero-description{font-size:14px;max-width:270px}
}
@media(max-width:600px){
  .hero-description{font-size:14px;max-width:310px;margin:24px 0}
  .kicker{font-size:10px;letter-spacing:.12em}
  [data-page="home"] .art{width:100%;height:350px;margin:16px 0 90px}
  .motion-toggle{bottom:74px}
  .edition{font-size:8px;letter-spacing:.11em}
}
