
:root{--bg:#10120f;--ink:#ecefe5;--muted:#989d93;--lime:#d7fb78;--line:#30342b;--mono:Nippo,Arial,sans-serif;--sans:Sora,Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:80px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:7px}::selection{background:var(--lime);color:var(--bg)}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;padding:12px 20px;background:var(--lime);color:var(--bg)}.skip-link:focus{top:20px}.site-header{position:absolute;z-index:3;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:34px 4.2%;gap:24px}.brand-link{display:flex;align-items:center;gap:13px;}.brand-sub{display:block;margin-top:5px;color:var(--muted)}.mini-mark{width:24px;display:grid;grid-template-columns:repeat(3,5px);gap:3px}.mini-mark i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.mini-mark i:nth-child(3),.mini-mark i:nth-child(7){opacity:.25}nav{display:flex;gap:33px;margin-left:3%}nav a{color:#bbc0b4;transition:color .2s}nav a:hover{color:var(--lime)}nav a span{margin-left:3px}.header-note{display:flex;align-items:center;gap:9px;color:var(--muted)}.status-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;background:var(--lime);border-radius:50%;box-shadow:0 0 9px #d7fb7820}.hero{position:relative;min-height:860px;height:100svh;max-height:1200px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.dot-field{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#10120f 0%,transparent 23%,transparent 78%,#10120f 100%)}.hero-content{width:100%;padding:120px 4.8% 130px;text-align:center}.eyebrow{color:#9fa692;display:flex;align-items:center;justify-content:center;gap:12px}.tiny-rule{display:inline-block;width:24px;height:1px;background:var(--lime)}.hero-eyebrow{margin:0 0 50px}.logo-wrap{max-width:1190px;margin:0 auto;position:relative}.hero-logo{display:block;width:100%;height:auto;filter:brightness(2.62);opacity:1;animation:logo-reveal 1.9s cubic-bezier(.16,1,.3,1) both;animation-delay:.15s}h1{line-height:1.12;margin:37px 0 16px}h1 span{color:var(--lime)}.mobile-break{display:none}.hero-description{line-height:1.5;color:#a5ab9c;margin:0 auto 29px;}.primary-link{display:inline-flex;align-items:center;gap:40px;padding:14px 19px;background:var(--lime);border:1px solid var(--lime);border-radius:3px;color:#17200c;transition:background .2s,transform .2s}.primary-link span{line-height:1}.primary-link:hover{background:#e4ffa0;transform:translateY(-3px)}.hero-cross{position:absolute;color:#5c6551;top:36%}.cross-one{left:4.2%}.cross-two{right:4.2%;top:66%}.hero-bottom{position:absolute;bottom:31px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#929a85;}.coordinates{display:flex;gap:9px;align-items:center}.scroll-cue{display:flex;align-items:center;gap:14px;margin-left:30px}.scroll-line{height:28px;width:1px;background:linear-gradient(var(--lime),transparent)}.motion-controls{display:flex;gap:22px}.motion-controls button{padding:6px 0;border:0;background:transparent;display:flex;align-items:center;gap:7px;color:#a5ad99;}.motion-controls button:hover{color:var(--lime)}.motion-controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}.motion-icon{width:12px;text-align:center;}.section-shell{padding:110px 6%;display:grid;grid-template-columns:20% 1fr;gap:3%}.section-label{color:#adb69f;line-height:1.6;padding-top:10px}.section-number{color:#606c53;margin-right:15px}.vision{border-top:1px solid var(--line);padding-top:113px;padding-bottom:110px}.vision h2{line-height:1.14;margin:0}.vision h2 span{color:#7d8970}.vision-bottom{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:850px;margin-top:45px}.vision-bottom p{color:#a2ac97;line-height:1.65;margin:0}.thinking{padding-top:80px;border-top:1px solid var(--line);padding-bottom:130px}.thinking-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.thinking h2{line-height:1.14;margin:0}.thinking h2 span{color:#7d8970}.thinking-heading p{line-height:1.6;color:#9ca88e;max-width:240px;margin:0 0 3px}.explorer{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.visual-panel{background:#151a12;border:1px solid #303b25;border-radius:5px;position:relative;height:380px;overflow:hidden}.visual-top{position:absolute;left:19px;right:19px;top:21px;display:flex;justify-content:space-between;color:#8a9878}.visual-top>span:first-child{display:flex;align-items:center;gap:7px}.visual-top .status-dot{width:4px;height:4px}.visual-panel canvas{width:100%;height:100%;display:block}.visual-caption{position:absolute;left:22px;bottom:22px;display:flex;flex-direction:column;gap:9px}.visual-caption>span:first-child{color:var(--lime);}.visual-caption-sub{color:#81906e}.visual-corner{position:absolute;bottom:21px;right:21px;color:#5e7246}.pillars{border-top:1px solid #3e4932;align-self:center}.pillar{width:100%;text-align:left;display:flex;align-items:flex-start;gap:17px;border:0;border-bottom:1px solid #303a27;background:transparent;padding:27px 0;transition:opacity .2s}.pillar-num{color:#677659;padding-top:5px}.pillar-copy{flex:1}.pillar-name{display:block;color:#8e9b80;line-height:1.25}.pillar-description{display:block;margin-top:16px;color:#a2b08f;line-height:1.65;max-width:300px;}.pillar-description[hidden]{display:none}.pillar-arrow{color:#6b795c;line-height:1;transition:transform .25s}.pillar:hover .pillar-name{color:#d4dfc9}.pillar.active .pillar-name{color:var(--ink)}.pillar.active .pillar-num,.pillar.active .pillar-arrow{color:var(--lime)}.pillar.active .pillar-arrow{transform:rotate(45deg)}.horizon{background:#dfe5d6;color:#1a2315;overflow:hidden}.horizon-inner{padding:70px 6% 28px}.horizon .section-label{color:#526047}.horizon .section-number{color:#809071}.horizon-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:9%;padding-top:58px;align-items:center}.small-tag{display:flex;align-items:center;gap:9px}.dark-dot{width:5px;height:5px;border-radius:50%;background:#34452b}.horizon h2{line-height:1.05;margin:29px 0 27px}.horizon h2 span{color:#748566}.horizon-description{max-width:470px;line-height:1.6;color:#506044}.horizon-art{position:relative;aspect-ratio:1;max-height:390px;width:100%}.orbit{position:absolute;border:1px solid #aab99c;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:43%;height:43%}.orbit-two{width:70%;height:70%}.orbit-three{width:98%;height:98%;border-style:dashed;opacity:.8}.orbit-core{width:25%;height:25%;background:#25351a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 60px #8dbe5020}.core-dots{width:58%;height:58%;border-radius:50%;background-image:radial-gradient(circle,#d7fb78 2.3px,transparent 2.8px);background-size:11px 11px}.orbit-node{position:absolute;width:12px;height:12px;background:#576f40;border:4px solid #dfe5d6;border-radius:50%;box-sizing:content-box}.node-one{top:15%;left:47%}.node-two{top:73%;left:69%}.node-three{top:45%;left:25%}.node-four{top:50%;left:96%;background:#b4cf94}.art-caption{position:absolute;left:0;bottom:0;line-height:1.6;color:#728262;}.art-plus{position:absolute;right:2%;top:3%;color:#728262}.horizon-bottom{margin-top:58px;padding-top:24px;border-top:1px solid #b8c4ae;display:flex;justify-content:space-between;color:#6f7e60;}.horizon-bottom span span{margin-left:12px;color:#415132}.closing{padding-top:100px;padding-bottom:80px;display:block}.closing-line{display:flex;align-items:center;gap:10px;color:#98a688;}.closing h2{line-height:1.02;margin:47px 0}.closing h2 span{color:var(--lime)}.closing-bottom{display:flex;justify-content:space-between;align-items:flex-end}.closing-bottom p{line-height:1.55;margin:0;color:#8d9b7c}.back-top{color:#a6b496;display:flex;gap:33px;align-items:center}.back-top span{color:var(--lime)}footer{display:flex;align-items:center;justify-content:space-between;padding:29px 6%;border-top:1px solid var(--line);color:#7c8c69}footer a{color:#adbda0}.footer-centre{}footer a span{margin-left:12px;color:var(--lime)}.reveal{opacity:1;transform:none}.enhanced .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.enhanced .reveal.visible{opacity:1;transform:none}.motion-paused .reveal,.reduced-motion .reveal{transition:none!important}.motion-paused *{animation-play-state:paused!important}.reduced-motion{scroll-behavior:auto}.reduced-motion .hero-logo{animation:none}.reduced-motion .reveal{opacity:1;transform:none}.reduced-motion .primary-link:hover{transform:none}@keyframes logo-reveal{0%{opacity:0;filter:brightness(2.62) blur(13px);clip-path:inset(0 51% 0 49%)}45%{opacity:.8}100%{opacity:1;filter:brightness(2.62) blur(0);clip-path:inset(0 0 0 0)}}
@media(min-width:1600px){.hero-content{padding-left:8%;padding-right:8%}.hero-logo{max-width:1300px}.logo-wrap{max-width:1300px}}
@media(max-width:1100px){.header-note{display:none}.site-header{padding:28px 5%}nav{margin-left:0}.hero{min-height:780px}.hero-eyebrow{margin-bottom:50px}.hero-logo{filter:brightness(2.62)}.hero-content{padding:130px 6% 130px}.section-shell{grid-template-columns:15% 1fr;gap:4%;padding-left:5%;padding-right:5%}.section-number{display:block;margin:0 0 7px}.vision-bottom{gap:30px}.explorer{gap:26px}.pillar-name{}.pillar{gap:12px}.visual-panel{height:360px}.thinking-heading{align-items:flex-start}.thinking-heading p{max-width:190px;}.horizon-grid{gap:4%}.horizon-description{}.horizon h2{}}
@media(max-width:760px){:root{scroll-padding-top:25px}.site-header{padding:24px 6%}.brand-link{gap:10px}.brand-sub{}.mini-mark{transform:scale(.85);transform-origin:left center;width:20px}nav{gap:21px}nav a{}nav a:nth-child(2){display:none}nav a span{}.hero{height:100svh;min-height:720px;max-height:1000px}.hero-content{padding:130px 5.5% 140px}.hero-eyebrow{gap:8px;margin-bottom:56px}.tiny-rule{width:15px}.hero-logo{width:100%;margin:0 auto}.logo-wrap{width:100%;margin-top:10px}h1{margin:41px 0 20px;line-height:1.09}.mobile-break{display:block}.hero-description{line-height:1.6;margin-bottom:27px}.primary-link{padding:13px 16px;gap:30px}.hero-bottom{left:6%;right:6%;bottom:26px;align-items:flex-end}.coordinates{display:none}.scroll-cue{margin-left:0;gap:8px}.motion-controls{gap:18px}.motion-controls button{}.motion-controls #replay span{display:none}.hero-cross{display:none}.section-shell{display:block;padding:66px 6%}.section-label{padding-top:0;margin-bottom:35px}.section-number{display:inline;margin-right:12px}.vision h2{line-height:1.15;}.vision h2 br:first-of-type{display:none}.vision-bottom{grid-template-columns:1fr;gap:21px;margin-top:30px}.vision-bottom p{line-height:1.7;max-width:500px}.thinking-heading{display:block;margin-bottom:30px}.thinking h2{}.thinking-heading p{max-width:290px;margin-top:22px}.explorer{grid-template-columns:1fr;gap:24px}.visual-panel{height:330px}.pillar-name{}.pillar{padding:23px 0;gap:16px}.pillar-description{max-width:100%;margin-top:12px}.pillar-num{padding-top:5px}.horizon-inner{padding:55px 6% 27px}.horizon-grid{grid-template-columns:1fr;padding-top:0;gap:18px}.small-tag{}.horizon h2{margin-top:26px;}.horizon-description{line-height:1.7}.horizon-art{max-width:270px;margin:15px auto 0}.horizon-bottom{margin-top:32px;gap:18px;line-height:1.5}.horizon-bottom>span{max-width:47%}.horizon-bottom>span:last-child{text-align:right}.closing{padding-top:65px;padding-bottom:53px}.closing-line{}.closing h2{margin:37px 0;}.closing-bottom p{}.back-top{gap:15px}.back-top span{}footer{padding:24px 6%;}.footer-centre{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-logo{animation:none!important}.reveal,.enhanced .reveal{opacity:1;transform:none;transition:none}.primary-link{transition:none}.primary-link:hover{transform:none}}

/* Quiet, legible motion and accessible disclosure panels. */
.motion-paused .hero-logo{animation:none!important;opacity:1!important;clip-path:none!important;filter:brightness(2.62)!important}
.pillar{border-bottom:0}.pillar-row{border-bottom:1px solid #303a27}.pillar-description{margin: -10px 0 27px 30px;max-width:calc(100% - 40px)}
.horizon .section-number{color:#526047}.art-caption,.art-plus,.horizon-bottom{color:#526047}
@media(max-width:760px){.pillar-description{margin-left:32px;margin-top:-8px;margin-bottom:23px}}

/* Supplied typefaces and the five-size text system. */
@font-face{font-family:Nippo;src:url('assets/nippo-extralight.otf') format('opentype');font-weight:200;font-display:swap}
@font-face{font-family:Nippo;src:url('assets/nippo-light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:Nippo;src:url('assets/nippo-bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Sora;src:url('assets/sora-light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:Sora;src:url('assets/sora-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Sora;src:url('assets/sora-extrabold.otf') format('opentype');font-weight:800;font-display:swap}
@font-face{font-family:Switzer;src:url('assets/switzer-light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:Switzer;src:url('assets/switzer-extrabold.otf') format('opentype');font-weight:800;font-display:swap}
:root{--size-label:12px;--size-body:16px;--size-subheading:24px;--size-heading:48px;--size-display:96px;--blue:#79a8ff}
*,*::before,*::after{letter-spacing:-.05em}
body{font-family:Sora,Arial,sans-serif;font-size:var(--size-body);font-weight:400}
button{font-family:Sora,Arial,sans-serif;font-size:var(--size-body);font-weight:400}
h1,.vision h2,.thinking h2,.horizon h2{font-family:Switzer,Arial,sans-serif;font-size:var(--size-heading);font-weight:300}
.closing h2{font-family:Switzer,Arial,sans-serif;font-size:var(--size-display);font-weight:300}
p,.hero-description,.vision-bottom p,.thinking-heading p,.pillar-description,.visual-caption-sub,.horizon-description,.closing-bottom p{font-family:Sora,Arial,sans-serif;font-size:var(--size-body);font-weight:300}
.brand-sub,.header-note,.eyebrow,.hero-bottom,.motion-controls button,.section-label,.visual-top,.visual-caption>span:first-child,.small-tag,.horizon-bottom,.closing-line,footer,footer a{font-family:Nippo,Arial,sans-serif;font-size:var(--size-label);font-weight:300}
.section-label,.closing-line{font-weight:700}
nav a{font-family:Sora,Arial,sans-serif;font-size:var(--size-label);font-weight:400}
.pillar-name{font-family:Sora,Arial,sans-serif;font-size:var(--size-subheading);font-weight:300}
.primary-link,.back-top,.skip-link{font-family:Sora,Arial,sans-serif;font-size:var(--size-body);font-weight:400}
.hero-cross,.visual-corner{font-family:Nippo,Arial,sans-serif;font-size:var(--size-subheading);font-weight:300}
.motion-icon{font-family:Nippo,Arial,sans-serif;font-size:var(--size-label);font-weight:300}

/* Seven green dots and two grey dots form the shared b favicon. */
.mini-mark{--dot:5px;--dot-gap:2px;display:inline-grid;grid-template-columns:repeat(3,var(--dot));grid-template-rows:repeat(3,var(--dot));gap:var(--dot-gap);width:calc(var(--dot)*3 + var(--dot-gap)*2);height:calc(var(--dot)*3 + var(--dot-gap)*2);flex-shrink:0;transform:none}
.mini-mark i{display:block;width:var(--dot);height:var(--dot);border-radius:50%;background:var(--lime);opacity:1}
.mini-mark i:nth-child(2),.mini-mark i:nth-child(3){background:#727376;opacity:1}
.mini-mark i:nth-child(7){opacity:1}
.brand-link{align-items:stretch}
.brand-link>.mini-mark{--dot:10px;--dot-gap:4px}
.brand-stack{display:flex;flex-direction:column;justify-content:space-between;height:38px}
.brand-word{font-family:Sora,Arial,sans-serif;font-size:var(--size-subheading);font-weight:800;line-height:1;text-transform:lowercase}
.brand-sub{margin:0;line-height:1;white-space:nowrap}
.section-label{display:flex;align-items:center;gap:15px}
.section-mark{--dot:5px;--dot-gap:2px}
.pillar-mark{--dot:4px;--dot-gap:2px;margin-top:7px}
.visual-step-mark{--dot:3px;--dot-gap:1.5px}

/* Text-only links and pill buttons retain the existing layout. */
a{transition:color .2s}
a:hover,nav a:hover,footer a:hover,.back-top:hover{color:var(--blue)}
.primary-link{border-radius:999px;padding:14px 24px}
.primary-link:hover{background:#155dca;color:#fff;border-color:#155dca;transform:none}
.motion-controls{gap:10px}
.motion-controls button{border-radius:0;border:1px solid transparent;background:transparent;padding:8px 12px;transition:color .2s}
.motion-controls button:hover{background:transparent;color:var(--blue)}
.pillar{border-radius:999px;padding-left:14px;padding-right:14px;align-items:flex-start;transition:background .2s,color .2s}
.pillar:hover{background:#000;color:#fff}
.pillar:hover .pillar-name{color:#fff}
.pillar-description{margin-left:47px}
.motion-controls #replay span{display:inline}
.horizon{background:#fff}
.horizon a:hover{color:#155dca}
.horizon-art{display:flex;align-items:center;justify-content:center}
.fancy-mark{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){.brand-link>.mini-mark{--dot:10px;--dot-gap:4px}.brand-stack{height:38px}}
@media(max-width:760px){
  :root{--size-heading:32px;--size-display:48px}
  .site-header{column-gap:8px}.brand-link{gap:10px}.brand-link>.mini-mark{--dot:8px;--dot-gap:3px}.brand-stack{height:30px}.brand-word{font-size:var(--size-body)}
  nav{gap:8px}.hero-eyebrow{gap:8px}.tiny-rule{width:15px;flex-shrink:0}
  .hero-bottom{gap:12px}.scroll-cue{gap:8px}.motion-controls{gap:6px}
  .motion-controls button{padding:8px}.motion-controls svg{width:13px;height:13px}
  .pillar-description{margin-left:46px}.section-label{gap:13px}
  .horizon-bottom{gap:24px}.horizon-bottom>span{max-width:47%}
}
@media(max-width:360px){.site-header{column-gap:4px}.brand-link{gap:8px}.brand-link>.mini-mark{--dot:8px;--dot-gap:3px}.brand-stack{height:30px}.brand-word{font-size:var(--size-body)}nav{gap:6px}}

/* Requested home/section views and restrained header refinements. */
[hidden]{display:none!important}
.site-header{align-items:flex-end}
.brand-link{zoom:.5}
.hero h1>span,.vision h2>span,.thinking h2>span,.horizon h2>span,.closing h2{font-weight:800}
.pillar,.pillar:hover{background:transparent;color:inherit;border-radius:0;padding-left:0;padding-right:0;transition:none}
.pillar:hover .pillar-name{color:#8e9b80}
.pillar.active:hover .pillar-name{color:var(--ink)}
.pillar-description{margin-left:33px}
.fancy-mark{transform:translateY(-15px)}
@media(max-width:760px){.site-header nav a{display:inline-block}.site-header nav{flex-wrap:wrap;justify-content:flex-end}.pillar-description{margin-left:32px}}

/* Animation-only additions; final positions and typography stay unchanged. */
.hero.home-sequence #hero-title,.hero.home-sequence .hero-description,.hero.home-sequence .primary-link{animation:home-copy-fade 1.5s cubic-bezier(.4,0,.2,1) both}
.hero.home-sequence #hero-title{animation-delay:3.05s}
.hero.home-sequence .hero-description{animation-delay:5.05s}
.hero.home-sequence .primary-link{animation-delay:8.05s}
@keyframes home-copy-fade{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}
.home-return-layer{position:fixed;inset:0;z-index:1000;overflow:hidden;opacity:0;pointer-events:none}
.return-snapshot{position:absolute;top:0;left:0;background:var(--bg);pointer-events:none}
.return-snapshot *{animation:none!important;transition:none!important;pointer-events:none!important}
.motion-paused .hero.home-sequence #hero-title,.motion-paused .hero.home-sequence .hero-description,.motion-paused .hero.home-sequence .primary-link,.reduced-motion .hero.home-sequence #hero-title,.reduced-motion .hero.home-sequence .hero-description,.reduced-motion .hero.home-sequence .primary-link{animation:none!important;opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){.hero.home-sequence #hero-title,.hero.home-sequence .hero-description,.hero.home-sequence .primary-link{animation:none!important;opacity:1;visibility:visible}}
