:root{
  --ivory:#f3efe5;--paper:#fbf9f4;--green:#163b32;--deep:#0d241f;--ink:#20231f;
  --muted:#6d716c;--brass:#b3955e;--line:#d8d2c5;--white:#fff;
  --max:1240px;--serif: Georgia, 'Times New Roman', serif;--sans: Inter, Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.55}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
img,video{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;transition:.45s ease;color:white}
.site-header.scrolled{background:rgba(251,249,244,.94);backdrop-filter:blur(12px);color:var(--green);border-bottom:1px solid rgba(20,60,50,.08)}
.nav{height:86px;display:flex;align-items:center;gap:28px}.brand{font:700 25px/1 var(--serif);letter-spacing:.11em;text-transform:uppercase}.nav-links{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:13px;letter-spacing:.07em;text-transform:uppercase}.nav-cta{padding:13px 18px;border:1px solid currentColor;border-radius:999px}.menu-btn{display:none;margin-left:auto;border:0;background:none;color:inherit;font-size:24px}
.hero{position:relative;min-height:760px;height:100vh;overflow:hidden;background:#111;color:#fff}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--hero-scale,1));transition:transform .1s linear}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,15,.72) 0%,rgba(5,19,15,.35) 45%,rgba(5,19,15,.09) 72%,rgba(5,19,15,.22) 100%),linear-gradient(0deg,rgba(5,19,15,.32),transparent 55%)}
.hero-inner{position:relative;z-index:2;min-height:100%;display:flex;align-items:flex-end;padding:0 0 92px}.hero-copy{max-width:760px;transition:transform .15s linear,opacity .15s linear}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.hero h1{font:400 clamp(52px,7vw,104px)/.93 var(--serif);letter-spacing:-.04em;margin:0 0 24px}.hero p{max-width:650px;font-size:18px;color:rgba(255,255,255,.86)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--green);background:var(--green);color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.secondary{background:transparent;color:var(--green)}.hero .btn{border-color:#fff}.hero .btn.secondary{color:#fff}.scroll-cue{position:absolute;right:32px;bottom:32px;z-index:2;font-size:11px;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-cue:after{content:"";display:inline-block;width:1px;height:54px;background:rgba(255,255,255,.65);margin-top:12px;animation:pulse 1.8s infinite}@keyframes pulse{0%,100%{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1)}}
section{padding:110px 0}.section-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:14px}.section-title{font:400 clamp(38px,5.4vw,72px)/1.02 var(--serif);letter-spacing:-.03em;margin:0;max-width:900px}.section-copy{font-size:17px;color:var(--muted);max-width:690px;margin-top:22px}
.concept{background:var(--ivory)}.formula{margin-top:54px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.formula-item{border-top:1px solid var(--line);padding:18px 0;font-size:14px}.formula-item b{display:block;color:var(--green);font:400 24px/1.1 var(--serif);margin-bottom:6px}
.architectures{background:#fff}.arch-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:start;margin-top:54px}.arch-stage{position:sticky;top:118px;background:#f2f0eb;min-height:610px;display:grid;place-items:center;overflow:hidden}.arch-stage img{max-height:560px;width:auto;object-fit:contain;transition:.6s cubic-bezier(.2,.8,.2,1)}.arch-controls{display:flex;gap:8px;margin-bottom:34px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:transparent;border-radius:999px;padding:11px 16px;cursor:pointer;color:var(--ink)}.pill.active{background:var(--green);color:white;border-color:var(--green)}.arch-panel{border-top:1px solid var(--line);padding:28px 0}.arch-panel h3{font:400 38px/1 var(--serif);margin:0 0 14px}.arch-panel p{color:var(--muted)}.mini-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.mini-tags span{padding:8px 11px;background:var(--ivory);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.stitch-draw{position:absolute;inset:11% 11% 10%;pointer-events:none}.stitch-draw path{fill:none;stroke:var(--thread,#b99558);stroke-width:3;stroke-dasharray:10 10;stroke-linecap:round;stroke-dashoffset:420;animation:draw 1.6s forwards}@keyframes draw{to{stroke-dashoffset:0}}
.design{background:var(--deep);color:#fff}.design .section-copy{color:rgba(255,255,255,.68)}.design-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-top:60px}.sticky-story{position:sticky;top:118px;height:max-content}.steps{border-top:1px solid rgba(255,255,255,.16)}.step{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.16)}.step small{color:#c8b58d}.step h3{font:400 34px/1 var(--serif);margin:0 0 9px}.step p{margin:0;color:rgba(255,255,255,.65)}
.thread-lab{background:var(--ivory)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.bag-demo{position:relative;background:#fff;min-height:600px;display:grid;place-items:center;overflow:hidden}.bag-shape{width:270px;height:360px;border:3px solid var(--thread,#1f5e4b);background:rgba(239,240,235,.72);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);position:relative;transition:.45s}.bag-shape:before{content:"";position:absolute;inset:22px;background:radial-gradient(circle at 40% 25%,#48534a 0 5px,transparent 6px),radial-gradient(circle at 68% 40%,#303d31 0 7px,transparent 8px),radial-gradient(circle at 43% 65%,#59604a 0 6px,transparent 7px);opacity:.55}.thread-line{position:absolute;top:-150px;left:50%;height:150px;border-left:3px solid var(--thread,#1f5e4b);transition:.45s}.tag{position:absolute;top:-214px;left:50%;transform:translateX(-50%);width:145px;height:70px;border-radius:3px;background:var(--thread,#1f5e4b);color:#fff;display:grid;place-items:center;text-align:center;font-size:12px;letter-spacing:.14em;transition:.45s;box-shadow:0 8px 20px rgba(0,0,0,.08)}.swatches{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.swatch{width:42px;height:42px;border-radius:50%;border:3px solid #fff;outline:1px solid #bbb;cursor:pointer}.swatch.active{outline:2px solid var(--green);outline-offset:3px}
.frosted{background:#fff}.frost-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.sachet-wrap{position:relative;background:#eae7df;min-height:570px;display:grid;place-items:center;overflow:hidden}.inner-bag{width:320px;height:430px;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,var(--frost,.58));backdrop-filter:blur(calc(var(--blur,8) * 1px));box-shadow:0 18px 44px rgba(0,0,0,.12);position:relative;display:grid;place-items:center}.inner-bag .ghost{width:220px;height:295px;border:2px dashed rgba(22,59,50,.42);background:rgba(22,59,50,.06)}.inner-bag .visible-tag{position:absolute;bottom:48px;right:-34px;width:155px;height:78px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:12px;letter-spacing:.11em;box-shadow:0 8px 20px rgba(0,0,0,.12)}.range-row{margin-top:30px}.range-row input{width:100%;accent-color:var(--green)}
.pack-system{background:var(--ivory)}.pack-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.exploded{position:relative;height:540px}.layer{position:absolute;left:50%;transform:translateX(-50%);transition:.65s cubic-bezier(.2,.8,.2,1);border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--green);font:400 24px/1 var(--serif);box-shadow:0 12px 26px rgba(0,0,0,.06)}.layer.l1{width:220px;height:300px;top:20px}.layer.l2{width:290px;height:360px;top:78px;background:rgba(255,255,255,.64);backdrop-filter:blur(7px)}.layer.l3{width:390px;height:420px;top:118px;background:#f3ede0}.exploded:hover .l1{transform:translate(-50%,-54px)}.exploded:hover .l2{transform:translate(-50%,8px)}.exploded:hover .l3{transform:translate(-50%,66px)}
.tea{background:#fff;overflow:hidden}.tea-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-top:44px}.tea-card{scroll-snap-align:start;min-height:390px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#163b32,#315e50);color:#fff}.tea-card:nth-child(2){background:linear-gradient(145deg,#82824a,#bec283)}.tea-card:nth-child(3){background:linear-gradient(145deg,#9a6d44,#d7b07c)}.tea-card:nth-child(4){background:linear-gradient(145deg,#c8bfae,#f5efe0);color:var(--green)}.tea-card:nth-child(5){background:linear-gradient(145deg,#4f3c32,#826957)}.tea-card:nth-child(6){background:linear-gradient(145deg,#753d4a,#bb7887)}.tea-card:nth-child(7){background:linear-gradient(145deg,#a96f4c,#d7ad87)}.tea-card span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.tea-card h3{font:400 39px/1 var(--serif);margin:10px 0 0}
.split{display:grid;grid-template-columns:1fr 1fr}.split-panel{padding:90px max(40px,calc((100vw - var(--max))/2));padding-right:50px}.split-panel.dark{background:var(--green);color:#fff}.split-panel.light{background:#e9e4d7}.split-panel h3{font:400 46px/1.05 var(--serif);margin:0 0 20px}.split-panel p{max-width:520px}.link-arrow{display:inline-block;margin-top:20px;border-bottom:1px solid currentColor;padding-bottom:4px}
.insights{background:var(--paper)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.article-card{border-top:1px solid var(--line);padding-top:20px}.article-card .thumb{height:210px;background:linear-gradient(145deg,#ddd5c7,#f7f2e8);overflow:hidden;margin-bottom:18px}.article-card h3{font:400 28px/1.12 var(--serif);margin:8px 0 12px}.article-card p{color:var(--muted);font-size:14px}.article-card:hover .thumb{transform:scale(.99)}
.cta{background:var(--deep);color:#fff;text-align:center;padding:120px 0}.cta h2{font:400 clamp(48px,7vw,88px)/.98 var(--serif);margin:0 auto 28px;max-width:950px}.cta p{color:rgba(255,255,255,.7)}
footer{background:#0a1b17;color:#d9ddd9;padding:70px 0 32px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px}.footer-grid h4{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#fff}.footer-grid a{display:block;color:#aeb8b3;margin:10px 0;font-size:14px}.footer-brand{font:400 34px/1 var(--serif);letter-spacing:.12em}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;color:#80908a;font-size:12px;flex-wrap:wrap;gap:12px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
.page-hero{padding:180px 0 90px;background:var(--ivory)}.page-hero h1{font:400 clamp(54px,8vw,100px)/.95 var(--serif);margin:0;max-width:1000px}.page-hero p{max-width:760px;color:var(--muted);font-size:18px}.content-block{padding:90px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);padding:28px;background:#fff}.card h3{font:400 29px/1.1 var(--serif);margin:0 0 12px}.card p{color:var(--muted)}.contact-strip{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.contact-pill{padding:13px 16px;border:1px solid var(--line);border-radius:999px}
@media (max-width:900px){.nav-links{display:none}.menu-btn{display:block}.hero{min-height:680px}.hero-inner{padding-bottom:70px}.scroll-cue{display:none}.formula{grid-template-columns:repeat(2,1fr)}.arch-grid,.design-grid,.lab-grid,.frost-grid,.pack-grid,.two-col{grid-template-columns:1fr}.arch-stage,.sticky-story{position:relative;top:auto}.split{grid-template-columns:1fr}.article-grid,.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.design-grid{gap:35px}.arch-stage{min-height:470px}.arch-stage img{max-height:430px}.bag-demo,.sachet-wrap{min-height:520px}}
@media (max-width:560px){.container{width:min(100% - 28px,var(--max))}.nav{height:72px}.brand{font-size:20px}.hero h1{font-size:52px}.hero p{font-size:16px}.hero-inner{padding-bottom:48px}.section-title{font-size:42px}section{padding:80px 0}.formula{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.split-panel{padding:65px 24px}.article-grid{gap:34px}.page-hero{padding-top:140px}.page-hero h1{font-size:56px}.tea-strip{grid-auto-columns:82%}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* WordPress integration */
body.admin-bar .site-header{top:32px}
.wp-site-blocks{padding:0}
.site-main{min-height:50vh}
.site-header:not(.scrolled) .brand,.site-header:not(.scrolled) .nav-links a,.site-header:not(.scrolled) .menu-btn{color:#fff}
.page-hero + .content-block{padding-top:90px}
.article-meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 28px}
.article-body{max-width:820px;margin:0 auto}.article-body h2{font:400 42px/1.06 var(--serif);margin:52px 0 16px}.article-body h3{font:400 30px/1.1 var(--serif);margin:36px 0 12px}.article-body p,.article-body li{font-size:17px;color:#4d514d}.article-body a{text-decoration:underline;text-underline-offset:3px}
.no-posts{padding:32px;border:1px solid var(--line);background:#fff;color:var(--muted)}
.project-form label{display:block;font-size:13px;letter-spacing:.04em}.project-form input,.project-form textarea{width:100%;padding:14px;margin:8px 0 18px;border:1px solid var(--line);background:#fff}.form-status{padding:12px 14px;background:var(--ivory);margin-bottom:18px}
@media(max-width:900px){body.admin-bar .site-header{top:46px}.nav-links.mobile-open{display:flex!important;position:absolute;top:72px;left:14px;right:14px;padding:20px;background:var(--paper);color:var(--green);flex-direction:column;align-items:flex-start;box-shadow:0 14px 30px rgba(0,0,0,.08)}.site-header:not(.scrolled) .nav-links.mobile-open a{color:var(--green)}}
/* V2 maintainable content enhancements */
.hero-copy{max-width:940px}.hero h1{font:400 clamp(58px,6.2vw,94px)/.94 var(--serif);letter-spacing:-.045em;max-width:940px}.hero-line{display:block}.hero p{max-width:690px;line-height:1.55}
.concept-grid{display:grid;grid-template-columns:1.05fr .95fr;column-gap:80px;align-items:center}.concept-copy{min-width:0}.concept-visual{min-height:520px;display:grid;place-items:center;overflow:hidden}.concept-visual img{width:100%;max-width:520px;max-height:520px;object-fit:contain;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.concept-visual:hover img{transform:scale(1.035)}.concept-grid .formula{grid-column:1/-1}
.architecture{background:#fff}.arch-grid{grid-template-columns:1.3fr .7fr;gap:76px;align-items:center;margin-top:58px}.arch-stage{min-height:720px}.arch-stage img{max-height:660px;max-width:88%;transition:opacity .4s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.photo-stage{position:relative;background:#fff;min-height:600px;display:grid;place-items:center;overflow:hidden}.photo-stage img{width:100%;height:600px;object-fit:contain;padding:36px}.thread-overlay{position:absolute;inset:0;border:3px solid transparent;box-shadow:inset 0 0 0 0 var(--thread,#1f5e4b);pointer-events:none;transition:.4s}.thread-lab{--thread:#1f5e4b}.thread-lab .photo-stage:after{content:"THREAD × TAG";position:absolute;right:28px;bottom:28px;background:var(--thread);color:#fff;padding:12px 16px;font-size:11px;letter-spacing:.12em;transition:.4s}
.frost-photo{width:100%;height:100%;object-fit:contain;padding:24px;transition:opacity .2s linear,filter .2s linear}.inner-bag:has(.frost-photo){overflow:hidden}
.layer[style*="background-image"]{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent}.tea-card.has-photo{background-size:cover;background-position:center}.tea-card.has-photo h3,.tea-card.has-photo span{text-shadow:0 2px 14px rgba(0,0,0,.38)}
.tea-entry{display:block}.tea-entry img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:20px}.tea-entry small{display:block;margin:-4px 0 10px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.concept-grid{grid-template-columns:1fr}.concept-visual{min-height:400px;margin-top:30px}.arch-grid{grid-template-columns:1fr}.arch-stage{min-height:520px}.photo-stage{min-height:500px}.photo-stage img{height:500px}}
.arch-controls{display:block;margin-bottom:0}.arch-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.arch-panel{width:100%}