@import url('/fonts/fonts.css');


:root{--paper:#fff;--ink:#24291f;--muted:#5f6559;--line:#d5d8c9;--panel:#e0efec;--panel-hover:#d5e9e5;--radius:20px;--heading:'Arvo',Rockwell,'Roboto Slab',serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--heading);font-weight:700;font-style:normal;letter-spacing:-.035em;line-height:1.2}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid #61783f;outline-offset:6px}
::selection{background:#c8e3dc}

.site-header{border-bottom:1px solid var(--line);position:relative;z-index:10}
.header-inner{max-width:1320px;margin:auto;padding:15px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;flex-shrink:0}
.brand img{display:block;width:65px;height:88px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px}
.desktop-nav a{padding:12px 0;position:relative}
.desktop-nav a:after{content:'';height:1px;width:0;position:absolute;bottom:4px;left:0;background:var(--ink);transition:width .2s}
.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:12px 17px;font-size:13px}
.mobile-nav[hidden]{display:none}
.mobile-nav{display:flex;flex-direction:column;gap:20px;padding:24px 6%;border-top:1px solid var(--line);font-size:14px}

.hero{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0 auto;padding:50px 5% 55px}
.hero-background{position:absolute;inset:-3%;z-index:0;background:url("/woodland-hero.webp") center 46%/cover no-repeat;transform:scale(1.06) translate3d(-2%,1%,0);animation:woodland-pan 36s linear infinite alternate;will-change:transform;pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(255,255,255,.50);pointer-events:none}
.hero-image-heading{position:relative;z-index:2;margin:0;font-size:0;line-height:0}
@keyframes woodland-pan{from{transform:scale(1.06) translate3d(-2%,1%,0)}to{transform:scale(1.25) translate3d(2%,-1%,0)}}
.hero-logo-image{display:block;width:100%;height:auto;max-width:1188px;margin:0 auto}
.woodland{width:100%;height:auto;display:block;color:var(--ink)}
.ink{display:block;color:var(--ink);width:80px;height:70px}
.arrow{display:inline-block;font-family:Arial,sans-serif;font-size:26px;line-height:1;transition:transform .2s}
a:hover .arrow{transform:translate(3px,-3px)}

.countdown{max-width:1188px;margin:40px auto 0;border:0;border-radius:var(--radius);background:var(--panel);display:flex;justify-content:space-between;align-items:center;gap:35px;padding:32px 40px;position:relative}
.launch-caption h2{font-size:22px;letter-spacing:-.035em}
.launch-caption>p{font-size:13px;color:var(--muted);margin-top:9px}
.countdown-values{display:grid;grid-template-columns:repeat(4,64px);gap:36px}
.time-unit{display:flex;flex-direction:column;align-items:center;min-width:0;position:relative}
.time-unit:not(:last-child):after{content:':';position:absolute;right:-23px;top:3px;font-size:30px;color:#7a8e85}
.time-unit strong{font-family:var(--heading);font-size:39px;font-weight:400;line-height:1.1;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.time-unit>span{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-top:9px}
.launch-day{position:absolute;bottom:6px;font-size:11px}

.vision-section{max-width:980px;margin:auto;padding:75px 5% 65px;text-align:center}
.vision-section h2{font-size:25px;margin-bottom:24px}
.vision-text{font-size:19px;line-height:1.85;max-width:870px;margin:auto}
.explore-section{max-width:1188px;margin:0 auto 65px}
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.path-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:23px;padding:30px 28px 50px;min-height:260px;border:0;border-radius:var(--radius);background:var(--panel);transition:transform .28s cubic-bezier(.2,.65,.3,1),background-color .28s;transform:scale(1)}
.path-card h2{font-size:23px;line-height:1.3;letter-spacing:-.04em;max-width:290px}
.path-card .ink{width:74px;height:64px;align-self:center}
.path-card .arrow{position:absolute;bottom:22px;right:25px}
.path-card:focus-visible{background:var(--panel-hover);transform:scale(1.025)}
@media(hover:hover) and (pointer:fine){.path-card:hover{background:var(--panel-hover);transform:scale(1.025)}.path-card:active{transform:scale(.99)}}

.story-section,.manifesto{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;padding:15px 0 55px;max-width:1188px;margin:0 auto;border:0}
.story-heading{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--panel);border-radius:var(--radius);padding:34px;min-height:285px}
.story-heading .ink{width:75px;height:66px;margin-bottom:22px}
.story-heading h2{font-size:35px;line-height:1.22;max-width:420px;overflow-wrap:break-word}
.story-copy{align-self:center;padding:12px 0}
.story-copy p{font-size:16px;line-height:1.9}
.story-copy p+p{margin-top:23px}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:500;padding:13px 0;margin-top:19px}
.manifesto{grid-template-columns:1.1fr .9fr;margin-bottom:30px;background:none}
.manifesto .story-heading{grid-column:2;grid-row:1}
.manifesto .story-copy{grid-column:1;grid-row:1}
.manifesto .story-heading h2{font-size:36px}
.reveal{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}
.motion-ready .reveal:not(.in-view){opacity:0;transform:translateY(44px)}

.detail-main{max-width:1050px;padding:60px 5% 90px;margin:auto}
.detail-heading{padding-bottom:40px;border-bottom:1px solid var(--line)}
.detail-heading h1{font-size:clamp(34px,4.3vw,58px);letter-spacing:-.04em;max-width:900px}
.detail-section{padding:38px 0;border-bottom:1px solid var(--line);scroll-margin-top:40px}
.detail-section h2{font-size:29px;line-height:1.3;margin-bottom:22px;max-width:790px}
.detail-section p{font-size:17px;line-height:1.9;max-width:810px}
.detail-section p+p{margin-top:22px}

.principles-list{max-width:810px;padding-left:25px;margin:26px 0 0;font-size:17px;line-height:1.9}
.principles-list li{padding-left:8px;margin-bottom:23px}
.principles-list li:last-child{margin-bottom:0}
.principles-list strong{font-weight:600}
.detail-section .spices-heading{margin-top:36px}
.spices-list{max-width:810px;margin:25px 0 35px}
.spices-list>div{display:grid;grid-template-columns:180px 1fr;gap:25px;margin-bottom:25px}
.spices-list dt{font-family:var(--heading);font-weight:700;font-size:17px;line-height:1.7}
.spices-list dd{margin:0;font-size:17px;line-height:1.9}
@media(max-width:700px){.principles-list{font-size:16px;line-height:1.85;padding-left:23px}.principles-list li{padding-left:4px}.spices-list>div{grid-template-columns:1fr;gap:7px;margin-bottom:25px}.spices-list dt,.spices-list dd{font-size:16px}.detail-section .spices-heading{margin-top:30px}}

@media(max-width:1320px){.countdown,.explore-section,.story-section,.manifesto{margin-left:5%;margin-right:5%}}
@media(max-width:950px){
 .desktop-nav{gap:20px;font-size:12px}
 .hero{padding-top:40px;padding-bottom:40px}
 .countdown{padding:28px;gap:20px}
 .launch-caption h2{font-size:20px}
 .countdown-values{grid-template-columns:repeat(4,54px);gap:22px}
 .time-unit strong{font-size:33px}
 .time-unit:not(:last-child):after{right:-15px;font-size:25px}
 .time-unit>span{font-size:8px}
 .path-grid{gap:17px}
 .path-card{padding:24px 20px 52px;min-height:260px}
 .path-card h2{font-size:20px}
 .story-heading{padding:26px;min-height:260px}
 .story-heading h2,.manifesto .story-heading h2{font-size:30px}
 .story-section,.manifesto{gap:6%}
 .story-copy p{font-size:15px}
 .vision-text{font-size:18px}
}
@media(max-width:700px){
 .header-inner{padding:12px 6%}
 .brand img{width:49px;height:67px}
 .desktop-nav{display:none}
 .menu-toggle{display:block}
 .hero{padding:30px 6%}
 .countdown{margin:28px 6% 0;padding:26px 20px 29px;flex-direction:column;align-items:flex-start;gap:25px}
 .launch-caption h2{font-size:21px}
 .launch-caption>p{font-size:13px}
 .countdown-values{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
 .time-unit strong{font-size:clamp(25px,7.4vw,32px)}
 .time-unit:not(:last-child):after{right:-10px;top:0;font-size:24px}
 .time-unit>span{font-size:8px;letter-spacing:.7px}
 .vision-section{padding:49px 7%}
 .vision-section h2{font-size:24px;margin-bottom:23px}
 .vision-text{font-size:16px;line-height:1.85;text-align:left}
 .explore-section{margin:0 6% 45px}
 .path-grid{grid-template-columns:1fr;gap:18px}
 .path-card{min-height:195px;padding:24px 25px 44px;gap:20px}
 .path-card h2{font-size:23px;max-width:calc(100% - 12px)}
 .path-card .ink{width:66px;height:55px}
 .path-card .arrow{bottom:20px;right:23px}
 .story-section,.manifesto{grid-template-columns:1fr;gap:21px;padding:0 0 38px;margin-left:6%;margin-right:6%}
 .story-heading{padding:28px;min-height:220px}
 .story-heading .ink{width:64px;height:57px;margin-bottom:20px}
 .story-heading h2,.manifesto .story-heading h2{font-size:28px;max-width:100%}
 .story-copy{padding:0}
 .story-copy p{font-size:15px;line-height:1.9}
 .manifesto{margin-bottom:15px}
 .manifesto .story-heading,.manifesto .story-copy{grid-column:auto;grid-row:auto}
 .text-link{font-size:13px;padding:14px 0}
 .detail-main{padding:38px 6% 55px}
 .detail-heading{padding-bottom:30px}
 .detail-heading h1{font-size:34px;line-height:1.25;overflow-wrap:break-word}
 .detail-section{padding:30px 0}
 .detail-section h2{font-size:24px}
 .detail-section p{font-size:16px;line-height:1.85}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.in-view){opacity:1;transform:none}}
.long-copy{font-size:17px;line-height:1.9;padding-top:10px;overflow-wrap:break-word}
.long-copy>h2{font-size:29px;line-height:1.35;margin:48px 0 24px;scroll-margin-top:35px}
.long-copy>h3{font-size:22px;line-height:1.4;margin:32px 0 20px}
.long-copy>p,.long-copy>ul{max-width:850px;margin:22px 0}
.long-copy blockquote{margin:24px 0;padding:26px 30px;background:var(--panel);border-radius:var(--radius);max-width:850px}
.long-copy ul{padding-left:24px}
.long-copy li{padding-left:5px;margin:12px 0}
.long-copy .todo-item{list-style:none;margin-left:-24px}
.long-copy .nested-note{margin-left:22px}
.timeline-scroll{max-width:100%;overflow:auto;margin:28px 0;border-radius:16px;border:1px solid #dae5e1}
.timeline-scroll table{border-collapse:collapse;min-width:1050px;width:100%;font-size:14px;line-height:1.7}
.timeline-scroll th{background:var(--panel);padding:16px;text-align:left}
.timeline-scroll td{padding:16px;vertical-align:top;border-top:1px solid #dae5e1;min-width:130px}
@media(max-width:700px){.long-copy{font-size:16px;line-height:1.85}.long-copy>h2{font-size:25px;margin-top:38px}.long-copy>h3{font-size:21px}.long-copy blockquote{padding:22px}.timeline-scroll{margin-right:0}}
/* Woodcut surfaces and launch medallion. */
.header-inner{padding-top:7px;padding-bottom:7px}
.brand img{width:42px;height:56px}
.arrow{width:28px;height:28px;flex-shrink:0;color:#111}
.countdown{width:min(430px,88%);aspect-ratio:1;max-width:none;margin:0 auto 65px!important;padding:22px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;align-items:center;justify-items:center;gap:0;border-radius:50%;text-align:center;background:var(--panel)}
.countdown>h2{align-self:end;margin-bottom:28px;font-size:22px;max-width:90%}
.countdown-values{width:100%;max-width:335px;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.countdown .time-unit strong{font-size:clamp(25px,4vw,39px)}
.countdown .time-unit:after{right:-11px}
.launch-date{align-self:start;margin-top:27px;font-size:17px}
.launch-day{bottom:50px;max-width:75%}
.vision-section{padding-bottom:40px}
.explore-section{max-width:none;width:100%;margin:0 0 65px!important;padding:48px 5%;background:var(--panel)}
.path-grid{max-width:1188px;margin:auto;gap:27px}
.path-card,.story-heading{isolation:isolate;border:0;border-radius:0;background:none!important;position:relative;color:#111}
.path-card:before,.story-heading:before{content:"";position:absolute;inset:0;z-index:-1;background:url('/woodcut-board-white.svg') center/100% 100% no-repeat;pointer-events:none}
.path-card{align-items:center;text-align:center;padding:32px 30px 55px;min-height:305px}
.path-card h2{width:100%;max-width:310px;text-align:center}
.path-card .ink{width:86px;height:80px}
.path-card .arrow{right:26px;bottom:22px}
.story-heading:before{background-image:url('/woodcut-board-teal.svg')}
.story-heading{padding:38px}
.ink{color:#111}
@media(max-width:950px){.path-card{padding-left:24px;padding-right:24px}.path-card h2{font-size:21px}}
@media(max-width:700px){
 .header-inner{padding-top:6px;padding-bottom:6px}.brand img{width:39px;height:52px}
 .countdown{width:88%;max-width:350px;margin-bottom:42px!important;padding:20px}
 .countdown>h2{font-size:clamp(16px,4.8vw,21px);margin-bottom:22px}
 .countdown-values{gap:12px}.countdown .time-unit strong{font-size:clamp(23px,7vw,30px)}
 .countdown .time-unit:after{right:-9px;font-size:22px}.time-unit>span{font-size:7px}
 .launch-date{font-size:15px;margin-top:23px}
 .vision-section{padding-bottom:30px}
 .explore-section{padding:32px 6%;margin-bottom:38px!important}
 .path-grid{gap:24px}.path-card{min-height:250px;padding:28px 30px 49px}.path-card h2{font-size:23px}
 .path-card .ink{width:76px;height:71px}.story-heading{padding:32px}
}

.seconds-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.second-dot{fill:#72a59a;transition:fill .2s ease}
.second-dot.is-white{fill:#fff}
.countdown>h2{font-size:25px;letter-spacing:.045em;line-height:1.35}
@media(max-width:700px){.countdown>h2{font-size:clamp(16px,4.8vw,21px);letter-spacing:.035em}}

.landing-header-space{height:71px;background:white}.login-entry{padding:65px 6% 80px;max-width:600px;margin:auto;text-align:center}.login-entry h2{font-size:26px;margin-bottom:30px}.login-entry label{display:block;text-align:left;font-size:14px;margin-bottom:10px}.password-fields{display:flex;gap:12px}.password-fields input{min-width:0;flex:1;border:1px solid #81988e;border-radius:4px;font:inherit;padding:14px;background:white}.password-fields button,.site-logout button{background:#e0efec;color:#111;border:0;border-radius:4px;padding:14px 22px;font:inherit;cursor:pointer}.login-error{color:#972b23;margin-top:18px;text-align:left}.site-logout{max-width:1188px;margin:24px auto;padding:0 5% 30px;text-align:right}.site-logout button{font-size:13px;padding:10px 16px}@media(max-width:700px){.landing-header-space{height:65px}.login-entry{padding-top:45px}.password-fields{gap:8px}.password-fields button{padding:14px 18px}}