/*
Theme Name: TRIVEW Premium 8
Theme URI: https://trivew.com/
Author: TRIVEW
Description: A complete product experience for Desk to Drive lenses and OFF anti-fog care.
Version: 8.8.8
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: trivew-premium-v4
*/
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
:root{--paper:#f7f8fa;--ink:#171d25;--muted:#626c77;--line:#dce1e6;--violet:#75608d;--blue:#065b79;--ice:#e8f4f8;--header:84px;--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:150px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Manrope,"Noto Sans Devanagari",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
[hidden]{display:none!important}
img,svg{max-width:100%}img{height:auto;display:block}figure{margin:0}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.6}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}h1,h2{letter-spacing:-.065em;line-height:1.04}
h2{font-size:clamp(36px,4.25vw,64px);margin-bottom:26px}h3{line-height:1.25;letter-spacing:-.04em;font-size:25px}
p{color:var(--muted);margin-bottom:20px}strong{font-weight:700}
::selection{background:#d9cced;color:#171d25}
:focus-visible{outline:3px solid #17769b;outline-offset:5px;border-radius:3px}
.container,.wrap{width:min(1360px,calc(100% - 96px));margin-inline:auto}
.section-pad,.section{padding-block:112px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.17em;line-height:1.6;text-transform:uppercase;margin-bottom:24px}
.status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--violet)}
.muted{color:#909aa4}
.button,.pill{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:52px;border:1px solid transparent;border-radius:5px;padding:13px 22px;font-size:12px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s,color .2s}
.button svg,.text-link svg,.primary-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.button:hover{transform:translateY(-2px)}
.button-dark,.pill.primary{background:var(--ink);color:white}.button-dark:hover{background:#303e4f}
.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:#dfebf0}
.button-outline{border-color:#a7b4bc;background:transparent}
.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:12px;font-weight:700;border-bottom:1px solid currentColor}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:34px}
.line-icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.split-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:8%;align-items:end;margin-bottom:52px}
.split-heading h2{margin-bottom:0}.split-heading>p,.split-heading>div>p:last-child{margin-bottom:5px}
.skip-link{position:fixed;top:10px;left:20px;background:white;padding:12px;z-index:1000;transform:translateY(-160%)}.skip-link:focus{transform:none}
/* One shared header and a native disclosure menu. */
.site-header{position:sticky;top:0;z-index:100;background:rgba(247,248,250,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.header-inner{height:var(--header);width:min(1480px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand-link{display:block;flex:0 0 172px}.brand{width:172px;height:auto}
.primary-nav{display:flex;align-items:center;gap:clamp(22px,2.6vw,40px);font-size:12px;font-weight:600}
.primary-nav>a,.products-menu>summary{display:flex;align-items:center;gap:7px;min-height:46px}
.primary-nav>a[aria-current],.product-nav-link[aria-current]{color:var(--blue)}
.primary-nav>a:hover,.products-menu>summary:hover{color:var(--violet)}
.primary-nav .nav-dealer{background:var(--ink);color:#fff;padding:0 18px;gap:22px;border-radius:4px;font-size:11px;white-space:nowrap}
.products-menu{position:relative}.products-menu>summary{list-style:none}.products-menu>summary::-webkit-details-marker{display:none}
.chevron{width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin:-4px 0 0 6px;transition:transform .2s}
.products-menu[open] .chevron{transform:rotate(225deg);margin-top:3px}
.products-panel{position:absolute;left:-90px;top:100%;width:396px;background:#fff;border:1px solid #e0e5e9;border-radius:12px;padding:10px;box-shadow:0 20px 55px #1c28301c}
.products-panel:before{content:"";position:absolute;top:-15px;left:0;right:0;height:16px}
.product-nav-link{display:grid;grid-template-columns:60px 1fr 20px;align-items:center;gap:17px;padding:14px;border-radius:7px}
.product-nav-link:hover{background:#f4f7f9}.product-nav-link strong{display:block;font-size:15px}.product-nav-link small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}
.nav-thumb{height:60px;display:grid;place-items:center;border-radius:7px}.nav-thumb-lens{background:#ece7f1;color:#796886}.nav-thumb-off{background:#e4f3f7;color:#1d6c87}
.nav-thumb svg{width:30px;height:30px}
.menu-button{display:none}
/* Home: two equal, immediately discoverable product families. */
.home-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:8%;align-items:end;padding-top:55px;padding-bottom:48px}
.home-intro h1{font-size:clamp(64px,7.5vw,116px);max-width:710px;margin-bottom:0}
.home-intro .eyebrow{margin-bottom:20px}.intro-aside{max-width:330px;padding-bottom:8px}
.intro-aside p{font-size:14px}
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.collection-card{position:relative;min-width:0;height:554px;overflow:hidden;border-radius:var(--radius);isolation:isolate;transition:box-shadow .3s}
.collection-card:hover{box-shadow:0 12px 45px #22313f20}
.collection-top{position:absolute;left:32px;right:32px;top:25px;display:flex;align-items:center;gap:15px;z-index:3;font-size:9px;font-weight:700;letter-spacing:.13em}
.round-arrow{margin-left:auto;border:1px solid #ffffff60;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.round-arrow svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4;transform:rotate(-35deg);transition:transform .2s}
.collection-card:hover .round-arrow svg{transform:rotate(0)}
.collection-lens{background:#090b10;color:white}
.collection-lens-visual{position:absolute;inset:0}
.collection-lens-visual img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;opacity:.93;transition:transform .7s}
.collection-lens-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07080d55,transparent 22%,transparent 60%,#07080de6)}
.collection-card:hover .collection-lens-visual img{transform:scale(1.025)}
.collection-copy{position:absolute;bottom:34px;left:34px;right:34px;z-index:3}
.collection-copy .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:10px}
.collection-copy h2{font-size:clamp(32px,3.4vw,50px);margin-bottom:7px}.collection-copy p{font-size:12px;margin:0;color:inherit;opacity:.76}
.collection-off{background:linear-gradient(135deg,#eef9fe,#cddfe9);color:#143a4b}
.collection-off .round-arrow{border-color:#2a607454}
.new-tag{font-size:7px;letter-spacing:.1em;background:#ffffff9c;border-radius:20px;padding:5px 9px}
.collection-off-visual{position:absolute;inset:45px 10px 110px;display:grid;place-items:center}
.off-pack{height:100%;max-height:322px;width:auto;filter:drop-shadow(20px 30px 20px #3a748333);transform:rotate(9deg);transition:transform .6s}
.collection-off:hover .off-pack{transform:rotate(4deg) translateY(-5px)}
.off-ghost{position:absolute;left:18px;right:0;top:12%;font-size:clamp(125px,17vw,270px);font-weight:700;letter-spacing:-.1em;line-height:1;color:#ffffff60}
.brand-strip{padding:31px 0;display:flex;align-items:center;justify-content:center;gap:50px;font-size:9px;font-weight:600;letter-spacing:.13em;border-bottom:1px solid var(--line)}
.brand-strip i{height:3px;width:3px;border-radius:50%;background:#8d98a3}
.home-philosophy .split-heading{margin:0}.home-philosophy{padding-bottom:90px}
.home-lens-story{background:#ece9f0}.home-off-story{background:#e9f3f7}
.home-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.home-story-grid p{max-width:425px}.home-story-grid h2{font-size:clamp(34px,4.1vw,58px)}
.home-scene,.off-story-photo{aspect-ratio:1.12;position:relative;overflow:hidden;border-radius:12px}
.home-scene img,.off-story-photo img{width:100%;height:100%;object-fit:cover}
.home-scene:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0c1117a6)}
.image-caption{position:absolute;bottom:25px;left:25px;color:white;font-size:10px;letter-spacing:.15em;z-index:1}
.day-mini{display:flex;align-items:center;max-width:295px;gap:16px;margin:32px 0;font-size:10px;font-weight:700}
.day-mini i{height:1px;background:#a8a0b3;flex:1;position:relative}.day-mini i:after{content:"";width:5px;height:5px;border-radius:50%;background:#7a698d;position:absolute;top:-2px;right:0}
.inline-facts{display:flex;gap:25px;font-size:9px;letter-spacing:.1em;font-weight:700;margin:30px 0}
.heritage-dates{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:40px;border-top:1px solid var(--line)}
.heritage-dates strong{display:block;font-size:47px;font-weight:400;letter-spacing:-.055em}.heritage-dates span{display:block;font-size:10px;color:var(--muted)}
.partner-band{background:#17252d;color:#fff}
.partner-inner{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:8%}.partner-inner h2{margin-bottom:0}.partner-inner p{color:#c0cbd0}
.partner-band .eyebrow{color:#b4c2c9}
/* Product page navigation and lens experience. */
.lens-hero{background:#0b0d11;color:#fff;overflow:hidden}
.lens-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:670px;gap:0}
.lens-hero-copy{position:relative;z-index:2;padding:64px 0}
.lens-hero-copy .eyebrow{color:#abb5c1;margin-bottom:40px}
.hero-overline{font-size:10px;letter-spacing:.18em;color:#c0b5d1;margin-bottom:18px}
.lens-hero h1{font-size:clamp(80px,8.5vw,136px);line-height:.94;margin-bottom:28px}
.hero-lead{font-size:15px;max-width:420px}.lens-hero .hero-lead{color:#b2bcc6}
.lens-hero .text-link{color:#d3c5e7;font-size:11px}
.lens-hero-visual{position:relative;min-width:0}
.lens-float{width:130%;max-width:none;margin-left:-10%;mix-blend-mode:screen;animation:lens-drift 8s ease-in-out infinite}
@keyframes lens-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}
.lens-visual-note{display:flex;align-items:center;gap:20px;position:absolute;left:18%;right:5%;bottom:7%;font-size:8px;letter-spacing:.12em;color:#9aa4b4}
.lens-visual-note i{height:1px;flex:1;background:#56616f}
.product-rail{position:sticky;top:var(--header);background:#f7f8faed;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:50}
.product-rail>.container{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:66px}
.product-rail strong{font-size:12px;white-space:nowrap}.product-rail .container>div{display:flex;align-items:center;gap:32px}.product-rail a{min-height:44px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;white-space:nowrap}.product-rail a svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6}
.day-explorer{margin-top:55px}
.day-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}
.day-tabs button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:84px;padding:15px 8px;text-align:left}
.day-tabs button[aria-selected=true]{border-bottom-color:var(--violet);color:var(--violet)}
.day-tabs span{display:block;font-size:13px;font-weight:700}.day-tabs small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.day-panels{margin-top:24px}
.day-panel{aspect-ratio:1.95;position:relative;overflow:hidden;border-radius:13px;background:#10151c}
.day-panel picture{display:block;height:100%}.day-panel img{width:100%;height:100%;object-fit:cover}
.day-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070d15b8,transparent 80%),linear-gradient(0deg,#070d1577,transparent 70%)}
.day-panel-copy{position:absolute;left:5%;bottom:10%;width:48%;color:white;z-index:1}.day-panel-copy h3{font-size:clamp(28px,4vw,58px);margin-bottom:15px}
.day-panel-copy p{font-size:13px;color:#e3e7ec;max-width:345px}.day-panel-copy .eyebrow{font-size:8px;color:#d5deea}
.scene-counter{position:absolute;top:26px;right:30px;color:white;font-size:10px;z-index:1;letter-spacing:.13em}
.technology-section{background:#eceef2}
.technology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.technology-card{background:#fdfdfe;border-radius:12px;overflow:hidden}
.tech-visual{height:230px;position:relative}.tech-visual img{width:100%;height:100%;object-fit:cover}
.tech-visual>span{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f7f8faed;font-size:9px}
.tech-copy{padding:30px}.tech-copy h3{font-size:24px}.tech-copy p{font-size:13px;margin-bottom:0}
.tech-copy .eyebrow{font-size:8px;letter-spacing:.12em;color:var(--violet);margin-bottom:21px}.tech-copy .line-icon{width:20px;height:20px}
.tech-enquire{background:#d9d0e3;padding:45px 30px;display:flex;flex-direction:column;justify-content:center}
.tech-enquire h3{font-size:44px}.tech-enquire p{font-size:13px;color:#514758}.tech-enquire .text-link{align-self:start}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}
.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{position:relative;list-style:none;padding:23px 40px 23px 0;font-size:14px;font-weight:600;min-height:64px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:7px;top:18px;font-size:24px;font-weight:400;color:#7f8993}
.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:13px;max-width:93%;padding-bottom:7px}
.cross-sell{display:grid;grid-template-columns:1fr 1fr;background:#e2f1f6;border-radius:16px;overflow:hidden;margin-bottom:112px;padding:65px 7%;align-items:center}
.cross-sell>div:last-child{height:335px;display:grid;place-items:center}.cross-sell img{height:100%;width:auto;transform:rotate(10deg);filter:drop-shadow(15px 20px 16px #1f576c29)}
/* OFF: product art, exact lens masks, and an optional replayable illustration. */
.off-hero{background:linear-gradient(115deg,#f4fbfd,#deedf4);overflow:hidden}
.off-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:745px;padding-block:55px}
.off-hero-copy h1{margin-bottom:24px}.off-hero-copy .eyebrow{font-size:9px;color:#346177;margin-bottom:28px}
.off-wordmark{display:block;font-size:clamp(105px,12.5vw,190px);line-height:.86;letter-spacing:-.09em;font-weight:700;color:#06364b;animation:off-reveal 1.4s ease both}
.off-period{color:#4da0b8}.off-descriptor{display:block;font-size:16px;font-weight:600;letter-spacing:.015em;margin-top:23px}
@keyframes off-reveal{from{filter:blur(14px);opacity:.1;transform:translateY(8px)}to{filter:blur(0);opacity:1;transform:none}}
.off-tagline{font-size:clamp(30px,3.5vw,49px);color:#143e50;line-height:1.14;letter-spacing:-.05em;font-weight:400;margin-bottom:22px}
.off-hero .hero-lead{max-width:355px;font-size:14px;color:#52707e}
.off-hero-visual{min-height:595px;position:relative;display:grid;place-items:center}
.off-pack-hero{height:500px;width:auto;max-width:85%;position:relative;z-index:2;transform:rotate(7deg);filter:drop-shadow(22px 32px 22px #214f6433);animation:pack-drift 7s ease-in-out infinite}
@keyframes pack-drift{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(4deg) translateY(-8px)}}
.off-halo{position:absolute;width:105%;aspect-ratio:1;border:1px solid #98bdcf70;border-radius:50%}
.off-halo:after{content:"";position:absolute;inset:12%;border:1px solid #98bdcf50;border-radius:50%}
.off-backword{position:absolute;font-size:clamp(90px,10vw,155px);font-weight:700;letter-spacing:-.06em;color:#fff9;transform:rotate(-90deg);left:-20%;top:36%}
.uses-seal{position:absolute;right:-3%;bottom:12%;z-index:3;width:128px;height:128px;border-radius:50%;background:#153e50;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 25px #174b662b}
.uses-seal small{font-size:7px;letter-spacing:.15em}.uses-seal strong{font-size:46px;line-height:1.3;font-weight:400;letter-spacing:-.06em}.uses-seal>span{font-size:6px;letter-spacing:.13em}
.pack-caption{position:absolute;bottom:0;text-align:center;font-size:9px;letter-spacing:.07em;color:#527587}
.off-demo-section{background:#fff}
.fog-demo{border-radius:14px;overflow:hidden;background:#f2f6f8}
.fog-demo-visual{position:relative}
.fog-scene{display:block;width:100%;height:auto}
.demo-cloth{opacity:0;filter:drop-shadow(0 6px 8px #31455260)}
.demo-labels{position:absolute;top:21%;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;pointer-events:none;gap:0}
.demo-labels>span{justify-self:center;display:block;padding:8px 18px;border-radius:3px;background:#f7fafbed;font-size:9px;letter-spacing:.13em;line-height:1.5;color:#28414d}
.demo-labels small{display:block;font-size:8px;letter-spacing:0;color:#566e7a}
.demo-labels .treated-label{background:#17475ced;color:white}.treated-label small{color:#c8e6ef}
.demo-toolbar{padding:27px 30px;display:flex;gap:25px;justify-content:space-between;align-items:center}
.demo-toolbar strong{display:block;font-size:13px}.demo-toolbar small{display:block;font-size:10px;color:var(--muted);margin-top:6px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:58px}
.benefit-grid article{position:relative;border-top:1px solid #bdcbd3;padding-top:32px}
.benefit-grid article>span{position:absolute;right:0;top:33px;font-size:9px;color:#6d8692}
.benefit-grid .line-icon{width:35px;height:35px;color:#2b6177;margin-bottom:34px}
.benefit-grid h3{font-size:22px}.benefit-grid p{font-size:13px}
.off-benefits{background:#e6f1f5}
.how-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin:55px 0 0;counter-reset:step}
.how-steps li{padding:30px 0;border-top:1px solid var(--line);position:relative}
.step-no{display:block;font-size:13px;color:#7c8d98;margin-bottom:50px}
.how-steps .line-icon{position:absolute;right:3px;top:30px;width:40px;height:40px;color:var(--blue)}
.how-steps h3{font-size:24px}.how-steps p{font-size:14px}
.off-details{background:#edf0f3}
.details-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:center}
.spec-list{margin:40px 0 0}.spec-list>div{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;border-top:1px solid #cdd6dd;padding:18px 0;font-size:12px}
.spec-list dt{color:#677883}.spec-list dd{margin:0;color:#203743}
.care-panel{background:#dce9ef;padding:55px;border-radius:10px}.care-panel h3{font-size:42px;color:#173e51}.care-panel ul{padding-left:18px;font-size:13px;color:#45616e}.care-panel li{margin-bottom:13px}
.surface-list{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);margin-top:40px}
.surface-list span{padding:25px 20px 25px 0;font-size:13px;border-bottom:1px solid var(--line)}
.small-note{font-size:11px;margin:22px 0 0}
.off-surfaces{padding-bottom:45px}
.off-enquire{background:linear-gradient(120deg,#e2f2f8,#bdd6e2);text-align:center}
.off-enquire .eyebrow,.off-enquire .hero-actions{justify-content:center}
.off-enquire h2{font-size:clamp(56px,7vw,108px);line-height:.97}.off-enquire p{font-size:14px}
/* Company pages, contact, and the approved bilingual story. */
.editorial-hero{padding:85px 0 70px}.editorial-hero h1{font-size:clamp(55px,7vw,104px);max-width:1000px}.editorial-hero .hero-lead{max-width:520px}
.about-hero{background:#eae5ee}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.about-values article{border-top:1px solid var(--line);padding-top:30px}.about-values p{font-size:14px}.about-values span{font-size:10px;color:var(--violet)}.about-values h3{margin-top:32px}
.about-product-links{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:55px}.about-product-links a{padding:38px;border-radius:12px;background:#ede7f2;display:grid;grid-template-columns:1fr 30px;align-items:center;gap:12px}.about-product-links a:nth-child(2){background:#e0eff5}.about-product-links h3{margin-bottom:8px}.about-product-links p{font-size:13px;margin:0}.about-product-links svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;padding-bottom:110px}.contact-aside{padding-top:20px}.contact-aside h2{font-size:38px}.contact-aside p{font-size:14px}
.contact-aside .contact-email{display:block;margin:32px 0;font-size:18px;letter-spacing:-.04em}
.contact-steps{list-style:none;padding:0;margin:35px 0}.contact-steps li{display:flex;gap:18px;border-top:1px solid var(--line);padding:17px 0;font-size:12px}.contact-steps b{color:#7f6b99;font-size:10px}
.enquiry-card{background:#fff;border:1px solid #e2e6eb;border-radius:12px;padding:38px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 22px}.field-wide{grid-column:1/-1}
.field label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.field input,.field select,.field textarea{width:100%;padding:12px 13px;min-height:49px;border:1px solid #d4dce2;background:#fbfcfd;border-radius:4px;color:#1d3441;font-size:13px}.field textarea{min-height:135px;resize:vertical}
.field select{padding-right:27px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#638a9d;outline:2px solid #d5eaf3}
.form-note{font-size:10px;margin-bottom:0}.form-grid .button{justify-self:start}.trivew-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form-status{padding:15px;border-radius:4px;font-size:13px;margin-bottom:20px}.form-status.error{background:#fff1ef;color:#91382e}.form-status.success{background:#edf7ee;color:#2b6c36}
.form-feedback{grid-column:1/-1;color:#994739;font-size:12px;margin:0}
.site-footer{background:#f5f6f8;border-top:1px solid var(--line)}
.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:45px;padding-block:75px}
.footer-brand img{width:180px;margin-bottom:27px}.footer-brand p{font-size:12px;max-width:220px}.footer-brand>span{font-size:10px;color:#727e89}.footer-brand strong{font-weight:600}
.footer-links h2{font-size:11px;letter-spacing:.04em;margin:3px 0 25px;line-height:1.4}.footer-links a{display:block;font-size:11px;color:#606c78;margin:13px 0;overflow-wrap:anywhere}
.footer-links a:hover{color:#173a50;text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-block:24px;font-size:8px;color:#7a8590}
.footer-bottom>span:nth-child(2){display:flex;align-items:center;gap:14px;letter-spacing:.1em}.footer-bottom i{width:3px;height:3px;background:#88949c;border-radius:50%}.footer-bottom a{min-height:35px;display:flex;align-items:center}
.nv-heritage{position:relative}.nvh-language-switch{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:22px 4%;background:#edeaf1}
.nvh-lang-btn{background:transparent;border:1px solid #ccd1d9;border-radius:4px;padding:8px 14px;font-size:11px;min-height:38px}
.nvh-lang-btn.is-active{background:var(--ink);color:white;border-color:var(--ink)}.nvh-lang-label{font-size:11px;color:#6b6280;margin-left:14px}
.nvh-story-language{display:none}.nvh-story-language.is-active{display:block}
.nvh-hero,.nvh-prologue,.nvh-chapter,.nvh-bridge,.nvh-company,.nvh-manifesto,.nvh-finale{padding:90px max(48px,calc((100vw - 1264px)/2))}
.nvh-hero{background:#edeaf1;position:relative;overflow:hidden;padding-top:50px}
.nvh-eyebrow,.nvh-index,.nvh-prologue-copy>span,.nvh-copy>span,.nvh-bridge>span,.nvh-company-top,.nvh-trivew>span,.nvh-manifesto-kicker,.nvh-finale>span{font-size:10px;letter-spacing:.12em;font-weight:600;margin-bottom:32px;display:block}
.nvh-title{font-size:clamp(65px,8.5vw,140px);letter-spacing:-.07em;line-height:.97;font-weight:600;position:relative;z-index:1}.nvh-title>*{display:block}.nvh-title em{font-style:normal;color:#8c7ba2}
.nvh-hero-note{margin-top:45px;max-width:620px}.nvh-hero-note p{font-size:14px}.nvh-hero-note small{font-size:8px;letter-spacing:.09em}
.nvh-orbit{position:absolute;right:-8%;top:20%;width:38%;aspect-ratio:1;border:1px solid #a58eb766;border-radius:50%}.nvh-orbit:before{content:"";position:absolute;inset:12%;border:1px solid #b49fc566;border-radius:50%}
.nvh-prologue{display:grid;grid-template-columns:.4fr 1fr;gap:8%}.nvh-prologue h1{font-size:clamp(40px,5vw,70px)}.nvh-prologue p{max-width:760px}
.nvh-chapter{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;position:relative;align-items:start;background:#101a22;color:#fff}
.nvh-year{position:absolute;top:30px;right:4%;font-size:11px;letter-spacing:.1em;opacity:.55}
.nvh-portrait{width:100%;max-width:430px;margin:0 auto}.nvh-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-radius:6px}
.nvh-portrait figcaption{padding-top:18px;display:flex;flex-direction:column;gap:5px;font-size:12px}.nvh-portrait figcaption span{font-size:10px;opacity:.7}
.nvh-copy{max-width:690px}.nvh-copy h2{font-size:clamp(33px,3.6vw,55px)}.nvh-copy p{font-size:14px;color:#c6cdd3}.nvh-copy em{font-style:normal;color:#b29bc7}
.nvh-copy blockquote{border-left:2px solid #9b84b3;margin:28px 0 0;padding:0 0 0 22px;font-size:14px;font-style:italic;color:#b9c4cd}
.nvh-chapter-light{background:#f0ecf2;color:var(--ink)}.nvh-chapter-light .nvh-copy p{color:#655e6e}.nvh-chapter-light .nvh-copy blockquote{color:#756080}.nvh-chapter-light .nvh-copy em{color:#9075a2}
.nvh-chapter-violet{background:#312c3c}
.nvh-reverse .nvh-portrait{grid-column:2;grid-row:1}.nvh-reverse .nvh-copy{grid-column:1;grid-row:1}.nvh-reverse{grid-template-columns:1.15fr .85fr}
.nvh-bridge{text-align:center;background:#f7f8fa}.nvh-bridge p{max-width:680px;margin:auto}
.nvh-company{background:#e1e9ee}.nvh-company h2{font-size:clamp(40px,6vw,86px)}.nvh-company-top{display:flex;justify-content:space-between;gap:20px}.nvh-company-top small{font-size:8px}
.nvh-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:45px}.nvh-company-grid p{font-size:14px}.nvh-trivew{border-top:1px solid #b8c8d4;margin-top:30px;padding-top:30px}.nvh-trivew>span{margin-bottom:15px}
.nvh-manifesto h2{max-width:970px}.nvh-manifesto em{color:var(--violet);font-style:normal}.nvh-values{display:grid;grid-template-columns:1fr 1fr;gap:40px 65px;margin-top:55px}.nvh-values article{border-top:1px solid var(--line);padding-top:25px}.nvh-values b{font-size:10px;color:var(--violet)}.nvh-values h3{font-size:18px;margin:25px 0 16px}.nvh-values p{font-size:14px}
.nvh-finale{background:#15262f;color:white;text-align:center}.nvh-finale h2{font-size:clamp(45px,5.5vw,82px)}.nvh-finale h2.outline{color:#bac4ce}.nvh-finale p{color:#b7c3cb;max-width:780px;margin:40px auto}.nvh-finale>a{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #a2b2bd;min-height:45px;font-size:11px}.nvh-finale i{font-style:normal}
.nvh-story-language[lang=hi] h1,.nvh-story-language[lang=hi] h2,.nvh-story-language[lang=hi] .nvh-title{letter-spacing:-.03em;line-height:1.25}
.page-hero{padding:75px 0 45px}.page-hero h1{font-size:clamp(42px,6vw,85px)}.page-hero p{max-width:700px}.page-hero-search p strong{color:var(--ink)}
.trv-search-form{display:flex;max-width:650px;margin-top:30px;border-bottom:1px solid #aeb8c0}.trv-search-form input{flex:1;min-width:0;border:0;background:transparent;padding:13px 0;color:var(--ink);font-size:14px;outline:0}.trv-search-form input::placeholder{color:#89939b}.trv-search-form button{display:inline-flex;align-items:center;gap:12px;border:0;background:var(--ink);color:#fff;padding:13px 18px;font-size:11px;font-weight:700;cursor:pointer}.trv-search-form button:hover{background:#2b4253}.trv-search-form button span{font-size:15px}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.trivew-insights-inner{width:min(1260px,calc(100% - 80px));margin:auto;padding-bottom:100px}.insight-card{display:flex;flex-direction:column;height:100%;border-top:1px solid var(--line);padding-top:18px}.insight-card img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:8px}.insight-card h2{font-size:26px;margin-bottom:12px}.insight-copy{padding-top:20px;display:flex;flex:1;flex-direction:column}.insight-meta{font-size:10px;color:var(--muted);margin-bottom:10px}.insight-card p{font-size:13px}.insight-read{margin-top:auto;display:inline-flex;align-items:center;gap:10px;padding-top:10px;font-size:11px;font-weight:700}.insight-read span{font-size:15px;transition:transform .2s}.insight-read:hover span{transform:translate(2px,-2px)}.trv-empty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.trivew-article-content{font-size:17px;line-height:1.85}.trivew-article-content h2{font-size:34px}
.simple-state{min-height:65vh;text-align:center;padding:100px 20px}.simple-state h1{font-size:clamp(50px,7vw,100px)}.simple-state p{max-width:540px;margin:20px auto}.simple-state .hero-actions{justify-content:center}.simple-state .eyebrow{justify-content:center}
@media(min-width:1600px){.collection-card{height:590px}.off-pack{max-height:365px}}
@media(max-width:1150px){.primary-nav{gap:20px}.header-inner{width:calc(100% - 48px);gap:25px}.brand-link{flex-basis:145px}.brand{width:145px}.primary-nav .nav-dealer{padding:0 12px;gap:10px}.new-tag{display:none}.container,.wrap{width:calc(100% - 72px)}.collection-card{height:490px}.collection-top{left:26px;right:26px}.off-pack{max-height:280px}.collection-copy{left:28px}.uses-seal{right:-4%;width:108px;height:108px}.off-hero-grid{gap:6%}.off-pack-hero{height:430px}.off-hero-visual{min-height:535px}.footer-main{gap:25px}.lens-hero-grid{min-height:610px}.tech-copy{padding:25px}}
@media(max-width:1023px){
:root{--header:72px}.header-inner{width:calc(100% - 40px)}.brand-link{flex-basis:154px}.brand{width:154px}
.menu-button{display:flex;align-items:center;gap:13px;background:transparent;border:0;padding:10px 0 10px 12px;min-height:44px;font-size:11px;font-weight:600}
.menu-button i{width:21px;height:12px;border-top:1px solid;border-bottom:1px solid;position:relative}
.menu-button[aria-expanded=true] i{border:0}.menu-button[aria-expanded=true] i:before,.menu-button[aria-expanded=true] i:after{content:"";position:absolute;top:5px;width:21px;height:1px;background:currentColor;transform:rotate(45deg)}.menu-button[aria-expanded=true] i:after{transform:rotate(-45deg)}
.js .primary-nav:not(.is-open){display:none}
.primary-nav{position:absolute;top:100%;left:0;width:100%;background:var(--paper);padding:18px 25px 35px;max-height:calc(100dvh - var(--header));overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 22px 32px #23364512}
.primary-nav>a,.products-menu>summary{min-height:56px;font-size:17px;border-bottom:1px solid var(--line);justify-content:space-between}
.primary-nav .nav-dealer{margin-top:20px;min-height:50px;font-size:12px;padding:0 18px}
.products-panel{position:static;width:100%;padding:10px 0 15px;border:0;background:transparent;box-shadow:none;border-radius:0}
.products-panel:before{display:none}.product-nav-link{padding:14px 10px;grid-template-columns:50px 1fr 18px;gap:17px}.nav-thumb{height:50px}.product-nav-link strong{font-size:15px}.product-nav-link small{font-size:10px}
.home-intro{gap:5%;grid-template-columns:1.2fr .8fr}.home-intro h1{font-size:clamp(63px,8vw,90px)}
.collection-card{height:455px}.collection-off-visual{inset:65px 10px 105px}.off-pack{max-height:250px}
.lens-hero-copy .hero-actions{gap:22px}.lens-hero .text-link{font-size:10px}.lens-hero h1{font-size:90px}
.technology-grid{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr 1fr;gap:38px}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-links:last-child{grid-column:2/4}
.off-hero-grid{gap:20px}.off-wordmark{font-size:133px}.off-tagline{font-size:39px}.off-hero-visual{min-height:525px}.off-pack-hero{height:auto;max-height:390px}.off-hero-grid{min-height:690px}.uses-seal{right:-6%;bottom:11%}
.care-panel{padding:35px}.care-panel h3{font-size:35px}.contact-layout{gap:7%;grid-template-columns:.8fr 1.2fr}.enquiry-card{padding:28px}.form-grid{gap:20px 16px}
}
@media(max-width:760px){
html{scroll-padding-top:135px}.container,.wrap{width:calc(100% - 40px)}.section-pad,.section{padding-block:70px}
h2{font-size:39px;line-height:1.06;letter-spacing:-.055em}.eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:21px}p{font-size:14px}
.home-intro{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:32px}.home-intro h1{font-size:clamp(53px,13.7vw,83px);max-width:530px;line-height:1.02;letter-spacing:-.065em}.intro-aside{max-width:420px;padding:0}.intro-aside p{font-size:13px;max-width:290px;margin-bottom:9px}.intro-aside .text-link{font-size:10px;min-height:37px}
.collection-grid{grid-template-columns:1fr;gap:18px}.collection-card{height:470px;border-radius:14px}.collection-top{top:20px;left:25px;right:25px;font-size:8px}.collection-copy{left:26px;right:26px;bottom:25px}.collection-copy h2{font-size:39px}.collection-copy .eyebrow{font-size:7px}.collection-copy p{font-size:11px}.collection-off-visual{inset:57px 10px 110px}.off-pack{max-height:292px}.off-ghost{font-size:190px;left:18px;top:8%}.new-tag{display:inline}
.brand-strip{gap:16px;font-size:6px;letter-spacing:.08em;padding:24px 0;justify-content:space-between}.brand-strip i{width:2px;height:2px}
.split-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.split-heading>p{max-width:450px;font-size:14px}.split-heading h2{margin-bottom:0}.split-heading p:last-child{margin-bottom:0}
.home-story-grid{grid-template-columns:1fr;gap:40px}.home-story-grid h2{font-size:39px}.home-story-grid p{font-size:14px}.home-scene,.off-story-photo{aspect-ratio:1.2;border-radius:8px}.home-off-story .off-story-photo{order:2}
.home-philosophy{padding-bottom:70px}.heritage-dates{grid-template-columns:1fr 1fr;gap:28px}.heritage-dates strong{font-size:39px}.heritage-dates span{font-size:9px}
.partner-inner{grid-template-columns:1fr;gap:30px}.partner-inner h2{font-size:41px}.partner-inner p{max-width:350px}
.lens-hero-grid{display:flex;flex-direction:column;min-height:0;align-items:stretch}.lens-hero-copy{padding:45px 0 20px}.lens-hero-copy .eyebrow{margin-bottom:28px}.hero-overline{font-size:8px}.lens-hero h1{font-size:clamp(78px,20vw,115px)}.lens-hero .hero-lead{font-size:13px;max-width:360px}.lens-hero .hero-actions{margin-top:25px;gap:15px}.lens-hero .text-link{font-size:10px}.lens-hero-visual{height:350px;margin-inline:-20px;overflow:hidden}.lens-float{width:100%;height:100%;object-fit:cover;object-position:70% 50%;margin:0}.lens-visual-note{left:8%;right:8%;bottom:7%;font-size:7px}
.product-rail>.container{width:100%;padding:0 20px;min-height:58px;gap:0}.product-rail strong{display:none}.product-rail .container>div{width:100%;gap:0;justify-content:space-between;overflow:auto}.product-rail a{font-size:8px;min-height:52px;padding-right:13px;gap:5px}.product-rail a:last-child{padding-right:0}
.day-explorer{margin-top:33px}.day-tabs button{min-height:76px;padding:12px 2px;text-align:center}.day-tabs span{font-size:9px;letter-spacing:-.035em}.day-tabs small{font-size:7px;margin-top:6px}
.day-panels{margin-top:18px}.day-panel{aspect-ratio:.78;border-radius:9px}.day-panel-copy{left:23px;right:23px;bottom:30px;width:auto}.day-panel-copy h3{font-size:36px}.day-panel-copy p{font-size:12px;max-width:280px;margin-bottom:0}.day-panel:after{background:linear-gradient(0deg,#070d15db,transparent 85%)}.day-panel-copy .eyebrow{font-size:7px;margin-bottom:15px}.scene-counter{top:20px;right:20px;font-size:8px}
.technology-grid{grid-template-columns:1fr;gap:22px}.tech-visual{height:auto;aspect-ratio:1.5}.tech-copy{padding:28px}.tech-copy h3{font-size:28px}.tech-copy p{font-size:13px}.tech-enquire{padding:40px 30px}.tech-enquire h3{font-size:46px}
.faq-layout{grid-template-columns:1fr;gap:20px}.faq-list summary{font-size:13px;padding-block:22px}.faq-list p{font-size:12px}
.cross-sell{grid-template-columns:1fr;padding:40px 28px;margin-bottom:70px;gap:32px}.cross-sell h2{font-size:38px}.cross-sell p{font-size:13px}.cross-sell>div:last-child{height:300px}
.off-hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:30px;gap:22px;min-height:0}.off-hero-copy .eyebrow{font-size:7px;margin-bottom:26px}.off-wordmark{font-size:clamp(132px,36vw,195px)}.off-descriptor{font-size:14px;margin-top:17px}.off-tagline{font-size:39px;margin-top:27px}.off-hero .hero-lead{font-size:13px}.off-hero .hero-actions{margin-top:24px;gap:14px}.off-hero .text-link{font-size:10px}.off-hero-visual{min-height:475px;margin:8px 13px 0}.off-pack-hero{height:390px;width:auto;max-width:86%}.off-halo{width:110%;max-height:95%}.off-backword{font-size:115px;left:-25%}.uses-seal{right:-2%;bottom:15%;width:105px;height:105px}.uses-seal strong{font-size:39px}.uses-seal small{font-size:6px}.uses-seal>span{font-size:5px}.pack-caption{font-size:8px;bottom:8px}
.fog-demo{border-radius:8px}.demo-labels{top:17%}.demo-labels>span{font-size:6px;padding:5px 8px;letter-spacing:.08em}.demo-labels small{font-size:5px}.demo-toolbar{padding:23px;flex-direction:column;align-items:flex-start;gap:20px}.demo-toolbar strong{font-size:12px}.demo-toolbar small{font-size:9px;max-width:230px;line-height:1.5}.demo-toolbar .button{min-height:44px;font-size:10px;padding:11px 16px}.off-demo-section .container{width:calc(100% - 28px)}.off-demo-section .split-heading{padding-inline:6px}
.benefit-grid{gap:24px;margin-top:35px}.benefit-grid h3{font-size:21px}.benefit-grid p{font-size:12px}.benefit-grid .line-icon{width:30px;height:30px;margin-bottom:28px}
.how-steps{grid-template-columns:1fr;gap:5px;margin-top:20px}.how-steps li{padding:27px 0 10px}.step-no{margin-bottom:32px}.how-steps h3{font-size:27px}.how-steps p{font-size:13px;max-width:340px}
.details-layout{grid-template-columns:1fr;gap:35px}.care-panel{padding:32px}.care-panel h3{font-size:39px}.spec-list{margin-top:30px}.spec-list>div{font-size:11px;gap:20px}.surface-list{grid-template-columns:1fr 1fr}.surface-list span{padding:20px 12px 20px 0;font-size:12px}.small-note{font-size:10px}
.off-surfaces{padding-bottom:25px}.off-enquire h2{font-size:69px}.off-enquire .hero-actions{flex-direction:column}.off-enquire .hero-actions>a{min-width:230px}
.editorial-hero{padding:50px 0 42px}.editorial-hero h1{font-size:clamp(48px,12vw,70px)}.editorial-hero .hero-lead{font-size:14px}
.about-values{grid-template-columns:1fr;gap:20px;margin-top:30px}.about-values h3{margin-top:20px}.about-product-links{grid-template-columns:1fr;margin-top:35px}.about-product-links a{padding:30px}
.contact-layout{grid-template-columns:1fr;gap:32px;padding-bottom:70px}.contact-aside{padding:0}.contact-aside h2{font-size:33px}.contact-steps{margin-top:25px}.enquiry-card{padding:24px 20px}.form-grid{gap:21px 15px}.field label{font-size:10px}.field input,.field select,.field textarea{font-size:16px;padding:11px 10px}.field input::placeholder{font-size:12px}.field select{font-size:13px}.form-grid .button{width:100%;justify-self:stretch}.form-note{font-size:10px}
.footer-main{grid-template-columns:1fr 1fr;gap:32px;padding-block:50px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:300px}.footer-brand img{width:165px;margin-bottom:20px}.footer-links:last-child{grid-column:1/-1}.footer-links h2{margin-bottom:20px}.footer-links a{font-size:11px;margin-block:15px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:15px;padding-block:21px}.footer-bottom>span:first-child{width:100%}
.nvh-hero,.nvh-prologue,.nvh-chapter,.nvh-bridge,.nvh-company,.nvh-manifesto,.nvh-finale{padding:60px 20px}.nvh-hero{padding-top:25px}.nvh-title{font-size:clamp(57px,13vw,92px)}.nvh-eyebrow{font-size:7px;max-width:270px}.nvh-hero-note{margin-top:35px}.nvh-hero-note p{font-size:13px}.nvh-hero-note small{font-size:7px}
.nvh-prologue{display:block}.nvh-prologue h1{font-size:39px}.nvh-prologue-copy>span{font-size:8px}.nvh-chapter,.nvh-reverse{grid-template-columns:1fr;gap:40px;padding-top:65px}.nvh-portrait{max-width:390px}.nvh-reverse .nvh-portrait,.nvh-reverse .nvh-copy{grid-column:auto;grid-row:auto}.nvh-copy h2{font-size:37px}.nvh-copy>span{font-size:8px;margin-bottom:20px}.nvh-copy p{font-size:14px}.nvh-copy blockquote{font-size:13px}.nvh-bridge h2{font-size:38px}.nvh-company h2{font-size:clamp(31px,8.6vw,53px)}.nvh-company-top{display:block;font-size:8px}.nvh-company-top small{display:block;margin-top:15px;font-size:7px}.nvh-company-grid{grid-template-columns:1fr;gap:5px;margin-top:25px}.nvh-values{grid-template-columns:1fr;gap:20px}.nvh-manifesto h2{font-size:37px}.nvh-finale h2{font-size:clamp(36px,9vw,58px)}.nvh-language-switch{padding-inline:20px}.nvh-lang-label{font-size:10px}.nvh-index{font-size:8px}.nvh-company p{font-size:13px}
.insights-grid{grid-template-columns:1fr}.trivew-insights-inner{width:calc(100% - 40px)}.page-hero{padding:50px 0 25px}.page-hero h1{font-size:42px}.trv-search-form{margin-top:22px}.trv-search-form input{font-size:13px}.trv-search-form button{padding-inline:14px}.trv-empty-actions{align-items:flex-start;flex-direction:column;gap:13px}
.simple-state{padding:75px 20px}.simple-state h1{font-size:55px}
}
@media(max-width:374px){.container,.wrap{width:calc(100% - 32px)}.collection-card{height:430px}.collection-off-visual{inset:64px 5px 112px}.off-pack{max-height:245px}.collection-copy h2{font-size:34px}.new-tag{font-size:6px}.collection-top{left:22px;right:22px}.button{font-size:11px;padding:13px 16px;gap:17px}.form-grid{grid-template-columns:1fr}.off-wordmark{font-size:126px}.off-tagline{font-size:35px}.benefit-grid h3{font-size:19px}.benefit-grid p{font-size:11px}.day-tabs span{font-size:8px}.off-hero-visual{min-height:420px}.off-pack-hero{height:355px}.uses-seal{right:-3%;width:93px;height:93px}.off-backword{font-size:99px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.off-wordmark{filter:none;opacity:1}}
@media print{.site-header,.product-rail,.site-footer,.hero-actions,.demo-cloth,.demo-toolbar button{display:none}body{background:white;color:black}.section-pad{padding-block:25px}.day-panel[hidden]{display:block!important}.day-panel{margin-bottom:20px}.nvh-story-language:not(.is-active){display:none}.collection-card{break-inside:avoid}}

/* Brand pages that sit outside the product catalogue. */
.nva-about{overflow:hidden}.nva-hero{background:#e9e4ef;padding:95px max(48px,calc((100vw - 1360px)/2)) 85px;position:relative}.nva-kicker,.nva-intro>div>span,.nva-section-head>span,.nva-tech-title>span,.nva-belief>span,.nva-snapshot>span,.nva-serve>div>span,.nva-cta>span{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.5;margin-bottom:28px}.nva-hero h1{font-size:clamp(54px,8.2vw,126px);line-height:.94;letter-spacing:-.075em;max-width:1150px;margin-bottom:55px}.nva-hero h1 span{color:#7a688c}.nva-hero-grid{display:grid;grid-template-columns:.75fr .25fr;gap:8%;align-items:end}.nva-hero-grid p{max-width:520px;font-size:15px}.nva-lens-art{width:min(230px,100%);aspect-ratio:1;border:1px solid #b6a8c2;border-radius:50%;position:relative;justify-self:end}.nva-lens-art:before,.nva-lens-art:after{content:"";position:absolute;border:1px solid #b6a8c2;border-radius:50%;inset:13%}.nva-lens-art:after{inset:29%;border-color:#9985a8}.nva-intro,.nva-do,.nva-tech,.nva-belief,.nva-snapshot,.nva-serve{padding:105px max(48px,calc((100vw - 1264px)/2))}.nva-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.nva-intro h2,.nva-section-head h2,.nva-tech-title h2,.nva-belief h2,.nva-snapshot h2,.nva-serve h2,.nva-cta h2{font-size:clamp(42px,5.7vw,84px);line-height:.99}.nva-intro h2 em,.nva-tech-title h2 em,.nva-belief h2 em,.nva-snapshot h2 em,.nva-cta h2 em{font-style:normal;color:#88749c}.nva-intro-copy{padding-top:7px;max-width:580px}.nva-intro-copy p{font-size:14px}.nva-intro-copy>a{display:inline-flex;min-height:43px;border-bottom:1px solid currentColor;align-items:center;font-size:11px;font-weight:700;margin-top:15px}.nva-do{background:#f0f1f3}.nva-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:55px}.nva-section-head h2{margin:0}.nva-do-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.nva-do-grid article{border-top:1px solid #c8cdd3;padding-top:23px}.nva-do-grid b{font-size:10px;color:#84709a}.nva-do-grid h3{font-size:19px;margin-top:38px}.nva-do-grid p{font-size:13px}.nva-tech{background:#172731;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}.nva-tech-title>span{color:#9db1bc}.nva-tech-title h2{margin:0}.nva-tech-list{border-top:1px solid #71808a}.nva-tech-list a{display:grid;grid-template-columns:34px 1fr 1.2fr 22px;gap:13px;align-items:center;min-height:82px;border-bottom:1px solid #71808a;color:#fff}.nva-tech-list b{font-size:10px;color:#9db1bc}.nva-tech-list strong{font-size:13px}.nva-tech-list small{font-size:11px;color:#c3cdd2}.nva-tech-list i{font-style:normal;text-align:right;color:#a995bd}.nva-belief{background:#eee9f1}.nva-belief h2{margin-bottom:55px}.nva-belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.nva-belief-grid p{border-top:1px solid #c9c0cf;padding-top:20px;font-size:13px}.nva-snapshot{background:#e1ebef}.nva-snapshot-copy{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.nva-snapshot-copy h2{margin:0}.nva-snapshot-copy p{font-size:14px}.nva-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:65px;border-top:1px solid #b6c7cf;padding-top:30px}.nva-stats strong{display:block;font-size:34px;font-weight:400;letter-spacing:-.055em}.nva-stats small{display:block;font-size:8px;line-height:1.5;color:#536e7c;margin-top:9px}.nva-serve{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.nva-serve h2{margin:0}.nva-serve>p{font-size:16px;max-width:510px}.nva-cta{background:#8a769e;color:#fff;text-align:center;padding:110px 20px}.nva-cta h2{margin:0 0 33px}.nva-cta h2 em{color:#e3d9e8}.nva-cta p{color:#eee7f2}.nva-cta>a{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #fff;min-height:45px;font-size:11px}.nva-cta i{font-style:normal}
.trd-page{overflow:hidden}.trd-hero{background:#15262f;color:#fff;padding:95px max(48px,calc((100vw - 1264px)/2)) 110px}.trd-hero .eyebrow,.trd-why>div>span,.trd-process>div>span,.trd-apply>div>div>span{color:#b7c5cc}.trd-hero h1{font-size:clamp(65px,10vw,145px);line-height:.91;letter-spacing:-.08em;margin:35px 0 38px}.trd-hero h1 em{font-style:normal;color:#b49bc3}.trd-hero p{color:#c0ccd2;max-width:470px;font-size:15px}.trd-hero a{display:inline-flex;border-bottom:1px solid #b7c5cc;min-height:43px;align-items:center;margin-top:22px;font-size:11px;font-weight:700}.trd-why,.trd-process,.trd-apply{padding:100px max(48px,calc((100vw - 1264px)/2))}.trd-head span,.trd-process>div>span,.trd-apply>div>div>span{display:block;font-size:10px;letter-spacing:.15em;font-weight:700;margin-bottom:25px}.trd-head h2,.trd-apply h2{font-size:clamp(43px,6vw,82px);line-height:.97;margin:0}.trd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:60px}.trd-grid article{border-top:1px solid var(--line);padding-top:23px}.trd-grid b,.trd-process-grid b{color:#8a769e;font-size:10px}.trd-grid h3,.trd-process-grid h3{font-size:20px;margin-top:35px}.trd-grid p,.trd-process-grid p{font-size:13px}.trd-process{background:#ebe6f0}.trd-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}.trd-process-grid article{border-top:1px solid #c7bacf;padding-top:23px}.trd-apply{background:#dceaf0}.trd-apply-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}.trd-apply h2{margin-bottom:25px}.trd-apply>div>div>p{font-size:14px;max-width:370px}.trd-form-card{background:#fff;padding:36px;border-radius:10px;box-shadow:0 20px 60px #19384712}.trd-form-card .button{grid-column:1/-1}.trd-form-card .form-status{grid-column:1/-1}
.try-page{min-height:70vh}.try-hero{position:relative;overflow:hidden;background:#e8e1ee;padding:125px 20px;text-align:center}.try-inner{position:relative;z-index:1}.try-inner>span{display:block;font-size:10px;letter-spacing:.16em;font-weight:700;margin-bottom:27px}.try-check{width:65px;height:65px;display:grid;place-items:center;margin:0 auto 30px;border:1px solid #8b739f;border-radius:50%;font-size:28px;color:#8b739f}.try-inner h1{font-size:clamp(46px,7vw,95px);line-height:.95}.try-inner h1 em{font-style:normal;color:#8b739f}.try-inner p{max-width:510px;margin:28px auto;font-size:14px}.try-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:30px 0}.try-inner>small{font-size:9px;color:#6f6476}.try-orbit{position:absolute;width:45vw;aspect-ratio:1;border:1px solid #bba8c6;border-radius:50%;right:-13%;top:-30%}.try-orbit:after{content:"";position:absolute;inset:15%;border:1px solid #c3b4cc;border-radius:50%}
.trivew-404{min-height:70vh;background:#15262f;color:#fff;display:grid;place-items:center;text-align:center;padding:110px 20px}.trivew-404-inner{max-width:680px}.trivew-404-kicker{font-size:10px;letter-spacing:.15em;color:#b3c4cc}.trivew-404 h1{font-size:clamp(50px,7vw,102px);line-height:.94}.trivew-404 h1 em{font-style:normal;color:#b39ac4}.trivew-404-copy{color:#c0ccd2}.trivew-404-actions{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;margin-top:32px}.trivew-404-primary,.trivew-404-secondary{min-height:48px;padding:13px 21px;border:1px solid #b9c6cc;font-size:11px;font-weight:700}.trivew-404-primary{background:#fff;color:#15262f;border-color:#fff}.trivew-404-ad{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:42px;font-size:9px;color:#aebbc2}.trivew-404-ad p{margin:0;color:#aebbc2}.trivew-404-ad-dot{width:5px;height:5px;background:#b39ac4;border-radius:50%}
@media(max-width:760px){.nva-hero,.nva-intro,.nva-do,.nva-tech,.nva-belief,.nva-snapshot,.nva-serve,.trd-hero,.trd-why,.trd-process,.trd-apply{padding-left:20px;padding-right:20px}.nva-hero{padding-top:58px;padding-bottom:60px}.nva-hero h1{font-size:clamp(52px,14vw,84px);margin-bottom:35px}.nva-hero-grid,.nva-intro,.nva-tech,.nva-snapshot-copy,.nva-serve,.trd-apply-grid{grid-template-columns:1fr;gap:32px}.nva-lens-art{justify-self:start;width:180px}.nva-intro,.nva-do,.nva-tech,.nva-belief,.nva-snapshot,.nva-serve,.trd-why,.trd-process,.trd-apply{padding-top:70px;padding-bottom:70px}.nva-intro h2,.nva-section-head h2,.nva-tech-title h2,.nva-belief h2,.nva-snapshot h2,.nva-serve h2,.nva-cta h2{font-size:39px}.nva-do-grid,.nva-belief-grid,.trd-grid{grid-template-columns:1fr 1fr;gap:28px 18px;margin-top:35px}.nva-section-head{display:block;margin-bottom:35px}.nva-tech-list a{grid-template-columns:28px 1fr 25px;gap:8px;min-height:82px}.nva-tech-list small{display:none}.nva-stats{grid-template-columns:1fr 1fr;gap:27px 15px;margin-top:40px}.nva-stats strong{font-size:31px}.nva-serve>p{font-size:14px}.nva-cta{padding:76px 20px}.trd-hero{padding-top:65px;padding-bottom:80px}.trd-hero h1{font-size:clamp(65px,18vw,105px)}.trd-process-grid{grid-template-columns:1fr;gap:8px;margin-top:32px}.trd-form-card{padding:23px 18px}.trd-apply h2{font-size:43px}.try-hero{padding:85px 20px}.trivew-404{padding:80px 20px}.trivew-404-ad{flex-wrap:wrap}}
.pack-detail-figure{margin:28px 0 0;border:1px solid #d4e0e6;background:#f7fbfc;border-radius:9px;overflow:hidden}.pack-detail-figure img{width:100%;height:auto}.pack-detail-figure figcaption{padding:12px 15px;font-size:9px;letter-spacing:.03em;color:#58727d}

/* OFF page refinement: one-screen demo feel, clearer use icons, stronger visuals. */
.off-demo-section.section-pad{padding-block:48px 60px}
.off-demo-section .split-heading{display:grid;grid-template-columns:.95fr 1.05fr;align-items:end;gap:40px;margin-bottom:24px}
.off-demo-section .split-heading p{max-width:540px;justify-self:end}
.fog-demo{box-shadow:0 16px 46px #15384d14}
.fog-demo-visual{max-height:min(55vh,530px);overflow:hidden}
.fog-scene{display:block;width:100%;height:100%;object-fit:cover}
.demo-toolbar{padding:20px 24px}
.demo-toolbar strong{font-size:12px}
.demo-toolbar small{font-size:9px}
.off-uses{background:#f7fafc}
.off-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.off-use-card{background:#fff;border:1px solid #e2e8ec;border-radius:14px;padding:28px 24px 24px;min-height:220px;box-shadow:0 8px 28px #16384b0b}
.off-use-card .line-icon{width:34px;height:34px;color:#245a70;margin-bottom:24px}
.off-use-card h3{font-size:22px;margin:0 0 10px}
.off-use-card p{font-size:13px;color:#56707d;margin:0}
.off-proof{background:#fff}
.off-proof-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch;margin-top:42px}
.off-proof-visual{margin:0;background:linear-gradient(180deg,#eef6fa,#e2edf3);border:1px solid #dde7ed;border-radius:18px;padding:36px;display:grid;grid-template-columns:minmax(0,1fr);align-content:space-between;min-height:100%}
.off-proof-main{width:100%;height:auto;max-height:420px;object-fit:contain;justify-self:center;filter:drop-shadow(0 24px 30px #163d4f1e)}
.off-proof-visual figcaption{display:flex;justify-content:space-between;gap:18px;align-items:end;padding-top:18px;font-size:12px;color:#5d7481}
.off-proof-visual figcaption strong{display:block;font-size:20px;color:#143748}
.off-proof-side{display:grid;grid-template-rows:auto 1fr;gap:16px}
.off-achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.off-achievements article{background:#f3f7f9;border:1px solid #e0e7eb;border-radius:14px;padding:22px 18px;min-height:170px}
.off-achievements span{display:block;font-size:9px;letter-spacing:.14em;color:#6d8390;margin-bottom:18px}
.off-achievements strong{display:block;font-size:22px;line-height:1.06;color:#123849;margin-bottom:12px}
.off-achievements p{font-size:12px;color:#5c7380;margin:0}
.off-mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.off-mini-gallery figure{margin:0;background:#f3f7f9;border:1px solid #e0e7eb;border-radius:14px;padding:18px;display:grid;gap:12px;align-content:space-between}
.off-mini-img{width:100%;height:180px;object-fit:cover;border-radius:10px;background:#fff}
.off-mini-gallery figcaption{font-size:11px;color:#68808d}
@media(min-width:981px){
  .off-demo-section{min-height:calc(100vh - var(--header));display:flex;align-items:center}
  .off-demo-section .container{width:min(1260px,calc(100% - 72px))}
}
@media(max-width:980px){
  .off-demo-section .split-heading,.off-proof-grid{grid-template-columns:1fr;gap:22px}
  .off-demo-section .split-heading p{justify-self:start;max-width:none}
  .off-use-grid{grid-template-columns:repeat(2,1fr)}
  .off-achievements{grid-template-columns:1fr}
  .off-proof-visual{padding:28px}
}
@media(max-width:760px){
  .off-demo-section.section-pad{padding-block:34px 40px}
  .off-demo-section .split-heading{gap:14px;margin-bottom:18px}
  .fog-demo-visual{max-height:none}
  .off-use-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}
  .off-use-card{min-height:0;padding:22px 18px}
  .off-use-card h3{font-size:19px}
  .off-proof-grid{margin-top:28px}
  .off-proof-visual{padding:22px;border-radius:12px}
  .off-proof-visual figcaption{display:block;padding-top:16px}
  .off-proof-visual figcaption strong{margin-bottom:8px;font-size:18px}
  .off-mini-gallery{grid-template-columns:1fr 1fr;gap:12px}
  .off-mini-gallery figure{padding:12px;border-radius:12px}
  .off-mini-img{height:120px;border-radius:8px}
}
@media(max-width:540px){
  .off-mini-gallery{grid-template-columns:1fr}
}

/* Local Hindi type preserves readable Devanagari on every supported browser. */
@font-face{font-family:"Noto Sans Devanagari";src:url("assets/fonts/noto-devanagari-400.woff") format("woff");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CFF,U+A8E0-A8FF,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Noto Sans Devanagari";src:url("assets/fonts/noto-devanagari-600.woff") format("woff");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CFF,U+A8E0-A8FF,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:"Noto Sans Devanagari";src:url("assets/fonts/noto-devanagari-700.woff") format("woff");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CFF,U+A8E0-A8FF,U+200C-200D,U+20B9,U+25CC}

/* Two quiet invitations to discover the other language; no layout movement. */
[data-language-switch] .trv-language-cue{animation:trvLanguageCue 1.4s ease-in-out 2}
@keyframes trvLanguageCue{0%,100%{box-shadow:0 0 0 0 #8b6ca600,0 0 0 #8b6ca600}45%{box-shadow:0 0 0 5px #8b6ca62b,0 0 22px 5px #8b6ca647}}
@media(prefers-reduced-motion:reduce){[data-language-switch] .trv-language-cue{animation:none}}