/* The Visual Lens Edit — a viewport-aware book with an ordinary HTML fallback. */
.trivew-catalogue{background:#f2f0eb}
.trivew-catalogue .site-header{background:#f7f5f0f5;border-color:#deddd7}
.cat-page{--cat-ink:#202a3a;--cat-muted:#656d77;--cat-accent:#4967ab;--cat-paper:#fffefb;--cat-border:#d9dbd7;color:var(--cat-ink);background:#f2f0eb;padding:18px clamp(16px,3.7vw,64px) 35px}
.cat-page *{min-width:0}
.cat-page [id]{scroll-margin-top:calc(var(--nav-top,84px) + 70px)}
.cat-page button,.cat-page a,.cat-page summary,.cat-page input{touch-action:manipulation}
.cat-page button{font-family:inherit;cursor:pointer}
.cat-reader{max-width:1600px;margin:0 auto}
.cat-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:0 0 14px;position:relative;z-index:45}
.cat-eyebrow{display:block;font-size:9px;letter-spacing:.15em;font-weight:600;line-height:1.6;color:#737b83;margin-bottom:3px}
.cat-edition h1{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.03em;margin:0}
.cat-tools{display:flex;align-items:center;gap:18px}
.cat-contents{position:relative}
.cat-contents summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-size:12px;font-weight:600;cursor:pointer}
.cat-contents summary::-webkit-details-marker{display:none}
.cat-contents summary>.line-icon{width:19px;height:19px}
.cat-contents summary>i{font-style:normal;font-size:15px;color:#8a939b}
.cat-contents nav{position:absolute;right:0;top:calc(100% + 8px);width:305px;max-width:calc(100vw - 32px);max-height:min(66svh,580px);overflow:auto;overscroll-behavior:contain;background:#fffefb;border:1px solid var(--cat-border);border-radius:8px;box-shadow:0 15px 45px #18243526;padding:8px}
.cat-contents nav>a{display:flex;align-items:center;gap:14px;padding:10px 13px;min-height:44px;border-radius:4px;font-size:12px;line-height:1.65}
.cat-contents nav>a:hover,.cat-contents nav>a[aria-current=step]{background:#edf0f3;color:#344d7d}
.cat-toc-number{font-size:10px;color:#7a8ba0;font-variant-numeric:tabular-nums}
.cat-contents button{width:100%;text-align:left;padding:15px 13px;background:#e9edf0;color:#344d7d;border:0;border-radius:4px;font-size:12px;min-height:44px;margin-top:5px}
.cat-language{display:flex;align-items:center;border:1px solid #d4d7d7;border-radius:25px;padding:3px;gap:3px}
.cat-language>a{display:flex;align-items:center;justify-content:center;border-radius:22px;min-height:38px;min-width:58px;padding:7px 12px;font-size:11px;font-weight:600;line-height:1.5;color:#62707f}
.cat-language>a[aria-current=page]{background:#28364a;color:#fff}
.cat-language>a[lang=hi]{font-family:"Noto Sans Devanagari","Nirmala UI",system-ui,sans-serif;font-size:13px}
.cat-share{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d4d7d7;border-radius:50%;background:transparent;color:#3f526d}
.cat-share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cat-stage{position:relative;overflow:clip;border-radius:8px;perspective:2200px;perspective-origin:center top;isolation:isolate;touch-action:pan-y pinch-zoom}
.cat-slide{position:relative;display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);min-height:520px;background:var(--cat-paper);border:1px solid #d8d9d3;border-radius:8px;overflow:hidden;margin-bottom:25px;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 2px 0 #ebe9e1,0 4px 0 #dcded8,0 12px 30px #2535460b}
.cat-visual{position:relative;isolation:isolate;overflow:hidden;background:#e7ebe7;min-height:430px;align-self:stretch}
.cat-photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 45%}
.cat-visual-work .cat-photo{object-position:46% 0%}
.cat-visual-cover .cat-photo{object-position:48% 0%}
.cat-photo-signature{position:absolute;left:28px;right:28px;bottom:24px;color:#fff;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:20px;text-shadow:0 1px 15px #0007}
.cat-photo-signature>span:first-child{font-size:12px;letter-spacing:.12em;font-weight:600}
.cat-photo-signature>span:last-child{font-size:10px;letter-spacing:.15em}
.cat-visual-cover:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#101b2a70);pointer-events:none;z-index:1}
.cat-photo-badge{position:absolute;bottom:24px;left:25px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff72;border-radius:6px;background:#f8faf2ed;color:#28364a;padding:11px 15px;backdrop-filter:blur(8px);box-shadow:0 2px 16px #2032460c;font-size:10px;letter-spacing:.09em;font-weight:600}
.cat-photo-badge .line-icon{width:24px;height:24px;stroke-width:1.4}
.cat-folio{position:absolute;z-index:5;top:20px;left:23px;border:1px solid #ffffff73;background:#f5f5eeea;padding:6px 10px;border-radius:24px;color:#384a60;font-size:10px;line-height:1.5;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.cat-folio i{font-style:normal;opacity:.4;margin-inline:4px}
.cat-copy{padding:clamp(25px,3.6vw,58px);position:relative;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #deded7;box-shadow:inset 15px 0 25px -22px #25354634;overflow:auto;overscroll-behavior:contain}
.cat-kicker{font-size:10px;line-height:1.6;letter-spacing:.11em;color:#65768b;font-weight:600;display:block;margin-bottom:21px}
.cat-copy h2{font-size:clamp(34px,3.65vw,60px);line-height:1.06;font-weight:600;letter-spacing:-.055em;margin:0;text-wrap:balance}
.cat-copy h2 em{font-style:normal;color:#6d7f98}
.cat-copy .cat-lead{font-size:clamp(14px,1.13vw,17px);line-height:1.75;color:#687482;max-width:430px;margin:22px 0 25px}
.cat-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid #dce0df;padding-top:22px;gap:12px}
.cat-benefits li{display:flex;align-items:start;flex-direction:column;gap:11px;color:#465c79}
.cat-benefits .line-icon{width:29px;height:29px;stroke-width:1.35;flex:none}
.cat-benefits li>span{font-size:11px;line-height:1.55;font-weight:500;color:#556579}
.cat-details{margin-top:23px;border-top:1px solid #e5e7e2;padding-top:8px}
.cat-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;color:#74808b;font-size:11px;cursor:pointer;line-height:1.6}
.cat-details summary::-webkit-details-marker{display:none}
.cat-details summary>span:last-child{font-size:20px;transition:transform .2s}
.cat-details[open] summary>span:last-child{transform:rotate(45deg)}
.cat-details .cat-detail-copy{font-size:12px;line-height:1.8;color:#617085;margin:7px 0 0;max-width:460px}
.cat-note{font-size:10px!important;line-height:1.65!important;color:#79838c!important;margin:17px 0 0!important}
.cat-inline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;align-self:start;font-size:12px;color:#4c6792;line-height:1.6;border-bottom:1px solid #b9c5d1;margin-top:17px}
.cat-inline-link svg,.cat-primary-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.cat-end-actions{margin-top:25px;display:flex;flex-direction:column}
.cat-primary-link{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:14px 17px;min-height:50px;background:#283c58;color:#fff;border-radius:4px;font-size:12px;line-height:1.6}
.cat-primary-link:hover{background:#405b80}
.cat-end-actions .cat-inline-link{margin-top:5px;font-size:11px;border:0}
.cat-slide-finish .cat-benefits{display:none}
.cat-art-word{position:absolute;left:27px;top:22%;color:#5d6e8822;font-size:clamp(75px,9vw,150px);font-weight:600;line-height:1;letter-spacing:-.06em;user-select:none}
.cat-art-hint{position:absolute;left:24px;right:24px;bottom:25px;display:block;text-align:center;font-size:11px;line-height:1.65;color:#6e7d8c}
.cat-day-art,.cat-coating-art,.cat-profile-art,.cat-violet-art,.cat-care-art,.cat-finish-art{position:absolute;inset:0;background:#e7eae5;overflow:hidden}
.cat-day-art{background:#e2e8df}
.cat-day-orbit{position:absolute;width:420px;height:420px;border:1px solid #a3b39c59;border-radius:50%;left:-235px;top:50%;transform:translateY(-50%);box-shadow:0 0 0 70px #d9e1d652,0 0 0 140px #dbe3d72e}
.cat-day-center{position:absolute;left:30px;top:50%;transform:translateY(-50%);font-size:clamp(38px,5vw,70px);font-weight:500;letter-spacing:-.06em;line-height:1;color:#405745}
.cat-day-center span,.cat-day-center i{display:block}
.cat-day-center i{font-size:24px;font-weight:400;line-height:1.6;transform:rotate(90deg);width:30px;font-style:normal;color:#8a9b85}
.cat-day-moments{position:absolute;left:36%;right:9%;top:50%;transform:translateY(-50%);display:grid;gap:12px}
.cat-day-moments>a{display:flex;align-items:center;gap:16px;padding:15px 16px;background:#ffffffa1;border:1px solid #cdd7c6;border-radius:7px;color:#3d5541;transition:transform .2s,background .2s;min-height:64px}
.cat-day-moments>a:hover{transform:translateX(4px);background:#fffef9}
.cat-day-moments .line-icon{width:29px;height:29px;stroke-width:1.4;flex:none}
.cat-day-moments>a>span{display:flex;flex-direction:column;gap:2px}
.cat-day-moments b{font-size:12px;letter-spacing:.04em;line-height:1.5}
.cat-day-moments>a>span>span{font-size:11px;line-height:1.5;color:#74836e}
.cat-day-moments i{font-style:normal;margin-left:auto;color:#8a9b80}
.cat-coating-art{background:radial-gradient(ellipse at 50% 70%,#e4eaf1,#d8dfe7)}
.cat-glasses-drawing{position:absolute;left:3%;top:30%;width:94%;height:48%;filter:drop-shadow(0 12px 6px #34496314)}
.cat-reflection{transition:opacity .5s}
.cat-coating-art[data-coated=true] .cat-reflection{opacity:.12}
.cat-demo-toggle{position:absolute;bottom:67px;left:0;right:0;display:flex;justify-content:center}
.cat-demo-toggle button{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 13px;background:#ffffffbb;border:1px solid #abb9ca;border-radius:30px;font-size:12px;color:#46607d}
.cat-switch{display:block;width:32px;height:19px;background:#9da9b7;border-radius:12px;padding:3px}
.cat-switch:after{content:"";width:13px;height:13px;border-radius:50%;background:#fff;display:block;transition:transform .2s}
.cat-demo-toggle [aria-pressed=true] .cat-switch{background:#41618b}
.cat-demo-toggle [aria-pressed=true] .cat-switch:after{transform:translateX(13px)}
.cat-interactive-hint{display:none}
.is-enhanced .cat-interactive-hint{display:block}
.cat-comparison{position:absolute;inset:0;display:flex;flex-direction:column;background:#101f32}
.cat-night-scene{flex:1;min-height:0;position:relative;overflow:hidden}
.cat-night-scene .cat-photo,.cat-night-ordinary,.cat-night-ordinary img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.cat-night-ordinary{clip-path:inset(0 calc(100% - var(--cat-split,50%)) 0 0)}
.cat-night-ordinary img{filter:blur(1.1px) brightness(1.1)}
.cat-night-labels{position:absolute;left:15px;right:15px;bottom:19px;display:flex;justify-content:space-between;gap:35px;color:#fff}
.cat-night-labels>span{font-size:10px;line-height:1.6;max-width:45%;background:#182b40dc;padding:6px 9px;border:1px solid #ffffff38;border-radius:3px}
.cat-night-labels>span:last-child{text-align:right}
.cat-night-divider{position:absolute;inset:0 auto 0 var(--cat-split,50%);width:1px;background:#edf4e2;pointer-events:none}
.cat-night-divider>span{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#f5f6eb;color:#2c435f;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:19px;box-shadow:0 3px 18px #0003}
.cat-compare-control{display:flex;align-items:center;gap:24px;padding:13px 22px;border-top:1px solid #ffffff1f;background:#192e47}
.cat-compare-control label{font-size:11px;line-height:1.5;color:#d5e3f5;flex:none}
.cat-compare-control input{width:100%;margin:0;height:30px;accent-color:#d5e2a2;touch-action:pan-y;cursor:ew-resize}
.cat-profile-art{background:#e3e7e9}
.cat-profiles{position:absolute;inset:26% 9% 18%;display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:7px}
.cat-profiles>div{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}
.cat-profiles svg{max-height:82%;max-width:100%;width:140px;height:260px;filter:drop-shadow(12px 12px 6px #35466019)}
.cat-profiles>div>span{font-size:11px;line-height:1.7;color:#63788e;text-align:center}
.cat-profile-arrow{font-size:27px;color:#a2b0bb}
.cat-violet-art{background:#e2deeb;--cat-angle:0deg;--cat-light:50%}
.cat-violet-art .cat-art-word{color:#806b9c25}
.cat-violet-stage{position:absolute;inset:23% 8% 22%;perspective:900px;display:grid;place-items:center}
.cat-violet-lens{position:relative;width:auto;height:min(88%,290px);aspect-ratio:1;border-radius:50%;transform:rotate(-16deg) rotateY(var(--cat-angle));border:1px solid #e4dbf5;background:linear-gradient(125deg,#eff5f878,#bba6cc23 50%,#65598014);box-shadow:inset -9px 0 8px -8px #5e4685,2px 2px 0 #a895bb,5px 4px 0 #d0c2da,7px 6px 0 #95839b,9px 7px 0 #c8bccc;overflow:hidden;transition:transform .08s}
.cat-violet-lens>span{position:absolute;inset:0;background:radial-gradient(ellipse at var(--cat-light) 30%,#b296efaa,transparent 67%);opacity:.8}
.cat-violet-lens>i{position:absolute;inset:8%;border-radius:50%;border-top:2px solid #f8f5ffb3;transform:rotate(-30deg)}
.cat-violet-shadow{position:absolute;width:54%;height:9%;bottom:-11%;border-radius:50%;background:#5e476a17;filter:blur(9px)}
.cat-angle-control{position:absolute;left:22%;right:22%;bottom:59px;display:flex;align-items:center;gap:14px}
.cat-angle-control label{font-size:11px;line-height:1.6;color:#726486;white-space:nowrap;flex:none}
.cat-angle-control input{width:0;flex:1;min-width:0;height:30px;margin:0;accent-color:#8a6cad;touch-action:pan-y;cursor:ew-resize}
.cat-violet-art .cat-art-hint{bottom:21px;color:#7e6b8d}
.cat-care-art{background:#e7e5df}
.cat-care-cards{position:absolute;left:10%;right:10%;top:50%;transform:translateY(-44%);list-style:none;padding:0;margin:0;display:grid;gap:13px}
.cat-care-cards li{display:flex;align-items:center;gap:20px;min-height:86px;padding:15px 20px;border:1px solid #d5d2c7;background:#f9f7efec;border-radius:5px}
.cat-care-cards .line-icon{width:36px;height:36px;color:#8d8970;flex:none;stroke-width:1.3}
.cat-care-number{font-size:10px;color:#aaa388}
.cat-care-cards strong{font-size:13px;line-height:1.6;font-weight:600;display:block;color:#66644e}
.cat-care-cards small{font-size:11px;line-height:1.6;display:block;color:#8b8975;margin-top:3px}
.cat-finish-art{background:#293e57;color:#e5eed8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:37px;padding:40px}
.cat-finish-word{font-size:clamp(53px,6.5vw,100px);line-height:.95;font-weight:600;letter-spacing:-.07em;align-self:center}
.cat-finish-word i{font-weight:400;font-style:normal;color:#7890a8}
.cat-finish-trio{display:flex;justify-content:center;gap:32px}
.cat-finish-trio>div{display:flex;align-items:center;flex-direction:column;gap:9px}
.cat-finish-trio .line-icon{width:32px;height:32px;color:#bacebd;stroke-width:1.25}
.cat-finish-trio span{font-size:11px;line-height:1.6;color:#b7c8d4}
.cat-finish-art .cat-art-hint{color:#93abbc}
.cat-controls{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#f9f8f2f7;border-top:1px solid #d7ddd9;backdrop-filter:blur(15px);padding-bottom:env(safe-area-inset-bottom)}
.cat-control-content{display:flex;align-items:center;gap:30px;max-width:1600px;margin-inline:auto;padding:12px clamp(16px,3.7vw,64px)}
.cat-controls button{display:flex;align-items:center;justify-content:center;gap:20px;min-height:46px;min-width:115px;padding:12px 20px;background:transparent;border:1px solid #c9d1d5;border-radius:4px;color:#3f5671;font-size:12px;line-height:1.5}
.cat-controls .cat-next{background:#293e57;color:#fff;border-color:#293e57;margin-left:auto}
.cat-controls button:disabled{opacity:.3;cursor:default}
.cat-controls button>span[aria-hidden]{font-size:19px}
.cat-position{display:flex;align-items:center;gap:20px;color:#617388}
.cat-position>span{font-size:11px;line-height:1.5}
.cat-position strong{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:#374c66}
.cat-position i{font-style:normal;font-weight:400;color:#b0bbc4;padding-inline:3px}
.cat-control-hint{font-size:10px;line-height:1.5;color:#929ca5;margin-left:auto}
.cat-progress{height:2px;background:#e6e9e2}
.cat-progress>span{display:block;height:100%;width:var(--cat-progress,9.09%);background:#77906a;transition:width .55s ease}
.cat-after{max-width:1600px;margin:25px auto 0;display:flex;justify-content:space-between;align-items:start;gap:22px}
.cat-after p{font-size:11px;line-height:1.8;max-width:700px;margin:0;color:#7b858d}
.cat-after>a{display:flex;align-items:center;gap:17px;font-size:11px;line-height:1.7;color:#516b8d;white-space:nowrap;min-height:32px}
.cat-share-note{position:fixed;left:50%;bottom:calc(95px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:85;max-width:calc(100vw - 32px);width:max-content;overflow-wrap:anywhere;background:#293e57;color:#fff;padding:12px 18px;border:1px solid #7591ac;border-radius:6px;font-size:12px;line-height:1.75;user-select:text;box-shadow:0 5px 30px #10253725}
body.menu-open .cat-controls{visibility:hidden;pointer-events:none}
.cat-page[lang=hi]{font-family:Manrope,"Noto Sans Devanagari","Nirmala UI",system-ui,sans-serif}
.cat-page[lang=hi] h2{font-size:clamp(31px,3.15vw,51px);letter-spacing:-.02em;line-height:1.4}
.cat-page[lang=hi] .cat-eyebrow,.cat-page[lang=hi] .cat-kicker{letter-spacing:.02em}
.cat-page[lang=hi] .cat-lead{line-height:1.8}
@media(min-width:901px) and (max-height:760px){
 .cat-copy{padding:24px 32px}.cat-copy h2{font-size:clamp(31px,3.3vw,47px)}.cat-kicker{font-size:9px;margin-bottom:15px}.cat-copy .cat-lead{font-size:14px;margin:16px 0 19px}.cat-benefits{padding-top:17px;gap:10px}.cat-benefits .line-icon{width:26px;height:26px}.cat-benefits li{gap:8px}.cat-benefits li>span{font-size:11px}.cat-details{margin-top:16px;padding-top:3px}.cat-details summary{font-size:10px}.cat-end-actions{margin-top:17px}.cat-note{font-size:9px!important;margin-top:13px!important}.cat-page[lang=hi] h2{font-size:clamp(29px,2.75vw,40px)}.cat-page[lang=hi] .cat-lead{font-size:14px;margin:12px 0 17px}.cat-day-moments{gap:9px}.cat-day-moments>a{min-height:55px;padding:10px 13px}.cat-care-cards{gap:9px}.cat-care-cards li{min-height:70px;padding:10px 15px;gap:16px}.cat-care-cards .line-icon{width:30px;height:30px}.cat-finish-art{gap:28px}.cat-finish-word{font-size:70px}.cat-finish-trio{gap:27px}.cat-art-hint{font-size:10px;bottom:19px}
}
@media(min-width:901px) and (max-height:640px){
 .cat-page.is-enhanced{padding-top:8px;padding-bottom:77px;min-height:400px}.cat-topbar{min-height:51px;padding-bottom:9px}.cat-copy{padding:18px 26px}.cat-copy h2{font-size:32px}.cat-kicker{font-size:8px;margin-bottom:10px}.cat-copy .cat-lead{font-size:13px;margin:12px 0 14px;line-height:1.65}.cat-benefits{padding-top:12px}.cat-benefits li{gap:6px}.cat-benefits .line-icon{width:22px;height:22px}.cat-benefits li>span{font-size:10px}.cat-details{margin-top:10px}.cat-details summary{min-height:30px}.cat-page[lang=hi] h2{font-size:29px}.cat-page[lang=hi] .cat-lead{font-size:13px}.cat-finish-word{font-size:55px}.cat-finish-trio .line-icon{width:25px;height:25px}.cat-finish-art{gap:22px}.cat-finish-trio span{font-size:10px}.cat-day-moments>a{min-height:45px;padding:7px 11px}.cat-day-moments .line-icon{width:25px;height:25px}.cat-day-moments>a>span{flex-direction:row;align-items:center;gap:9px}.cat-care-cards li{min-height:64px}.cat-care-cards strong{font-size:12px}.cat-care-cards small{font-size:10px}.cat-end-actions{margin-top:12px}.cat-primary-link{min-height:42px;padding-block:10px;font-size:11px}.cat-end-actions .cat-inline-link{min-height:32px}.cat-demo-toggle{bottom:52px}.cat-demo-toggle button{min-height:38px}.cat-controls .cat-control-content{padding-block:9px}
}
@media(max-width:1100px) and (min-width:901px){.cat-tools{gap:12px}.cat-copy{padding-inline:28px}.cat-position{gap:15px}.cat-control-content{gap:22px}.cat-control-hint{display:none}.cat-day-moments{left:34%;right:6%}.cat-day-center{left:21px}.cat-day-moments>a{gap:11px}.cat-care-cards{left:7%;right:7%}.cat-care-cards small{font-size:10px}.cat-finish-art{padding:25px}.cat-art-word{font-size:100px}.cat-finish-word{font-size:68px}}
@media(max-width:900px){
 .cat-page{padding:12px 16px 30px}.cat-topbar{padding-bottom:12px;min-height:56px;gap:10px}.cat-eyebrow{font-size:8px;letter-spacing:.1em}.cat-edition h1{font-size:14px}.cat-tools{gap:8px}.cat-contents summary{width:44px;min-height:44px;gap:0}.cat-contents summary>span,.cat-contents summary>i{display:none}.cat-contents summary>.line-icon{width:21px;height:21px}.cat-contents nav{position:fixed;top:calc(var(--nav-top,72px) + 67px);left:16px;right:16px;width:auto;max-width:none;max-height:calc(100svh - var(--nav-top,72px) - 164px)}.cat-language{padding:2px;gap:2px}.cat-language>a{font-size:10px;min-width:50px;min-height:40px;padding:6px 9px}.cat-language>a[lang=hi]{font-size:12px}.cat-share{width:42px;height:42px}.cat-share svg{width:18px;height:18px}
 .cat-slide{grid-template-columns:1fr;min-height:0;border-radius:6px}.cat-visual{height:clamp(190px,31svh,310px);min-height:0}.cat-photo{object-position:50% 0%}.cat-visual-cover .cat-photo{object-position:50% 0%}.cat-visual-work .cat-photo{object-position:50% 0%}.cat-visual-daylight .cat-photo{object-position:50% 0%}.cat-copy{padding:23px 25px 19px;border-left:0;border-top:1px solid #deded7;box-shadow:none;overflow:visible}.cat-kicker{font-size:9px;margin-bottom:12px;line-height:1.65}.cat-copy h2{font-size:36px;line-height:1.08;letter-spacing:-.045em}.cat-copy .cat-lead{font-size:14px;line-height:1.7;margin:14px 0 18px;max-width:580px}.cat-benefits{padding-top:16px;gap:12px}.cat-benefits li{flex-direction:row;align-items:center;gap:9px}.cat-benefits .line-icon{width:23px;height:23px}.cat-benefits li>span{font-size:11px;line-height:1.6}.cat-details{margin-top:15px;padding-top:3px}.cat-details summary{min-height:35px;font-size:11px}.cat-details .cat-detail-copy{font-size:13px;line-height:1.85;max-width:none}.cat-note{font-size:10px!important;margin-top:12px!important}.cat-folio{top:15px;left:16px;font-size:9px;padding:5px 9px}.cat-photo-badge{bottom:16px;left:17px;padding:8px 10px;gap:8px;font-size:9px}.cat-photo-badge .line-icon{width:20px;height:20px}.cat-photo-signature{left:18px;right:18px;bottom:17px}.cat-photo-signature>span:first-child{font-size:10px}.cat-photo-signature>span:last-child{font-size:8px}.cat-inline-link{font-size:12px;margin-top:11px;min-height:39px}.cat-end-actions{margin-top:12px}.cat-primary-link{min-height:46px;font-size:12px}.cat-end-actions .cat-inline-link{min-height:35px;margin-top:2px}
 .cat-page.is-enhanced{height:auto;min-height:calc(100svh - var(--nav-top,72px));padding:12px 16px 90px}.cat-page.is-enhanced .cat-reader{display:block;height:auto}.cat-page.is-enhanced .cat-slide{height:auto;min-height:0}.cat-page.is-read-all{padding-bottom:30px}.cat-page.is-read-all .cat-slide{min-height:0;margin-bottom:24px}.cat-page.is-read-all .cat-visual{min-height:0}.cat-page.is-read-all .cat-after{display:flex;flex-direction:column;gap:10px}.cat-after p{font-size:11px}.cat-control-content{gap:12px;padding:10px 16px}.cat-controls button{min-width:83px;min-height:44px;gap:13px;padding:10px 13px;font-size:11px}.cat-controls button>span[aria-hidden]{font-size:17px}.cat-position{flex:1;flex-direction:column;gap:2px;align-items:center}.cat-position>span{font-size:9px;line-height:1.5;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-position strong{font-size:12px}.cat-control-hint{display:none}.cat-share-note{font-size:11px}
 .cat-art-word{top:23%;left:22px;font-size:80px}.cat-art-hint{font-size:10px;bottom:13px;left:18px;right:18px}.cat-day-center{left:25px;font-size:41px;top:53%}.cat-day-center i{font-size:19px;line-height:1.2}.cat-day-moments{left:33%;right:5%;top:50%;gap:7px;grid-template-columns:1fr 1fr}.cat-day-moments>a{min-height:67px;padding:9px;gap:9px}.cat-day-moments .line-icon{width:24px;height:24px}.cat-day-moments b{font-size:11px}.cat-day-moments>a>span>span{font-size:9px;line-height:1.5}.cat-day-moments i{display:none}.cat-day-orbit{width:300px;height:300px;left:-190px}.cat-glasses-drawing{top:12%;left:5%;width:90%;height:70%;max-height:180px}.cat-coating-art .cat-art-word{top:13%;font-size:70px}.cat-demo-toggle{bottom:36px}.cat-demo-toggle button{font-size:11px;min-height:38px;padding:6px 12px}.cat-interactive-hint{font-size:9px;bottom:9px}.cat-night-labels{left:11px;right:11px;bottom:13px;gap:25px}.cat-night-labels>span{font-size:9px;padding:4px 7px}.cat-night-divider>span{width:31px;height:31px;font-size:16px}.cat-compare-control{padding:8px 16px;gap:15px}.cat-compare-control label{font-size:10px}.cat-compare-control input{height:29px}.cat-visual-night{height:clamp(220px,34svh,325px)}
 .cat-profiles{inset:16% 12% 16%;gap:9px;grid-template-columns:1fr 25px 1fr}.cat-profiles>div{gap:4px}.cat-profiles svg{height:150px;max-height:85%;width:110px}.cat-profiles>div>span{font-size:10px}.cat-profile-arrow{font-size:23px}.cat-profile-art .cat-art-word{top:20%;font-size:74px}.cat-profile-art .cat-art-hint{font-size:9px;bottom:9px}.cat-violet-stage{inset:9% 16% 27%;max-width:350px;margin:auto}.cat-violet-lens{width:auto;height:min(88%,180px);max-height:none}.cat-violet-art .cat-art-word{top:18%;font-size:78px}.cat-angle-control{left:19%;right:19%;bottom:32px;gap:14px}.cat-angle-control label{font-size:10px}.cat-angle-control input{height:25px}.cat-violet-art .cat-art-hint{font-size:9px;bottom:8px}
 .cat-care-art .cat-art-word{top:20%;font-size:78px}.cat-care-cards{left:5%;right:5%;top:54%;transform:translateY(-50%);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cat-care-cards li{position:relative;flex-direction:column;min-height:150px;justify-content:center;padding:13px 10px;gap:11px;text-align:center}.cat-care-number{position:absolute;top:6px;left:8px;font-size:8px}.cat-care-cards .line-icon{width:30px;height:30px}.cat-care-cards strong{font-size:11px;line-height:1.55}.cat-care-cards small{font-size:9px;line-height:1.6;margin-top:6px}.cat-finish-art{flex-direction:row;gap:26px;padding:25px 22px}.cat-finish-word{font-size:52px;line-height:1}.cat-finish-trio{flex-direction:column;gap:13px}.cat-finish-trio>div{flex-direction:row;gap:9px}.cat-finish-trio .line-icon{width:24px;height:24px}.cat-finish-trio span{font-size:10px}.cat-finish-art .cat-art-hint{bottom:12px;font-size:9px}
 .cat-page[lang=hi] h2{font-size:31px;line-height:1.4}.cat-page[lang=hi] .cat-lead{font-size:14px;line-height:1.85;margin:12px 0 17px}.cat-page[lang=hi] .cat-benefits li>span{font-size:12px}.cat-page[lang=hi] .cat-care-cards strong{font-size:12px}.cat-page[lang=hi] .cat-care-cards small{font-size:10px}.cat-page[lang=hi] .cat-eyebrow{font-size:8px}.cat-page[lang=hi] .cat-kicker{font-size:10px}
}
@media(max-width:420px){.cat-edition h1{font-size:12px}.cat-eyebrow{font-size:7px}.cat-tools{gap:4px}.cat-share{width:38px;height:40px;border-color:transparent}.cat-contents summary{width:36px}.cat-language>a{min-width:44px;padding-inline:8px;font-size:10px}.cat-copy{padding:21px 21px 17px}.cat-copy h2{font-size:32px}.cat-benefits li{flex-direction:column;align-items:start;gap:7px}.cat-benefits li>span{font-size:11px}.cat-day-center{font-size:36px;left:20px}.cat-day-moments{left:31%;right:4%;gap:6px}.cat-day-moments>a{padding:8px 6px;gap:7px}.cat-day-moments .line-icon{width:21px;height:21px}.cat-day-moments>a>span>span{font-size:9px}.cat-finish-word{font-size:44px}.cat-finish-art{gap:22px}.cat-page[lang=hi] h2{font-size:29px}.cat-page[lang=hi] .cat-benefits li>span{font-size:11px}}
@media(max-width:350px){.cat-page,.cat-page.is-enhanced{padding-inline:12px}.cat-edition h1{font-size:11px}.cat-eyebrow{font-size:6px}.cat-tools{gap:2px}.cat-contents summary{width:30px}.cat-share{width:32px}.cat-language>a{min-width:38px;padding-inline:6px}.cat-copy{padding:19px 18px}.cat-copy h2{font-size:29px}.cat-day-center{left:14px;font-size:31px}.cat-day-moments{left:28%}.cat-day-moments>a{gap:6px}.cat-day-moments b{font-size:10px}.cat-control-content{padding-inline:12px}.cat-controls button{min-width:74px;gap:10px}.cat-position>span{font-size:8px}.cat-care-cards li{padding:15px 7px}.cat-care-cards strong{font-size:10px}.cat-finish-art{gap:17px;padding-inline:17px}.cat-finish-word{font-size:39px}}
/* The homepage's sticky-story model: document scrolling turns the paper. */
.trivew-catalogue.has-visual-catalogue{padding-bottom:0}
.cat-page.is-enhanced.is-story{height:var(--cat-track,100svh);min-height:0;padding-block:0;overflow-anchor:none}
.cat-page.is-story .cat-reader{position:sticky;top:var(--cat-top,var(--nav-top,84px));height:calc(100svh - var(--cat-top,var(--nav-top,84px)));min-height:160px;padding-block:12px 0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0}
.cat-page.is-story .cat-stage{height:100%;min-height:0;overflow:clip;touch-action:pan-y pinch-zoom;background:#e1e3df;border:1px solid #d8d9d3;box-shadow:0 3px 0 #d7dcd6}
.cat-page.is-story .cat-leaf{position:absolute;inset:0;overflow:hidden;visibility:hidden;transform-origin:center top;backface-visibility:hidden;background:var(--cat-paper);border-radius:7px}
.cat-page.is-story .cat-leaf.is-visible{visibility:visible}
.cat-page.is-story .cat-leaf:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1b2b3a10,#1b2b3a);opacity:var(--cat-shade,0)}
.cat-page.is-story .cat-slide{height:auto;min-height:100%;margin:0;border:0;box-shadow:none;transform-origin:center top}
.cat-page.is-story .cat-copy{overflow:visible;overscroll-behavior:auto}
.cat-page.is-story .cat-controls{position:relative;inset:auto;width:100%;z-index:40;border:0;backdrop-filter:none;background:#f2f0eb}
.cat-page.is-story .cat-control-content{padding-inline:0}
.cat-page.is-story .cat-after{display:none}
.cat-page.is-read-all{height:auto;min-height:0;padding-bottom:32px}
.cat-page.is-read-all .cat-reader{position:static;height:auto;display:block}
.cat-page.is-read-all .cat-stage{overflow:visible}
.cat-page.is-read-all .cat-leaf{display:contents}
.cat-page.is-read-all .cat-slide{height:auto;min-height:500px;margin-bottom:30px;transform:none!important}
.cat-page.is-read-all .cat-visual{min-height:440px}
.cat-page.is-read-all .cat-after{display:flex}
.cat-demo-toggle.is-demo-active button,.cat-compare-control.is-demo-active input,.cat-angle-control.is-demo-active input{animation:catControlInvite 1.6s ease-in-out 2;border-radius:22px}
@keyframes catControlInvite{0%,100%{box-shadow:0 0 0 0 #718ab400}45%{box-shadow:0 0 0 5px #718ab430}}
@media(max-width:900px){
 .cat-page.is-story .cat-reader{padding-top:10px}
 .cat-page.is-story .cat-slide{grid-template-rows:auto minmax(min-content,1fr)}
 .cat-page.is-read-all .cat-slide{min-height:0;margin-bottom:24px}
 .cat-page.is-read-all .cat-visual{min-height:0}
 .cat-page.is-read-all .cat-after{flex-direction:column;gap:10px}
}

/* Every spread fits the reader. Long explanations open separately. */
.cat-copy-inner{display:flex;flex-direction:column;width:100%;min-width:0}
.cat-page.is-story.is-fitted .cat-slide{height:100%;min-height:0;transform:none}
.cat-page.is-fitted .cat-copy{min-height:0;overflow:visible;justify-content:center}
.cat-page.is-fitted .cat-visual{min-height:0}
.cat-page.is-fitted .cat-details .cat-detail-copy{display:none}
.cat-page.is-fitted .cat-copy h2{font-size:clamp(26px,calc(var(--cat-stage-h,600px)*.063),56px)}
.cat-page.is-fitted[lang=hi] .cat-copy h2{font-size:clamp(25px,calc(var(--cat-stage-h,600px)*.058),47px);line-height:1.34}
.cat-page.is-fitted .cat-leaf.is-visible{will-change:transform}
.cat-page.is-fitted .cat-leaf{transform:translateZ(0);-webkit-backface-visibility:hidden}
@media(max-width:900px) and (min-height:501px),(max-width:599px){
 .cat-page.is-story.is-fitted .cat-slide{grid-template-columns:1fr;grid-template-rows:var(--cat-art-height,40%) minmax(0,1fr)}
 .cat-page.is-fitted .cat-visual{height:100%;min-height:0}
 .cat-page.is-fitted .cat-copy{padding:14px 21px}
 .cat-page.is-fitted .cat-kicker{font-size:9px;line-height:1.5;margin-bottom:8px}
 .cat-page.is-fitted .cat-copy h2{font-size:clamp(25px,calc(var(--cat-stage-h,600px)*.058),36px);line-height:1.08}
 .cat-page.is-fitted[lang=hi] .cat-copy h2{font-size:clamp(23px,calc(var(--cat-stage-h,600px)*.052),30px);line-height:1.32}
 .cat-page.is-fitted .cat-copy .cat-lead{font-size:13px;line-height:1.6;margin:10px 0 12px}
 .cat-page.is-fitted[lang=hi] .cat-copy .cat-lead{font-size:13px;line-height:1.65}
 .cat-page.is-fitted .cat-benefits{padding-top:11px;gap:8px}
 .cat-page.is-fitted .cat-benefits li{flex-direction:column;gap:5px;align-items:start}
 .cat-page.is-fitted .cat-benefits .line-icon{width:22px;height:22px}
 .cat-page.is-fitted .cat-benefits li>span{font-size:11px;line-height:1.45}
 .cat-page.is-fitted .cat-details{margin-top:10px;padding-top:0}
 .cat-page.is-fitted .cat-details summary{min-height:32px;font-size:11px}
 .cat-page.is-fitted .cat-note{font-size:10px!important;line-height:1.45!important;margin-top:8px!important}
 .cat-page.is-fitted .cat-inline-link{min-height:32px;margin-top:8px;font-size:11px}
 .cat-page.is-fitted .cat-end-actions{margin-top:10px}
 .cat-page.is-fitted .cat-primary-link{min-height:42px;font-size:12px;padding:9px 13px}
 .cat-page.is-fitted .cat-end-actions .cat-inline-link{min-height:29px;margin-top:3px}
 .cat-page.is-fitted .cat-care-cards{top:50%;gap:6px}
 .cat-page.is-fitted .cat-care-cards li{min-height:0;padding:17px 8px 9px;gap:6px}
 .cat-page.is-fitted .cat-care-cards .line-icon{width:23px;height:23px}
 .cat-page.is-fitted .cat-care-cards small{font-size:9px;margin-top:3px}
 .cat-page.is-fitted .cat-day-moments>a{min-height:44px;padding:6px;gap:6px}
 .cat-page.is-fitted .cat-day-moments{gap:5px}
 .cat-page.is-fitted .cat-day-moments .line-icon{width:20px;height:20px}
 .cat-page.is-fitted .cat-glasses-drawing{top:3%;height:66%}
 .cat-page.is-fitted .cat-violet-stage{inset:7% 16% 33%}
 .cat-page.is-fitted .cat-violet-lens{height:88%;max-width:100%;width:auto}
 .cat-page.is-fitted .cat-art-word{font-size:clamp(48px,16vw,80px)}
 .cat-page.is-fitted .cat-art-hint{font-size:9px;bottom:8px}
 .cat-page.is-fitted .cat-demo-toggle{bottom:29px}
 .cat-page.is-fitted .cat-demo-toggle button{min-height:32px;font-size:11px}
 .cat-page.is-fitted .cat-interactive-hint{font-size:8px;bottom:6px}
 .cat-page.is-fitted .cat-compare-control{padding:5px 14px}
 .cat-page.is-fitted .cat-night-labels{bottom:9px}
 .cat-page.is-fitted .cat-night-labels>span{font-size:8px}
 .cat-page.is-fitted .cat-profiles{inset:13% 12% 18%}
 .cat-page.is-fitted .cat-finish-art{gap:20px;padding:18px}
 .cat-page.is-fitted .cat-finish-word{font-size:42px}
 .cat-page.is-fitted .cat-tight .cat-copy{padding:10px 17px}
 .cat-page.is-fitted .cat-tight .cat-kicker{font-size:8px;margin-bottom:6px}
 .cat-page.is-fitted .cat-tight .cat-copy h2{font-size:24px}
 .cat-page.is-fitted[lang=hi] .cat-tight .cat-copy h2{font-size:22px;line-height:1.3}
 .cat-page.is-fitted .cat-tight .cat-copy .cat-lead{font-size:12px;line-height:1.55;margin:8px 0 9px}
 .cat-page.is-fitted .cat-tight .cat-benefits{padding-top:8px;gap:7px}
 .cat-page.is-fitted .cat-tight .cat-benefits .line-icon{width:19px;height:19px}
 .cat-page.is-fitted .cat-tight .cat-benefits li>span{font-size:10px;line-height:1.4}
 .cat-page.is-fitted .cat-tight .cat-details{margin-top:7px}
 .cat-page.is-fitted .cat-tight .cat-inline-link{margin-top:5px}
 .cat-page.is-fitted .cat-tight .cat-note{margin-top:6px!important;font-size:9px!important}
}
@media(min-width:600px) and (max-height:500px){
 .cat-page.is-story.is-fitted .cat-reader{padding-top:4px}
 .cat-page.is-fitted .cat-topbar{min-height:44px;padding-bottom:4px}
 .cat-page.is-fitted .cat-eyebrow{display:none}
 .cat-page.is-fitted .cat-control-content{padding-block:4px}
 .cat-page.is-story.is-fitted .cat-slide{grid-template-columns:1fr 1.1fr;grid-template-rows:1fr}
 .cat-page.is-fitted .cat-visual{height:100%;min-height:0}
 .cat-page.is-fitted .cat-copy{padding:6px 18px;border-top:0;border-left:1px solid #deded7}
 .cat-page.is-fitted .cat-kicker{font-size:8px;margin-bottom:5px;line-height:1.3}
 .cat-page.is-fitted .cat-copy h2{font-size:23px;line-height:1.08}
 .cat-page.is-fitted[lang=hi] .cat-copy h2{font-size:21px;line-height:1.28}
 .cat-page.is-fitted .cat-copy .cat-lead{font-size:12px;line-height:1.5;margin:5px 0 6px}
 .cat-page.is-fitted .cat-benefits{padding-top:7px;gap:8px}
 .cat-page.is-fitted .cat-benefits li{flex-direction:row;align-items:center;gap:5px}
 .cat-page.is-fitted .cat-benefits .line-icon{width:18px;height:18px}
 .cat-page.is-fitted .cat-benefits li>span{font-size:9px;line-height:1.35}
 .cat-page.is-fitted .cat-details{margin-top:4px;padding:0}
 .cat-page.is-fitted .cat-details summary{min-height:26px;font-size:10px}
 .cat-page.is-fitted .cat-note{margin-top:4px!important;font-size:8px!important;line-height:1.35!important}
 .cat-page.is-fitted .cat-inline-link{min-height:29px;font-size:10px;margin-top:3px}
 .cat-page.is-fitted .cat-end-actions{flex-direction:row;gap:12px;align-items:center;margin-top:6px}
 .cat-page.is-fitted .cat-primary-link{min-height:36px;font-size:11px;padding:7px 10px}
 .cat-page.is-fitted .cat-end-actions .cat-inline-link{min-height:36px;margin:0}
}
html.cat-detail-open{overflow:hidden}
.cat-detail-dialog{color:#28364a;background:#fffefb;width:min(520px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:24px;border:1px solid #d9dbd7;border-radius:14px;box-shadow:0 24px 100px #16233440;overscroll-behavior:contain}
.cat-detail-dialog::backdrop{background:#14213399;backdrop-filter:blur(5px)}
.cat-detail-dialog form{display:flex;justify-content:flex-end;margin:0 0 18px}
.cat-detail-dialog button{display:flex;align-items:center;gap:12px;min-height:44px;border:1px solid #d4d9db;border-radius:24px;background:transparent;color:#3f5671;padding:8px 16px;font:inherit;font-size:13px;cursor:pointer}
.cat-detail-dialog h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:0 0 20px}
.cat-detail-dialog h2 em{font-style:normal;color:#6d7f98}
.cat-detail-dialog p{font-size:15px;line-height:1.85;margin:0}
.cat-detail-dialog[lang=hi]{font-family:Manrope,"Noto Sans Devanagari","Nirmala UI",system-ui,sans-serif}
.cat-detail-dialog[lang=hi] h2{line-height:1.4;font-size:27px}
@media print{html.cat-detail-open{overflow:visible}.cat-detail-dialog{display:none!important}.cat-page.is-story.is-fitted .cat-slide{height:auto!important;min-height:420px!important;grid-template-rows:auto!important;grid-template-columns:1.1fr 1fr!important}.cat-copy-inner{display:contents}}

@media(prefers-reduced-motion:reduce){.cat-page *,.cat-page *:before,.cat-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.cat-page.is-enhanced.is-story{height:auto!important}.cat-page.is-story .cat-reader{position:static!important;padding:0!important}.cat-page.is-story .cat-stage{height:auto!important;overflow:visible!important;border:0;box-shadow:none}.cat-leaf{display:contents!important;visibility:visible!important}.cat-leaf:after{display:none!important}.cat-page.is-story .cat-slide{min-height:420px;transform:none!important}.cat-page.is-story .cat-slide[inert]{visibility:visible!important}.trivew-catalogue{padding-bottom:0!important}.cat-page,.cat-page.is-enhanced{height:auto;padding:0;background:#fff}.cat-reader{height:auto!important;display:block!important}.cat-topbar{padding-bottom:15px}.cat-tools,.cat-controls,.cat-after,.cat-share-note,.cat-demo-toggle,.cat-angle-control{display:none!important}.cat-slide[hidden]{display:grid!important}.cat-slide,.cat-page.is-enhanced .cat-slide{position:relative!important;transform:none!important;opacity:1!important;filter:none!important;animation:none!important;grid-template-columns:1.1fr 1fr;height:auto;min-height:420px;margin:0;break-before:page;break-inside:avoid;box-shadow:none}.cat-slide:first-child{break-before:auto}.cat-visual{height:auto!important;min-height:400px!important}.cat-copy{padding:25px;overflow:visible}.cat-copy h2{font-size:32px}.cat-copy .cat-lead{font-size:12px}.cat-details{display:none}.cat-benefits li{flex-direction:column}.cat-day-moments{grid-template-columns:1fr}.cat-care-cards{grid-template-columns:1fr}.cat-care-cards li{flex-direction:row;min-height:70px}.cat-night-scene{min-height:330px}}