:root{--forest:#193d2c;--forest-deep:#112b20;--sage:#b7cdb4;--mist:#edf3ed;--white:#fff;--ink:#183226;--muted:#66766c;--line:#d3ded3;--font:'Segoe UI','Leelawadee UI',Tahoma,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:#f7faf6;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}
::selection{background:#b7cdb4;color:#112b20}
.skip-link{position:absolute;z-index:100;top:-60px;left:16px;padding:10px 18px;background:#fff;color:var(--forest)}.skip-link:focus{top:12px}
.container{width:min(100% - 80px,1340px);margin-inline:auto}.section-pad{padding:124px 0}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px;font:700 11px/1.2 'Segoe UI',sans-serif;letter-spacing:.18em;color:#58745e}.eyebrow.light{color:#d3e6cf}.eyebrow-line{width:24px;height:1px;background:currentColor}.section-index{font:600 11px 'Segoe UI',sans-serif;letter-spacing:.16em;color:#77947c}.section-line{height:1px;background:#aac0aa;flex:1;max-width:120px}
.site-header{height:84px;background:var(--forest);color:#fff;position:relative;z-index:20}.nav-wrap{height:100%;width:min(100% - 80px,1440px);margin:auto;display:flex;align-items:center;gap:50px}.wordmark,.footer-wordmark{font:700 28px/1 'Segoe UI',sans-serif;letter-spacing:-.055em;white-space:nowrap}.wordmark-symbol{display:inline-grid;place-items:center;margin-right:10px;width:26px;height:26px;border:1px solid #c8dac5;border-radius:50%;font-size:14px;vertical-align:3px;letter-spacing:0}.wordmark-dot,.footer-wordmark span{color:#aacbaa}.primary-nav{display:flex;gap:35px;margin-left:auto}.primary-nav a{font-size:13px;font-weight:500;white-space:nowrap;color:#e2ece0;transition:color .2s}.primary-nav a:hover,.primary-nav a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:6px}.nav-cta{border:1px solid #9dbda0;padding:12px 18px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}.nav-cta span{margin-left:14px}.nav-cta:hover{background:#d8e8d5;color:var(--forest)}.menu-toggle{display:none}
.hero{position:relative;min-height:min(780px,calc(100dvh - 84px));color:#fff;overflow:hidden;background:#183a2a}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{background:url('images/coffee-hero.png') center 48% / cover no-repeat}.hero-overlay{background:linear-gradient(90deg,rgba(10,35,22,.76) 0%,rgba(10,35,22,.61) 32%,rgba(10,35,22,.15) 68%,rgba(10,35,22,0) 100%),linear-gradient(0deg,rgba(9,30,19,.32),transparent 30%)}.hero-inner{position:relative;width:min(100% - 80px,1340px);min-height:inherit;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:90px 0 130px}.hero h1{font-size:clamp(50px,6.15vw,94px);line-height:1.23;letter-spacing:-.055em;font-weight:600;margin:0;max-width:900px}.hero h1 span{color:#c1dfbc}.hero-copy{font-size:17px;line-height:1.9;max-width:540px;color:#e5eee4;margin:32px 0 33px}.hero-actions{display:flex;align-items:center;gap:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 22px;min-width:188px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-light{background:#e7f1e4;color:var(--forest)}.button-light:hover{background:#fff}.button-dark{background:var(--forest);color:#fff}.button-dark:hover{background:#2b5940}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid;padding-bottom:7px;font-size:14px;font-weight:600}.light-link{color:#edf6eb;border-color:#b9d2b9}.hero-bottom{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:min(100% - 80px,1340px);display:flex;justify-content:space-between;gap:20px;font:600 11px 'Segoe UI','Leelawadee UI',Tahoma,sans-serif;letter-spacing:.12em;color:#d4e5d3}.hero-bottom span:last-child{letter-spacing:0}
.intro{background:#f7faf6}.intro-grid{display:grid;grid-template-columns:220px 1fr;gap:80px}.section-aside{display:flex;align-items:flex-start;gap:20px;padding-top:10px}.section-aside .section-line{margin-top:6px}.intro h2,.benefits h2,.ingredients h2,.ritual h2,.faq h2{font-size:clamp(41px,5vw,72px);line-height:1.26;letter-spacing:-.055em;font-weight:600;margin:0}.intro h2 em{font-style:normal;color:#83a789}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:35px}.intro-bottom p{max-width:580px;margin:0;color:#526d59;font-size:17px;line-height:1.95}.round-arrow{display:grid;place-items:center;border:1px solid #95b49a;border-radius:50%;width:72px;height:72px;flex:none;font-size:29px;transition:background .2s,color .2s,transform .2s}.round-arrow:hover{background:var(--forest);color:#fff;transform:translate(3px,3px)}
.benefits{background:var(--mist)}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:58px}.section-head .eyebrow{margin-bottom:23px}.section-head>p{max-width:330px;margin:0 0 8px;color:#607464;font-size:15px;line-height:1.9}.benefit-list{border-top:1px solid #b9cdb9}.benefit-item{display:grid;grid-template-columns:110px 1fr 56px;gap:25px;align-items:center;padding:34px 0;border-bottom:1px solid #b9cdb9}.benefit-number{font:600 13px 'Segoe UI',sans-serif;color:#7c9e83}.benefit-item h3{font-size:clamp(24px,2.4vw,34px);line-height:1.4;letter-spacing:-.035em;margin:0 0 6px;font-weight:600}.benefit-item p{font-size:15px;line-height:1.8;color:#5b7160;margin:0}.benefit-glyph{justify-self:end;color:#7b9c82;font:300 24px 'Segoe UI',sans-serif}
.ingredients{background:var(--forest);color:#f5f9f4}.ingredients-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:11vw;align-items:start}.ingredients h2{font-size:clamp(41px,4.6vw,68px)}.ingredients-copy>p:not(.eyebrow){font-size:16px;line-height:1.95;color:#d1e0d1;max-width:450px;margin:30px 0 0}.ingredients-copy .small-note{font-size:12px!important;color:#a9c6ab!important;margin-top:42px!important;border-left:2px solid #99bd9b;padding-left:15px}.ingredient-stack{border-top:1px solid #6b9273;margin-top:3px}.ingredient-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;min-height:101px;border-bottom:1px solid #6b9273}.ingredient-row>span:first-child{font:500 11px 'Segoe UI',sans-serif;color:#a8c3aa}.ingredient-row strong{font-size:clamp(21px,2vw,29px);letter-spacing:-.03em;font-weight:500}.ingredient-row .row-english{font:600 10px 'Segoe UI',sans-serif;letter-spacing:.12em;color:#9fbaa2;text-align:right}
.ritual{background:#dcead9;text-align:center}.ritual-inner{display:flex;align-items:center;flex-direction:column}.ritual .eyebrow{justify-content:center}.ritual h2 span{color:#5b8565}.ritual p:not(.eyebrow){max-width:560px;font-size:16px;line-height:1.95;color:#56715b;margin:28px 0 34px}.ritual .button{min-width:220px}
.faq{background:#f7faf6}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:29px 0;font-size:18px;font-weight:600;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{display:grid;place-items:center;border:1px solid #9eb89f;border-radius:50%;width:30px;height:30px;flex:none;font:400 21px 'Segoe UI',sans-serif;line-height:1;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:-7px 50px 28px 0;color:#617566;font-size:15px;line-height:1.9}
.site-footer{background:var(--forest-deep);color:#e4eee2;padding:66px 0 28px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:74px}.footer-wordmark{font-size:42px}.footer-top p{font-size:14px;line-height:1.9;color:#b5ceb8;margin:23px 0 0}.back-top{border-bottom:1px solid #86a88c;padding-bottom:8px;font-size:13px}.back-top span{margin-left:22px}.footer-bottom{border-top:1px solid #42664e;padding-top:24px;display:flex;justify-content:space-between;gap:30px;color:#9fbaa3;font-size:11px;line-height:1.7}
:focus-visible{outline:2px solid #8fc79a;outline-offset:4px}
@media(max-width:1100px){.nav-wrap{gap:25px}.primary-nav{gap:18px}.nav-cta{display:none}.ingredients-grid{gap:7vw}.ingredient-row{grid-template-columns:32px 1fr}.ingredient-row .row-english{display:none}}
@media(max-width:760px){.container,.nav-wrap,.hero-inner,.hero-bottom{width:min(100% - 40px,1340px)}.section-pad{padding:80px 0}.site-header{height:70px}.wordmark{font-size:25px}.menu-toggle{margin-left:auto;display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;background:none;border:0;padding:7px}.menu-toggle span{display:block;height:2px;width:25px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--forest);margin:0;padding:10px 20px 28px;flex-direction:column;gap:0;border-top:1px solid #48654f}.primary-nav.open{display:flex}.primary-nav a{font-size:16px;padding:14px 0;border-bottom:1px solid #48654f}.hero{min-height:680px}.hero-image{background-position:59% center}.hero-overlay{background:linear-gradient(90deg,rgba(10,35,22,.85),rgba(10,35,22,.54) 65%,rgba(10,35,22,.25)),linear-gradient(0deg,rgba(9,30,19,.4),transparent 40%)}.hero-inner{padding:78px 0 120px}.hero h1{font-size:clamp(43px,9vw,63px);line-height:1.32}.hero-copy{font-size:15px;line-height:1.8;max-width:420px;margin:25px 0 28px}.hero-bottom{bottom:23px}.hero-bottom span:first-child{display:none}.intro-grid,.ingredients-grid,.faq-grid{grid-template-columns:1fr;gap:36px}.section-aside{padding:0}.intro h2,.benefits h2,.ingredients h2,.ritual h2,.faq h2{font-size:clamp(39px,8vw,55px)}.intro-bottom{margin-top:25px}.intro-bottom p{font-size:15px}.round-arrow{width:58px;height:58px;font-size:22px}.section-head{display:block;margin-bottom:38px}.section-head>p{margin-top:18px}.benefit-item{grid-template-columns:40px 1fr 20px;gap:14px;padding:25px 0}.benefit-item p{font-size:14px}.ingredient-row{min-height:83px}.ingredients-copy>p:not(.eyebrow){margin-top:24px}.faq-grid{gap:35px}.footer-top{padding-bottom:55px}}
@media(max-width:480px){.hero{min-height:650px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.hero h1{font-size:42px}.hero-copy{max-width:330px}.button{padding:15px 18px}.intro-bottom{align-items:flex-start}.round-arrow{display:none}.benefit-item{grid-template-columns:30px 1fr}.benefit-glyph{display:none}.benefit-item h3{font-size:23px}.ingredient-row strong{font-size:20px}.faq summary{font-size:16px}.footer-top,.footer-bottom{flex-direction:column;gap:28px}.footer-wordmark{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* The logo artwork is derived from NTLogoMD.png. The image window trims its
   transparent canvas while keeping the original leaf mark visible. */
.wordmark{display:block;width:210px;height:55px;overflow:hidden;flex:none}
.wordmark img{display:block;width:250px;height:auto;max-width:none;transform:translate(-20px,-13px)}
.footer-wordmark{display:block;width:280px;height:75px;overflow:hidden}
.footer-wordmark img{display:block;width:333px;height:auto;max-width:none;transform:translate(-26px,-17px)}
@media(max-width:760px){.wordmark{width:175px;height:49px}.wordmark img{width:208px;transform:translate(-17px,-11px)}}