:root{--brand:#00a6a6;--deep:#008296;--ink:#173f43;--muted:#6a7e80;--line:#dce7e5;--mist:#f0f7f5;--white:#fff;font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);background:#fff;font-size:16px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.05em}h1{font-size:clamp(42px,5vw,72px);font-weight:650;line-height:1.1}h2{font-size:clamp(31px,3.6vw,50px);font-weight:600;line-height:1.16}h3{font-size:23px;font-weight:650;line-height:1.35}p{line-height:1.8}[hidden],[v-cloak]{display:none!important}::selection{background:#b5e8e1}*:focus-visible{outline:3px solid var(--deep);outline-offset:5px}.shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section-pad{padding-block:104px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:750;line-height:1.6;color:var(--deep);margin-bottom:20px}.body-copy{font-size:14px;color:var(--muted);line-height:1.9}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:700;color:var(--deep)}.text-link:hover{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:14px 25px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--deep);color:white}.btn-primary:hover{background:#006b7b}.btn-white{background:#fff;color:var(--ink)}.btn-outline{background:white;border-color:var(--line)}.btn-outline:hover{background:var(--mist)}.btn span[aria-hidden]{font-size:20px;line-height:1}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:white;padding:14px}.skip-link:focus{top:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:44px}.round-arrow{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:21px;background:white;flex-shrink:0}.round-arrow:hover{background:var(--deep);color:white}
/* Solid floating navigation; its reserved height prevents content shift. */
.site-header{height:88px;position:sticky;top:0;z-index:50;background:transparent}.nav-inner{height:88px;display:flex;align-items:center;gap:28px;background:#fff;position:relative;transition:height .25s,margin .25s,box-shadow .25s,border-radius .25s,padding .25s}.site-header:before{content:'';position:absolute;inset:0;background:white;transition:opacity .2s}.site-header.scrolled:before{opacity:0}.site-header.scrolled .nav-inner{height:66px;top:12px;padding:0 25px;border-radius:999px;box-shadow:0 8px 35px #003f4b15,0 0 0 1px #dce7e5}.logo-link{margin-right:auto;flex-shrink:0}.logo-link img{width:138px;height:auto}.desktop-nav{display:flex;align-items:center;gap:28px}.desktop-nav a>span{display:none}.desktop-nav a{font-size:12px;font-weight:550;color:#627a7c;position:relative;padding:20px 0}.desktop-nav a[aria-current],.desktop-nav a:hover{color:var(--deep)}.desktop-nav a[aria-current]:after{content:'';position:absolute;width:4px;height:4px;border-radius:100%;background:var(--brand);bottom:7px;left:50%}.nav-login{border:1px solid var(--line);border-radius:999px;padding:10px 18px;display:flex;align-items:center;gap:24px;font-size:11px;font-weight:650;margin-left:10px}.mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:0}.hamburger{position:relative;width:20px;height:2px;background:var(--ink)}.hamburger:before,.hamburger:after{content:'';position:absolute;width:20px;height:2px;background:var(--ink);left:0;transition:transform .2s,top .2s}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.is-open{background:transparent}.hamburger.is-open:before{top:0;transform:rotate(45deg)}.hamburger.is-open:after{top:0;transform:rotate(-45deg)}
/* Campaign photography with a branded corner cut, not a card stack. */
.campaign{height:min(730px,calc(100svh - 100px));min-height:550px;position:relative;background:#184e50;overflow:hidden}.campaign-slide{position:absolute;inset:0}.campaign-slide picture,.campaign-slide picture img{width:100%;height:100%;display:block;object-fit:cover;object-position:65% 42%}.campaign-slide picture img{animation:campaign-in .5s ease-out}.campaign-shade{position:absolute;inset:0;background:linear-gradient(90deg,#073f48a8 0%,#073f4863 34%,#073f4800 66%),linear-gradient(0deg,#123b465c,transparent 40%)}.campaign-content{position:absolute;left:0;right:0;top:50%;transform:translateY(-53%);color:white}.campaign-content .eyebrow{color:#e0fcf4;font-size:10px;margin-bottom:26px}.campaign-title{font-size:clamp(44px,5.6vw,80px);line-height:1.08;letter-spacing:-.045em;white-space:pre-line;font-weight:600;max-width:670px}.campaign-description{font-size:14px;line-height:1.9;margin:24px 0 29px;white-space:pre-line;color:#e9f5f2}.campaign-bottom{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:space-between;align-items:center;color:#fff}.campaign-bottom>p{font-size:9px;letter-spacing:.18em;margin-left:auto;margin-right:35px}.campaign-progress{display:flex;align-items:center;gap:12px;font-size:10px}.slide-dots{display:flex;gap:5px}.slide-dots button{height:22px;width:38px;border:0;background:transparent;position:relative}.slide-dots button:after{position:absolute;left:0;right:0;top:10px;content:'';height:2px;background:#ffffff60}.slide-dots button.active:after{background:white}.campaign-arrows{display:flex;gap:8px}.campaign-arrows button{position:relative;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;padding:0;line-height:1;background:#ffffff0a;color:#fff;border:1px solid #ffffff70;border-radius:50%}.campaign-arrows svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.campaign-arrows button:hover{background:white;color:var(--ink)}.campaign-cutout{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#fff;border-radius:24px 24px 0 0;padding:12px 28px;min-height:46px;font-size:10px;font-weight:650;display:flex;align-items:center;gap:26px}.campaign-cutout:before,.campaign-cutout:after{content:'';width:24px;height:24px;position:absolute;bottom:0;background:transparent}.campaign-cutout:before{left:-24px;border-radius:0 0 24px 0;box-shadow:8px 8px 0 8px white}.campaign-cutout:after{right:-24px;border-radius:0 0 0 24px;box-shadow:-8px 8px 0 8px white}.brand-strip{display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line);padding-block:30px}.brand-strip>p{font-size:10px;letter-spacing:.1em;margin-right:auto;color:var(--muted)}.brand-strip>div{display:flex;align-items:baseline;gap:12px}.brand-strip strong{font-weight:650;letter-spacing:-.04em;font-size:24px}.brand-strip span,.brand-strip a{font-size:10px;color:var(--muted)}.brand-strip a{margin-left:auto;color:var(--deep);display:flex;gap:14px}.strip-divider{width:1px;height:30px;background:var(--line)}
.product-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-tile{background:#f2f7f5;border-radius:4px 4px 48px 4px;overflow:hidden;padding:24px;display:block;transition:background .2s,transform .2s}.product-tile:nth-child(even){background:#edf5f6}.product-tile:hover{background:#e0f1ee;transform:translateY(-4px)}.tile-top{display:flex;justify-content:space-between;color:#6c8787;font-size:10px}.tile-bottom{display:flex;justify-content:space-between;gap:10px;align-items:flex-end}.tile-bottom h3{font-size:19px}.tile-bottom p{font-size:10px;color:var(--muted);margin-top:6px;max-width:145px;line-height:1.6}.tile-bottom .round-arrow{width:30px;height:30px;font-size:17px}.product-visual{position:relative;height:260px;overflow:hidden}.product-visual img{height:100%;top:0;position:absolute;left:50%;transform:translateX(-50%);max-width:none;width:auto;object-fit:contain;filter:drop-shadow(6px 10px 7px #12697e12)}.product-visual[data-product='200'] img{height:200%;top:-80%}.product-visual[data-product='330'] img{height:144%;top:-31%}.product-visual[data-product='500'] img{height:125%;top:-14%}.product-visual[data-product='19'] img{height:120%;top:-10%}.product-tile .product-visual{margin:5px -25px 15px}.story-section{background:var(--mist);padding-block:80px}.story-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:95px;align-items:center}.story-image{height:500px;position:relative;border-radius:4px 110px 4px 4px;overflow:hidden}.story-image>img{width:100%;height:100%;object-fit:cover;object-position:65%}.image-corner{position:absolute;bottom:0;left:0;padding:24px 28px 22px 0;background:var(--mist);border-radius:0 30px 0 0;font-size:9px;letter-spacing:.12em;color:var(--deep);font-weight:650;line-height:1.8}.story-copy .body-copy{margin-top:25px}
.journal-section{background:#f8faf9}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.article-cover{display:block;aspect-ratio:1.5;overflow:hidden;border-radius:4px 40px 4px 4px;position:relative}.article-cover img{height:100%;width:100%;object-fit:cover;object-position:65%;transition:transform .5s}.article-cover:hover img{transform:scale(1.035)}.article-arrow{position:absolute;bottom:16px;right:16px;background:white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.article-meta{display:flex;gap:12px;justify-content:space-between;font-size:9px;color:var(--muted);margin:20px 0 12px}.article-meta>span{color:var(--deep);font-weight:650}.article-card h3{font-size:21px;line-height:1.4;letter-spacing:-.035em}.article-card>p{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.8}.editorial-note{font-size:11px;color:#647a7b;margin:0 0 20px;border-left:2px solid var(--brand);padding-left:12px}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:95px;align-items:start}.faq-intro{position:sticky;top:130px}.faq-intro .body-copy{margin:24px 0}.search-field{display:flex;align-items:center;gap:13px;background:#f3f7f6;padding:15px 18px;border-radius:10px;min-width:0;color:var(--muted)}.search-field input{width:100%;border:0;background:transparent;font-size:12px;color:var(--ink);min-width:0;outline:0}.search-field:focus-within{outline:2px solid var(--deep);outline-offset:2px}.search-field i{font-size:15px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chip{border:1px solid var(--line);border-radius:999px;font-size:10px;padding:10px 16px;background:white;min-height:38px}.chip.active{color:white;background:var(--deep);border-color:var(--deep)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;gap:20px;justify-content:space-between;padding:23px 0;font-size:13px;font-weight:600;cursor:pointer;line-height:1.7;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-weight:400;font-size:21px;color:var(--deep);flex-shrink:0}.faq-item[open] summary span{transform:rotate(45deg)}.faq-answer{padding:0 28px 24px 0;color:var(--muted);font-size:13px;line-height:1.9}.faq-answer p+ p{margin-top:14px}.faq-answer ol,.faq-answer ul{padding-left:20px;list-style:revert}.faq-answer li{margin-block:6px}
.site-footer{background:#f0f5f3;border-top:1px solid #e2ece8}.footer-top{display:grid;grid-template-columns:1.5fr .8fr 1.1fr .9fr;gap:40px;padding-block:60px}.brand-pair{display:flex;gap:14px;align-items:center}.brand-pair>a img{width:128px;height:auto}.brand-divider{width:1px;height:35px;background:#cfddda}.gia-mark{display:flex;align-items:center;gap:7px;font-size:5px;line-height:1.5;letter-spacing:.04em}.gia-mark img{background:var(--deep);border-radius:100%;width:35px;height:35px;object-fit:contain}.gia-mark strong{font-size:7px}.footer-tagline{font-size:12px;font-weight:650;margin:24px 0 12px}.footer-top h2{font-size:11px;letter-spacing:0;margin:5px 0 23px;font-weight:750;line-height:1.6}.footer-top>div:not(:first-child)>a{display:block;font-size:11px;color:var(--muted);margin-bottom:13px}.footer-top a:hover{color:var(--deep)}.footer-top a span{display:block;font-size:9px;margin-bottom:5px}.footer-top a strong{font-size:11px;font-weight:600;color:var(--ink)}.social-links{display:flex;gap:8px;flex-wrap:wrap}.social-links a,.social-links button{width:34px;height:34px;display:grid;place-items:center;background:white;border:1px solid #dce7e3;border-radius:50%;font-size:15px}.social-links a:hover,.social-links button:hover{background:var(--deep);color:white}.footer-bottom{border-top:1px solid #d7e3de;display:flex;align-items:center;justify-content:space-between;padding-block:24px;color:#718581;font-size:9px}
.page-intro{padding-top:48px;padding-bottom:65px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin-bottom:42px;flex-wrap:wrap}.breadcrumb a{color:var(--deep)}.product-stage{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.product-stage-art{position:relative;background:var(--mist);overflow:hidden;border-radius:4px 80px 4px 4px;aspect-ratio:1}.size-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}.size-tabs button{border:1px solid var(--line);border-radius:999px;padding:12px 20px;font-size:11px;background:white}.size-tabs button.active{border-color:var(--deep);color:var(--deep);background:#edf8f5}.product-description .eyebrow{margin-bottom:17px}.product-description h2{font-size:39px}.product-description .body-copy{margin-top:24px}.occasion{font-size:11px;color:var(--deep);margin-top:22px;display:flex;align-items:center;gap:9px}.product-specs{display:flex;gap:45px;margin:30px 0;border-top:1px solid var(--line);padding-top:24px}.product-specs div{display:flex;flex-direction:column-reverse}.product-specs dt{font-size:10px;color:var(--muted);margin-top:5px}.product-specs dd{font-size:29px;line-height:1.2;margin:0;font-weight:550;letter-spacing:-.03em}.product-specs small{font-size:14px}.comparison-wrap{overflow:auto;margin-top:55px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}caption{text-align:left;font-size:15px;font-weight:650;margin-bottom:18px}th,td{padding:18px 20px;border-bottom:1px solid var(--line)}th{background:var(--mist);font-size:10px;font-weight:650}td{color:var(--muted)}.care-band{background:var(--mist);padding-block:65px}.care-band h2{font-size:32px}.care-band .body-copy{align-self:center}
.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;padding-bottom:100px;align-items:start}.contact-card{padding:44px;background:var(--deep);color:white;border-radius:5px 60px 5px 5px}.contact-card .eyebrow{color:#b3e9e0}.contact-card h2{font-size:39px}.contact-card>p:not(.eyebrow){font-size:12px;margin-top:20px}.contact-channel{display:flex;justify-content:space-between;align-items:center;padding-block:24px;border-bottom:1px solid #ffffff38;font-size:10px}.contact-channel strong{display:block;font-size:23px;font-weight:550;letter-spacing:-.03em;margin-top:7px}.contact-channel i{font-size:25px}.contact-secondary{padding-top:34px}.contact-secondary h3{font-size:18px}.form-panel{border:1px solid var(--line);border-radius:8px;padding:35px}.form-panel h2{font-size:27px}.field{display:block;margin-bottom:22px}.contact-fields{row-gap:0}.field>span:first-child{font-size:11px;font-weight:650;display:block;margin-bottom:10px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:14px 15px;font-size:12px;background:white;min-width:0;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#8ea09f}.helper-text{font-size:10px;color:var(--muted);line-height:1.8;margin-top:15px}.helper-text a{color:var(--deep);text-decoration:underline}.preview-note{font-size:11px;line-height:1.8;color:#627a7d;padding:14px 18px;background:#edf6f5;border-left:2px solid var(--brand);margin-bottom:25px}.preview-note a{text-decoration:underline}.featured-article{display:grid;grid-template-columns:1.3fr 1fr;background:var(--mist);border-radius:5px 70px 5px 5px;overflow:hidden}.featured-article>div:first-child{min-height:360px}.featured-article img{height:100%;width:100%;object-fit:cover;object-position:65%}.featured-copy{padding:45px;align-self:center}.featured-copy h2{font-size:32px}.featured-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:18px 0 24px}.article-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.article-toolbar .search-field{width:280px}.pagination{display:flex;gap:24px;justify-content:center;align-items:center;font-size:12px;margin-top:50px}.empty-state{text-align:center;padding:70px 24px;background:#f8faf9;border-radius:8px}.empty-state>i{font-size:28px;color:var(--brand);margin-bottom:22px}.empty-state h2{font-size:26px;margin-bottom:14px}.empty-state p{font-size:13px;color:var(--muted)}.article-heading{padding-block:46px 38px;max-width:1000px;text-align:center}.article-heading .breadcrumb{justify-content:center}.article-heading h1{font-size:clamp(34px,4vw,58px);line-height:1.2;max-width:900px;margin:auto}.article-deck{font-size:16px;line-height:1.8;color:var(--muted);max-width:680px;margin:24px auto}.article-byline{display:flex;justify-content:center;gap:18px;font-size:10px;color:var(--muted)}.article-heading .editorial-note{margin:25px auto 0;display:inline-block}.article-hero{margin-bottom:60px}.article-hero img{width:100%;height:auto;max-height:600px;object-fit:cover;border-radius:4px 70px 4px 4px}.article-hero figcaption{font-size:9px;color:var(--muted);margin-top:10px}.article-layout{display:grid;grid-template-columns:240px minmax(0,730px);justify-content:space-between;gap:70px}.article-sidebar{position:sticky;top:125px;align-self:start}.article-sidebar nav{display:flex;flex-direction:column;gap:16px}.article-sidebar nav a{font-size:11px;line-height:1.8;color:var(--muted)}.article-sidebar nav a:hover{color:var(--deep)}.article-body{font-size:15px;color:#4f696c;line-height:1.95;overflow-wrap:anywhere}.article-body>p{margin-bottom:24px;line-height:1.95}.article-body h2{font-size:28px;color:var(--ink);margin:40px 0 20px;line-height:1.3}.article-body h2:first-child{margin-top:0}.article-body ul{padding-left:24px;list-style:disc;margin-bottom:25px}.article-body li{margin:10px 0}.article-body blockquote{border-left:3px solid var(--brand);padding:20px;font-size:22px;background:var(--mist)}.article-end{padding:28px;background:var(--mist);margin-top:40px;border-radius:8px}.article-end p{font-size:14px;margin-bottom:18px}.privacy-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:65px;justify-content:space-between;padding-bottom:100px}.privacy-nav{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:17px}.privacy-nav a{font-size:11px;line-height:1.6;color:var(--muted)}.privacy-content a{color:var(--deep);text-decoration:underline}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:50px 75px}.auth-visual{height:650px;position:relative;overflow:hidden;border-radius:5px 80px 5px 5px}.auth-visual>img{height:100%;width:100%;object-fit:cover;object-position:77%}.auth-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#073b46e6,transparent 65%)}.auth-visual-copy{position:absolute;z-index:1;bottom:45px;left:42px;color:white}.auth-visual-copy .eyebrow{color:#bcf1e7}.auth-visual-copy h2{font-size:42px}.auth-visual-copy>p:last-child{font-size:12px;color:#ddf1ed;margin-top:18px}.auth-panel{max-width:420px}.auth-panel h1{font-size:39px}.password-wrap{display:block;position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:4px;top:4px;width:42px;height:40px;border:0;background:transparent;color:var(--muted)}.auth-forgot{display:block;text-align:right;font-size:11px;margin:0 0 25px}.form-alert{font-size:12px;background:#edf8f3;padding:18px;border-radius:6px;margin-top:20px}.form-alert a{text-decoration:underline}.distributor-section{padding-bottom:100px;min-height:450px}.distributor-search{display:flex;gap:15px;padding:20px;border:1px solid var(--line);border-radius:14px;margin-bottom:16px}.distributor-search .search-field{flex:1}.result-count{font-size:12px;color:var(--muted);margin:30px 0 18px}.distributor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.distributor-card{border:1px solid var(--line);border-radius:10px;padding:25px;display:flex;flex-direction:column}.distributor-area{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:var(--deep);margin-bottom:22px}.distributor-card h2{font-size:22px;margin-bottom:15px}.distributor-card .body-copy{font-size:12px}.distributor-card dl{font-size:11px;display:grid;grid-template-columns:80px 1fr;gap:8px;margin:20px 0}.distributor-card dt{color:var(--muted)}.distributor-card dd{margin:0}.distributor-card-bottom{margin-top:auto;padding-top:25px;display:flex;flex-direction:column;gap:14px}.distributor-card .helper-text{margin-top:0}.error-page{text-align:center;padding-block:120px}.error-page .body-copy{margin-top:30px}
@keyframes campaign-in{from{opacity:.7;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.campaign{height:740px;max-height:850px}.campaign-title{font-size:84px}}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.desktop-nav{gap:16px}.nav-inner{gap:20px}.nav-login{margin-left:0}.story-layout,.faq-layout{gap:45px}.product-stage{gap:40px}.footer-top{gap:25px;grid-template-columns:1.2fr .8fr 1fr}.footer-top>div:last-child{grid-column:1/-1;display:flex;gap:30px;align-items:center}.footer-top>div:last-child h2{margin:0}.footer-top>div:last-child>p{margin:0}.brand-strip{gap:25px}.brand-strip>div{display:block}.brand-strip>div span{display:block}.article-layout{gap:45px;grid-template-columns:200px minmax(0,1fr)}.contact-layout{gap:35px}.auth-layout{gap:45px}.product-visual{height:225px}.campaign-title{font-size:64px}.product-description h2{font-size:34px}.size-tabs{gap:7px}.size-tabs button{padding:11px 15px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.section-pad{padding-block:70px}.site-header,.nav-inner{height:76px}.site-header.scrolled .nav-inner{top:9px;height:62px;padding-inline:18px}.desktop-nav{display:none}.mobile-toggle{display:flex}.logo-link img{width:120px}.nav-inner{gap:13px}.campaign{min-height:570px;height:74svh}.campaign-title{font-size:56px}.campaign-bottom>p{display:none}.campaign-cutout{display:none}.campaign-shade{background:linear-gradient(90deg,#073f48b0,#073f4840 55%,transparent),linear-gradient(0deg,#123b4670,transparent 45%)}.campaign-content{transform:translateY(-45%)}.brand-strip{gap:20px;padding-block:25px}.brand-strip>a{display:none}.brand-strip>p{max-width:105px;font-size:8px}.brand-strip strong{font-size:20px}.brand-strip span{font-size:8px}.section-heading{gap:25px;align-items:flex-start}.section-heading .body-copy{font-size:12px;max-width:230px}.product-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:14px}.product-tile{flex:0 0 calc(50% - 10px);scroll-snap-align:start;padding:22px}.product-visual{height:260px}.story-layout{grid-template-columns:1fr 1fr;gap:30px}.story-image{height:450px;border-radius:4px 65px 4px 4px}.story-copy h2{font-size:32px}.article-grid{gap:23px;grid-template-columns:repeat(2,1fr)}.article-card:last-child:nth-child(odd){grid-column:auto}.article-card h3{font-size:20px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-intro{position:static;max-width:520px}.faq-intro .body-copy{margin:18px 0}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-top>div:last-child{grid-column:auto;display:block}.footer-top>div:last-child h2{margin-bottom:23px}.footer-top>div:last-child>p{margin-top:20px}.product-stage{gap:30px;grid-template-columns:1fr 1fr}.product-description h2{font-size:29px}.product-description .body-copy{font-size:12px;margin-top:15px}.size-tabs{flex-wrap:wrap;margin-bottom:23px}.size-tabs button{padding:10px 14px}.product-stage-info>.text-link{margin:18px 0 0}.product-specs{gap:28px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-card{padding:35px}.form-panel{padding:30px}.featured-article{grid-template-columns:1fr 1fr}.featured-copy{padding:28px}.featured-copy h2{font-size:26px}.article-toolbar{align-items:flex-start;flex-direction:column;gap:0}.article-toolbar .search-field{width:100%;margin-bottom:10px}.article-heading{padding-top:35px}.article-layout{display:block}.article-sidebar{position:static;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.article-sidebar nav{display:none}.article-sidebar>.eyebrow:first-child{display:none}.article-sidebar .eyebrow{margin:0 0 15px}.article-sidebar .helper-text{margin:0}.privacy-layout{grid-template-columns:1fr;gap:35px}.privacy-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid var(--line);padding-bottom:25px}.auth-layout{gap:30px;grid-template-columns:.85fr 1fr}.auth-visual{height:650px}.auth-visual-copy{left:24px;bottom:30px}.auth-visual-copy h2{font-size:31px}.auth-panel h1{font-size:30px}.distributor-grid{grid-template-columns:1fr 1fr}.distributor-search{padding:14px;gap:12px}.distributor-search .btn{padding-inline:17px}}
@media(max-width:540px){h1{font-size:40px}h2{font-size:32px}.shell{width:calc(100% - 36px)}.section-pad{padding-block:60px}.eyebrow{font-size:9px;margin-bottom:16px}.nav-login{padding:8px 13px;font-size:10px;gap:12px}.nav-inner{gap:10px}.site-header.scrolled .nav-inner{width:calc(100% - 24px);padding-inline:17px}.logo-link img{width:112px}.campaign{height:calc(100svh - 120px);min-height:610px;max-height:850px}.campaign-slide picture img{object-position:center 32%}.campaign-shade{background:linear-gradient(0deg,#073f48ed 0%,#073f48c2 12%,#073f4845 44%,transparent 65%)}.campaign-content{top:auto;bottom:90px;transform:none}.campaign-content .eyebrow{font-size:8px;margin-bottom:16px}.campaign-title{font-size:46px;max-width:360px;line-height:1.07}.campaign-description{font-size:12px;margin:16px 0 21px;line-height:1.75}.campaign-content .btn{min-height:45px;padding:12px 20px;font-size:11px}.campaign-bottom{bottom:24px}.campaign-arrows button{width:44px;height:44px}.brand-strip{gap:15px;align-items:center}.brand-strip>p{max-width:80px;margin-right:0;font-size:7px}.brand-strip>div{margin:auto}.brand-strip strong{font-size:19px}.brand-strip span{font-size:7px}.strip-divider{height:27px}.section-heading{display:block;margin-bottom:30px}.section-heading>.text-link{margin-top:22px}.section-heading>.body-copy{margin-top:20px;max-width:none}.product-tile{flex-basis:73%;padding:22px;border-bottom-right-radius:42px}.product-visual{height:270px}.tile-bottom h3{font-size:19px}.story-section{padding-block:50px}.story-layout{grid-template-columns:1fr;gap:35px}.story-image{height:390px;border-radius:4px 65px 4px 4px}.story-copy h2{font-size:35px}.story-copy .body-copy{font-size:13px;margin-top:20px}.article-grid{grid-template-columns:1fr;gap:40px}.article-cover{aspect-ratio:1.5}.article-meta{margin-top:17px}.article-card h3{font-size:22px}.article-card>p{font-size:13px}.faq-item summary{font-size:12px;padding-block:21px}.faq-answer{font-size:12px}.chip{font-size:9px;padding:9px 13px}.footer-top{padding-block:40px;gap:32px 25px}.footer-brand{grid-column:1/-1}.brand-pair>a img{width:145px}.gia-mark{font-size:6px}.gia-mark img{width:40px;height:40px}.gia-mark strong{font-size:8px}.footer-top>div:last-child{grid-column:1/-1}.footer-top h2{font-size:10px;margin-bottom:18px}.footer-top>div:not(:first-child)>a{font-size:10px}.footer-top a span{font-size:8px}.footer-top>div:last-child>p{display:none}.footer-bottom{flex-wrap:wrap;gap:13px;padding-bottom:80px}.footer-bottom>span{display:none}.page-intro{padding-top:27px;padding-bottom:40px}.breadcrumb{font-size:9px;margin-bottom:30px;gap:9px}.product-stage{grid-template-columns:1fr;gap:35px}.product-description h2{font-size:34px;max-width:340px}.product-description .body-copy{font-size:13px}.product-stage-info>.text-link{margin:0 0 0 15px}.size-tabs{flex-wrap:nowrap}.size-tabs button{flex:1;padding:11px 14px}.product-specs{margin-block:25px}.comparison-wrap{margin-top:35px}th,td{padding:15px 12px}td{font-size:10px}.care-band{padding-block:45px}.care-band h2{font-size:30px}.contact-card{padding:30px;border-top-right-radius:50px}.contact-card h2{font-size:34px}.contact-channel strong{font-size:22px}.form-panel{padding:24px 20px}.form-panel h2{font-size:25px}.contact-layout{padding-bottom:60px}.featured-article{grid-template-columns:1fr;border-top-right-radius:50px}.featured-article>div:first-child{min-height:0;height:240px}.featured-copy{padding:30px 24px}.featured-copy h2{font-size:28px}.article-toolbar .filter-tabs{gap:6px}.article-heading{text-align:left;padding-top:27px;padding-bottom:28px}.article-heading .breadcrumb{justify-content:flex-start}.article-heading h1{font-size:35px}.article-deck{font-size:14px;margin:20px 0}.article-byline{justify-content:flex-start;gap:13px;font-size:9px}.article-hero{margin-bottom:35px}.article-hero img{min-height:240px;object-position:65%;border-top-right-radius:45px}.article-body{font-size:14px}.article-body h2{font-size:25px;margin-top:32px}.article-layout{padding-bottom:0}.privacy-layout{padding-bottom:60px}.privacy-nav{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;padding-block:25px 60px}.auth-visual{height:255px;border-top-right-radius:50px}.auth-visual>img{object-position:70% 35%}.auth-visual:after{background:linear-gradient(90deg,#073b46ba,transparent)}.auth-visual-copy{left:25px;bottom:25px}.auth-visual-copy h2{font-size:30px}.auth-visual-copy .eyebrow{font-size:8px}.auth-visual-copy>p:last-child{display:none}.auth-panel{max-width:none}.auth-panel>.text-link:first-child{display:none}.auth-panel h1{font-size:33px}.distributor-search{flex-direction:column;padding:14px}.distributor-grid{grid-template-columns:1fr}.distributor-card{padding:25px}.distributor-section{padding-bottom:60px}.error-page{padding-block:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.campaign-photo-link{position:absolute;inset:0;display:block}.campaign-shade{pointer-events:none}.campaign-content{pointer-events:none}.campaign-content>*{pointer-events:auto}

/* Company profile navigation and hero clock use the existing CSS/Vue stack. */
.desktop-nav a,.nav-login{white-space:nowrap}
.desktop-nav{gap:22px}
.nav-inner{gap:22px}
.nav-login{gap:14px;margin-left:0}
.campaign-bottom{padding-right:165px;gap:24px}
.campaign-bottom>p{margin-right:0}
.campaign-arrows{gap:12px}
.campaign-arrows .hero-timer{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);transform:rotate(-90deg);stroke-width:1.5;overflow:visible}
.hero-timer-progress{stroke:#00d7cf;stroke-linecap:round}
.campaign-arrows button:focus-visible{outline-color:white;outline-offset:8px}
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-lead .body-copy{margin:28px 0;max-width:480px}







.about-process{background:var(--mist)}
.about-process-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center;padding-block:64px}
.about-process-copy{max-width:430px;margin-top:20px}
.about-characteristics{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.about-characteristics>div{padding-top:24px}
.about-characteristics h3{font-size:32px;font-weight:600;letter-spacing:-.04em;margin-bottom:12px}
.about-characteristics p{font-size:14px;color:var(--muted);max-width:260px}
.about-process-details>.text-link{margin-top:28px}
.about-everyday{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid var(--line)}
.about-everyday .body-copy+.body-copy{margin-top:18px}
.about-everyday .text-link{margin-top:25px}
.distributor-inquiry{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:65px}
.distributor-inquiry h2{font-size:24px;margin-bottom:10px}
.distributor-inquiry>a{flex-shrink:0}
@media(max-width:1100px){
 .site-header .mobile-nav:not([data-menu-open]){display:none!important}
 .mobile-toggle{display:flex}.mobile-nav{position:absolute;top:84px;left:calc(24px - (100vw - 100%)/2);right:calc(24px - (100vw - 100%)/2);padding:18px 28px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 15px 28px #003f4b12;display:flex;flex-direction:column}.mobile-nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between}.mobile-nav a>span{display:inline}.mobile-nav a:last-child{border:0}.mobile-nav{max-height:calc(100svh - 100px);overflow:auto;gap:0;align-items:stretch}.mobile-nav a[aria-current]:after{display:none}.site-header.scrolled .mobile-nav{top:74px}
 .campaign-bottom{padding-right:74px}.campaign-bottom>p{display:none}

 .about-hero,.about-everyday{gap:35px}
}
@media(max-width:800px){
 .about-hero{gap:30px}.about-lead h1{font-size:44px}

 .about-process-layout{grid-template-columns:1fr;gap:36px}.about-process-copy{max-width:520px}
 .about-everyday{gap:30px}.distributor-inquiry{align-items:flex-start;flex-direction:column}
}
@media(max-width:540px){
 .nav-inner{gap:8px}.nav-login{padding:9px 11px;font-size:10px;gap:6px}.logo-link img{width:100px}.mobile-toggle{width:32px;flex-shrink:0}
 .site-header.scrolled .nav-inner{padding-inline:12px}
 .campaign-bottom{padding-right:64px;gap:12px}.campaign-progress{gap:6px}.slide-dots{gap:4px}.slide-dots button{width:20px;height:44px}.slide-dots button:after{top:21px}
 .campaign-arrows{gap:9px}.campaign-title{font-size:clamp(35px,10vw,46px)}
 .about-hero,.about-everyday{grid-template-columns:1fr}.about-lead h1{font-size:44px}


 .about-process-layout{padding-block:48px;gap:30px}.about-characteristics{grid-template-columns:1fr;gap:24px}.about-characteristics>div{border-top:1px solid var(--line);padding-top:20px}.about-characteristics h3{font-size:28px}.about-characteristics p{max-width:none}
 .distributor-inquiry{padding-bottom:50px}.distributor-inquiry h2{font-size:22px}
}
@media(max-width:380px){
 .logo-link img{width:84px}.nav-login{padding-inline:8px}.nav-inner{gap:5px}
 .campaign-bottom{flex-wrap:wrap;gap:8px}.campaign-progress{width:100%}.campaign-content{bottom:145px}

}

/* Full scenes preserve the product framing in both responsive image variants. */
.responsive-media,.responsive-media img{display:block;width:100%}
.responsive-media img{height:auto}
.about-visual{margin:0;min-width:0}
.about-visual .responsive-media{position:relative;overflow:hidden;border-radius:4px 72px 4px 4px}
.about-visual .responsive-media img{filter:saturate(.78) contrast(.96)}
.about-visual .responsive-media:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,#073f483b 0%,#073f4824 40%,#073f4810 85%)}
.about-visual figcaption{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.6}
.product-scene,.product-scene .responsive-media{width:100%;height:100%}
.product-scene img{width:100%;height:100%;object-fit:contain}
@media(max-width:800px){.about-hero{grid-template-columns:1fr}.about-lead .body-copy{max-width:600px}.product-stage-art{border-top-right-radius:50px}}
@media(max-width:540px){.about-visual .responsive-media{border-top-right-radius:42px}.about-visual figcaption{font-size:11px}.product-stage-art{border-top-right-radius:42px}}

/* Equal side columns keep the desktop menu centered before and after scrolling. */
@media(min-width:1101px){
 .nav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(20px,2vw,32px)}
 .nav-inner>.logo-link{justify-self:start;margin-right:0}
 .desktop-nav{justify-self:center;gap:clamp(22px,2vw,34px)}
 .desktop-nav a{font-size:13px}
 .nav-inner>.nav-login{justify-self:end;min-height:42px;padding-inline:20px}
}

@media(min-width:641px){.comparison-wrap table{table-layout:fixed}.comparison-wrap th:first-child{width:36%}.comparison-wrap th:nth-child(2){width:24%}}

.field select{appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23173f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px}
@media(forced-colors:active){.field select{appearance:auto;background-image:none}}


/* Practical guidance shared by directory and account pages. */
.service-note{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin-bottom:24px;background:#f1f7f6;border:1px solid #e1ece9;border-radius:10px;color:var(--muted);font-size:11px;line-height:1.8}
.service-note>i{color:var(--deep);font-size:18px;line-height:1.6;flex-shrink:0}
.service-note .service-note-title{color:var(--ink);font-size:12px;font-weight:650;margin-bottom:3px}
.auth-panel .auth-intro{margin:12px 0 20px}
.auth-panel .auth-recovery-help{margin:0 0 22px}
.page-intro.distributor-intro{padding-bottom:32px}
@media(max-width:540px){.service-note{padding:14px;gap:10px}.page-intro.distributor-intro{padding-bottom:24px}}

/* Shared distributor CTA: keep the complete desktop frame and products clear. */
.find-panel{position:relative;isolation:isolate;overflow:hidden;width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:0;aspect-ratio:3/1;padding:clamp(28px,3.5vw,50px);background:var(--deep);color:white;border-radius:5px 70px 5px 5px}
.find-panel-media{position:absolute;inset:0;z-index:-2}
.find-panel-media .responsive-media,.find-panel-media img{display:block;width:100%;height:100%}
.find-panel-media img{object-fit:contain}
.find-panel:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#007c90 0%,#007c90fc 28%,#007c90eb 38%,#00829680 46%,#00829600 55%)}
.find-panel-copy{width:43%;max-width:540px}
.find-panel .eyebrow{color:#d3f4ef}
.find-panel h2{font-size:clamp(28px,2.65vw,40px)}
.find-panel-copy>p:not(.eyebrow){color:#e0f2f1;font-size:13px;margin-top:18px}
.find-panel>.btn{flex-shrink:0;background:#fff;color:var(--ink);border-color:#006b7b;box-shadow:0 4px 16px #173f4326}
.find-panel>.btn:hover{background:#edf8f5}
.find-panel>.btn:focus-visible{outline:3px solid white;outline-offset:5px;box-shadow:0 0 0 8px var(--ink)}
@media(max-width:900px){
 .find-panel{display:block;aspect-ratio:auto;min-height:0;padding:0 28px 32px;border-top-right-radius:50px}
 .find-panel-media{position:relative;inset:auto;margin:0 -28px;z-index:0}
 .find-panel-media img{height:auto;aspect-ratio:3/1;object-fit:contain}
 .find-panel:after{display:none}
 .find-panel-media:after{content:'';position:absolute;inset:auto 0 0;height:12%;pointer-events:none;background:linear-gradient(to top,#008296, #00829600)}
 .find-panel-copy{position:relative;width:100%;max-width:none;padding-top:26px}
 .find-panel h2{font-size:30px}
 .find-panel-copy>p:not(.eyebrow){font-size:13px;margin-top:16px}
 .find-panel>.btn{margin-top:24px}
}
@media(max-width:640px){.find-panel-media img{aspect-ratio:768/618}.find-panel>.btn{width:100%}}

.about-video{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;align-items:center}
.about-video-copy{max-width:340px}.about-video-copy h2{max-width:320px}.about-video-copy .body-copy{margin:24px 0}
.about-video-figure{min-width:0}.about-video-frame{position:relative;aspect-ratio:16/9;background:var(--ink);border-radius:4px 64px 4px 4px;overflow:hidden;box-shadow:0 18px 42px #073f4812}
.about-video-poster{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:white;cursor:pointer}.about-video-poster img{display:block;width:100%;height:100%;object-fit:contain}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--deep);border:1px solid #ffffffb3;box-shadow:0 4px 24px #073f4840}.video-play svg{width:30px;height:30px;fill:currentColor}.video-play-label{position:absolute;bottom:20px;right:24px;padding:7px 12px;border-radius:20px;background:var(--deep);font-size:11px;font-weight:600}.about-video-poster:hover .video-play{background:var(--ink)}.about-video-poster:focus-visible{outline:3px solid var(--deep);outline-offset:-5px}.about-video-figure figcaption{font-size:11px;color:var(--muted);margin-top:14px}
@media(max-width:1000px){.about-video{gap:32px;grid-template-columns:.8fr 1.2fr}.about-video-copy h2{font-size:34px}.video-play{width:60px;height:60px}}
@media(max-width:800px){.about-video{grid-template-columns:1fr;gap:30px}.about-video-copy{max-width:520px}.about-video-copy h2{max-width:none}.about-video-frame{border-top-right-radius:45px}}
@media(max-width:540px){.video-play{width:54px;height:54px}.video-play svg{width:24px;height:24px}.video-play-label{bottom:10px;right:12px;font-size:9px}.brand-strip strong{font-size:17px}}

html.video-modal-open{overflow:hidden}
.video-dialog{width:min(1100px,calc(100% - 32px),calc((100dvh - 160px)*16/9));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:16px;border:0;border-radius:12px;background:white;color:var(--ink);box-shadow:0 20px 80px #0005}
.video-dialog::backdrop{background:#071b20cc}
.video-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.video-dialog-header h2{font-size:18px;letter-spacing:-.025em}.video-dialog-close{display:grid;place-items:center;width:44px;height:44px;padding:0;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:white;line-height:1}.video-dialog-close svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.video-dialog-close:hover{background:var(--mist)}
.video-dialog-player{position:relative;aspect-ratio:16/9;background:var(--ink)}.video-dialog-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-dialog-fallback{margin-top:12px;font-size:12px;color:var(--deep)}.video-dialog-fallback a:hover{text-decoration:underline}
@media(max-width:540px){.video-dialog{padding:12px}.video-dialog-header{gap:10px}.video-dialog-header h2{font-size:16px}}

/* CMS logos may have a different aspect ratio; keep navigation and footer within their slots. */
.logo-link img{max-height:52px;object-fit:contain}.brand-pair>a img{max-height:48px;object-fit:contain}

/* Fill the opening viewport below the header, preserving the committed hero design. */
.campaign{height:calc(100svh - 88px);min-height:0;max-height:none}
.page-scroll-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--brand);transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}
@media(max-width:800px){.campaign{height:calc(100svh - 76px)}}

/* Only desktop campaign alignment changes; touch layouts keep their existing positions. */
@media(min-width:1101px){
 .campaign-bottom{padding-right:0}
 .campaign-content{top:auto;bottom:clamp(125px,17svh,185px);transform:none}
 .campaign-slide[data-campaign='focus'] .campaign-title{font-size:clamp(42px,4.4vw,68px);max-width:760px}
}
.nav-login{transition:background-color .2s,border-color .2s,color .2s}
.nav-login:hover,.nav-login:focus-visible{background:var(--deep);border-color:var(--deep);color:white}
.size-tabs button,.chip{transition:background-color .2s,border-color .2s,color .2s}
.faq-item summary span{transition:transform .25s}
@media(prefers-reduced-motion:no-preference){
 .product-scene:not([hidden]){animation:product-switch .48s cubic-bezier(.22,.68,.2,1)}
 .product-description:not([hidden]){animation:product-copy-switch .38s cubic-bezier(.22,.68,.2,1)}
 @keyframes product-switch{from{transform:translateX(26px) scale(1.015);filter:blur(5px)}to{transform:translateX(0) scale(1);filter:blur(0)}}
 @keyframes product-copy-switch{from{transform:translateY(10px);filter:blur(2px)}to{transform:translateY(0);filter:blur(0)}}
}

/* Content remains readable before entry and when animation support is unavailable. */
.reveal-line{display:inline-block;max-width:100%;vertical-align:top}
.scroll-divider{position:relative;border-bottom-color:transparent}
.scroll-divider:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:var(--line);transform-origin:left;pointer-events:none}
.article-sidebar nav a[aria-current='location']{color:var(--deep);text-decoration:underline;text-underline-offset:5px}
.btn>span[aria-hidden],.text-link>span[aria-hidden]{display:inline-block;transition:transform .18s ease}
@media(prefers-reduced-motion:no-preference){
 .scroll-reveal.is-revealed .reveal-word{animation:section-text-reveal .72s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--word-delay,0ms)}
 .scroll-reveal.is-revealed.body-copy{animation:section-copy-reveal .65s cubic-bezier(.22,1,.36,1) backwards}
 .scroll-divider.is-revealed:after{animation:section-rule-reveal .6s cubic-bezier(.22,.68,.2,1)}
 .btn:is(:hover,:focus-visible)>span[aria-hidden],.text-link:is(:hover,:focus-visible)>span[aria-hidden]{transform:translateX(3px)}
 @keyframes section-text-reveal{from{opacity:0;filter:blur(9px);transform:translateY(16px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
 @keyframes section-copy-reveal{from{opacity:.25;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
 @keyframes section-rule-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}

/* Keep the original select for form submission and the no-JavaScript fallback. */
.field .select-source{display:none}
.custom-select{position:relative;font-size:12px;color:var(--ink)}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:8px;background:white;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.select-trigger:hover,.custom-select.is-open .select-trigger{border-color:var(--brand)}
.select-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.select-trigger i{font-size:10px;transition:transform .22s ease}
.custom-select.is-open .select-trigger i{transform:rotate(180deg)}
.select-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:20;max-height:240px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:0 12px 28px #123f461a;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;pointer-events:none}
.custom-select.is-open{z-index:21}
.custom-select.is-open .select-options{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:6px;cursor:pointer;overflow-wrap:anywhere}
.select-option[aria-selected=true]{color:var(--deep);font-weight:650;background:var(--mist)}
.select-option[aria-selected=true]::after{content:'✓';flex-shrink:0}
.select-option.is-active{background:var(--mist);outline:1px solid var(--line);outline-offset:-1px}
@media(prefers-reduced-motion:reduce){.select-trigger,.select-trigger i,.select-options{transition:none}}

/* Browser scrollbars keep their native scrolling and drag behavior. */
html,.mobile-nav,.select-options,.comparison-wrap,textarea{scrollbar-color:var(--deep) var(--mist)}
@supports not (scrollbar-color:auto){
 ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--mist)}
 ::-webkit-scrollbar-thumb{background:var(--deep);border:2px solid var(--mist);border-radius:999px}
 ::-webkit-scrollbar-thumb:hover{background:var(--ink)}
}
@media(forced-colors:active){html,.mobile-nav,.select-options,.comparison-wrap,textarea{scrollbar-color:auto;scrollbar-width:auto}}
.reveal-word{display:inline-block;vertical-align:baseline}
.mobile-nav{transform-origin:top right}
.mobile-toggle{border-radius:50%;transition:background-color .2s}
.mobile-toggle[aria-expanded=true]{background:var(--mist)}
.hamburger{transition:background-color .15s}
.hamburger:before,.hamburger:after{transition:transform .2s cubic-bezier(.22,1,.36,1),top .2s .12s}
.hamburger.is-open:before,.hamburger.is-open:after{transition:top .18s,transform .3s .12s cubic-bezier(.22,1,.36,1)}

/* Each visible slide replays its text reveal; photography and layout stay in place. */
@media(prefers-reduced-motion:no-preference){
 .campaign-slide:not([hidden]) .campaign-title .reveal-word{animation:section-text-reveal .85s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--word-delay,0ms)}
 .campaign-slide:not([hidden]) .campaign-content .eyebrow{animation:section-copy-reveal .55s cubic-bezier(.22,1,.36,1) backwards}
 .campaign-slide:not([hidden]) .campaign-description{animation:section-copy-reveal .7s .16s cubic-bezier(.22,1,.36,1) backwards}
 .campaign-slide:not([hidden]) .campaign-content .btn{animation:section-copy-reveal .6s .28s cubic-bezier(.22,1,.36,1) backwards}
 @view-transition{navigation:auto}
 .site-header{view-transition-name:site-header}
 ::view-transition-group(*){animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
 ::view-transition-old(root){animation:page-leave .22s ease-in both}
 ::view-transition-new(root){animation:page-arrive .4s cubic-bezier(.22,1,.36,1) both}
 ::view-transition-old(site-header){animation:nav-leave .18s ease both}
 ::view-transition-new(site-header){animation:nav-arrive .25s ease both}
 @keyframes page-leave{to{opacity:0;filter:blur(2px);transform:translateY(-6px)}}
 @keyframes page-arrive{from{opacity:0;filter:blur(3px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
 @keyframes nav-leave{to{opacity:0}}
 @keyframes nav-arrive{from{opacity:0}to{opacity:1}}
 @supports not (view-transition-name:root){#main{animation:page-arrive .4s cubic-bezier(.22,1,.36,1) both}}
}

/* Give tablet product cards the same breathing room as the mobile rail. */
@media(min-width:541px) and (max-width:1100px){
 .product-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:14px}
 .product-tile{flex:0 0 46%;scroll-snap-align:start}
 .product-tile .product-visual{height:280px}
}

/* Structured article rich-text blocks retain the existing article spacing. */
.article-body>div p,.article-body>div>div{margin-bottom:24px;line-height:1.95}.article-body ol{padding-left:24px;list-style:decimal;margin-bottom:25px}

/* Native distributor search remains visibly busy until the POST response loads. */
.distributor-search button:disabled{cursor:not-allowed;opacity:.65;pointer-events:auto}
.distributor-search-status{margin-top:12px}
@media(prefers-reduced-motion:reduce){.distributor-search .fa-spin{animation:none}}