@font-face{font-family:'Samim';src:url('fonts/Samim.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Samim';src:url('fonts/Samim-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Parastoo';src:url('fonts/Parastoo.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Parastoo';src:url('fonts/Parastoo-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{--bg:#101a15;--bg-deep:#0d1511;--surface:#19251e;--surface-2:#1e2b23;--gold:#c0a46e;--gold-bright:#d8c296;--white:#e9ede7;--muted:#a5b1a7;--border:rgba(205,219,208,.13);--font-heading:'Parastoo',serif;--font-body:'Samim',sans-serif;--font-display:'Parastoo',serif;--font-en:'Samim',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font-body);line-height:1.9;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:0;font-weight:700;line-height:1.6}h2{font-size:36px;margin:0 0 16px}h3{font-size:23px;margin:0 0 12px}p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.shell{max-width:1320px;margin:auto;padding-inline:48px}.site{background:var(--bg)}.sticky-header-wrap{position:relative;z-index:50;padding-top:16px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px;padding:16px 0;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:12px;direction:ltr;font:700 30px var(--font-en);color:var(--white)}.logo .mark{display:none}.logo-sub{font:13px var(--font-body);color:var(--muted);padding-left:14px;border-left:1px solid var(--border)}nav{display:flex;align-items:center;gap:28px;font-size:14px;color:var(--muted)}nav a:hover{color:var(--white)}.header-actions{display:flex}.navcta{font-size:13px;color:var(--white);padding:9px 16px;border:1px solid var(--border);border-radius:6px}.mobile-jump-nav{display:none}
main#top{padding-top:52px}h1{font-size:clamp(36px,4.4vw,60px);line-height:1.45;text-align:center;margin:0 auto 24px;max-width:900px}h1 em{font-style:normal;color:var(--white)}h1 span{display:inline}.lead{max-width:650px;margin:auto;color:var(--muted);font-size:15px;text-align:center;line-height:2.1}.lead br{display:block}.showcase{position:relative;min-height:465px;margin-top:28px;overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab}.showcase.dragging{cursor:grabbing}.reel{height:440px;position:absolute;left:50%;top:12px;width:0;z-index:6}.item{position:absolute;width:180px;height:360px;margin-left:-90px;transform-origin:center;will-change:transform;direction:ltr}.item img{height:100%;width:100%;object-fit:contain;pointer-events:none}.item .pname{position:absolute;bottom:-24px;left:0;right:0;text-align:center;direction:rtl;font-size:13px;color:var(--muted)}.item .play{display:none}.actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin:8px 0 56px}.primary,.outline,.pill-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border-radius:6px;font-size:14px;font-weight:400}.primary,.pill-link{border:1px solid var(--gold);background:var(--gold);color:var(--bg-deep)}.primary:hover,.pill-link:hover{background:var(--gold-bright)}.outline{background:transparent;border:1px solid var(--border);color:var(--muted)}.outline:hover{color:var(--white);border-color:var(--muted)}.arrows{display:flex;gap:8px}.arrows button{width:42px;height:42px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:50%;font-size:23px}.arrows button:hover{color:var(--white)}
.hero-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1060px;margin:0 auto;padding:28px 0 36px;border-top:1px solid var(--border);gap:28px}.kpi-item{text-align:center}.kpi-item strong{display:block;font-family:var(--font-body);font-size:21px;font-weight:400;color:var(--white)}.kpi-item span{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.arch-section,.section,.promise,.faq{max-width:1320px;margin:auto;padding:80px 48px}.section-head{text-align:right;max-width:680px;margin:0 0 40px}.section-head p,.section>p,.promise>p{font-size:15px;color:var(--muted)!important;line-height:2}.arch-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:0}.arch-card{padding:28px 0;border-top:1px solid var(--border);cursor:pointer}.arch-card-badge{font-size:12px;color:var(--muted)}.arch-card h3{margin:12px 0;font-size:25px}.arch-card p{color:var(--muted);font-size:14px;line-height:2}.arch-card-footer{display:flex;justify-content:space-between;margin-top:18px;font-size:12px;color:var(--muted)}.arch-card:hover .arch-card-footer{color:var(--gold)}
.full-catalog{border-top:1px solid var(--border)}.catalog-intro{max-width:700px;margin:0 0 32px}.catalog-controls-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;align-items:center;margin:32px 0}.catalog-filters{display:flex;flex-wrap:wrap;gap:6px}.catalog-filters button{padding:8px 14px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:13px}.catalog-filters button[aria-pressed=true]{color:var(--white);background:#26342b}.catalog-search-box{min-width:220px}.catalog-search-box input{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--white);font-size:13px}.catalog-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:40px;align-items:start}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-card{padding:20px 12px;border:1px solid transparent;border-radius:6px;background:var(--surface);text-align:center;cursor:pointer}.catalog-card.active{border-color:#6e8070}.catalog-card:hover{background:#202e25}.catalog-card img{width:100%;height:180px;object-fit:contain;margin:0 auto 22px}.catalog-card h3{font-size:19px;margin:0 0 4px}.catalog-card small{display:block;color:var(--muted);font-size:11px}.catalog-card .meta{display:none}.catalog-stage{position:sticky;top:24px;padding:28px 24px;background:transparent;border:1px solid var(--border);border-radius:6px}.catalog-stage-media{display:grid;place-items:center;min-height:300px}.catalog-stage-media img{max-height:310px;max-width:100%;object-fit:contain}.catalog-stage-copy{padding-top:24px}.stage-eyebrow{display:none}.catalog-stage-copy h3{font-size:27px;margin:0}.catalog-stage-copy small{color:var(--muted);font-size:12px}.catalog-stage-copy p{color:var(--muted);font-size:14px;margin:20px 0}.stage-specs{list-style:none;padding:0;margin:24px 0;font-size:12px}.stage-specs li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.stage-specs span{color:var(--muted)}.stage-specs b{font-weight:400}.stage-btn-row{display:flex;flex-wrap:wrap;gap:10px}.stage-btn-row .primary,.stage-btn-row .outline{font-size:12px;padding:9px 14px}
.promise{border-top:1px solid var(--border)}.promise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-top:40px}.promise-card{padding:0;background:none}.promise-card .number{font-size:12px;color:var(--muted)}.promise-card h3{margin-top:12px}.promise-card p{color:var(--muted);font-size:14px}.brand-story{background:var(--bg-deep);padding:80px 48px}.brand-story-inner{max-width:1224px;margin:auto}.brand-story .intro{max-width:800px;font-size:16px;color:var(--muted);line-height:2.1}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:48px 0}.fact{padding:20px 0;border-top:1px solid var(--border)}.fact strong{display:block;font-weight:400;font-size:22px;margin-bottom:10px}.fact span{color:var(--muted);font-size:13px}.story-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}.story-panel p{font-size:14px;color:var(--muted)}.brand-sources{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px;font-size:12px;color:var(--muted)}.brand-sources a{text-decoration:underline;text-underline-offset:4px}.brand-disclaimer{color:var(--muted);font-size:12px;margin-top:24px}.faq-list{margin-top:28px}.faq details{padding:22px 0;border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font-size:15px}.faq details p{font-size:14px;color:var(--muted);padding-top:14px;max-width:800px}.end-banner{padding:64px 0 0}.end-banner h2{font-size:30px}.end-banner p{color:var(--muted);font-size:14px;margin:16px 0 24px}.site-footer{padding:56px 48px 24px;border-top:1px solid var(--border);background:var(--bg-deep)}.footer-arch-grid{max-width:1224px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-col>strong{font-size:26px;color:var(--white)}.footer-col h4{font-family:var(--font-body);font-size:14px;margin:0 0 20px;font-weight:400}.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.footer-col a{font-size:12px;color:var(--muted)}.footer-col a:hover{color:var(--white)}.footer-bottom{max-width:1224px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}
.modal{position:fixed;inset:0;display:none;place-items:center;z-index:100;background:rgba(0,0,0,.75);padding:24px}.modal.open{display:grid}.modal-body{position:relative;width:440px;max-width:100%;padding:32px;background:var(--surface);border-radius:8px;text-align:center}.modal-body img{height:min(55vh,430px);max-width:100%;margin:auto;object-fit:contain}.modal h3{font-size:24px;margin:12px 0}.modal .close{position:absolute;left:12px;top:12px;background:transparent;border:0;color:var(--white);font-size:28px;width:40px;height:40px}.site-toast{position:fixed;bottom:24px;right:24px;max-width:90vw;z-index:130;padding:14px 22px;background:var(--surface-2);color:var(--white);font-size:13px;border-radius:6px;opacity:0;pointer-events:none}.site-toast.show{opacity:1}
@media(max-width:1000px){.catalog-layout{grid-template-columns:1fr}.catalog-stage{position:relative;top:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer-arch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-sub{display:none}}
@media(max-width:700px){.shell{padding-inline:24px}header{gap:16px;padding-block:12px;min-height:72px}.logo{font-size:25px}nav{gap:16px;font-size:12px}.header-actions{display:none}main#top{padding-top:36px}h1{font-size:36px}.lead{font-size:13px;max-width:500px}.lead br{display:none}.showcase{min-height:340px;margin-top:28px}.item{width:142px;height:280px;margin-left:-71px}.actions{gap:10px;margin-bottom:40px}.primary,.outline{font-size:12px;padding:9px 14px}.arrows button{width:38px;height:38px}.hero-kpi-strip{grid-template-columns:repeat(2,1fr);gap:24px;padding-block:24px}.kpi-item strong{font-size:18px}.kpi-item span{font-size:11px}.arch-section,.section,.promise,.faq{padding:56px 24px}h2{font-size:29px}.arch-bento,.promise-grid,.story-columns{grid-template-columns:1fr;gap:0}.arch-card{padding-block:26px}.arch-card h3{font-size:23px}.promise-grid{gap:32px}.catalog-controls-bar{gap:16px}.catalog-filters button{padding:8px 10px;font-size:12px}.catalog-search-box{width:100%}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card{padding:18px 10px}.catalog-card img{height:160px}.catalog-card h3{font-size:18px}.catalog-stage{display:block;padding:24px}.catalog-stage-media{min-height:260px}.catalog-stage-media img{max-height:260px}.brand-story{padding:56px 24px}.facts{grid-template-columns:1fr;gap:16px;margin:32px 0}.story-columns{gap:32px}.site-footer{padding:40px 24px 24px}.footer-arch-grid{gap:32px 24px}.footer-col:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.end-banner{padding-top:48px}.end-banner h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}


/* Original ISTAK brand asset */
.logo .brand-logo{display:block;width:92px;height:92px;object-fit:contain;flex-shrink:0}.footer-brand-logo{width:112px;height:112px;object-fit:contain;margin-bottom:18px}header{min-height:116px}@media(max-width:700px){.logo .brand-logo{width:68px;height:68px}header{min-height:92px}.footer-brand-logo{width:96px;height:96px}}

/* Warm brand composition */
:root{--bg:#10241b;--bg-deep:#0b1c14;--surface:#1b3526;--gold:#d2b66e;--gold-bright:#e2c98d;--white:#f2eee1;--muted:#b5c5b7;--cream:#f1eee4;--ink:#173a29}
.site{background:radial-gradient(ellipse at 50% 55%,rgba(62,106,63,.28),transparent 65%),var(--bg)}
header{border-bottom-color:rgba(222,231,211,.12)}
main#top{padding-top:38px}
h1{font-size:clamp(38px,4.6vw,64px);line-height:1.45;max-width:900px;margin-bottom:18px}
h1 em{color:#e2c98d}
.lead{color:#bfcebd;line-height:2;font-size:15px}
.showcase{margin-top:20px}
.primary,.pill-link{background:#dfc481;border-color:#dfc481;border-radius:999px;color:#173a29;font-weight:700}
.primary:hover,.pill-link:hover{background:#ebd49c}
.outline{border-radius:999px;color:#c7d3c5}
.navcta{border-radius:999px;background:rgba(240,238,225,.04)}
.hero-kpi-strip{border:0;border-radius:14px;background:rgba(218,231,206,.035);padding:24px 0 30px;margin-bottom:44px}
.kpi-item strong{color:#d8c693}
.arch-section{background:var(--cream);color:var(--ink);max-width:none;padding:76px max(48px,calc((100% - 1224px)/2)) 84px}
.section-head{margin-bottom:32px}.section-head h2{font-size:40px;color:var(--ink)}
.section-head p{color:#687565!important}
.arch-bento{gap:20px}
.arch-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:290px;padding:30px;border:0;border-radius:16px;background:#e2e8d9;isolation:isolate;transition:transform .25s}
.arch-card:nth-child(2){background:#e7e0eb}.arch-card:nth-child(3){background:#e1e5dc}.arch-card:nth-child(4){background:#eadeca}
.arch-card:hover{transform:translateY(-4px)}
.arch-card>div:not(.family-visual){position:relative;z-index:2;max-width:62%}
.arch-card-badge{color:#586956;font-size:11px}.arch-card h3{color:#173a29;font-size:24px;line-height:1.7}
.arch-card p{font-size:13px;color:#5d6b5b;line-height:1.9}
.arch-card .arch-card-footer{max-width:none;margin-top:auto;padding-top:20px;color:#355b3d;font-size:12px}
.family-visual{position:absolute;left:10px;bottom:42px;width:40%;height:190px;display:flex;align-items:flex-end;justify-content:center;gap:0;direction:ltr;z-index:1}
.family-visual img{height:155px;width:34%;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(0 8px 8px rgba(32,52,32,.1))}
.family-visual img:nth-child(2){height:185px;transform:translateY(-2px);z-index:2}.family-visual img:nth-child(3){transform:rotate(9deg)}
.full-catalog{background:#f8f6ef;max-width:none;padding:76px max(48px,calc((100% - 1224px)/2));border:0;color:var(--ink)}
.full-catalog h2{color:var(--ink);font-size:40px}.full-catalog>.catalog-intro{color:#687565!important}
.catalog-filters button{color:#66735f;border-radius:999px}.catalog-filters button[aria-pressed=true]{background:#1d4a32;color:#f4f1e4}
.catalog-search-box input{border-color:#d5d9cb;color:var(--ink);background:#f0f0e7;border-radius:999px}
.catalog-card{background:#edeee4;border:1px solid transparent;border-radius:12px;transition:background .2s,border-color .2s}
.catalog-card.active{background:#e1e7d9;border-color:#8ba27c}.catalog-card:hover{background:#e5eadc}
.catalog-card h3{color:#23462f}.catalog-card small{color:#73816c}
.catalog-stage{border:0;border-radius:16px;background:#e6ebde;color:#173a29;padding:28px}
.catalog-stage-copy p,.catalog-stage-copy small,.stage-specs span{color:#66785e}
.stage-specs li{border-color:#cdd7c5}.stage-specs b{color:#244e32}
.catalog-stage .primary{background:#1e4b32;border-color:#1e4b32;color:#f6f2e7}.catalog-stage .outline{color:#365e40;border-color:#bccdb4}
.promise{padding-block:72px}.promise>p{color:#b5c5b7!important}
.brand-story{background:#183b28}.brand-story h2{color:#e3cf97}.story-panel{border:0}
.end-banner{padding:48px 32px;margin-top:48px;background:#1d3f2a;border-radius:18px;text-align:center}.end-banner h2{color:#e1cb91}
.site-footer{border:0;background:#0b1c14}
@media(max-width:700px){main#top{padding-top:28px}h1{font-size:38px}.lead{font-size:14px}.hero-kpi-strip{margin-bottom:28px;padding:22px 10px}.arch-section,.full-catalog{padding:52px 24px}.section-head h2,.full-catalog h2{font-size:31px}.arch-card{min-height:280px;padding:24px}.arch-card h3{font-size:23px}.arch-card>div:not(.family-visual){max-width:65%}.family-visual{left:0;bottom:40px;width:36%;height:160px}.family-visual img{height:125px}.family-visual img:nth-child(2){height:150px}.arch-card p{font-size:12px}.catalog-card img{height:165px}.end-banner{padding:36px 22px}}
@media(prefers-reduced-motion:reduce){.arch-card:hover{transform:none}}

/* White and emerald brand palette */
:root{--bg:#ffffff;--bg-deep:#f4f8f6;--surface:#f1f7f4;--surface-2:#e8f3ed;--gold:#087b51;--gold-bright:#096742;--white:#173b2d;--muted:#65796e;--border:rgba(25,85,58,.14);--cream:#ffffff;--ink:#173b2d}
body,.site{background:#fff;color:#173b2d}
header{border-bottom-color:#e5ede8}.logo,.logo-sub{color:#173b2d}.logo-sub{border-left-color:#dbe6df}nav{color:#526e5c}nav a:hover{color:#087b51}.navcta{background:#f0f7f3;border-color:#d9e8df;color:#166b48}
.logo .brand-logo{width:84px;height:84px}header{min-height:108px}
h1,h1 em{color:#173b2d}h1 em{color:#087b51}.lead{color:#65796e}
.item .pname{color:#42644f}.primary,.pill-link{background:#087b51;border-color:#087b51;color:#fff}.primary:hover,.pill-link:hover{background:#096742;border-color:#096742}.outline{color:#38684e;border-color:#d4e3d9}.outline:hover{color:#087b51;border-color:#087b51}.arrows button{color:#38684e;border-color:#d4e3d9}.arrows button:hover{color:#087b51}
.hero-kpi-strip{background:#f3f8f5}.kpi-item strong{color:#087b51}.kpi-item span{color:#728477}
.arch-section{background:#fff;color:#173b2d;border-top:1px solid #e9f0ec}.section-head h2{color:#173b2d}.section-head p{color:#65796e!important}
.arch-card,.arch-card:nth-child(2),.arch-card:nth-child(3),.arch-card:nth-child(4){background:#f0f7f3;border:1px solid #e4eee8}.arch-card:hover{background:#e9f4ee}.arch-card-badge{color:#6d8274}.arch-card h3{color:#173b2d}.arch-card p{color:#65796e}.arch-card .arch-card-footer{color:#087b51}
.full-catalog{background:#f8fbf9;color:#173b2d;border-top:1px solid #e9f0ec}.full-catalog h2{color:#173b2d}.full-catalog>.catalog-intro{color:#65796e!important}.catalog-filters button{color:#647c6c}.catalog-filters button[aria-pressed=true]{background:#087b51;color:#fff}.catalog-search-box input{background:#fff;border-color:#d9e7de;color:#173b2d}.catalog-card{background:#fff;border-color:#e5eee8}.catalog-card.active{background:#e9f5ee;border-color:#86b99b}.catalog-card:hover{background:#f0f7f3}.catalog-card h3{color:#173b2d}.catalog-card small{color:#728477}.catalog-stage{background:#edf6f0;color:#173b2d}.catalog-stage-copy p,.catalog-stage-copy small,.stage-specs span{color:#65796e}.stage-specs li{border-color:#d6e5dc}.stage-specs b{color:#24563b}.catalog-stage .primary{background:#087b51;border-color:#087b51;color:#fff}.catalog-stage .outline{color:#38684e;border-color:#c9dfd1}
.promise{background:#fff}.promise h2,.promise-card h3{color:#173b2d}.promise>p,.promise-card p{color:#65796e!important}.promise-card .number{color:#087b51}
.brand-story{background:#edf6f0;color:#173b2d}.brand-story h2{color:#173b2d}.brand-story .intro,.story-panel p,.fact span,.brand-sources,.brand-disclaimer{color:#65796e}.story-panel h3,.fact strong{color:#24563b}.fact{border-color:#cfdfd4}
.faq{background:#fff}.faq summary{color:#24563b}.faq details{border-color:#dce8e0}.faq details p{color:#65796e}.end-banner{background:#e9f5ee}.end-banner h2{color:#087b51}.end-banner p{color:#65796e}
.site-footer{background:#0b3d2b;color:#f1f7f2}.footer-col h4,.footer-col>strong{color:#f1f7f2}.footer-col a,.footer-col p,.footer-bottom{color:#bdd1c3!important}.footer-col a:hover{color:#fff}.footer-bottom{border-color:rgba(220,240,226,.16)}.footer-bottom>a{color:#f1f7f2!important}
.modal{background:rgba(9,36,23,.64)}.modal-body{background:#fff;color:#173b2d}.modal .close{color:#173b2d}.modal p{color:#65796e}.site-toast{background:#173b2d;color:#fff}
@media(max-width:700px){.logo .brand-logo{width:68px;height:68px}header{min-height:92px}}
/* Fixed typography throughout the site */
:root{--font-heading:'Parastoo',serif;--font-display:'Parastoo',serif;--font-body:'Samim',sans-serif;--font-en:'Samim',sans-serif}
html,body{font-family:'Samim',sans-serif}
body,p,a,li,small,label,span,strong,b,summary,input,textarea,select,button,nav,.navcta,.primary,.outline,.pill-link,.kpi-item strong,.fact strong,.footer-col h4,.stage-eyebrow,.arch-card-badge,.item .pname{font-family:'Samim',sans-serif}
h1,h2,h3,h4,h5,h6,h1 span,h1 em,h2 span,h2 em,h3 span,h3 em{font-family:'Parastoo',serif}
html[dir="rtl"]{letter-spacing:normal}
button,input,select,textarea{letter-spacing:normal}
/* Tactile three-dimensional button surfaces */
:root{--button-depth:4px;--button-edge:#075638;--button-shadow:rgba(11,74,44,.16)}
button:not(.close),a.primary,a.outline,a.navcta,a.pill-link{
  position:relative;
  transform:translateY(0);
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
  box-shadow:0 var(--button-depth) 0 #c7d8cd,0 7px 12px rgba(20,64,42,.10),inset 0 1px 0 rgba(255,255,255,.8);
  border:1px solid #d1e0d6;
  background:linear-gradient(180deg,#ffffff,#eaf3ee);
  color:#24583c;
}
button.primary,a.primary,a.pill-link,.catalog-stage .primary,.catalog-filters button[aria-pressed=true]{
  background:linear-gradient(180deg,#119260,#087b51);
  border-color:#08754c;
  color:#fff;
  box-shadow:0 var(--button-depth) 0 var(--button-edge),0 7px 12px var(--button-shadow),inset 0 1px 0 rgba(255,255,255,.25);
}
button.outline,a.outline,a.navcta,.arrows button,.catalog-filters button{
  background:linear-gradient(180deg,#ffffff,#edf5f0);
  border-color:#d1e0d6;
  color:#24583c;
}
button:not(.close):not(:disabled):hover,a.primary:hover,a.outline:hover,a.navcta:hover,a.pill-link:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 0 #c7d8cd,0 10px 16px rgba(20,64,42,.13),inset 0 1px 0 rgba(255,255,255,.85);
}
button.primary:hover,a.primary:hover,a.pill-link:hover,.catalog-stage .primary:hover,.catalog-filters button[aria-pressed=true]:hover{
  background:linear-gradient(180deg,#16a06b,#098456);
  box-shadow:0 6px 0 var(--button-edge),0 10px 16px var(--button-shadow),inset 0 1px 0 rgba(255,255,255,.3);
}
button:not(.close):not(:disabled):active,a.primary:active,a.outline:active,a.navcta:active,a.pill-link:active{
  transform:translateY(3px);
  box-shadow:0 1px 0 #b8cec0,inset 0 2px 4px rgba(12,58,34,.12);
}
button.primary:active,a.primary:active,a.pill-link:active,.catalog-stage .primary:active,.catalog-filters button[aria-pressed=true]:active{
  box-shadow:0 1px 0 var(--button-edge),inset 0 2px 4px rgba(0,0,0,.15);
}
.catalog-filters{gap:10px;padding-bottom:5px}.catalog-filters button{border-radius:8px}
button:disabled{opacity:.5;cursor:default;box-shadow:0 2px 0 #d4dfd7;transform:none}
.modal .close{border:1px solid #d1e0d6;background:linear-gradient(180deg,#fff,#edf5f0);box-shadow:0 3px 0 #c7d8cd;transition:transform .16s,box-shadow .16s}
.modal .close:active{transform:translateY(2px);box-shadow:0 1px 0 #c7d8cd}
@media(hover:none){button:not(.close):not(:disabled):hover,a.primary:hover,a.outline:hover,a.navcta:hover,a.pill-link:hover{transform:none}}
@media(prefers-reduced-motion:reduce){button,a.primary,a.outline,a.navcta,a.pill-link{transition:none!important}}

/* A small juice splash, created only by product clicks. */
.product-splash-layer{position:fixed;inset:0;pointer-events:none;z-index:160;overflow:hidden;perspective:700px}
.juice-drop{position:absolute;left:0;top:0;width:7px;height:12px;border-radius:65% 40% 65% 45%;background:radial-gradient(ellipse at 30% 25%,rgba(255,255,255,.95) 0 9%,rgba(255,255,255,.25) 15%,transparent 45%),var(--juice-color);box-shadow:inset -1px -2px 2px rgba(0,0,0,.1),0 2px 3px rgba(19,77,43,.12);will-change:transform,opacity}
.catalog-stage-media{perspective:900px}.catalog-stage-media img,.modal-body img{transform-origin:50% 65%;backface-visibility:hidden}


[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:8px;right:16px;z-index:200;padding:12px 20px;background:#173b2d;color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}.catalog-status{color:#526e5c;font-size:13px;margin:0 0 18px}.catalog-layout{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)}.catalog-grid{align-self:start}.catalog-card{min-width:0}.catalog-card:focus-visible,.arch-card:focus-visible{outline:3px solid #087b51;outline-offset:4px}.pagination{display:flex;gap:10px;flex-wrap:wrap;grid-column:1/-1;margin:24px 0;justify-content:center}.pagination button[aria-current=page]{background:#087b51;color:#fff;border-color:#087b51}.spec-note{font-size:12px!important;color:#65796e}.catalog-stage-media img{width:auto;height:310px;object-fit:contain}.stage-specs b{max-width:65%;text-align:left}.item{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:inherit}.item:hover,.item:active{box-shadow:none!important;background:transparent!important}.item:focus-visible{outline:2px solid #087b51;outline-offset:5px}.modal[open]{display:grid}.modal{margin:0;border:0;max-width:none;max-height:none;width:100%;height:100dvh;background:transparent}.modal::backdrop{background:rgba(9,36,23,.7)}body:has(dialog[open]){overflow:hidden}.modal-body{max-height:90dvh;overflow:auto}.modal-body img{width:auto;max-height:55dvh;touch-action:pan-y;cursor:grab}#multiViewControls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}#viewHelp{margin-top:16px}.modal-body h3{padding-inline:24px}.menu-toggle{display:none}.noscript-note{padding:24px;text-align:center;color:#526e5c}.story-text span,.story-text small{color:#65796e}.scroll-story{--story-progress:0;background:#edf6f0;height:155vh;min-height:850px;border-top:1px solid #e1ece4}.story-sticky{position:sticky;top:5vh;max-width:1224px;height:85vh;min-height:560px;margin:auto;padding:48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.story-text h2{font-size:clamp(30px,3vw,44px);margin:16px 0}.story-text p{font-size:14px;color:#526e5c;max-width:360px}.story-text small{display:block;margin-top:24px;font-size:11px}.pour-scene{height:470px;position:relative;perspective:1000px;overflow:hidden}.pour-bottle{position:absolute;left:30px;top:0;width:160px;height:360px;transform-origin:50% 40%;transform:translate(calc(var(--story-progress)*50px),calc(var(--story-progress)*-15px)) rotate(calc(var(--story-progress)*62deg));will-change:transform}.pour-bottle img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.bottle-body{clip-path:inset(6% 0 0)}.bottle-cap{clip-path:inset(0 0 94%);transform:translateY(calc(var(--story-progress)*-60px)) rotate(calc(var(--story-progress)*-25deg))}.pour-glass{position:absolute;right:12px;bottom:0;height:300px;width:218px}.juice-fill,.juice-foam{transform:translateY(calc((1 - var(--story-progress))*190px));transition:transform .08s linear}.juice-stream{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--story-progress));opacity:var(--story-progress)}.story-sticky img{filter:none}.brand-story .facts{grid-template-columns:repeat(3,minmax(0,1fr))}.family-visual:empty{display:none}.arch-card p{max-width:none}
@media(max-width:1000px){.catalog-layout{grid-template-columns:1fr}.catalog-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}.pagination{grid-column:auto}.catalog-stage-copy{padding-top:0}.story-sticky{gap:12px;padding:32px}.pour-bottle{left:0}.pour-glass{right:0}}
@media(max-width:700px){header{position:relative;flex-wrap:wrap}.menu-toggle{display:inline-flex;order:2;min-width:52px;min-height:44px}.logo{order:1}.header-actions{display:none}#mainNav{display:none;order:3;width:100%;padding:16px 0;gap:8px;flex-direction:column;align-items:stretch}#mainNav.menu-open{display:flex}#mainNav a{display:flex;align-items:center;min-height:48px;padding:8px 16px;background:#edf6f0;border-radius:8px;font-size:15px}.catalog-filters button{min-height:44px}.arrows button{min-width:44px;min-height:44px}.catalog-stage{display:block;margin-top:12px}.catalog-stage-media{min-height:250px}.catalog-stage-media img{height:280px;max-height:280px}.catalog-card img{height:180px}.catalog-card h3{font-size:18px}.catalog-layout{gap:8px}.catalog-card small{font-size:11px}.pagination{gap:8px}.pagination button{min-width:44px;min-height:44px}.arch-card{min-height:245px}.arch-card h3{font-size:21px}.brand-story .facts{grid-template-columns:1fr}.scroll-story{height:125vh;min-height:850px}.story-sticky{height:90vh;min-height:650px;grid-template-columns:1fr;padding:32px 24px;gap:12px;align-content:center}.story-text h2{font-size:30px}.story-text p{font-size:13px}.story-text small{margin-top:8px}.pour-scene{height:340px;max-width:340px;width:100%;margin:auto}.pour-bottle{height:270px;width:124px;left:24px;top:0}.pour-glass{height:230px;width:165px;right:12px;bottom:0}.footer-arch-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto;min-height:0}.story-sticky{position:relative;top:auto;min-height:0;height:auto}.story-text p{display:none}.pour-bottle,.bottle-cap,.juice-fill,.juice-foam{transform:none;will-change:auto}.juice-stream{display:none}}
.brand-details{margin:24px 0;border-top:1px solid #cddfd3;padding-top:20px}.brand-details>summary{cursor:pointer;color:#24563b}.brand-details .story-columns{margin-top:24px}.modal-body #modalDescription{font-size:13px;line-height:1.9;color:#526e5c}
.item{position:absolute!important;top:0;left:0;transition:none!important;visibility:hidden}
.nozzle-anchor{position:absolute;top:6%;left:50%;width:1px;height:1px}.story-stream{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.juice-stream{opacity:var(--story-flow,0);stroke-dashoffset:0}.juice-fill,.juice-foam{transform:translateY(calc((1 - var(--story-flow,0))*190px))}
.pour-scene{overflow:visible}.pour-bottle{left:75px}
@media(max-width:700px){.pour-bottle{left:54px}}
@media(max-width:700px){.catalog-stage{display:none}.arch-card{min-height:190px;padding:20px}.arch-card p{display:none}.arch-card h3{font-size:19px;line-height:1.65;margin-top:10px}.arch-card>div:not(.family-visual){max-width:63%}.arch-card .arch-card-footer{max-width:none;font-size:11px;padding-top:16px}.family-visual{height:130px;width:35%;bottom:34px}.family-visual img{height:100px}.family-visual img:nth-child(2){height:125px}.scroll-story{height:100vh;min-height:720px}.story-sticky{height:90vh;min-height:650px}.promise-grid{margin-top:24px;gap:24px}.promise{padding-block:48px}.promise-card h3{font-size:21px}.faq{padding-block:48px}.end-banner{margin-top:24px;padding:28px 20px}.footer-brand-logo{width:80px;height:80px}.brand-story{padding-block:48px}}

/* Original 1080p footage, composited with a per-frame transparency matte. */
.pouring-film{position:relative;height:340vh;background:transparent;margin:0;isolation:isolate}
.pouring-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}
.pouring-frame{position:relative;width:min(100%,1500px);aspect-ratio:16/9;flex:none}
.pouring-frame canvas,.pouring-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;box-shadow:none;border:0}
.pouring-hint{font-size:12px;color:#537768;margin:12px 0 0;letter-spacing:0}
.pouring-hint span{display:inline-block;margin-right:10px}
@media(max-width:640px){.pouring-film{height:300vh}.pouring-frame{width:175%;max-width:none;transform:translateX(-10%)}.pouring-hint{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.pouring-film{height:auto;min-height:50svh}.pouring-sticky{position:relative;height:auto;min-height:50svh}.pouring-hint{display:none}}

@media(min-width:641px){.pouring-frame{width:min(100%,calc((100svh - 80px)*16/9),1500px)}}