:root{--paper:#F4F1EA;--ink:#232622;--olive:#46523C;--stone:#DDD6C9;--muted:#62655B;color-scheme:light;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:19px;line-height:1.5}a{color:inherit}button,input,select{font-family:inherit}button{cursor:pointer}img{max-width:100%;display:block}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}[hidden]{display:none!important}.container{max-width:1600px;margin-inline:auto;padding-inline:48px}.eyebrow{font-size:13px;line-height:1.45;text-transform:uppercase;letter-spacing:.1em;margin:0 0 24px}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--olive);padding:16px 24px;background:var(--olive);color:var(--paper);font:400 15px/1.3 Manrope,Arial,sans-serif;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.btn:hover{background:var(--ink);border-color:var(--ink)}.btn span[aria-hidden]{font-size:22px;line-height:1}.btn--secondary{background:transparent;border-color:var(--ink);color:var(--ink)}.btn--secondary:hover{background:var(--stone);color:var(--ink)}section{scroll-margin-top:24px}::selection{background:var(--olive);color:var(--paper)}@media(max-width:1190px){.container{padding-inline:32px}}@media(max-width:760px){.container{padding-inline:20px}body{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

:root{--olive:#123F30}
.skip-link{position:fixed;z-index:100;left:20px;top:12px;padding:12px 20px;background:#232622;color:#F4F1EA;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:20;background:#F4F1EA;border-bottom:1px solid rgba(18,63,48,.2)}
.site-header__inner{height:88px;max-width:1600px;margin:0 auto;padding:0 48px;display:flex;align-items:center;gap:32px}
.brand-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#123F30;flex:none}
/* Crop only the supplied logo's white canvas to form its compact emblem. */
.brand-lockup__emblem{display:block;position:relative;width:56px;height:58px;overflow:hidden;mix-blend-mode:multiply}
.brand-lockup__emblem img{position:absolute;width:154px;height:auto;max-width:none;left:-49px;top:-17px}
.brand-lockup__name{font-family:Manrope,Arial,sans-serif;font-size:28px;line-height:1.1;letter-spacing:-.025em;display:flex;flex-direction:column}
.brand-lockup__name>span{font-family:Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.34em;font-size:9px;line-height:1.5;margin-top:4px}
.wordmark{font-family:Manrope,Arial,sans-serif;font-size:28px;line-height:1.2;letter-spacing:-.04em;white-space:nowrap;text-decoration:none}
.desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.desktop-nav a{font-size:14px;text-decoration:none;padding:14px 0;white-space:nowrap}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.header-cta{min-height:48px;display:inline-flex;align-items:center;gap:24px;font-size:14px;text-decoration:none;border-bottom:1px solid #123F30;margin-left:12px;white-space:nowrap}.header-cta span{font-size:23px}
.menu-toggle{display:none;border:0;background:none;padding:12px 0 12px 16px;min-height:44px;font:inherit;align-items:center;gap:12px}.menu-toggle span{font-size:24px}
.site-menu{margin:0 0 0 auto;padding:28px 32px 40px;max-height:100dvh;height:100dvh;width:min(580px,100%);max-width:100%;border:0;background:#F4F1EA;color:#232622;overflow-y:auto}.site-menu::backdrop{background:rgba(35,38,34,.55)}
.site-menu__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.site-menu__head .wordmark{font-size:24px}.menu-close{border:0;background:none;display:flex;gap:10px;align-items:center;padding:12px 0;font:inherit;font-size:13px;min-height:44px}.menu-close span{font-size:27px}
.site-menu__links{display:flex;flex-direction:column;margin-bottom:32px}.site-menu__links a{font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,6.5vw,36px);line-height:1.12;padding:11px 0;text-decoration:none}
.site-menu__surfaces{border-top:1px solid rgba(35,38,34,.24);margin-bottom:32px}.site-menu__surfaces a{display:flex;align-items:center;gap:18px;min-height:58px;padding:10px 0;border-bottom:1px solid rgba(35,38,34,.24);text-decoration:none;font-size:16px;line-height:1.35}.site-menu__surfaces a span:first-child{font-size:12px;color:#62655B}.site-menu__surfaces a span:last-child{margin-left:auto;font-size:23px}
.perlite-footer__paint-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(244,241,234,.45);font-size:15px;margin-top:16px}.perlite-footer__paint-link:hover{border-color:currentColor}
@media(max-width:1190px){.site-header__inner{gap:20px;padding-inline:32px}.desktop-nav{gap:18px}.header-cta{gap:12px;margin-left:0}.brand-lockup__name{font-size:25px}}
@media(max-width:1060px){.site-header__inner{flex-wrap:wrap;height:auto;min-height:88px;justify-content:space-between}.desktop-nav{width:100%;margin:0;justify-content:space-between;padding-bottom:12px}.has-menu-js .desktop-nav{display:none}.header-cta{margin-left:auto}.has-menu-js .menu-toggle{display:flex}}
@media(max-width:760px){.site-header__inner{min-height:76px;padding-inline:20px;gap:12px}.brand-lockup__emblem{width:48px;height:51px}.brand-lockup__emblem img{width:134px;left:-43px;top:-15px}.brand-lockup__name{font-size:24px}.brand-lockup__name>span{font-size:8px}.brand-lockup{gap:7px}.desktop-nav{flex-wrap:wrap;justify-content:flex-start;gap:0 20px;padding-bottom:12px}.desktop-nav a{font-size:13px;padding:12px 0;min-height:44px}.header-cta{display:none}.site-menu{padding:20px}.site-menu__head{margin-bottom:20px}.site-menu__surfaces a{font-size:15px;gap:12px}.perlite-footer__paint-link{font-size:14px}}
/* V5: feedback stays within each link, without shifting the navigation row. */
.desktop-nav a{position:relative;transition:color .24s ease,transform .24s ease}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:#123F30;text-decoration:none;transform:translateY(-2px)}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}
.desktop-nav a span,.header-cta span,.menu-toggle span,.menu-close span,.site-menu__surfaces a span:last-child{display:inline-block;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.desktop-nav a:hover span,.desktop-nav a:focus-visible span,.header-cta:hover span,.header-cta:focus-visible span,.site-menu__surfaces a:hover span:last-child,.site-menu__surfaces a:focus-visible span:last-child{transform:translate(3px,-3px)}
.header-cta{position:relative;transition:color .25s,background-color .25s}
.header-cta::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#123F30;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.header-cta:hover,.header-cta:focus-visible{color:#123F30;background:rgba(116,137,111,.09)}
.header-cta:hover::after,.header-cta:focus-visible::after{transform:scaleX(1)}
.menu-toggle,.menu-close{color:#123F30;transition:color .2s}
.menu-toggle:hover span,.menu-toggle:focus-visible span{transform:rotate(90deg)}
.menu-close:hover span,.menu-close:focus-visible span{transform:rotate(90deg)}
.menu-toggle:focus-visible,.menu-close:focus-visible,.desktop-nav a:focus-visible,.header-cta:focus-visible,.site-menu a:focus-visible{outline:2px solid #123F30;outline-offset:5px}
.has-menu-js .site-menu{transform:translateX(100%);opacity:.5;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .32s ease;box-shadow:-24px 0 90px rgba(18,63,48,.12)}
.has-menu-js .site-menu::backdrop{background:rgba(18,40,31,0);backdrop-filter:blur(0);transition:background-color .36s ease,backdrop-filter .36s ease}
.has-menu-js .site-menu.is-open{transform:translateX(0);opacity:1}
.has-menu-js .site-menu.is-open::backdrop{background:rgba(18,40,31,.46);backdrop-filter:blur(4px)}
.has-menu-js .site-menu.is-closing{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.8,.35);pointer-events:none}
.has-menu-js .site-menu.is-closing::backdrop{transition-duration:.28s}
.site-menu__links a{transition:color .24s ease,transform .34s cubic-bezier(.22,1,.36,1),opacity .26s ease;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:7px;text-decoration-thickness:1px}
.has-menu-js .site-menu:not(.is-open) .site-menu__links a{opacity:0;transform:translateX(18px);transition-delay:0s}
.site-menu.is-open .site-menu__links a{transition-delay:calc(var(--menu-order,0) * 28ms)}
.site-menu__links a:hover,.site-menu__links a:focus-visible{color:#123F30;text-decoration-color:currentColor;transform:translateX(5px);transition-delay:0s}
.site-menu__surfaces a{transition:background-color .24s ease,color .24s ease}
.site-menu__surfaces a:hover,.site-menu__surfaces a:focus-visible{background:rgba(116,137,111,.1);color:#123F30}
@media(prefers-reduced-motion:reduce){.has-menu-js .site-menu,.has-menu-js .site-menu::backdrop,.site-menu__links a,.desktop-nav a,.desktop-nav a::after,.desktop-nav a span,.header-cta,.header-cta::after,.header-cta span,.menu-toggle span,.menu-close span,.site-menu__surfaces a,.site-menu__surfaces a span:last-child{transition:none!important;animation:none!important}.desktop-nav a:hover,.desktop-nav a:focus-visible,.site-menu__links a:hover,.site-menu__links a:focus-visible{transform:none}}

/* A scroll-directed product composition: upright, true-proportion 3D cans. */
.brand-hero{--hero-progress:0;position:relative;height:210svh;background:#F4F1EA;color:#123F30;isolation:isolate;scroll-margin-top:0}
.brand-hero__sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:linear-gradient(145deg,#f4f1ea,#e9ece0);isolation:isolate}
.brand-hero__sticky:after{content:"";position:absolute;inset:0;background:#d4decb;opacity:var(--hero-progress);z-index:-1}
.brand-hero__copy{position:absolute;top:50%;left:max(48px,calc((100vw - 1504px)/2));width:47%;z-index:2;transform:translateY(calc(-50% - var(--hero-progress)*100px));opacity:calc(1 - var(--hero-progress)*2.5)}
.brand-hero h1{font:500 clamp(62px,6.25vw,96px)/1.035 Manrope,Arial,sans-serif;letter-spacing:-.067em;margin:0 0 28px;max-width:780px}
.brand-hero h1 em{font-style:normal;color:#758666;font-size:.79em;letter-spacing:-.062em}
.brand-hero .eyebrow{font:500 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.13em;margin-bottom:26px}
.brand-hero__description{font-size:16px;line-height:1.6;color:#62655B;max-width:400px;margin-bottom:26px}
.brand-hero__actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.brand-hero__actions .btn{background:#123F30;border-color:#123F30;white-space:nowrap;font-size:13px;gap:26px;padding-inline:22px}
.brand-hero__paint-link{display:flex;gap:15px;align-items:center;min-height:48px;font-size:13px;text-decoration:none;border-bottom:1px solid #123f3066}
.brand-hero__product{position:absolute;left:calc(44% * (1 - var(--hero-progress)));width:calc(56% + 44% * var(--hero-progress));top:calc(4% + 18% * var(--hero-progress));bottom:calc(14% + 8% * var(--hero-progress));z-index:1}
.brand-hero__objects{position:relative;width:100%;height:100%;min-height:0}
.brand-hero__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none;touch-action:pan-y;cursor:grab;outline-offset:-7px}
.brand-hero__canvas:active{cursor:grabbing}.brand-hero__objects.is-3d .brand-hero__canvas{opacity:1;pointer-events:auto}.brand-hero__objects.is-3d .brand-hero__fallback{visibility:hidden}
.brand-hero__fallback{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;pointer-events:none}.brand-hero__fallback img{width:100%;max-height:100%;object-fit:contain}
.brand-hero__interaction{position:absolute;bottom:14%;right:48px;width:calc(50% - 48px);display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;opacity:calc(1 - var(--hero-progress)*3)}
.brand-hero__interaction[hidden]{display:none}.brand-hero__interaction p{font-size:10px;color:#62655B;margin:0;max-width:245px;line-height:1.5}.brand-hero__controls{display:flex;gap:2px}.brand-hero__controls button{width:42px;height:44px;border:0;background:none;color:#123F30;font:400 21px/1 Manrope,Arial,sans-serif;cursor:pointer}.brand-hero__controls button:hover{background:#123f300c}
.brand-hero__row-copy{position:absolute;left:24px;right:24px;top:10%;text-align:center;opacity:clamp(0,calc((var(--hero-progress) - .5)*3),1);transform:translateY(calc((1 - var(--hero-progress))*35px));pointer-events:none}.brand-hero__row-copy .eyebrow{margin-bottom:15px}.brand-hero__row-copy h2{font:500 clamp(28px,3vw,44px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 14px}.brand-hero__row-copy>p:last-child{font-size:13px;color:#62655b}
.brand-hero__choices{position:absolute;left:9%;right:9%;bottom:14%;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;opacity:clamp(0,calc((var(--hero-progress) - .55)*3),1);z-index:3;visibility:hidden}.brand-hero.is-row .brand-hero__choices{visibility:visible}.brand-hero__choices button{border:0;border-top:1px solid #123f3040;background:none;color:#123f30;text-align:left;font:400 14px/1.4 Manrope,Arial,sans-serif;padding:17px 0;display:flex;justify-content:space-between;cursor:pointer}.brand-hero__choices button:hover{border-color:#123f30}.brand-hero__choices span{font-size:20px}
.brand-hero__bottom{position:absolute;bottom:0;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;color:#62655B;font-size:10px;border-top:1px solid #123f3025;z-index:3}.brand-hero__bottom a{text-decoration:none;display:flex;gap:28px;align-items:center;min-height:26px;color:#123F30}
/* Product photography and a readable native dialog, with a pinned close control. */
.can-dialog{border:0;background:#f4f1ea;color:#123f30;max-width:1040px;width:calc(100% - 48px);padding:0;box-shadow:0 30px 120px #0b261c30;margin:auto;max-height:88svh;overflow:hidden}
.can-dialog[open]{animation:can-dialog-enter .4s cubic-bezier(.2,.8,.2,1) both}
.can-dialog::backdrop{background:#0c211a88;backdrop-filter:blur(8px)}
.can-dialog__layout{display:grid;grid-template-columns:.9fr 1.1fr;max-height:88svh;overflow:auto;overscroll-behavior:contain}
.can-dialog__close{position:absolute;right:14px;top:14px;z-index:3;width:44px;height:44px;border:1px solid #123f3024;background:#f4f1eaf2;font:300 30px Manrope,sans-serif;cursor:pointer;color:#123f30;transition:background .2s,transform .2s}
.can-dialog__close:hover{background:#d9e0d1;transform:rotate(8deg)}
.can-dialog__close:focus-visible{outline:2px solid #123f30;outline-offset:3px}
.can-dialog__visual{position:relative;margin:0;min-height:540px;background:#d0d4bf;overflow:hidden}
.can-dialog__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.can-dialog__visual:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#15352799)}
.can-dialog__visual figcaption{position:absolute;z-index:1;left:28px;right:24px;bottom:28px;color:#fffdf6;font:400 18px/1.5 Manrope,Arial,sans-serif;text-wrap:balance}
.can-dialog__body{padding:62px 40px 40px}
.can-dialog h2{font:400 clamp(30px,3vw,42px)/1.24 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:20px 0 32px;text-wrap:balance}
.can-dialog h3{font:500 13px Manrope,sans-serif;margin:24px 0 8px}
.can-dialog__content p{font:400 14px/1.7 Manrope,sans-serif;color:#62655b;margin:0}
.can-dialog .btn{margin-top:32px;font-size:13px;gap:26px}
.can-dialog .eyebrow{font-size:9px;letter-spacing:.11em;padding-right:10px;line-height:1.6}
@keyframes can-dialog-enter{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1100px){.brand-hero__copy{left:32px;width:48%}.brand-hero h1{font-size:clamp(54px,6.5vw,72px)}.brand-hero__actions{gap:15px}.brand-hero__interaction{right:24px;width:calc(50% - 24px)}.brand-hero__bottom{left:32px;right:32px}.brand-hero__description{font-size:14px}}
@media(max-width:760px){.brand-hero{height:205svh}.brand-hero__sticky{height:100svh;min-height:740px}.brand-hero__copy{left:20px;right:20px;top:34px;width:auto;transform:translateY(calc(var(--hero-progress)*-80px))}.brand-hero .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:18px}.brand-hero h1{font-size:clamp(40px,10.7vw,64px);line-height:1.04;margin-bottom:16px;letter-spacing:-.06em}.brand-hero h1 br:nth-of-type(2){display:none}.brand-hero h1 em{font-size:.83em;display:inline-block}.brand-hero__description{font-size:13px;line-height:1.5;margin-bottom:17px}.brand-hero__actions{gap:16px}.brand-hero__actions .btn{font-size:11px;min-height:44px;padding:12px 15px;gap:12px}.brand-hero__paint-link{font-size:11px;gap:8px;min-height:44px}.brand-hero__product{left:0;width:100%;top:calc(40% - 7% * var(--hero-progress));bottom:calc(15% + 14% * var(--hero-progress))}.brand-hero__interaction{left:20px;right:20px;width:auto;bottom:10%;gap:8px}.brand-hero__interaction p{font-size:9px;max-width:200px}.brand-hero__controls button{width:36px}.brand-hero__bottom{left:20px;right:20px;font-size:8px;padding:14px 0;gap:16px}.brand-hero__bottom>span{max-width:110px;line-height:1.5}.brand-hero__bottom a{gap:14px;max-width:160px}.brand-hero__row-copy{top:16%;left:20px;right:20px}.brand-hero__row-copy h2{font-size:32px;max-width:360px;margin:0 auto 12px}.brand-hero__row-copy>p:last-child{font-size:11px;max-width:250px;margin:auto}.brand-hero__choices{left:20px;right:20px;bottom:17%;gap:12px;grid-template-columns:repeat(2,1fr)}.brand-hero__choices button{font-size:12px;padding:10px 0}.can-dialog{width:calc(100% - 24px);max-height:90svh}.can-dialog__layout{display:block;max-height:90svh}.can-dialog__visual{min-height:0;height:220px}.can-dialog__visual img{object-position:center 48%}.can-dialog__visual figcaption{left:22px;bottom:18px;font-size:16px}.can-dialog__body{padding:28px 24px 30px}.can-dialog h2{font-size:30px;margin:16px 0 24px}.can-dialog .btn{margin-top:24px}.can-dialog__close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){.brand-hero{height:auto}.brand-hero__sticky{position:relative}.can-dialog[open]{animation:none}}
.color-story{position:relative;height:100svh;background:#AAB69F;scroll-margin-top:0}
.color-story__viewport{height:100svh;min-height:600px;position:relative;overflow:hidden;background:#AAB69F;isolation:isolate}
.color-story__architecture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.color-story__shade{position:absolute;inset:0;background:linear-gradient(90deg,#102c26a8 0%,#102c2612 80%)}
.color-story__copy{position:absolute;left:max(48px,calc((100vw - 1504px)/2));bottom:16%;max-width:720px;color:#F4F1EA;z-index:1}
.color-story__copy h2{font:400 clamp(50px,5.4vw,80px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin-bottom:32px}
.color-story__copy a{font-size:16px;display:inline-flex;gap:44px;align-items:center;min-height:48px;text-decoration:none;border-bottom:1px solid #f4f1ea88}
.color-story__veil,.color-story__brush,.color-story__invitation{display:none;pointer-events:none}
.color-story__caption{position:absolute;left:48px;bottom:24px;font-size:11px;color:#F4F1EA;z-index:1;letter-spacing:.05em}
.scroll-art .color-story{height:175svh}
.scroll-art .color-story__viewport{position:sticky;top:0}
.scroll-art .color-story__veil{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2}
.scroll-art .color-story__invitation{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:90%;z-index:3;text-align:center;color:#123F30;font:400 clamp(44px,6vw,88px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.color-story__invitation span{color:#6e7c62}.color-story__invitation small{display:block;font:400 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:.03em;margin-top:28px}
.scroll-art .color-story__brush{display:block;position:absolute;top:0;left:0;max-width:none;height:auto;opacity:0;z-index:4;transform-origin:6% 49%;will-change:transform;filter:drop-shadow(8px 12px 9px #23262220)}

@media(max-width:1190px){.color-story__copy{left:32px}.color-story__caption{left:32px}}
@media(max-width:760px){.color-story__viewport{min-height:520px}.color-story__copy{left:20px;right:20px;bottom:17%}.color-story__copy .eyebrow{font-size:10px;max-width:250px}.color-story__copy h2{font-size:clamp(36px,9.7vw,54px);line-height:1.2;margin-bottom:24px}.color-story__copy a{font-size:14px;gap:25px}.color-story__caption{left:20px;right:20px;font-size:9px;bottom:20px}.color-story__architecture{object-position:64% 50%}.scroll-art .color-story__invitation{font-size:44px}.scroll-art .color-story{height:165svh}}
@media(prefers-reduced-motion:reduce){.scroll-art .color-story{height:100svh}.scroll-art .color-story__viewport{position:relative}.scroll-art .color-story__veil,.scroll-art .color-story__brush,.scroll-art .color-story__invitation{display:none}}

@media(prefers-reduced-motion:reduce){.brand-hero__sticky{min-height:1000px}.brand-hero__copy{opacity:1;transform:none;top:50px;width:calc(100% - 96px)}.brand-hero__copy h1{font-size:68px}.brand-hero__row-copy{display:none}.brand-hero__product{top:44%;bottom:18%}.brand-hero__choices{bottom:9%}.brand-hero__interaction{display:none}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.brand-hero__sticky{min-height:950px}.brand-hero__copy{width:calc(100% - 40px);top:30px}.brand-hero__copy h1{font-size:44px}.brand-hero__product{top:43%;bottom:25%}.brand-hero__choices{bottom:13%}}

/* Align the labels with the four product centres on the completed row. */
@media(min-width:761px){.brand-hero__choices{left:50%;right:auto;transform:translateX(-50%);width:min(82%,850px)}}

.brand-hero__choices button{min-height:54px;align-items:center;gap:10px;white-space:normal}.brand-hero__choices button span{flex:none}
@media(max-width:760px){.brand-hero__choices button{font-size:12px;line-height:1.45;min-height:56px;align-items:center}}

/* V5: warm architectural depth, with one expressive Manrope accent. */
.brand-hero__sticky{background:#f4f1ea}
.brand-hero__sticky:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f4f1eaf5 0%,#f4f1eadb 29%,#f4f1ea45 60%,#f4f1ea12 100%),url("assets/hero-atmosphere.webp") center/cover no-repeat;opacity:calc(1 - var(--hero-progress));transform:scale(calc(1 + var(--hero-progress)*.035))}
.brand-hero__sticky:after{background:linear-gradient(130deg,#e0e7d8,#cdd9c4)}
.brand-hero h1{font-size:clamp(58px,5.7vw,86px);line-height:1.12;letter-spacing:-.058em;margin-bottom:30px}
.brand-hero h1 em{display:block;font:400 .88em/1.23 Manrope,Arial,sans-serif;letter-spacing:-.047em;color:#6e7e60}
.brand-hero__copy{width:48%}
.brand-hero__description{font-size:16px;line-height:1.65}
.brand-hero__row-copy h2{font-family:Manrope,Arial,sans-serif;font-weight:400;line-height:1.25;font-size:clamp(28px,2.9vw,42px)}
@media(max-width:1100px) and (min-width:761px){.brand-hero h1{font-size:clamp(48px,5.65vw,63px)}.brand-hero__description{font-size:14px}}
@media(max-width:760px){.brand-hero__copy{width:auto}.brand-hero h1{font-size:clamp(36px,9.5vw,62px);line-height:1.12;margin-bottom:20px}.brand-hero h1 em{font-size:.9em;display:block;line-height:1.25}.brand-hero__description{font-size:13px;line-height:1.55}.brand-hero__sticky:before{background:linear-gradient(180deg,#f4f1eae8 0%,#f4f1ead8 27%,#f4f1ea44 55%,#f4f1ea50 100%),url("assets/hero-atmosphere.webp") 64% center/cover no-repeat}.brand-hero__row-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.can-dialog__close{transition:none}.brand-hero__sticky:before{opacity:1;transform:none}.brand-hero__sticky:after{opacity:.2}.can-dialog[open]{animation:none}}

.p2-section{padding:112px 0;background:#232622;color:#F4F1EA;scroll-margin-top:112px;overflow:clip}
.p2-heading{display:grid;grid-template-columns:1.2fr .8fr;column-gap:112px;align-items:end;margin-bottom:64px}
.p2-heading>.eyebrow{grid-column:1/-1;margin:0 0 40px;color:#DDD6C9}
.p2-heading h2{font-family:'Manrope',Georgia,serif;font-weight:400;font-size:clamp(40px,4.45vw,64px);line-height:1.08;letter-spacing:-.02em;margin:0;white-space:nowrap}
.p2-heading h2>span{display:inline-block;padding-left:64px}
.p2-lead{max-width:330px;font-size:19px;line-height:1.5;margin:0 0 4px;justify-self:end;color:#DDD6C9}
.p2-story{display:grid;grid-template-columns:1.2fr .8fr;gap:112px;align-items:start}
.p2-figure{position:sticky;top:120px;min-width:0;margin:0}
.p2-material{position:relative;aspect-ratio:.98;overflow:hidden;background:#DDD6C9}
.p2-mineral{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.p2-coating{position:absolute;left:25%;bottom:11%;width:85%;aspect-ratio:3;pointer-events:none;opacity:0;transform:rotate(-15deg);transform-origin:45% 50%;mask-image:url('assets/stroke.webp');-webkit-mask-image:url('assets/stroke.webp');mask-mode:alpha;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:150% 140%;-webkit-mask-size:150% 140%;mask-position:50% 50%;-webkit-mask-position:50% 50%}
.p2-coating img{display:block;width:100%;height:100%;object-fit:contain}
.p2-image-label{position:absolute;top:24px;left:24px;font-size:14px;line-height:1.4;color:#232622}
.p2-image-label>span{font-size:11px;letter-spacing:.035em}
.p2-caption{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.45;margin-top:16px;color:#DDD6C9}
.p2-frame-counter{font-variant-numeric:tabular-nums;white-space:nowrap}
.p2-properties{min-width:0;padding-top:4px}
.p2-properties-intro{font-size:19px;line-height:1.5;margin:0 0 40px;color:#DDD6C9}
.p2-list{list-style:none;padding:0;margin:0}
.p2-property{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start;padding:24px 0 32px;border-top:1px solid rgba(244,241,234,.3)}
.p2-property:nth-child(even){margin-left:48px}
.p2-number{font-family:'Manrope',Georgia,serif;font-size:48px;line-height:1.15;font-variant-numeric:tabular-nums;color:#DDD6C9;letter-spacing:-.04em}
.p2-kicker{margin:0 0 12px;font-size:13px;line-height:1.45;color:#DDD6C9}
.p2-property h3{margin:0;font-family:'Manrope',Arial,sans-serif;font-size:clamp(26px,2.22vw,32px);font-weight:400;line-height:1.2;letter-spacing:-.025em;overflow-wrap:normal}
.p2-next{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;margin-top:8px;color:inherit;border-top:1px solid rgba(244,241,234,.3);border-bottom:1px solid rgba(244,241,234,.3);text-decoration:none;font-size:15px;transition:background-color .2s}
.p2-next>span{font-size:24px;transition:transform .2s}
.p2-next:hover{background:rgba(221,214,201,.08)}
.p2-next:hover>span{transform:translate(3px,-3px)}
.p2-next:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.p2-motion .p2-property>div,.p2-motion .p2-number{transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .75s cubic-bezier(.22,1,.36,1)}
.p2-motion .p2-property.p2-waiting>div{transform:translateY(24px);opacity:.55}
.p2-motion .p2-property.p2-waiting .p2-number{opacity:.5}
.p2-motion .p2-property.p2-current .p2-number{color:#F4F1EA}
@media(max-width:1100px){.p2-story,.p2-heading{gap:64px;grid-template-columns:1.05fr .95fr}.p2-heading h2>span{padding-left:32px}.p2-property{grid-template-columns:48px minmax(0,1fr);gap:16px}.p2-property:nth-child(even){margin-left:24px}.p2-number{font-size:40px}.p2-property h3{font-size:26px}.p2-figure{top:112px}.p2-material{aspect-ratio:.74}.p2-image-label{top:20px;left:20px}.p2-lead{max-width:300px}.p2-coating{left:23%;width:86%}}
@media(max-width:760px){.p2-section{padding:64px 0;scroll-margin-top:96px}.p2-heading{display:block;margin-bottom:32px}.p2-heading>.eyebrow{margin-bottom:24px}.p2-heading h2{font-size:40px;white-space:normal}.p2-heading h2>span{padding-left:24px}.p2-lead{max-width:34ch;font-size:17px;margin:24px 0 0}.p2-story{display:block}.p2-figure{position:relative;top:auto}.p2-material{aspect-ratio:.95;margin-right:24px}.p2-coating{left:7%;width:98%;bottom:14%;transform:rotate(-18deg)}.p2-caption{font-size:11px;gap:12px;margin-top:16px}.p2-image-label{top:16px;left:16px;font-size:13px}.p2-properties{padding-top:40px}.p2-properties-intro{font-size:17px;margin-bottom:24px}.p2-property{padding:24px 0 28px;grid-template-columns:48px minmax(0,1fr);gap:16px}.p2-property:nth-child(even){margin-left:24px}.p2-number{font-size:40px}.p2-property h3{font-size:28px}.p2-kicker{margin-bottom:8px}.p2-next{margin-top:8px}.p2-motion .p2-property.p2-waiting>div{opacity:1;transform:none}.p2-motion .p2-property.p2-waiting .p2-number{opacity:1}}
@media(max-width:380px){.p2-heading h2{font-size:36px}.p2-heading h2>span{padding-left:16px}.p2-property h3{font-size:26px}.p2-property:nth-child(even){margin-left:16px}.p2-property{gap:12px;grid-template-columns:42px minmax(0,1fr)}.p2-number{font-size:36px}.p2-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.p2-next,.p2-next>span,.p2-motion .p2-property>div,.p2-motion .p2-number{transition:none!important}.p2-motion .p2-property.p2-waiting>div,.p2-motion .p2-property.p2-waiting .p2-number{transform:none;opacity:1}.p2-next:hover>span{transform:none}}

/* Part 3: surfaces and application gallery */
.p3-paints,.p3-application{padding:112px 0;scroll-margin-top:100px}.p3-paints{background:#F4F1EA;color:#232622}.p3-section-heading{display:grid;grid-template-columns:1fr 3fr;gap:32px;margin-bottom:64px}.p3-section-heading .eyebrow{margin-top:8px}.p3-section-heading h2,.p3-gallery-heading h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,4.45vw,64px);font-weight:400;letter-spacing:-.02em;line-height:1.08;margin:0}.p3-lead{font-size:19px;line-height:1.5;color:#62655B;margin:24px 0 0}.p3-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(35,38,34,.24);border:1px solid rgba(35,38,34,.24);margin-bottom:24px}.p3-tab{min-width:0;position:relative;display:grid;grid-template-columns:1fr auto;gap:24px;padding:24px;text-align:left;border:0;background:#DDD6C9;color:#232622;font:inherit;cursor:pointer;transition:background 200ms,color 200ms}.p3-tab-number{grid-column:1/-1;font-size:13px}.p3-tab>span:nth-child(2){font-size:clamp(22px,2.2vw,32px);line-height:1.2}.p3-tab-arrow{font-size:26px;line-height:1.2}.p3-tab[aria-selected="true"]{background:#46523C;color:#F4F1EA}.p3-tab:hover:not([aria-selected="true"]){background:#cfc8bb}.p3-tab:focus-visible{z-index:1;outline:2px solid #232622;outline-offset:5px}.p3-panel{display:grid;grid-template-columns:57% 43%;background:#DDD6C9;margin:0 0 24px}.p3-panel[hidden],.p3-gallery-slide[hidden]{display:none}.p3-panel-image{position:relative;overflow:hidden;min-height:560px;background:#DDD6C9}.p3-panel-image>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.p3-panel-copy{padding:40px;display:flex;flex-direction:column;align-items:stretch}.p3-material-index{font-size:13px;line-height:1.45}.p3-product-text{margin:56px 0 40px;flex:1}.p3-product-text h3{font-size:clamp(26px,2.25vw,32px);line-height:1.2;font-weight:400;margin:0 0 24px;min-height:3.6em}.p3-product-text p{font-size:19px;line-height:1.5;margin:0;max-width:380px;min-height:6em}.p3-product-cta{font-size:15px;justify-content:space-between;gap:16px;text-align:left;line-height:1.3}.p3-product-cta span{flex-shrink:0}.p3-note{font-size:13px;line-height:1.45;color:#62655B;margin:16px 0 0;max-width:320px}.p3-wipe{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mask-image:url('assets/stroke.webp');-webkit-mask-image:url('assets/stroke.webp');mask-mode:alpha;mask-size:130% 300%;-webkit-mask-size:130% 300%;mask-position:center;-webkit-mask-position:center;animation:p3-wipe-out 760ms cubic-bezier(.76,0,.24,1) both}.p3-wipe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:p3-wipe-hold 760ms cubic-bezier(.76,0,.24,1) both}@keyframes p3-wipe-out{from{transform:translateX(0)}to{transform:translateX(112%)}}@keyframes p3-wipe-hold{from{transform:translateX(0)}to{transform:translateX(-112%)}}.p3-application{background:#DDD6C9;color:#232622}.p3-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}.p3-gallery-heading .eyebrow{margin:0 0 24px}.p3-gallery-heading>p{font-size:19px;line-height:1.5;margin:0 0 3px;max-width:300px}.p3-gallery-stage:focus-visible{outline:2px solid #46523C;outline-offset:7px}.p3-gallery-slide{margin:0 0 32px}.p3-gallery-slide>img{display:block;width:100%;height:auto;aspect-ratio:1.86;object-fit:cover}.p3-gallery-slide figcaption{display:flex;justify-content:space-between;gap:24px;padding:20px 0 0;font-size:15px;line-height:1.5}.p3-gallery-slide figcaption>span:first-child{font-size:19px}.p3-gallery-bottom{display:grid;grid-template-columns:1fr 184px;gap:64px;align-items:center}.p3-gallery-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:800px}.p3-thumb{min-width:0;border:0;background:transparent;font:inherit;padding:0;text-align:left;color:#232622;cursor:pointer}.p3-thumb>img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;opacity:.6;transition:opacity 200ms}.p3-thumb:hover>img,.p3-thumb[aria-pressed="true"]>img{opacity:1}.p3-thumb>span{display:flex;justify-content:space-between;gap:8px;border-bottom:2px solid transparent;padding:12px 0;font-size:13px;line-height:1.4}.p3-thumb[aria-pressed="true"]>span{border-color:#46523C}.p3-thumb:focus-visible{outline:2px solid #46523C;outline-offset:5px}.p3-gallery-controls{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.p3-gallery-count{margin:0;font-size:19px;font-variant-numeric:tabular-nums}.p3-gallery-count>span:nth-child(2){color:#62655B}.p3-gallery-arrows{display:flex;gap:12px}.p3-arrow{border:1px solid #62655B;background:transparent;color:#232622;border-radius:50%;width:48px;height:48px;font:400 24px/1 Manrope,Arial,sans-serif;cursor:pointer;transition:background 200ms,color 200ms}.p3-arrow:hover{background:#46523C;color:#F4F1EA}.p3-arrow:focus-visible{outline:2px solid #46523C;outline-offset:5px}.p3-gallery-disclaimer{display:flex;justify-content:space-between;gap:24px;padding-top:32px;margin-top:32px;border-top:1px solid rgba(35,38,34,.24);font-size:13px;line-height:1.45;color:#62655B}.p3-gallery-disclaimer p{margin:0}.p3-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.p3-panel-copy{padding:48px}.p3-panel-image{min-height:620px}}
@media(max-width:1100px){.p3-section-heading{grid-template-columns:1fr 3fr}.p3-panel-copy{padding:32px}.p3-product-text{margin:40px 0 32px}.p3-product-text h3{min-height:3.6em}.p3-product-text p{font-size:18px;min-height:7.5em}.p3-panel-image{min-height:550px}.p3-gallery-heading>p{font-size:17px;max-width:220px}.p3-gallery-bottom{gap:32px;grid-template-columns:1fr 120px}.p3-thumb>span{display:block}.p3-thumb>span span{margin-left:8px}}
@media(max-width:760px){.p3-paints,.p3-application{padding:64px 0;scroll-margin-top:88px}.p3-section-heading{display:block;margin-bottom:32px}.p3-section-heading .eyebrow{margin:0 0 24px}.p3-section-heading h2,.p3-gallery-heading h2{font-size:40px}.p3-lead{font-size:17px;margin-top:24px}.p3-desktop-break{display:none}.p3-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.p3-tab{padding:14px;gap:16px 8px}.p3-tab>span:nth-child(2){font-size:24px}.p3-tab-arrow{font-size:24px}.p3-panel{grid-template-columns:1fr}.p3-panel-image{min-height:0;aspect-ratio:4/3}.p3-panel-copy{padding:24px}.p3-product-text{margin:32px 0}.p3-product-text h3{font-size:28px;min-height:3.6em;margin-bottom:20px}.p3-product-text p{font-size:17px;min-height:7.5em;max-width:none}.p3-product-cta{font-size:15px;min-height:62px}.p3-note{max-width:none}.p3-gallery-heading{display:block;margin-bottom:32px}.p3-gallery-heading>p{font-size:17px;margin:24px 0 0;max-width:none}.p3-gallery-heading>p br{display:none}.p3-gallery-slide>img{aspect-ratio:4/5}.p3-gallery-slide{margin-bottom:24px}.p3-gallery-slide figcaption{padding-top:16px;display:block;font-size:13px}.p3-gallery-slide figcaption>span{display:block}.p3-gallery-slide figcaption>span:first-child{font-size:19px;margin-bottom:8px}.p3-gallery-bottom{display:flex;flex-direction:column;align-items:stretch;gap:24px}.p3-gallery-thumbs{gap:8px}.p3-thumb>img{aspect-ratio:1}.p3-thumb>span{font-size:12px;padding:10px 0}.p3-thumb>span span{display:block;margin:4px 0 0}.p3-gallery-controls{flex-direction:row;justify-content:space-between;align-items:center}.p3-gallery-disclaimer{display:block;margin-top:24px;padding-top:24px}.p3-gallery-disclaimer p+p{margin-top:8px}}
@media(max-width:370px){.p3-section-heading h2,.p3-gallery-heading h2{font-size:36px}.p3-panel-copy{padding:20px}.p3-product-cta{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.p3-wipe{display:none}.p3-tab,.p3-thumb>img,.p3-arrow{transition:none}}

/* Catalogue: a native-scroll scene. Static stacked articles are the baseline. */
.c2-catalog{--c2-bg:#DFD9CA;--c2-ink:#123F30;background:var(--c2-bg);color:var(--c2-ink);position:relative;scroll-margin-top:0}
.c2-stage{padding:72px 48px 32px;max-width:1800px;margin:auto}
.c2-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #123f3030;padding-bottom:18px}
.c2-heading p{margin:0}.c2-scroll-note{display:none;letter-spacing:0;text-transform:none;font-size:13px}.c2-scroll-note span{display:inline-block;margin-left:16px}
.c2-products{position:relative}.c2-product{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:64px 0;scroll-margin-top:100px}.c2-product+.c2-product{border-top:1px solid #123f3030}
.c2-number{font-size:12px;text-transform:uppercase;letter-spacing:.11em;margin:0 0 24px}.c2-copy{position:relative;z-index:1;max-width:610px}.c2-copy h2{font:400 clamp(48px,5.2vw,74px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 26px}.c2-description{font-size:17px;line-height:1.5;max-width:360px;margin-bottom:30px}.c2-select{display:inline-flex;align-items:center;justify-content:space-between;min-height:50px;min-width:226px;gap:32px;padding:14px 20px;background:#123F30;color:#F4F1EA;text-decoration:none;font-size:14px;transition:background .2s}.c2-select:hover{background:#232622}.c2-select span{font-size:22px;line-height:1}
.c2-visual{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;perspective:1000px}.c2-visual img{width:100%;height:auto;object-fit:contain;max-height:620px;filter:drop-shadow(0 26px 20px #17362d12);transform-origin:50% 65%;will-change:transform}.c2-visual figcaption{font-size:10px;letter-spacing:.02em;opacity:.62;text-align:center;margin-top:10px}
.c2-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid #123f3035}.c2-nav a{position:relative;display:flex;align-items:center;gap:14px;text-decoration:none;font-size:13px;line-height:1.35;min-height:66px;padding:14px 0;color:inherit}.c2-nav a>span{font-size:10px;opacity:.65}.c2-nav i{position:absolute;top:-1px;left:0;width:100%;height:2px;background:#123F30;transform:scaleX(0);transform-origin:left;transition:transform .3s}.c2-nav a:hover i,.c2-nav a[aria-current=true] i{transform:scaleX(1)}.c2-nav a[aria-current=true]{font-weight:600}
.c2-painter-link{padding:30px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#F4F1EA;border-bottom:1px solid #123f3030;color:#123F30}.c2-painter-link p{font:400 23px/1.4 Manrope,Arial,sans-serif;margin:0}.c2-painter-link a{display:inline-flex;align-items:center;gap:32px;min-height:44px;font-size:15px;text-underline-offset:6px}.c2-painter-link a span{font-size:22px}
.c2-catalog.c2-enhanced{height:380svh;transition:background-color .5s}.c2-enhanced .c2-stage{height:100svh;position:sticky;top:0;padding-top:112px;display:flex;flex-direction:column;gap:0}.c2-enhanced .c2-scroll-note{display:inline}.c2-enhanced .c2-products{flex:1;min-height:0}.c2-enhanced .c2-product{position:absolute;inset:0;padding:28px 0;visibility:hidden;pointer-events:none;border:0}.c2-enhanced .c2-product.c2-active{visibility:visible;pointer-events:auto}.c2-enhanced .c2-copy{opacity:0;transform:translateY(16px);transition:opacity .35s,transform .45s}.c2-enhanced .c2-active .c2-copy{opacity:1;transform:translateY(0)}.c2-enhanced .c2-visual{align-self:stretch;min-height:0}.c2-enhanced .c2-visual img{height:100%;min-height:0;max-height:660px;flex:1;width:100%;opacity:0;transition:opacity .4s}.c2-enhanced .c2-active .c2-visual img{opacity:1}.c2-enhanced .c2-visual figcaption{margin-top:34px;flex-shrink:0;position:relative;z-index:1}.c2-enhanced .c2-nav{flex-shrink:0}
@media(min-width:1700px){.c2-enhanced .c2-stage{padding-top:128px}.c2-copy h2{font-size:80px}}
@media(max-width:1190px){.c2-stage{padding-inline:32px}.c2-painter-link{padding-inline:32px}.c2-copy h2{font-size:clamp(42px,5.5vw,64px)}.c2-description{font-size:16px}.c2-nav{gap:16px}.c2-nav a{gap:8px;font-size:12px}.c2-enhanced .c2-stage{padding-top:104px}}
@media(max-width:699px){.c2-stage{padding:50px 20px 20px}.c2-heading{font-size:10px;padding-bottom:12px}.c2-scroll-note{font-size:10px;max-width:125px;text-align:right;line-height:1.4}.c2-scroll-note span{margin-left:4px}.c2-product{grid-template-columns:1fr;gap:24px;padding:48px 0}.c2-copy{max-width:none}.c2-copy h2{font-size:38px;line-height:1.13;margin-bottom:16px}.c2-copy h2 br{display:none}.c2-copy h2 br::after{content:' '}.c2-number{margin-bottom:12px;font-size:10px}.c2-description{font-size:15px;line-height:1.4;margin-bottom:18px;max-width:360px}.c2-visual img{max-height:340px}.c2-nav{grid-template-columns:1fr 1fr;gap:0 16px}.c2-nav a{min-height:52px;font-size:11px;border-top:1px solid #123f3020}.c2-nav a>span{font-size:9px}.c2-painter-link{padding:22px 20px;align-items:flex-start;flex-direction:column;gap:8px}.c2-painter-link p{font-size:20px}.c2-painter-link a{font-size:14px}.c2-enhanced .c2-stage{padding:92px 20px 12px}.c2-enhanced .c2-product{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:14px 0}.c2-enhanced .c2-copy{display:contents}.c2-enhanced .c2-number{display:none}.c2-enhanced .c2-copy h2{order:0;flex-shrink:0;margin:0;font-size:clamp(30px,8.5vw,38px);max-width:390px}.c2-enhanced .c2-visual{order:1;flex:1;min-height:100px;align-self:auto}.c2-enhanced .c2-visual img{height:100%;min-height:0;max-height:28svh;width:auto;max-width:100%;object-fit:contain}.c2-enhanced .c2-visual figcaption{font-size:10px;line-height:1.4;margin-top:22px}.c2-enhanced .c2-description{order:2;margin:0;max-width:100%;font-size:13px;line-height:1.4;flex-shrink:0}.c2-enhanced .c2-select{order:3;min-height:44px;padding:10px 16px;font-size:13px;flex-shrink:0}.c2-enhanced .c2-nav a{min-height:48px}.c2-enhanced .c2-copy{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.c2-catalog{transition:none}.c2-visual img{will-change:auto}}

@media(min-width:700px) and (max-height:820px){.c2-enhanced .c2-product{padding-block:20px}.c2-enhanced .c2-copy h2{font-size:clamp(40px,4.9vw,56px);margin-bottom:18px}.c2-enhanced .c2-number{margin-bottom:16px}.c2-enhanced .c2-description{font-size:15px;line-height:1.4;margin-bottom:20px}}

.selection{padding:112px 0;background:#F4F1EA;color:#232622;scroll-margin-top:100px}
.selection__layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,144px)}
.selection__intro h2{margin:32px 0;font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,4.45vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.02em}
.selection__description{max-width:390px;font-size:19px;line-height:1.5;color:#62655B}
.selection__chosen{max-width:390px;margin-top:64px;padding-top:16px;border-top:1px solid rgba(35,38,34,.24);display:flex;justify-content:space-between;gap:16px;font-size:14px}
.selection__chosen>span:first-child{color:#62655B}
.selection__chosen>span:last-child{color:#46523C}
.selection__form{padding-top:0;min-width:0}
.selection__form h3{font-size:28px;line-height:1.2;font-weight:400;margin:0 0 12px}
.selection__required{font-size:14px;color:#62655B;margin:0 0 32px;line-height:1.5}
.selection__field{margin-bottom:28px}
.selection__field label{display:block;font-size:14px;line-height:1.5;margin-bottom:8px}
.selection__field label span{color:#62655B;font-size:12px}
.selection__field input,.selection__field select{width:100%;min-width:0;min-height:56px;padding:12px 0;font:inherit;font-size:17px;color:#232622;border:0;border-bottom:1px solid rgba(35,38,34,.5);border-radius:0;background:transparent;box-shadow:none}
.selection__field input::placeholder{color:#62655B;opacity:1;font-size:15px}
.selection__field input:focus-visible,.selection__field select:focus-visible{outline:2px solid #46523C;outline-offset:5px}
.selection__field input[aria-invalid="true"]{border-bottom:2px solid #232622}
.selection__select-wrap{position:relative}
.selection__select-wrap select{appearance:none;padding-right:32px;cursor:pointer}
.selection__select-wrap>span{position:absolute;right:4px;top:12px;pointer-events:none;font-size:24px}
.selection__hint,.selection__error{font-size:13px;line-height:1.45;margin:8px 0 0}
.selection__hint{color:#62655B}
.selection__error{color:#232622;font-weight:500}
.selection__error[hidden]{display:none}
.selection__check{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;cursor:pointer}
.selection__status{display:flex;gap:12px;font-size:13px;line-height:1.5;color:#62655B;margin:16px 0 0}
.selection__status-mark{font-size:19px;line-height:1;flex-shrink:0;padding-top:2px}
.perlite-footer{padding:0 0 24px;background:#232622;color:#F4F1EA;scroll-margin-top:88px;overflow:hidden}
.perlite-footer__top{position:relative;display:grid;grid-template-columns:40% 60%;padding-top:80px;isolation:isolate}
.perlite-footer__architecture{position:absolute;inset:0;z-index:-1;overflow:hidden}
.perlite-footer__architecture img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.perlite-footer__invitation{grid-column:2;min-height:470px;padding:48px 48px 0;background:#232622;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.perlite-footer__top .eyebrow{color:inherit;opacity:.75;margin:0 0 64px}
.perlite-footer__message{position:relative;margin:0 0 48px}
.perlite-footer__top h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,4.45vw,64px);line-height:1.08;font-weight:400;letter-spacing:-.02em;margin:0;position:relative;z-index:1}
.perlite-footer__stroke{position:absolute;left:-104px;top:-45px;width:clamp(110px,14vw,200px);aspect-ratio:2172/724;background:#727C61;-webkit-mask:url("assets/stroke.webp") center/100% 100% no-repeat;mask:url("assets/stroke.webp") center/100% 100% no-repeat;transform:rotate(-8deg);pointer-events:none}
.perlite-footer__stroke::after{content:"";position:absolute;inset:0;background:url("assets/stroke.webp") center/100% 100% no-repeat;opacity:.42;mix-blend-mode:luminosity}
.perlite-footer__stroke.is-entering{animation:perlite-footer-stroke 900ms cubic-bezier(.22,1,.36,1) both}
@keyframes perlite-footer-stroke{from{opacity:0;transform:translateX(-24px) rotate(-8deg) scaleX(.65)}to{opacity:1;transform:translateX(0) rotate(-8deg) scaleX(1)}}
.perlite-footer__cta{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px;border-top:1px solid rgba(244,241,234,.3);border-bottom:1px solid rgba(244,241,234,.3);text-decoration:none;color:inherit;font-size:clamp(24px,2.5vw,36px);transition:padding 200ms ease,color 200ms ease}
.perlite-footer__cta>span:last-child{font-size:40px}
.perlite-footer__cta:hover{padding-left:16px;padding-right:16px;color:#D0D6C4}
.perlite-footer a:focus-visible{outline:2px solid #F4F1EA;outline-offset:5px}
.perlite-footer__wordmark{font-family:Manrope,Arial,sans-serif;font-size:clamp(54px,13vw,184px);line-height:1.02;letter-spacing:-.045em;white-space:nowrap;margin:64px 0 40px}
.perlite-footer__bottom{border-top:1px solid rgba(244,241,234,.3);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;line-height:1.5;color:rgba(244,241,234,.75)}
.perlite-footer__bottom p{margin:0}
.perlite-footer__bottom a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
@media(max-width:1100px) and (min-width:761px){.perlite-footer__invitation{padding:40px 32px 0;min-height:430px}.perlite-footer__top{grid-template-columns:37% 63%;padding-top:64px}}
@media(max-width:760px){.selection{padding:64px 0;scroll-margin-top:84px}.selection__layout{grid-template-columns:1fr;gap:48px}.selection__intro h2{font-size:40px;margin:24px 0}.selection__description{font-size:17px;max-width:440px}.selection__chosen{margin-top:32px;max-width:none}.selection__form h3{font-size:26px}.selection__field input::placeholder{font-size:13px}.selection__check{margin-top:24px}.perlite-footer__top{display:block;padding-top:112px;padding-left:20px}.perlite-footer__architecture img{object-position:30% 30%}.perlite-footer__invitation{min-height:0;padding:32px 20px 0}.perlite-footer__top .eyebrow{margin:0 0 56px;font-size:11px}.perlite-footer__top h2{font-size:40px}.perlite-footer__message{margin-bottom:32px}.perlite-footer__stroke{left:-48px;top:-38px;width:100px}.perlite-footer__cta{min-height:80px;font-size:25px}.perlite-footer__wordmark{font-size:13vw;margin:40px 0 24px}.perlite-footer__bottom{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding-top:16px}.perlite-footer__bottom p:nth-child(2){grid-column:1;grid-row:2}.perlite-footer__bottom a{grid-column:2;grid-row:1/3}}
@media(max-width:380px){.selection__intro h2,.perlite-footer__top h2{font-size:36px}.selection__field label span{font-size:11px}.perlite-footer__cta{font-size:23px}.perlite-footer__bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){.perlite-footer__stroke.is-entering{animation:none}.perlite-footer__cta{transition:none}}

/* 21st.dev ContainerScrollInsetX / ContainerScrollScale, adapted to native scroll.
   Rules activate only after a successful JS render; no invisible no-JS state. */
.p2-material.scroll-photo-reveal{clip-path:inset(0 var(--reveal-inset,0px));}
.p2-material.scroll-photo-reveal>.p2-mineral{transform:scale(var(--reveal-scale,1));transform-origin:center;}
.p3-gallery-stage.scroll-photo-reveal .p3-gallery-slide>img{clip-path:inset(0 var(--reveal-inset,0px));transform:scale(var(--reveal-scale,1));transform-origin:50% 50%;}
.p3-gallery-stage.scroll-photo-reveal:focus-within .p3-gallery-slide>img{clip-path:none;transform:none;}
@media(prefers-reduced-motion:reduce){
  .p2-material.scroll-photo-reveal,.p3-gallery-stage.scroll-photo-reveal .p3-gallery-slide>img{clip-path:none!important;}
  .p2-material.scroll-photo-reveal>.p2-mineral,.p3-gallery-stage.scroll-photo-reveal .p3-gallery-slide>img{transform:none!important;}
}

/* Only the photograph is composited: captions and controls remain native. */
.p3-gallery-stage{position:relative;isolation:isolate}
.p3-gallery-stage.p3-gallery-interacted .p3-gallery-slide>img{clip-path:none;transform:none}
.p3-gallery-wipe{position:absolute;inset:0 auto auto 0;display:block;width:100%;z-index:2;pointer-events:none;contain:strict}
.p3-is-wiping{overflow:clip}
@media(prefers-reduced-motion:reduce){.p3-gallery-wipe{display:none}}

/* Keep the image and its navigation together within the available viewport. */
.p3-application{padding-top:clamp(24px,5svh,48px);scroll-margin-top:24px}
.p3-gallery-heading{margin-bottom:24px}
.p3-gallery{width:min(100%,1100px,93svh);margin-inline:auto}
.p3-gallery-slide{margin-bottom:16px}
.p3-gallery-slide>img{aspect-ratio:1.86;height:auto}
.p3-gallery-slide figcaption{padding-top:12px}
.p3-gallery-bottom{display:flex;flex-direction:column;align-items:stretch;gap:20px}
.p3-gallery-controls{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}
.p3-gallery-thumbs{max-width:none}
.p3-thumb>img{max-height:88px}
@media(max-width:760px){
 .p3-gallery{width:min(100%,66.66svh)}
 .p3-gallery-slide>img{aspect-ratio:4/3}
 .p3-gallery-slide figcaption{display:flex;align-items:baseline;gap:16px}
 .p3-gallery-slide figcaption>span:first-child{margin:0;flex-shrink:0}
 .p3-gallery-slide figcaption>span:last-child{max-width:62%;text-align:right}
 .p3-gallery-controls{flex-direction:row}
 .p3-gallery-thumbs{gap:8px}
 .p3-thumb>img{max-height:64px}
}

/* Manrope from Fontshare: complete Russian glyph coverage, local variable font. */
@font-face{font-family:Manrope;src:url('assets/manrope-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
h1,h2{font-weight:550;letter-spacing:-.045em}
.brand-hero h1{font-weight:650;letter-spacing:-.055em}
.brand-hero h1 em{font-family:Manrope,Arial,sans-serif;font-size:1em;font-weight:450;font-style:normal;line-height:1.14;letter-spacing:-.055em}
.brand-hero__row-copy h2,.can-dialog h2{font-weight:600;letter-spacing:-.045em}
.p3-gallery-heading h2,.p3-section-heading h2{font-weight:550}
.brand-lockup__name,.wordmark{font-weight:650;letter-spacing:-.045em}
.eyebrow{font-weight:600}
.intro h1{font-weight:550;letter-spacing:-.05em}
@media(max-width:760px){.brand-hero h1{font-size:clamp(34px,9.2vw,62px)}.brand-hero h1 em{font-size:1em}.intro h1{font-size:36px}}

.selection{background:#eceee5;padding:88px 0 104px;scroll-margin-top:28px}
.selection>.container{max-width:1380px}
.selection__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:44px}
.selection__heading h2{font-size:clamp(44px,5.5vw,76px);line-height:1.05;margin:0;font-weight:600;letter-spacing:-.055em;color:#123f30}
.selection__heading h2>span{color:#78836b;font-weight:450}
.selection__heading>p{max-width:310px;margin:0 0 5px;font-size:16px;line-height:1.65;color:#62665d}
.selection__heading .eyebrow{font-size:11px;margin-bottom:24px}
.selection__layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.selection__visual{position:relative;min-height:560px;border-radius:16px;overflow:hidden;isolation:isolate;background:#b3b7a8;margin:0}
.selection__visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:opacity .3s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.selection__visual.is-changing>img{opacity:.25;transform:scale(1.035)}
.selection__visual:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(10,31,23,.65));z-index:0;pointer-events:none}
.selection__visual-caption{position:absolute;bottom:0;left:0;right:0;padding:34px;color:#fffdf5;z-index:1}
.selection__visual-label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.selection__visual-caption h3{font-size:clamp(24px,2.5vw,36px);line-height:1.2;letter-spacing:-.04em;font-weight:500;margin:16px 0 28px;max-width:330px}
.selection__visual-bottom{border-top:1px solid #fff5;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}
.selection__swatches{display:flex;gap:7px;flex:none}.selection__swatches i{width:18px;height:18px;border-radius:50%;background:#bac3aa;border:1px solid #ffffff60}.selection__swatches i:nth-child(2){background:#ddcdb5}.selection__swatches i:nth-child(3){background:#bf8975}
.selection__form{padding:36px 40px;background:#fafbf6;border:1px solid #dce0d3;border-radius:16px;box-shadow:0 16px 40px #183b2405}
.selection__form-kicker{color:#6c795e;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:650;margin-bottom:14px}
.selection__form h3{font-size:27px;font-weight:600;letter-spacing:-.035em;line-height:1.22;color:#123f30;margin-bottom:10px}
.selection__required{margin-bottom:24px;font-size:13px}
.selection__chosen{max-width:none;margin:0 0 24px;padding:12px 0;border-top:0;border-bottom:1px solid #dce0d3;font-size:12px}
.selection__field{margin-bottom:20px}
.selection__field label{font-size:12px;font-weight:600;margin-bottom:9px}
.selection__field label span{font-size:10px;font-weight:400}
.selection__field input,.selection__field select{min-height:54px;border:1px solid #d9dece;border-radius:8px;background:#f2f4ec;padding:13px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}
.selection__field input::placeholder{font-size:13px;color:#858d7c}
.selection__field input:focus-visible,.selection__field select:focus-visible{outline:0;border-color:#4e7258;background:#fff;box-shadow:0 0 0 3px #688b6526}
.selection__field input[aria-invalid=true]{border:1px solid #9a523e;background:#faf2ed}
.selection__error{color:#8b4635;font-size:12px}
.selection__select-wrap select{padding-right:40px}.selection__select-wrap>span{right:16px;top:10px;color:#557047}
.selection__hint{font-size:11px;color:#78806f}
.selection__check{margin-top:24px;min-height:56px;border-radius:8px;font-weight:550;background:#123f30;border-color:#123f30}
.selection__status{font-size:11px;line-height:1.6;margin-top:16px;max-width:390px}
@media(max-width:1100px){.selection__form{padding:28px}.selection__visual-caption{padding:28px}.selection__form h3{font-size:24px}}
@media(max-width:760px){.selection{padding:56px 0 64px}.selection__heading{display:block;margin-bottom:28px}.selection__heading h2{font-size:44px}.selection__heading>p{font-size:14px;margin:20px 0 0;max-width:330px}.selection__layout{grid-template-columns:1fr;gap:16px}.selection__visual{min-height:320px}.selection__visual>img{object-position:center 45%}.selection__visual-caption{padding:24px}.selection__visual-caption h3{font-size:28px;margin:12px 0 20px}.selection__visual-bottom{padding-top:14px;font-size:12px}.selection__form{padding:25px 22px}.selection__form h3{font-size:25px}.selection__required{font-size:12px}.selection__field input,.selection__field select{font-size:16px}.selection__chosen{font-size:11px}.selection__status{font-size:11px}}
@media(prefers-reduced-motion:reduce){.selection__visual>img{transition:none}.selection__visual.is-changing>img{opacity:1;transform:none}}

/* Content remains visible without JavaScript; only initialized targets animate. */
.reveal-word{font:inherit;font-style:inherit;display:inline-block;vertical-align:baseline}
.text-motion-ready .reveal-target:not(.reveal-heading){opacity:0;translate:0 22px;transition:opacity .75s cubic-bezier(.2,.7,.2,1),translate .85s cubic-bezier(.2,.7,.2,1)}
.text-motion-ready .reveal-target.reveal-entered:not(.reveal-heading){opacity:1;translate:0 0}
.text-motion-ready .reveal-heading .reveal-word{opacity:0;translate:0 .65em;filter:blur(3px);transition:opacity .7s ease,translate .85s cubic-bezier(.2,.7,.2,1),filter .7s ease;transition-delay:var(--word-delay,0ms)}
.text-motion-ready .reveal-heading.reveal-entered .reveal-word{opacity:1;translate:0 0;filter:blur(0)}
/* Properties use the same entrance on mobile and desktop, without a second dimmed parent. */
.text-motion-ready .p2-motion .p2-property.p2-waiting>div{opacity:1;transform:none}
.text-motion-ready .p2-motion .p2-property.p2-waiting .p2-number{opacity:1}
@media(prefers-reduced-motion:reduce){.reveal-target,.reveal-word{opacity:1!important;translate:none!important;filter:none!important;transition:none!important}}
@media print{.reveal-target,.reveal-word{opacity:1!important;translate:none!important;filter:none!important}}

/* Cross-document motion. Content stays visible when JavaScript is unavailable. */
@keyframes perlite-enter-small {
  from { opacity: 0; translate: 0 14px; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes perlite-enter-scene {
  from { opacity: .15; translate: 0 24px; clip-path: inset(0 0 7% 0); }
  to { opacity: 1; translate: 0 0; clip-path: inset(0); }
}

html.pp-arriving .paint-header {
  animation: perlite-enter-small 360ms cubic-bezier(.2,.7,.2,1) both;
}
html.pp-arriving .intro {
  animation: perlite-enter-small 470ms 45ms cubic-bezier(.2,.7,.2,1) both;
}
html.pp-arriving .scene-column {
  animation: perlite-enter-scene 570ms 90ms cubic-bezier(.2,.7,.2,1) both;
}
html.pp-arriving .controls {
  animation: perlite-enter-small 480ms 160ms cubic-bezier(.2,.7,.2,1) both;
}
html.pp-arriving .brand-hero {
  animation: perlite-enter-small 560ms cubic-bezier(.2,.7,.2,1) both;
}

html.pp-leaving body {
  opacity: .12;
  translate: 0 -12px;
  transition: opacity 190ms ease, translate 220ms cubic-bezier(.4,0,.8,.3);
}

@media (prefers-reduced-motion: reduce) {
  html.pp-arriving .paint-header,
  html.pp-arriving .intro,
  html.pp-arriving .scene-column,
  html.pp-arriving .controls,
  html.pp-arriving .brand-hero {
    animation: none;
  }
  html.pp-leaving body {
    opacity: 1;
    translate: none;
    transition: none;
  }
}