*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f0e8;color:#1d2420;font-family:"DM Sans",sans-serif;overflow-x:hidden}img{display:block;width:100%;max-width:100%}a{text-decoration:none;color:inherit}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.announcement{height:30px;background:#214a35;color:#ead39b;overflow:hidden;display:flex;align-items:center;font-size:9px;letter-spacing:.19em;font-weight:700}.announcement-track{display:flex;align-items:center;gap:22px;white-space:nowrap;min-width:max-content;animation:marquee 26s linear infinite}.announcement i{width:4px;height:4px;border-radius:50%;background:#d9b66f;display:block;flex:0 0 auto}@keyframes marquee{to{transform:translateX(-50%)}}.site-header{height:82px;position:sticky;top:0;z-index:50;background:rgba(245,240,232,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(29,36,32,.09);transition:.35s ease}.site-header.scrolled{height:68px;box-shadow:0 10px 30px rgba(24,32,27,.07)}.header-inner{height:100%;width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{width:145px;display:block}.brand img{width:100%;height:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.desktop-nav{display:flex;gap:34px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.desktop-nav a{opacity:.72;transition:.25s}.desktop-nav a:hover{opacity:1;color:#214a35}.header-cta,.btn{display:inline-flex;align-items:center;gap:14px;padding:13px 19px;border:1px solid #214a35;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;transition:.3s}.header-cta{background:#214a35;color:#fff}.header-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(33,74,53,.18)}.menu-btn,.mobile-menu{display:none}.hero{height:min(790px,calc(100vh - 30px));min-height:680px;position:relative;background:#214a35;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{height:100%;object-fit:cover;object-position:center}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,32,23,.86) 0%,rgba(15,32,23,.56) 42%,rgba(15,32,23,.03) 78%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:1240px;padding-bottom:35px}.eyebrow,.kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#bda166}.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(60px,7vw,104px);line-height:.88;font-weight:600;letter-spacing:-.045em;margin:20px 0 28px;max-width:820px}.hero h1 em{font-style:normal;color:#f1dca5}.hero-lead{font-size:18px;line-height:1.55;max-width:570px;margin:0 0 11px}.hero-copy{font-size:13px;line-height:1.65;max-width:540px;opacity:.78;margin:0 0 30px}.btn-light{border-color:#fff;background:#fff;color:#214a35}.btn-light:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.18)}.hero-meta{display:flex;gap:30px;margin-top:26px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.hero-meta span+span{padding-left:30px;border-left:1px solid rgba(255,255,255,.25)}.scroll-cue{position:absolute;right:34px;bottom:32px;z-index:3;font-size:9px;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;opacity:.7}.scroll-cue span{display:block;width:1px;height:55px;background:#fff;margin-top:10px}.section{padding:130px 0}.section-intro{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(29,36,32,.16);padding-bottom:18px;margin-bottom:65px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.section-intro p{margin:0;opacity:.6;letter-spacing:.06em}.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(29,36,32,.12)}.usp-item{padding:30px 35px 20px 0;border-right:1px solid rgba(29,36,32,.12);min-height:240px}.usp-item+.usp-item{padding-left:35px}.usp-item:last-child{border-right:0}.index,.feature>span,.detail>span{font-size:10px;letter-spacing:.16em;color:#9b8253}.usp-item h3{font-family:"Cormorant Garamond",serif;font-size:38px;line-height:1;margin:45px 0 14px;font-weight:600}.usp-item p{font-size:13px;line-height:1.65;max-width:290px;margin:0;opacity:.68}.statement{background:#214a35;color:#fff;padding:150px 0}.statement-inner{max-width:900px}.statement h2{font-family:"Cormorant Garamond",serif;font-size:clamp(50px,6vw,86px);line-height:.94;font-weight:600;letter-spacing:-.04em;max-width:900px;margin:20px 0 28px}.statement p{max-width:560px;line-height:1.7;opacity:.75;font-size:14px}.video-section{padding:28px 0;background:#214a35}.video-frame{width:min(1320px,calc(100% - 56px));margin:auto;aspect-ratio:16/8;position:relative;overflow:hidden}.video-frame>img{height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.video-frame:hover>img{transform:scale(1.025)}.video-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.26))}.video-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(33,74,53,.66);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer;transition:.35s}.video-play span{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;margin-left:4px}.video-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#214a35}.video-corner{position:absolute;z-index:2;left:24px;bottom:20px;color:#fff;font-size:9px;letter-spacing:.17em}.triangle-section{background:#eee7dc}.triangle-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.triangle-copy h2,.science-heading h2,.colors-head h2,.details-copy h2,.story-copy h2,.philo-copy h2,.lead-copy h2{font-family:"Cormorant Garamond",serif;font-size:clamp(48px,5vw,75px);line-height:.93;font-weight:600;letter-spacing:-.04em;margin:20px 0 42px}.triangle-text{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tri-copy{border-top:1px solid rgba(29,36,32,.22);padding-top:14px}.tri-copy strong{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.tri-copy p{font-size:12px;line-height:1.6;opacity:.67}.recovery,.focus{font-size:13px;line-height:1.7;max-width:600px}.focus{margin-top:28px}.triangle-visual{position:relative;height:570px;max-width:570px;margin:auto}.tri-lines{position:absolute;width:390px;height:350px;left:50%;top:50%;transform:translate(-50%,-47%);clip-path:polygon(50% 0,100% 88%,0 88%);border:1px solid #214a35}.tri-lines:after{content:"";position:absolute;inset:18px;clip-path:inherit;border:1px solid rgba(189,161,102,.65)}.tri-node{position:absolute;width:145px;height:55px;border:1px solid #214a35;background:#eee7dc;display:grid;place-items:center;z-index:3;transition:.5s}.tri-node span{font-size:9px;letter-spacing:.15em;font-weight:700}.node-top{left:50%;top:18px;transform:translateX(-50%)}.node-left{left:4px;bottom:70px}.node-right{right:4px;bottom:70px}.tri-center{position:absolute;z-index:4;left:50%;top:48%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;background:#214a35;color:#f0d89f;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(33,74,53,.05)}.tri-center small{font-size:9px;letter-spacing:.2em}.tri-center b{font-family:"Cormorant Garamond",serif;font-size:50px;font-weight:500;line-height:.9}.tri-node:hover{background:#214a35;color:#fff;transform:translateY(-4px)}.node-top:hover{transform:translateX(-50%) translateY(-4px)}.product-section{background:#f7f3ed}.product-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:center}.product-image{position:relative}.product-image img{aspect-ratio:1.12;object-fit:cover}.image-label,.vertical-label{position:absolute;background:#214a35;color:#e8d19b;font-size:8px;letter-spacing:.18em;padding:9px 12px}.image-label{left:0;bottom:0}.product-copy h2{font-family:"Cormorant Garamond",serif;font-size:clamp(55px,5.4vw,80px);line-height:.88;margin:20px 0 28px;letter-spacing:-.04em}.product-copy p{font-size:14px;line-height:1.8;opacity:.68;max-width:470px}.text-link{display:inline-flex;gap:13px;margin-top:28px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;border-bottom:1px solid #214a35;padding-bottom:8px}.science-section{background:#fff}.science-heading{max-width:860px;margin-bottom:75px}.science-heading p{font-size:14px;opacity:.62}.feature-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.feature-image{position:sticky;top:120px;overflow:hidden}.feature-image img{aspect-ratio:1/1;object-fit:cover}.hotspot{position:absolute;width:32px;height:32px;border:1px solid #fff;border-radius:50%;background:#214a35;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(255,255,255,.16);animation:hotspot 2.8s infinite}.hotspot span{font-size:8px}.hs1{left:48%;top:54%}.hs2{left:17%;top:24%;animation-delay:.3s}.hs3{right:14%;top:25%;animation-delay:.6s}.hs4{left:19%;bottom:16%;animation-delay:.9s}.hs5{right:17%;bottom:15%;animation-delay:1.2s}@keyframes hotspot{0%,100%{box-shadow:0 0 0 5px rgba(255,255,255,.12)}50%{box-shadow:0 0 0 10px rgba(189,161,102,.16)}}.feature{display:grid;grid-template-columns:45px 1fr;gap:15px;border-top:1px solid rgba(29,36,32,.14);padding:24px 0}.feature h3{font-size:17px;margin:0 0 8px}.feature p{font-size:12px;line-height:1.72;opacity:.65;margin:0}.numbers-section{background:#214a35;color:#fff;padding:70px 0}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr)}.number-item{padding:15px 35px;border-right:1px solid rgba(255,255,255,.18)}.number-item:first-child{padding-left:0}.number-item:last-child{border:0}.number-item strong{font-family:"Cormorant Garamond",serif;font-size:76px;line-height:.8;font-weight:500;color:#f0d79e}.number-item span{display:block;margin-top:18px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.number-item small{display:block;margin-top:8px;font-size:11px;opacity:.56}.sizes-section{background:#eee7dc}.sizes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(29,36,32,.18)}.size-card{background:#eee7dc;min-height:245px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:.45s}.size-card.featured{background:#214a35;color:#fff}.size-card:hover{transform:translateY(-6px)}.size-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em}.size-top span{font-size:34px;font-family:"Cormorant Garamond",serif}.size-card>strong{font-size:26px;font-weight:500;letter-spacing:.02em}.size-card small{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.eu-section{display:grid;grid-template-columns:1.2fr .8fr;background:#f1e9df}.eu-image{min-height:680px}.eu-image img{height:100%;object-fit:cover}.eu-copy{padding:100px clamp(35px,7vw,115px);display:flex;flex-direction:column;justify-content:center}.eu-copy h2{font-family:"Cormorant Garamond",serif;font-size:clamp(58px,6vw,92px);line-height:.86;margin:20px 0 25px}.eu-copy p{max-width:460px;line-height:1.7;font-size:13px;opacity:.68}.eu-copy .lead{font-weight:700;opacity:.85}.colors-section{background:#f7f3ed}.colors-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.colors-head p{font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.6}.colors-head h2{margin-bottom:0}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.color-card{position:relative;aspect-ratio:1.25;overflow:hidden;background:#ddd;cursor:pointer}.color-card img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.color-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(12,18,14,.72));opacity:.65;transition:.4s}.color-card:hover img,.color-card.active img{transform:scale(1.04)}.color-card.active{outline:2px solid #c9a967;outline-offset:-2px}.color-card.active:before{content:"AUSGEWÄHLT";position:absolute;z-index:3;right:18px;top:18px;background:#214a35;color:#f1d89f;padding:8px 10px;font-size:8px;letter-spacing:.15em}.color-overlay{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;color:#fff}.color-overlay span{font-size:9px;letter-spacing:.18em;opacity:.7}.color-overlay h3{font-family:"Cormorant Garamond",serif;font-size:38px;margin:6px 0}.color-overlay b{font-size:9px;text-transform:uppercase;letter-spacing:.13em}.color-overlay i{font-style:normal;margin-left:8px;color:#f0d79e}.details-section{background:#eee7dc}.details-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.details-copy h2{max-width:650px}.detail-list{border-top:1px solid rgba(29,36,32,.17)}.detail{display:grid;grid-template-columns:45px 1fr;gap:15px;border-bottom:1px solid rgba(29,36,32,.17);padding:22px 0}.detail h3{font-size:15px;margin:0 0 6px}.detail p{font-size:11px;line-height:1.6;margin:0;opacity:.65}.details-image{position:relative}.details-image img{aspect-ratio:1/1;object-fit:cover}.vertical-label{right:0;bottom:0}.story-section{display:grid;grid-template-columns:1.05fr .95fr;background:#214a35;color:#fff}.story-image{min-height:700px}.story-image img{height:100%;object-fit:cover}.story-copy{padding:110px clamp(35px,8vw,120px);position:relative}.story-copy h2{color:#fff;margin-bottom:25px}.story-copy p{max-width:550px;font-size:13px;line-height:1.8;opacity:.78}.story-copy .quote-mark{font-family:"Cormorant Garamond",serif;font-size:110px;line-height:.35;color:#d9b66f;margin:15px 0}.philosophy{background:#f1e9df}.philosophy-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.philo-images{display:grid;grid-template-columns:1fr 1fr;gap:8px}.philo-images img{height:260px;object-fit:cover}.philo-images img:first-child{grid-column:1/3;height:340px}.philo-copy h2{margin-bottom:25px}.philo-copy p,.philo-copy li{font-size:13px;line-height:1.75;opacity:.7}.philo-copy ul{padding-left:20px}.lead-section{padding:130px 0;background:#fff}.lead-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.lead-cover{display:grid;place-items:center;aspect-ratio:3/4;background:#214a35;padding:28px;box-shadow:20px 25px 50px rgba(29,36,32,.14);transform:rotate(-2deg)}.cover-inner{height:100%;width:100%;border:1px solid rgba(240,215,158,.5);padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.cover-inner span,.cover-inner small{font-size:9px;letter-spacing:.18em}.cover-inner strong{font-family:"Cormorant Garamond",serif;font-size:55px;line-height:.83;color:#efd69d}.lead-copy h2{margin-bottom:28px}.lead-copy p{font-size:13px;line-height:1.75;opacity:.68;max-width:600px}.btn-dark{background:#214a35;color:#fff;border-color:#214a35;margin-top:18px}.btn-dark:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(33,74,53,.18)}.final-section{position:relative;background:#214a35;color:#fff;min-height:740px;overflow:hidden}.final-image{height:500px}.final-image img{height:100%;object-fit:cover;object-position:center 42%}.final-copy{position:relative;margin-top:-95px;background:#214a35;border-radius:50% 50% 0 0/14% 14% 0 0;padding:125px 25px 105px;text-align:center;z-index:2}.final-logo{width:130px;margin:0 auto 35px}.final-copy h2{font-family:"Cormorant Garamond",serif;font-size:65px;margin:0 0 20px}.final-copy p{max-width:850px;margin:auto;font-size:14px;line-height:1.8;opacity:.75}footer{background:#18251d;color:#fff;padding:65px 0 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}.footer-logo{width:130px}.footer-nav,.footer-meta{display:flex;gap:24px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.footer-meta{justify-content:flex-end;opacity:.6}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:55px;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.5}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.06s}.reveal:nth-child(3){transition-delay:.12s}.reveal:nth-child(4){transition-delay:.18s}@media(max-width:1000px){.wrap{width:min(100% - 40px,760px)}.desktop-nav{display:none}.header-inner{width:calc(100% - 40px)}.brand{width:128px}.header-cta{display:none}.menu-btn{display:flex;background:none;border:0;width:35px;height:35px;flex-direction:column;justify-content:center;gap:6px;padding:0}.menu-btn span{width:22px;height:1px;background:#214a35;display:block}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#f5f0e8;border-bottom:1px solid rgba(29,36,32,.1);padding:10px 20px 25px}.mobile-menu.open{display:flex;flex-direction:column}.mobile-menu a{padding:15px 0;border-bottom:1px solid rgba(29,36,32,.1);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hero{min-height:720px}.hero-content{justify-content:flex-end;padding-bottom:80px}.hero-gradient{background:linear-gradient(180deg,rgba(15,32,23,.05) 20%,rgba(15,32,23,.78) 72%)}.hero h1{font-size:clamp(54px,10vw,82px)}.triangle-layout,.product-hero,.feature-showcase,.details-layout,.philosophy-grid,.lead-grid{grid-template-columns:1fr;gap:55px}.triangle-visual{height:480px;order:-1}.feature-image{position:relative;top:auto}.numbers-grid{grid-template-columns:1fr 1fr}.number-item:nth-child(2){border-right:0}.number-item:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.18);padding:30px 0 0}.eu-section,.story-section{grid-template-columns:1fr}.eu-image,.story-image{min-height:500px}.philo-images{max-width:620px}.lead-cover{max-width:380px;margin:auto}.footer-main{grid-template-columns:1fr}.footer-meta{justify-content:flex-start}.footer-bottom{flex-direction:column;gap:8px}}@media(max-width:600px){.announcement{height:28px;font-size:8px}.site-header{height:70px}.section{padding:82px 0}.wrap{width:calc(100% - 32px)}.hero{min-height:690px;height:calc(100svh - 28px)}.hero h1{font-size:52px}.hero-lead{font-size:16px}.hero-copy{font-size:12px}.hero-meta{flex-direction:column;gap:8px}.hero-meta span+span{padding-left:0;border-left:0}.scroll-cue{display:none}.section-intro{display:block;margin-bottom:40px}.section-intro p{margin-top:8px}.usp-grid{grid-template-columns:1fr}.usp-item,.usp-item+.usp-item{padding:24px 0;border-right:0;border-bottom:1px solid rgba(29,36,32,.12);min-height:auto}.usp-item:last-child{border-bottom:0}.usp-item h3{font-size:36px;margin:28px 0 10px}.statement{padding:90px 0}.statement h2,.triangle-copy h2,.science-heading h2,.colors-head h2,.details-copy h2,.story-copy h2,.philo-copy h2,.lead-copy h2{font-size:49px}.video-section{padding:12px 0}.video-frame{width:calc(100% - 24px);aspect-ratio:4/3}.video-play{width:68px;height:68px}.triangle-layout{gap:20px}.triangle-visual{height:400px}.tri-lines{width:285px;height:265px}.tri-node{width:120px;height:48px}.node-left{left:0;bottom:42px}.node-right{right:0;bottom:42px}.node-top{top:0}.tri-center{width:120px;height:120px}.triangle-text{grid-template-columns:1fr}.product-hero{gap:40px}.product-copy h2{font-size:52px}.feature-showcase{gap:35px}.feature{grid-template-columns:34px 1fr}.feature h3{font-size:15px}.feature p{font-size:11px}.numbers-section{padding:45px 0}.numbers-grid{grid-template-columns:1fr}.number-item,.number-item:nth-child(2),.number-item:nth-child(3){border-right:0;border-top:1px solid rgba(255,255,255,.18);padding:28px 0}.number-item:first-child{border-top:0}.number-item strong{font-size:65px}.sizes-grid{grid-template-columns:1fr}.size-card{min-height:180px}.eu-image,.story-image{min-height:390px}.eu-copy,.story-copy{padding:70px 24px}.color-grid{grid-template-columns:1fr}.color-card{aspect-ratio:1.05}.colors-head{display:block}.colors-head p{margin-top:15px}.philo-images{grid-template-columns:1fr 1fr}.philo-images img{height:170px}.philo-images img:first-child{height:240px}.lead-section{padding:85px 0}.lead-grid{gap:55px}.lead-cover{max-width:300px}.cover-inner strong{font-size:46px}.final-image{height:360px}.final-copy{margin-top:-55px;padding-top:85px}.final-copy h2{font-size:50px}.footer-main{gap:35px}.footer-nav,.footer-meta{flex-wrap:wrap}.footer-bottom{margin-top:35px}.hotspot{width:27px;height:27px}.video-corner{font-size:7px;left:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.announcement-track,.hotspot{animation:none}.reveal{opacity:1;transform:none;transition:none}.color-card img,.video-frame>img{transition:none}}

/* PRO V5 FINAL POLISH */
:root{--green:#214a35;--gold:#d8b56c;--ivory:#f5f0e8;--ink:#1d2420}
.brand{width:110px;height:56px;display:flex;align-items:center;overflow:visible}.brand img{width:110px;height:auto;object-fit:contain}
.site-header{height:72px}.site-header.scrolled{height:62px}
.video-fullbleed{width:100vw!important;max-width:none!important;margin-left:50%!important;transform:translateX(-50%);aspect-ratio:21/9!important;background:#15231b}.video-fullbleed>img{object-position:center 48%}.video-fullbleed:after{background:linear-gradient(90deg,rgba(9,18,13,.34),rgba(9,18,13,.02) 58%,rgba(9,18,13,.16))}
.interactive{position:relative;transition:transform .45s cubic-bezier(.2,.75,.2,1),background-color .35s ease,box-shadow .45s ease}
.interactive:hover{transform:translateY(-5px)}
.usp-item{transition:transform .45s cubic-bezier(.2,.75,.2,1),padding .35s ease}.usp-item:hover{padding-left:10px}.usp-item+.usp-item:hover{padding-left:45px}
.feature{transition:transform .4s ease,background-color .3s ease;padding-left:0;padding-right:0}.feature:hover{transform:translateX(8px);background:rgba(33,74,53,.035)}.feature:hover>span{color:#b08d50}
.detail{transition:transform .4s ease,padding .35s ease}.detail:hover{transform:translateX(7px);padding-left:8px}
.size-card{transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .4s ease}.size-card:hover{box-shadow:0 18px 40px rgba(29,36,32,.12);transform:translateY(-8px)}
.tri-node{transition:transform .45s cubic-bezier(.2,.75,.2,1),background .35s,color .35s,box-shadow .35s}.tri-node:hover{box-shadow:0 14px 30px rgba(33,74,53,.16)}
.color-card{transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease}.color-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(29,36,32,.16)}.color-card.active{box-shadow:0 16px 38px rgba(33,74,53,.15)}
.color-card.active:before{letter-spacing:.13em}
.product-image img,.details-image img,.story-image img,.eu-image img,.philo-images img{transition:transform 1s cubic-bezier(.2,.75,.2,1)}.product-image:hover img,.details-image:hover img,.story-image:hover img,.eu-image:hover img,.philo-images img:hover{transform:scale(1.025)}
.hotspot{cursor:pointer}.hotspot:hover{transform:scale(1.18);background:#d8b56c;color:#214a35}
.btn,.header-cta,.text-link{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.text-link:hover{transform:translateX(5px)}
.final-section{min-height:0}.final-image{height:clamp(430px,58vw,680px)}.final-image img{object-position:center 30%;object-fit:cover}.final-copy{margin-top:-58px;padding-top:88px;padding-bottom:95px;border-radius:50% 50% 0 0/8% 8% 0 0}
@media(max-width:600px){.brand{width:88px;height:50px}.brand img{width:88px}.site-header{height:64px}.video-fullbleed{aspect-ratio:4/3!important}.video-fullbleed>img{object-position:center 48%}.final-image{height:430px}.final-image img{object-position:center 25%}.final-copy{margin-top:-36px;padding-top:68px}.interactive:hover{transform:none}.usp-item:hover,.feature:hover,.detail:hover{transform:none}.usp-item:hover{padding-left:0}.usp-item+.usp-item:hover{padding-left:0}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none}.interactive,.product-image img,.details-image img,.story-image img,.eu-image img,.philo-images img{transition:none}.interactive:hover{transform:none}}


/* ===== PRO V6 — visual QA fixes & richer interactions ===== */
.site-header{height:78px;background:rgba(245,240,232,.97)}
.header-inner{max-width:1380px}
.brand{width:104px;height:62px;overflow:visible;flex:0 0 104px}
.brand img{width:104px;height:auto;max-height:62px;object-fit:contain;object-position:center}
.desktop-nav a{position:relative;padding:8px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#bda166;transform:scaleX(0);transform-origin:right;transition:transform .35s ease}
.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}
.header-cta{box-shadow:0 8px 22px rgba(33,74,53,.1)}
.header-cta span{transition:transform .3s}.header-cta:hover span{transform:translate(3px,-3px)}
.hero-media img{object-position:center 44%}
.hero-content{padding-top:20px}
.hero h1{max-width:760px}
.hero-actions .btn span{transition:transform .3s}.hero-actions .btn:hover span{transform:translateY(4px)}
.video-section{padding:0;background:#214a35}
.video-fullbleed{height:min(760px,72vh);min-height:520px;aspect-ratio:auto!important;position:relative}
.video-fullbleed>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
.video-fullbleed .video-play{width:92px;height:92px}
.video-fullbleed:hover .video-play{transform:translate(-50%,-50%) scale(1.08);border-color:#e9d59e}
.usp-item,.feature,.detail,.size-card,.color-card,.tri-node,.product-image,.details-image,.story-image,.eu-image,.philo-images img{will-change:transform}
.color-grid{gap:12px}
.color-card{border:1px solid rgba(29,36,32,.08)}
.color-card .color-overlay{transform:translateY(0);transition:transform .45s ease}
.color-card:hover .color-overlay{transform:translateY(-4px)}
.color-card:after{transition:opacity .4s,background .4s}.color-card:hover:after{opacity:.9;background:linear-gradient(180deg,transparent 25%,rgba(12,18,14,.82))}
.color-card.active{border-color:#c9a967}
.triangle-visual{perspective:1000px}
.tri-node{box-shadow:0 5px 18px rgba(33,74,53,.04)}
.tri-node:before{content:"";position:absolute;inset:-1px;border:1px solid #d8b56c;opacity:0;transition:opacity .35s}.tri-node:hover:before{opacity:1}
.product-image:after,.details-image:after,.eu-image:after,.story-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(216,181,108,.0);pointer-events:none;transition:.45s}.product-image:hover:after,.details-image:hover:after,.eu-image:hover:after,.story-image:hover:after{border-color:rgba(216,181,108,.65)}
.hotspot{transition:transform .3s,background .3s,box-shadow .3s}.hotspot:hover{transform:scale(1.2)}
.final-section{background:#214a35}
.final-image{height:auto;line-height:0;background:#214a35}
.final-image img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;max-height:none}
.final-copy{margin-top:-1px;border-radius:0;padding:78px 25px 105px}
.final-copy:before{content:"";position:absolute;left:0;right:0;top:-34px;height:68px;background:#214a35;border-radius:50% 50% 0 0/100% 100% 0 0}
.final-logo{position:relative;z-index:2}
.footer-logo{filter:none}
@media(max-width:1000px){.site-header{height:72px}.brand{width:92px;height:58px}.brand img{width:92px;max-height:58px}.video-fullbleed{height:min(650px,68vh);min-height:440px}.final-copy{padding-top:70px}}
@media(max-width:600px){.site-header{height:64px}.brand{width:76px;height:52px}.brand img{width:76px;max-height:52px}.hero-media img{object-position:center 40%}.video-section{padding:0}.video-fullbleed{width:100vw!important;margin-left:50%!important;transform:translateX(-50%);height:72svh;min-height:430px;aspect-ratio:auto!important}.video-fullbleed>img{object-position:57% center}.video-fullbleed .video-play{width:70px;height:70px}.final-image img{width:100%;height:auto;object-fit:contain}.final-copy{padding:60px 22px 78px}.final-copy:before{top:-22px;height:44px}.color-grid{gap:10px}}

/* PRO V7 — video full-bleed alignment fix */
.video-fullbleed.reveal,
.video-fullbleed.reveal.visible {
  transform: translateX(-50%) !important;
  opacity: 1;
}
.video-fullbleed > img {
  object-position: center center !important;
}
@media (max-width:600px){
  .video-fullbleed.reveal,
  .video-fullbleed.reveal.visible { transform:translateX(-50%) !important; }
  .video-fullbleed > img { object-position:center center !important; }
}

/* v8: no decorative gold frame on product / EU quality image hover */
.product-image:after,
.eu-image:after { display:none !important; }

/* v8: feature-list ↔ hotspot interaction */
.hotspot {
  transition: transform .28s ease, background-color .28s ease, color .28s ease,
              box-shadow .28s ease, border-color .28s ease;
}
.hotspot.is-active {
  background:#c9a967;
  color:#214a35;
  border-color:#fff;
  transform:scale(1.22);
  box-shadow:0 0 0 8px rgba(201,169,103,.22), 0 0 22px rgba(201,169,103,.35);
  animation:none;
}
.feature {
  cursor:default;
  transition:transform .35s ease, background-color .3s ease, padding-left .35s ease,
             border-color .3s ease;
}
.feature.is-active {
  transform:translateX(8px);
  background:rgba(33,74,53,.06);
  border-top-color:rgba(201,169,103,.75);
  padding-left:14px;
}
.feature.is-active > span { color:#a57f3e; }
.feature.is-active h3 { color:#214a35; }
@media(max-width:600px){
  .feature.is-active { transform:none; padding-left:0; }
  .hotspot.is-active { transform:scale(1.12); }
}

/* v9: web-ready transparent NobleDog logo */
.brand { width: 150px; height: 54px; display:flex; align-items:center; overflow:visible; }
.brand img { width:150px; height:auto; max-height:54px; object-fit:contain; object-position:center; filter:none; }
.footer-logo { width:150px; height:auto; filter:none; }
.final-logo { width:145px; height:auto; filter:none; }
@media(max-width:600px){
  .brand { width:116px; height:48px; }
  .brand img { width:116px; max-height:48px; }
  .footer-logo { width:130px; }
  .final-logo { width:125px; }
}

/* v10: stronger, clean logo treatment */
.brand { width: 164px; height: 58px; justify-content:flex-start; }
.brand img { width:164px; height:auto; max-height:58px; object-fit:contain; object-position:left center; }
.footer-logo { width:175px; }
.final-logo { width:170px; }
@media(max-width:600px){
  .brand { width:132px; height:50px; }
  .brand img { width:132px; max-height:50px; }
  .footer-logo { width:145px; }
  .final-logo { width:140px; }
}

/* v11: seamless full-width announcement ticker */
.announcement {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.announcement-track {
  display: flex;
  width: max-content;
  min-width: max-content;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  will-change: transform;
  animation: ndTicker 32s linear infinite;
}
.announcement-group {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 22px;
  padding-right: 22px;
}
.announcement-group span {
  display: inline-block;
  flex: 0 0 auto;
}
.announcement-group i {
  display: block;
  width: 4px;
  height: 4px;
  min-width: 4px;
  flex: 0 0 4px;
  border-radius: 50%;
  background: #d9b66f;
}
@keyframes ndTicker {
  from { transform: translate3d(0,0,0); }
  to   { transform: translate3d(-50%,0,0); }
}
@media (max-width: 600px) {
  .announcement { height: 30px; font-size: 7.5px; }
  .announcement-track { animation-duration: 26s; }
  .announcement-group { gap: 16px; padding-right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .announcement-track { animation: none; transform: none; }
}

/* ===== PRO V12 — refined Longevity Triangle ===== */
.triangle-section{
  background:#eee7dc;
  overflow:hidden;
}
.triangle-layout{
  align-items:center;
}
.triangle-copy{
  position:relative;
  z-index:2;
}
.triangle-copy h2{
  max-width:650px;
}
.triangle-visual{
  width:min(100%,560px);
  height:560px;
  position:relative;
  margin:0 auto;
  isolation:isolate;
}
.tri-lines{
  position:absolute;
  inset:30px 10px 10px;
  width:auto;
  height:auto;
  transform:none;
  clip-path:none;
  border:0;
  pointer-events:none;
  z-index:0;
}
.tri-lines svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.tri-lines path{
  fill:none;
  stroke:#214a35;
  stroke-width:1.2;
  vector-effect:non-scaling-stroke;
  opacity:.32;
  transition:opacity .5s ease,stroke .5s ease,stroke-width .5s ease;
}
.tri-lines .inner-line{
  stroke:#bda166;
  opacity:.45;
  stroke-dasharray:3 7;
}
.triangle-visual:before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(33,74,53,.07);
  border-radius:50%;
  z-index:-1;
}
.tri-node{
  width:auto;
  min-width:145px;
  height:auto;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  color:#214a35;
  z-index:3;
  box-shadow:none;
  transform:none;
  transition:transform .45s cubic-bezier(.2,.75,.2,1),color .3s ease;
}
.tri-node:before{
  display:none;
}
.tri-node small{
  font-size:8px;
  letter-spacing:.18em;
  color:#b08d50;
  font-weight:700;
}
.tri-node span{
  position:relative;
  font-size:10px;
  letter-spacing:.18em;
  font-weight:700;
  white-space:nowrap;
}
.tri-node span:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  width:0;
  height:1px;
  background:#b08d50;
  transform:translateX(-50%);
  transition:width .4s ease;
}
.tri-node:hover,
.tri-node.is-active{
  background:transparent;
  color:#214a35;
  transform:translateY(-5px);
  box-shadow:none;
}
.tri-node:hover span:after,
.tri-node.is-active span:after{
  width:100%;
}
.node-top{left:50%;top:8px;transform:translateX(-50%)!important}
.node-left{left:4%;bottom:42px}
.node-right{right:4%;bottom:42px}
.node-top:hover,.node-top.is-active{transform:translateX(-50%) translateY(-5px)!important}

.tri-center{
  width:170px;
  height:170px;
  left:50%;
  top:50%;
  transform:translate(-50%,-47%);
  background:#214a35;
  color:#f0d89f;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(33,74,53,.1),0 0 0 15px rgba(33,74,53,.035);
  transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease;
}
.tri-center small{
  font-size:9px;
  letter-spacing:.25em;
}
.tri-center b{
  font-size:58px;
}
.tri-center i{
  position:absolute;
  inset:12px;
  border:1px solid rgba(240,216,159,.24);
  border-radius:50%;
  transition:inset .5s ease,border-color .5s ease;
}
.triangle-visual:has(.tri-node:hover) .tri-center,
.triangle-visual:has(.tri-node.is-active) .tri-center{
  transform:translate(-50%,-47%) scale(1.035);
  box-shadow:0 0 0 1px rgba(33,74,53,.12),0 0 0 18px rgba(33,74,53,.045),0 20px 55px rgba(33,74,53,.12);
}
.triangle-visual:has(.tri-node:hover) .tri-lines path,
.triangle-visual:has(.tri-node.is-active) .tri-lines path{
  opacity:.55;
}
.tri-copy{
  transition:transform .35s ease,color .35s ease;
}
.tri-copy:hover{
  transform:translateX(5px);
}
.tri-copy strong{
  transition:color .3s ease;
}
.tri-copy:hover strong{
  color:#a57f3e;
}
@media(max-width:1000px){
  .triangle-visual{height:500px;max-width:520px}
}
@media(max-width:600px){
  .triangle-section .triangle-layout{gap:35px}
  .triangle-visual{height:410px;width:100%;max-width:430px}
  .tri-lines{inset:18px 0 0}
  .triangle-visual:before{width:310px;height:310px}
  .tri-node{min-width:115px;gap:5px}
  .tri-node span{font-size:8px;letter-spacing:.13em}
  .tri-center{width:124px;height:124px;transform:translate(-50%,-46%)}
  .tri-center b{font-size:43px}
  .tri-center small{font-size:7px}
  .tri-center i{inset:9px}
  .node-left{left:-2px;bottom:25px}
  .node-right{right:-2px;bottom:25px}
  .node-top{top:0}
  .node-top:hover,.node-top.is-active{transform:translateX(-50%) translateY(-4px)!important}
}
@media(prefers-reduced-motion:reduce){
  .tri-node,.tri-center,.tri-lines path,.tri-copy{transition:none}
}

/* ===== PRO V13 — final logo/header balance ===== */
.header-inner{
  width:min(1240px,calc(100% - 80px));
  position:relative;
  display:flex;
  align-items:center;
}
.brand{
  width:176px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 176px;
}
.brand img{
  width:176px;
  height:auto;
  max-height:60px;
  object-fit:contain;
  object-position:left center;
  display:block;
  filter:none;
}
.desktop-nav{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  gap:34px;
}
.header-cta{
  margin-left:auto;
}
.footer-logo{
  width:190px;
  height:auto;
  display:block;
}
.final-logo{
  width:185px;
  height:auto;
  display:block;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:900px){
  .header-inner{width:min(100% - 40px,1240px)}
  .brand{width:150px;flex-basis:150px}
  .brand img{width:150px}
  .desktop-nav{gap:20px;font-size:10px}
}
@media(max-width:600px){
  .header-inner{width:calc(100% - 32px)}
  .brand{width:126px;height:50px;flex-basis:126px}
  .brand img{width:126px;max-height:50px}
  .footer-logo{width:155px}
  .final-logo{width:150px}
}

/* ===== PRO V15 — restore final-section logo + clean footer logo ===== */
.header-inner{
  width:min(1320px,calc(100% - 64px));
}
.brand{
  width:145px;
  height:58px;
  flex:0 0 145px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.brand img{
  width:145px;
  height:auto;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
}
.final-logo{
  width:130px;
  height:auto;
  margin:0 auto 35px;
  display:block;
}
.footer-logo{
  width:130px;
  height:auto;
  display:block;
}
footer .footer-main{
  align-items:center;
}
@media(max-width:1000px){
  .brand{width:128px;flex-basis:128px;height:56px}
  .brand img{width:128px;max-height:56px}
}
@media(max-width:600px){
  .header-inner{width:calc(100% - 32px)}
  .brand{width:116px;flex-basis:116px;height:50px}
  .brand img{width:116px;max-height:50px}
  .final-logo{width:120px;margin-bottom:28px}
  .footer-logo{width:120px}
}

/* ===== V15 Longevity pillars — no spiritual / astronomical visual ===== */
.v15-pillar-visual{
  position:relative;width:min(100%,680px);height:420px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:18px;
  padding:0 12px 34px;isolation:isolate;
}
.v15-pillar-visual .pillar-line{
  position:absolute;left:9%;right:9%;bottom:78px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(33,74,53,.28) 50%,transparent);
}
.v15-pillar-visual .pillar{
  position:relative;z-index:2;height:235px;display:flex;flex-direction:column;
  justify-content:flex-end;align-items:center;padding:0 12px;cursor:default;
  transition:transform .45s cubic-bezier(.2,.75,.2,1);
}
.v15-pillar-visual .pillar:before{
  content:"";position:absolute;bottom:72px;width:100%;height:145px;max-width:170px;
  background:linear-gradient(180deg,rgba(33,74,53,.035),rgba(33,74,53,.11));
  border:1px solid rgba(33,74,53,.10);border-bottom:0;z-index:-1;
  transition:height .5s ease,background .35s,border-color .35s;
}
.v15-pillar-visual .pillar-2:before{height:125px}
.v15-pillar-visual .pillar-3:before{height:160px}
.v15-pillar-visual .pillar-number{font-size:9px;letter-spacing:.22em;font-weight:700;color:#b08d50;margin-bottom:12px}
.v15-pillar-visual .pillar-word{font-size:clamp(13px,1.45vw,17px);letter-spacing:.12em;font-weight:700;color:#214a35;white-space:nowrap;transition:letter-spacing .35s,color .35s}
.v15-pillar-visual .pillar-caption{margin-top:9px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(33,74,53,.5)}
.v15-pillar-visual .pillar:hover,.v15-pillar-visual .pillar.is-active{transform:translateY(-8px)}
.v15-pillar-visual .pillar:hover:before,.v15-pillar-visual .pillar.is-active:before{background:linear-gradient(180deg,rgba(33,74,53,.05),rgba(33,74,53,.16));border-color:rgba(176,141,80,.3)}
.v15-pillar-visual .pillar:hover .pillar-word,.v15-pillar-visual .pillar.is-active .pillar-word{color:#a57f3e;letter-spacing:.15em}
.v15-pillar-visual .pillar-center{
  position:absolute;left:50%;top:8px;transform:translateX(-50%);
  width:150px;height:54px;display:flex;align-items:center;justify-content:center;
  background:#214a35;color:#f0d89f;border-radius:2px;
  box-shadow:0 14px 35px rgba(33,74,53,.1);z-index:4;transition:transform .45s,box-shadow .45s;
}
.v15-pillar-visual .pillar-center span{font-size:10px;letter-spacing:.24em;font-weight:700}
.v15-pillar-visual .pillar-center i{position:absolute;inset:5px;border:1px solid rgba(240,216,159,.25)}
.v15-pillar-visual:has(.pillar:hover) .pillar-center{transform:translateX(-50%) translateY(-3px);box-shadow:0 18px 42px rgba(33,74,53,.15)}
@media(max-width:700px){
  .v15-pillar-visual{height:470px;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:10px;padding:80px 0 15px}
  .v15-pillar-visual .pillar-line{left:50%;right:auto;bottom:45px;top:110px;width:1px;height:auto;background:linear-gradient(180deg,transparent,rgba(33,74,53,.22),transparent)}
  .v15-pillar-visual .pillar{height:auto;min-height:92px;flex-direction:row;justify-content:center;gap:13px;padding:0}
  .v15-pillar-visual .pillar:before{bottom:50%;left:50%;transform:translate(-50%,50%);width:min(88%,330px);height:70px!important;max-width:none}
  .v15-pillar-visual .pillar-number{margin:0}.v15-pillar-visual .pillar-caption{display:none}.v15-pillar-visual .pillar-word{font-size:12px}
  .v15-pillar-visual .pillar-center{top:8px;width:138px;height:48px}
}

/* ===== PRO V16 — mobile polish ===== */
html, body { overflow-x:hidden; }
img, video { max-width:100%; }

/* mobile header */
@media (max-width: 700px){
  .site-header, header { width:100%; }
  .header-inner{
    width:calc(100% - 28px);
    min-height:64px;
    padding:0;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .brand{
    width:122px;
    height:48px;
    flex:0 0 122px;
    margin:0;
  }
  .brand img{
    width:122px;
    max-height:48px;
    object-fit:contain;
    object-position:left center;
  }
  .desktop-nav{
    display:none !important;
  }
  .header-cta{
    margin-left:auto;
  }

  /* touch-friendly cards / controls */
  .interactive,
  .pillar,
  .color-card,
  .size-card,
  .usp,
  .feature,
  .detail-item{
    -webkit-tap-highlight-color:transparent;
  }

  /* cinematic media blocks */
  .video-section,
  .video-wrap,
  .cinematic-video,
  .media-full{
    width:100vw;
    max-width:none;
    margin-left:50%;
    transform:translateX(-50%);
  }

  /* colors: clean 2x2 mobile grid */
  .colors-grid{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .color-card{
    min-width:0;
    aspect-ratio:1/1.08;
    overflow:hidden;
  }
  .color-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s cubic-bezier(.2,.75,.2,1), filter .5s ease;
  }
  .color-card:active img,
  .color-card.is-active img{
    transform:scale(1.045);
  }

  /* product / hero media */
  .product-image,
  .eu-image{
    overflow:hidden;
  }
  .product-image img,
  .eu-image img{
    transition:transform .7s cubic-bezier(.2,.75,.2,1);
  }
  .product-image:active img,
  .eu-image:active img{
    transform:scale(1.025);
  }

  /* mobile Longevity pillars: visible, calm, no overlap */
  .v15-pillar-visual{
    height:430px;
    width:100%;
    max-width:430px;
    margin:0 auto;
    grid-template-columns:1fr;
    grid-template-rows:repeat(3,1fr);
    gap:4px;
    padding:72px 0 14px;
  }
  .v15-pillar-visual .pillar{
    min-height:92px;
    height:auto;
    width:100%;
    flex-direction:row;
    justify-content:center;
    gap:13px;
  }
  .v15-pillar-visual .pillar:before{
    left:50%;
    bottom:50%;
    transform:translate(-50%,50%);
    width:min(88%,330px);
    height:68px !important;
  }
  .v15-pillar-visual .pillar-word{
    font-size:12px;
    letter-spacing:.13em;
  }
  .v15-pillar-visual .pillar-number{
    font-size:8px;
    letter-spacing:.2em;
  }
  .v15-pillar-visual .pillar-center{
    top:0;
    width:142px;
    height:48px;
  }
  .v15-pillar-visual .pillar-line{
    left:50%;
    right:auto;
    top:102px;
    bottom:36px;
    width:1px;
    height:auto;
  }

  /* final brand lockup — centered */
  .final-logo{
    display:block !important;
    width:120px !important;
    max-width:120px;
    height:auto;
    margin:0 auto 28px !important;
    position:relative;
    left:auto;
    right:auto;
    transform:none !important;
  }

  /* footer brand lockup — centered */
  footer .footer-logo,
  .footer-logo{
    display:block !important;
    width:120px !important;
    max-width:120px;
    height:auto;
    margin:0 auto !important;
    position:relative;
    left:auto;
    right:auto;
    transform:none !important;
  }
  footer .footer-main,
  footer .footer-bottom,
  footer .footer-brand{
    text-align:center;
  }

  /* reveal animations on mobile stay subtle and don't shift layout */
  .reveal{
    will-change:opacity,transform;
  }

  /* touch feedback for important interactive elements */
  .color-card:active,
  .size-card:active,
  .usp:active,
  .feature:active{
    transform:translateY(-2px);
  }
}

/* Very narrow phones */
@media (max-width:380px){
  .header-inner{width:calc(100% - 22px)}
  .brand,.brand img{width:108px}
  .brand{flex-basis:108px}
  .v15-pillar-visual{height:410px}
  .v15-pillar-visual .pillar-word{font-size:10px}
}

/* ===== PRO V17 — final header alignment + truly seamless ticker ===== */

/* The logo sits on the same left content line as the page content. */
.header-inner{
  width:min(1240px,calc(100% - 48px));
  margin-inline:auto;
  padding-inline:0;
}
.brand{
  margin-left:0 !important;
  padding-left:0 !important;
  transform:none !important;
}
.brand img{
  margin-left:0 !important;
  transform:none !important;
}

/* Ticker: never ends visually. Two equal groups move exactly one group width,
   with no reset jump and no visible gap. */
.announcement{
  width:100%;
  overflow:hidden;
  position:relative;
  isolation:isolate;
}
.announcement-track{
  display:flex !important;
  width:max-content !important;
  min-width:0 !important;
  flex:none !important;
  animation:ndTickerSeamless 30s linear infinite !important;
  transform:translate3d(0,0,0);
}
.announcement-group{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center;
  white-space:nowrap;
}
@keyframes ndTickerSeamless{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:600px){
  .header-inner{
    width:calc(100% - 28px);
  }
  .announcement-track{
    animation-duration:24s !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .announcement-track{
    animation:none !important;
  }
}