@import url("tokens.css?v=skills1");
/* NEI Wellness / V2. A fresh system derived from the supplied September 2026 guide. */

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.6 var(--body)}
[hidden]{display:none!important}a{color:var(--red);text-underline-offset:5px}button{font:inherit}img{max-width:100%;display:block}figure{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:400;letter-spacing:-.065em;line-height:1.03;text-wrap:balance}h1,h2{color:var(--red)}h1{font-size:clamp(58px,7.7vw,112px);margin:24px 0 32px}h2{font-size:clamp(38px,4.5vw,64px);margin:16px 0 28px}h3{font-size:clamp(26px,2.5vw,34px);margin:32px 0 20px;letter-spacing:-.04em}p{margin:0 0 22px}.lead{font-size:clamp(19px,1.6vw,22px);line-height:1.5;max-width:48ch}.small,figcaption,.product-caption{font-size:14px;line-height:1.5}.kicker{font-size:14px;letter-spacing:.04em;line-height:1.5;margin-bottom:24px}.wrap{max-width:1360px;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}.reading{max-width:54ch}
.skip-link{position:absolute;top:-100px;left:20px;padding:14px 22px;background:var(--white);z-index:100}.skip-link:focus{top:16px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:52px;border:1px solid var(--red);border-radius:2px;background:var(--button-bg);color:var(--button-fg);font:600 16px/1.3 var(--body);padding:15px 24px;text-decoration:none;cursor:pointer;transition:background var(--motion-quick),transform var(--motion-quick)}.button:hover{background:var(--button-hover);transform:translateY(-2px)}.text-link,.light-link{display:inline-flex;align-items:center;min-height:48px;font-size:16px;text-decoration:underline;text-underline-offset:6px}.light-link{color:var(--white)}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0 22px}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:32px;padding-block:24px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;min-height:56px;color:var(--red)}.brand-art{display:block;width:120px;height:64px;background:currentColor;mask:url('assets/logo-secondary.png') center/contain no-repeat;-webkit-mask:url('assets/logo-secondary.png') center/contain no-repeat}.nav{display:flex;align-items:center;gap:28px}.nav>a{font-size:15px;display:inline-flex;align-items:center;min-height:48px;text-decoration:none;color:var(--red)}.nav>a:hover,.nav>a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}.nav .button{padding:14px 20px}.menu-toggle{display:none}
.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:24px 48px}.hero-copy{padding-block:32px}.home-hero h1{max-width:9ch}.home-hero .lead{max-width:35ch}.hero-image{position:relative;align-self:stretch;min-height:560px}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:46% center;position:absolute;inset:0;border-radius:160px 160px 2px 2px}.hero-image figcaption{position:absolute;bottom:16px;left:16px;right:16px;color:var(--red);background:var(--white);padding:12px 16px;border:1px solid var(--border-red-soft);z-index:1}.photo-seal{position:absolute;top:24px;right:24px;display:grid;place-items:center;background:var(--yellow);color:var(--red);border-radius:50%;width:96px;height:96px;font:400 19px/1.1 var(--heading);letter-spacing:-.04em;text-align:center;transform:rotate(9deg)}
.brand-strip{background:var(--yellow);color:var(--red);padding-block:20px}.brand-strip>div{display:flex;justify-content:space-between;gap:24px;font-size:15px}.brand-strip span:before{content:'•';margin-right:16px}.recognition h2{max-width:15ch}.pink-section{background:var(--pink)}.green-section{background:var(--green);color:var(--white)}.green-section h2{color:var(--white)}.green-section a:focus-visible{outline-color:var(--white)}
.packet-display{min-height:500px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden}.packet-display:before{content:'';width:360px;height:360px;position:absolute;background:var(--yellow);border-radius:50%;opacity:.35;z-index:-1;transform:translate(-45px,20px)}.concept-packet{width:210px;height:350px;padding:36px 26px;color:var(--red);background:linear-gradient(100deg,var(--packet-yellow-edge),var(--yellow) 35%,var(--packet-yellow-light) 72%,var(--packet-yellow-shade));border:1px solid var(--packet-seal);display:flex;flex-direction:column;justify-content:space-between;position:relative;transform:rotate(-12deg) translateY(-12px);box-shadow:15px 22px 26px var(--packet-shadow-color);transition:transform .45s ease}.packet-display:hover .concept-packet{transform:rotate(-6deg) translateY(-16px)}.concept-packet:before,.concept-packet:after{content:'';position:absolute;left:6px;right:6px;height:9px;background:repeating-linear-gradient(90deg,var(--packet-crimp) 0 1px,transparent 1px 4px);border-block:1px solid var(--packet-crimp)}.concept-packet:before{top:6px}.concept-packet:after{bottom:6px}.packet-logo{width:130px;height:70px;background:currentColor;mask:url('assets/logo-secondary.png') center/contain no-repeat;-webkit-mask:url('assets/logo-secondary.png') center/contain no-repeat}.packet-mark{display:block;width:65px;height:65px;background:currentColor;mask:url('assets/brand-mark.png') center/contain no-repeat;-webkit-mask:url('assets/brand-mark.png') center/contain no-repeat}.packet-bottom{font-size:10px;letter-spacing:.04em;line-height:1.5}.product-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:var(--red)}.product-feature .lead{max-width:34ch}.product-feature .button{margin-top:12px}.product-facts{margin:32px 0}.product-facts>div{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;padding-block:15px;border-top:1px solid var(--red)}.product-facts dt{font-weight:600}.product-facts dd{margin:0}
.section-title{max-width:850px;margin-bottom:48px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.principles article{border-top:1px solid var(--line);padding-top:20px}.principles .index{font-size:14px;color:var(--red)}.principles h3{color:var(--red);max-width:14ch}.principles p{max-width:40ch}.story-symbol{display:block;width:clamp(220px,30vw,400px);aspect-ratio:1;margin:32px auto;color:var(--green);background:currentColor;mask:url('assets/brand-mark.png') center/contain no-repeat;-webkit-mask:url('assets/brand-mark.png') center/contain no-repeat}.story-feature{padding-block:var(--section)}.story-feature>div:first-child{background:var(--yellow);border-radius:50% 50% 2px 2px;padding:30px}.story-photo img{width:100%;max-height:600px;object-fit:cover;object-position:center 45%}.story-photo figcaption{margin-top:12px}.page-intro{padding-block:clamp(64px,9vw,128px);max-width:1360px}.page-intro h1{max-width:16ch;font-size:clamp(52px,7vw,96px)}.page-intro .lead{max-width:48ch}.status{display:inline-block;font-size:14px;border:1px solid var(--red);padding:7px 12px;color:var(--red);max-width:100%}.status-ledger{margin:32px 0 0}.status-ledger>div{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;border-top:1px solid var(--line);padding:32px 0}.status-ledger>div:last-child{border-bottom:1px solid var(--line)}.status-ledger dt{font:400 28px/1.2 var(--heading);color:var(--red);letter-spacing:-.04em}.status-ledger dd{margin:0;max-width:55ch}.status-ledger dd p{margin:16px 0 0}.contact-columns{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:0}.contact-columns article{border-top:1px solid var(--line);padding-top:24px}.contact-columns h2{font-size:42px}.contact-columns p{max-width:48ch}.faq-reading{max-width:900px;padding-top:0}.faq-reading h2{font-size:36px;margin-top:48px}details{border-top:1px solid var(--line);padding:16px 0}details:last-of-type{border-bottom:1px solid var(--line)}summary{min-height:48px;align-content:center;font-weight:600;cursor:pointer;padding-right:8px;line-height:1.4}details p{max-width:60ch;margin:18px 0 6px}.signup-panel{background:var(--yellow);padding:clamp(24px,4vw,56px);color:var(--red)}.signup-panel h2{font-size:40px;margin-top:32px}.update-list{padding-left:22px}.update-list li{padding:12px 0;border-bottom:1px solid var(--line)}.invitation{background:var(--yellow);color:var(--red);padding-block:var(--section)}.invitation-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:96px;align-items:center}.invitation h2{font-size:clamp(42px,5vw,76px)}.invitation p{max-width:42ch}.invitation .small{margin-top:20px}.brand-circle{width:140px;height:140px;display:block;margin:auto;background:var(--red);mask:url('assets/brand-mark.png') center/contain no-repeat;-webkit-mask:url('assets/brand-mark.png') center/contain no-repeat}
.site-footer{background:var(--red);color:var(--white);padding-block:64px 32px}.site-footer .brand{color:var(--white)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 80px}.footer-tagline{font-size:20px;margin-top:24px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:4px 24px}.site-footer a{color:var(--white);min-height:44px;display:inline-flex;align-items:center}.site-footer a:focus-visible{outline-color:var(--yellow)}.footer-disclaimer{font-size:14px;grid-column:1/-1;max-width:84ch}.footer-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--border-white-soft);padding-top:24px;font-size:14px}.preview-note{text-align:center;font-size:14px;padding:16px var(--gutter);background:var(--white);color:var(--red)}
dialog{padding:40px;background:var(--white);color:var(--ink);border:1px solid var(--red);width:calc(100% - 40px);max-width:520px;max-height:calc(100svh - 40px);overflow:auto}dialog::backdrop{background:var(--dialog-backdrop)}dialog h2{font-size:38px}dialog .button{margin-top:20px}.motion-toggle{display:block;min-height:48px;border:1px solid var(--red);background:var(--white);color:var(--red);padding:10px 18px;margin:16px var(--gutter);cursor:pointer;font-size:14px}.motion-toggle:disabled{cursor:default}
/* Motion is optional; content stays readable without JS. */
.motion-ready .reveal{transition:opacity .45s ease,transform .55s ease}.motion-ready .reveal:not(.revealed){opacity:0;transform:translateY(16px)}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.motion-paused .concept-packet{transform:rotate(-12deg)!important}
@view-transition{navigation:auto}::view-transition-old(root){animation:v2-out .15s ease both}::view-transition-new(root){animation:v2-in .3s ease both}@keyframes v2-out{to{opacity:0}}@keyframes v2-in{from{opacity:0}}html.motion-paused::view-transition-old(root),html.motion-paused::view-transition-new(root){animation:none}
@media(max-width:1000px){.site-header{min-height:88px;flex-wrap:wrap;padding-block:16px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--red);min-height:48px;padding:10px 18px;color:var(--red)}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:12px 0}.nav.open{display:flex}.nav>a{padding:12px}.nav .button{align-self:flex-start}.brand-art{width:120px;height:64px}.home-hero{gap:32px}.home-hero h1{font-size:clamp(56px,7.5vw,88px)}.hero-image{min-height:500px}.split{gap:32px}.principles{gap:24px}.invitation-inner{gap:48px}}
@media(max-width:700px){body{font-size:16px}.home-hero,.split,.principles,.contact-columns,.invitation-inner,.footer-grid{grid-template-columns:1fr}.home-hero{padding-block:0 32px;gap:16px}.hero-copy{padding-block:36px 12px}.home-hero h1{font-size:clamp(56px,12vw,80px);margin:24px 0}.hero-image{min-height:430px}.hero-image img{border-radius:100px 100px 2px 2px}.hero-image figcaption{left:12px;right:12px;bottom:12px;font-size:14px}.photo-seal{width:78px;height:78px;font-size:16px}.brand-strip>div{flex-direction:column;gap:12px}.brand-strip{padding-block:24px}.brand-strip span:before{margin-right:12px}.recognition h2{max-width:18ch}.section-title{margin-bottom:32px}.principles{gap:32px}.principles h3{max-width:20ch;margin-top:22px}.product-feature{gap:40px}.packet-display{min-height:410px;order:0}.concept-packet{width:180px;height:310px;padding:32px 22px}.packet-logo{width:112px;height:62px}.packet-mark{width:55px;height:55px}.packet-display:before{width:290px;height:290px}.product-caption{bottom:0}.page-intro{padding-block:56px}.page-intro h1{font-size:clamp(48px,10vw,68px);max-width:15ch}.status-ledger>div{grid-template-columns:1fr;gap:18px;padding-block:24px}.status-ledger dt{font-size:26px}.story-symbol{width:230px;margin:24px auto}.story-feature>div:first-child{padding:24px}.story-photo img{max-height:430px}.faq-reading h2{font-size:30px}.invitation-inner{gap:32px}.brand-circle{width:70px;height:70px;margin:0}.invitation h2{font-size:44px}.footer-disclaimer,.footer-meta{grid-column:auto}.footer-meta{flex-wrap:wrap;gap:16px}.site-footer{padding-block:48px 24px}.footer-grid{gap:24px}.site-footer nav{gap:8px 20px}.footer-tagline{margin:12px 0}.signup-panel h2{font-size:36px}dialog{padding:28px}dialog h2{font-size:32px}.contact-columns{gap:40px}.contact-columns h2{font-size:34px}}
@media(max-width:360px){.home-hero h1{font-size:52px}.hero-image{min-height:380px}.page-intro h1{font-size:46px}.photo-seal{right:16px;top:20px}.story-symbol{width:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1!important;transform:none!important}.packet-display:hover .concept-packet{transform:rotate(-12deg)}.button:hover{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}

/* An optional packet study; the text and controls carry all meaning. */
.packet-study{min-width:0}.packet-scene{position:absolute;inset:0 0 34px;opacity:0;pointer-events:none}.packet-scene canvas{display:block;width:100%;height:100%}.webgl-ready .packet-scene{opacity:1}.webgl-ready .concept-packet,.webgl-ready .packet-reverse{visibility:hidden}.packet-reverse{display:none;width:210px;height:350px;padding:36px 24px;background:var(--yellow);color:var(--red);transform:rotate(-12deg);box-shadow:var(--packet-shadow)}.packet-reverse strong{font:400 26px/1.2 var(--heading)}.packet-reverse p{font-size:16px;line-height:1.5;margin-top:72px}.show-reverse .concept-packet{display:none}.show-reverse .packet-reverse{display:block}.packet-controls{display:flex;gap:12px;justify-content:center;margin-top:16px}.packet-controls button{min-width:96px;min-height:48px;background:var(--white);color:var(--red);border:1px solid var(--red);font:600 16px var(--body);cursor:pointer}.packet-controls button[aria-pressed=true]{background:var(--red);color:var(--white)}.packet-view-status{text-align:center;margin:16px 0 0;min-height:42px}.packet-controls button:hover{outline:1px solid var(--red);outline-offset:2px}h1,h2,h3{text-wrap:balance}.signup-steps{padding-left:24px}.signup-steps li{padding:12px 0;border-bottom:1px solid var(--line)}@media(prefers-reduced-motion:reduce){.packet-scene{display:none}.webgl-ready .concept-packet,.webgl-ready .packet-reverse{visibility:visible}}

/* Concept photography on the waitlist page. */
.wide-photo{margin-bottom:var(--section)}.wide-photo img{max-height:560px;object-position:65% 35%}
picture{display:block}
.wide-photo.tall img{max-height:660px;object-position:50% 60%}
