@font-face{font-family:Instrument;src:url('/fonts/instrument-sans-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:PlexMono;src:url('/assets/ibm-plex-mono-latin-400-normal-dmj8vg8y.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f5f5ee;--surface:#fcfcf7;--ink:#1b2b24;--green:#426c51;--muted:#66736a;--line:#d9dfd2;--lime:#b8e779;--header-height:76px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.22,1,.36,1);font-family:Instrument,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--safe-area-top,env(safe-area-inset-top,0px)) + 16px)}body{margin:0;padding-top:calc(var(--header-height) + var(--safe-area-top,env(safe-area-inset-top,0px)))}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #3b7653;outline-offset:5px}.material-stage button:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible{outline-color:var(--lime)}[hidden]{display:none!important}.icon{flex:0 0 auto;vertical-align:middle;pointer-events:none}.reverse{transform:rotate(180deg)}.diagonal{transform:rotate(-45deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0}.shell{width:min(1440px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-family:PlexMono,monospace;font-size:11px;line-height:1.5;letter-spacing:.11em;font-weight:400;text-transform:uppercase}.skip-link{position:fixed;top:8px;left:16px;z-index:150;background:var(--lime);padding:14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:90;height:calc(var(--header-height) + var(--safe-area-top,env(safe-area-inset-top,0px)));padding-top:var(--safe-area-top,env(safe-area-inset-top,0px));background:#191c1a;color:#f8faf3;border-bottom:1px solid #ffffff14}.header-inner{height:var(--header-height);width:min(1536px,calc(100% - 72px));margin:auto;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;min-height:44px;flex-shrink:0}.brand img{object-fit:contain}.brand span{font-size:18px;font-weight:720;letter-spacing:.07em}.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.desktop-nav a{min-height:44px;display:flex;align-items:center;font-size:13px;position:relative;color:#d3d8d2}.desktop-nav a:hover{color:#fff}.desktop-nav [aria-current]{color:#fff}.desktop-nav [aria-current]:after{content:'';position:absolute;bottom:0;height:2px;background:var(--lime);left:0;right:0}.header-contact{display:flex;align-items:center;gap:36px;background:var(--lime);color:var(--ink);height:44px;padding:0 18px;font-size:13px;font-weight:600}.header-contact:hover .icon{transform:translateX(3px)}.header-contact .icon{transition:transform .3s var(--ease)}.menu-toggle{display:none;min-height:44px;min-width:64px;align-items:center;gap:16px;font-size:13px}.menu-toggle span{font-size:28px;line-height:0}#mobile-menu{position:absolute;top:100%;left:0;right:0;background:#191c1a;border-top:1px solid #ffffff1a;padding:20px 30px;max-height:calc(100dvh - var(--header-height) - var(--safe-area-top,env(safe-area-inset-top,0px)) - var(--safe-area-bottom));overflow-y:auto}#mobile-menu a{display:flex;align-items:center;min-height:49px;border-bottom:1px solid #ffffff16;font-size:17px}
.intro{padding-top:24px;padding-bottom:34px}.intro-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.breadcrumb{display:flex;gap:18px;align-items:center;font-size:11px;color:var(--muted)}.breadcrumb a{min-height:24px;display:flex;align-items:center}.breadcrumb span:nth-child(2){color:#a5aea1}.intro-edition{color:var(--muted);font-size:11px;letter-spacing:.17em}.intro-grid{display:grid;grid-template-columns:1fr .64fr;gap:60px;align-items:end}.intro h1{font-size:clamp(52px,5.4vw,78px);font-weight:550;letter-spacing:-.067em;line-height:.98;margin-top:16px}.intro h1 span{color:var(--green)}.short-line{display:inline-block;width:24px;height:1px;background:#698264;vertical-align:middle;margin-right:7px}.intro-aside{padding-bottom:3px;max-width:420px}.intro-aside>p{color:#546255;font-size:16px;line-height:1.55;letter-spacing:-.01em}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:24px;font-size:14px;font-weight:600}.text-link .icon{transition:transform .35s var(--ease)}.text-link:hover .icon{transform:translateX(4px)}.intro-aside .text-link{margin-top:6px}.intro-count{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:11px;margin-top:20px}.intro-count strong{font-family:PlexMono,monospace;font-size:21px;color:var(--ink);font-weight:400}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;gap:16px}.category-filters{display:flex;gap:5px;flex-wrap:wrap}.category{display:flex;align-items:center;gap:16px;padding:11px 17px;min-height:44px;border:1px solid transparent;font-size:13px;white-space:nowrap;transition:background .2s,border-color .2s}.category:hover{background:#e8eddf}.category.active{border-color:#cad9ba;background:#e7efdc}.category-count{font-family:PlexMono,monospace;font-size:11px;color:#658052}.category.active .category-count{color:#365523}.catalog-guide{font-family:PlexMono,monospace;font-size:11px;letter-spacing:.09em;color:#7a8677;white-space:nowrap}
.explorer{display:grid;grid-template-columns:minmax(265px,.355fr) minmax(0,1fr);border:1px solid #d2dacd;background:var(--surface);align-items:start}.product-index{border-right:1px solid var(--line);min-width:0;align-self:stretch;padding:20px 18px 0}.search-box{display:flex;align-items:center;border-bottom:1px solid #9cac93;height:49px;gap:12px;padding:0 4px;margin:0 6px 13px;color:#66835d}.search-box>.icon{width:17px;height:17px}.search-box input{min-width:0;width:100%;height:44px;border:0;outline-offset:-3px;background:none;font-size:12px;color:var(--ink);appearance:none}.search-box input::-webkit-search-cancel-button{display:none}.search-box input::placeholder{color:#7c8978}.search-box .clear-search{width:30px;min-width:30px}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;border:1px solid transparent;transition:background .2s}.list-caption{display:flex;justify-content:space-between;padding:13px 10px 14px;font-family:PlexMono,monospace;font-size:11px;letter-spacing:.075em;color:#758570}#product-list{list-style:none;padding:0;margin:0}.product-row{display:flex;width:100%;text-align:left;align-items:center;gap:13px;border-top:1px solid #e4e8dd;min-height:66px;padding:10px;position:relative;transition:background .25s,color .25s}.row-number{font-family:PlexMono,monospace;font-size:11px;color:#85967a;min-width:19px}.row-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.row-name{font-size:13px;font-weight:570;line-height:1.3;letter-spacing:-.017em}.row-family{font-size:11px;color:#7d8a75}.row-arrow{margin-left:auto;opacity:0;transition:opacity .2s,transform .3s var(--ease);transform:translateX(-5px)}.row-arrow .icon{width:18px}.product-row:hover{background:#eef3e5}.product-row:hover .row-arrow,.product-row.is-selected .row-arrow{opacity:1;transform:none}.product-row.is-selected{background:#e4f0d2;color:#254429}.product-row.is-selected:before{content:'';position:absolute;left:-19px;top:0;bottom:0;width:3px;background:#80b756}.product-row.is-selected .row-number{color:#51733b}.product-row.is-selected .row-family{color:#607651}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:9px;padding:6px 0}.pagination span{font-family:PlexMono,monospace;font-size:11px;color:#687f59}.pagination .icon-button:hover{background:#e7efdd}.index-foot{font-size:11px;color:#7b8675;line-height:1.5;border-top:1px solid var(--line);padding:17px 10px 22px}.product-detail{min-width:0;outline-offset:-4px}.material-stage{height:376px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(130deg,#293d30,#19281f 72%);color:#deeacb}.stage-top{position:absolute;top:24px;left:28px;right:26px;display:flex;align-items:center;justify-content:space-between;z-index:3;pointer-events:none;font-family:PlexMono,monospace;font-size:11px;letter-spacing:.1em;color:#9cb08d}.stage-kicker{display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:#b6e983;box-shadow:0 0 10px #b6e98355}.stage-bottom{position:absolute;left:28px;right:22px;bottom:19px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3;pointer-events:none}.stage-bottom>div:first-child{display:flex;flex-direction:column;gap:6px}.visual-caption{font-size:11px;color:#b5c4a9}.drag-hint{font-size:11px;color:#77906b}.viewer-controls{display:flex;align-items:center;gap:4px;pointer-events:auto}.viewer-controls button{color:#cddcbd;border-color:#a9c78524;background:#1b2b1dd1;min-height:44px}.viewer-controls button:hover{background:#3d5130}.viewer-text{font-size:11px;padding:0 12px;border:1px solid #a9c78524;min-width:50px}.viewer-text[aria-pressed=true]{color:#d9f5ac;border-color:#9bbe76}.viewer-controls .icon{width:17px;height:17px}#material-canvas{position:absolute;inset:0;z-index:1;touch-action:pan-y;cursor:grab}#material-canvas:active{cursor:grabbing}#material-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y}.material-fallback{position:absolute;inset:0;transition:opacity .3s}.webgl-ready .material-fallback{opacity:0;pointer-events:none}
.product-information{padding:25px 29px 24px}.product-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.product-heading .eyebrow{color:#6d8060;font-size:11px;letter-spacing:.14em;margin-bottom:8px}.product-heading h2{font-size:clamp(27px,2.8vw,42px);line-height:1.08;letter-spacing:-.05em;font-weight:570;text-wrap:balance}.share-product{display:flex;align-items:center;gap:7px;font-size:11px;color:#6c7d64;white-space:nowrap;min-height:44px;margin-top:8px}.share-product .icon{width:15px}.product-tagline{margin-top:13px;font-size:15px;color:#45633c;line-height:1.45}.product-description{font-size:14px;line-height:1.6;color:#6c7766;max-width:620px;margin-top:7px}.product-properties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:19px;padding:13px 0;gap:16px}.product-properties>div{display:flex;flex-direction:column;gap:6px;min-width:0}.product-properties>div+div{border-left:1px solid var(--line);padding-left:20px}.product-properties span{font-family:PlexMono,monospace;font-size:11px;letter-spacing:.09em;color:#7c8a70}.product-properties strong{font-size:13px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.product-properties sub{font-size:.75em}.applications{margin-top:15px}.applications h3{font-size:11px;font-weight:500;color:#65785b;margin-bottom:9px}.applications ul{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.applications li{font-size:11px;padding:6px 9px;background:#eff2e7;color:#586c4e;line-height:1.3}.product-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:23px}.primary-button{background:#243f2c;color:#fafdf4;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:13px 18px;font-size:12px;font-weight:500;transition:background .2s}.primary-button .icon{width:20px}.primary-button:hover{background:#355940}.primary-button:hover .icon{transform:translateX(3px)}.product-actions p{font-size:11px;line-height:1.65;color:#859079}.catalog-disclaimer{max-width:770px;margin:15px 0 0 auto;font-size:11px;line-height:1.7;color:#78866d}.back-to-list{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 18px;font-size:12px;width:100%;background:#edf3e3}#empty-state{padding:20px 10px 40px}.empty-symbol{font-size:70px;line-height:1.4;color:#9aad86;font-weight:400}#empty-state h2{font-size:22px;font-weight:500;letter-spacing:-.04em}#empty-state p{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0}#empty-state .text-link{font-size:12px}
.consultation{padding-block:65px 70px}.consultation-inner{border-top:1px solid var(--line);padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.consultation .eyebrow{color:#778868;font-size:11px;margin-bottom:16px}.consultation h2{font-size:clamp(34px,3.8vw,52px);line-height:1.08;letter-spacing:-.05em;font-weight:520}.consultation h2 span{color:#527343}.consultation-aside{max-width:430px}.consultation-aside p{font-size:14px;line-height:1.65;color:#6b7962;margin-bottom:12px}.consultation .text-link{font-size:13px}.site-footer{background:#18211c;color:#d5dfc9;padding:38px 0 20px}.footer-main{display:flex;align-items:center;gap:56px;padding-bottom:34px}.footer-main>p{font-size:17px;line-height:1.4;letter-spacing:-.015em}.footer-main>p span{color:#94a989}.footer-contact{margin-left:auto;display:flex;align-items:center;gap:22px;min-height:44px;font-size:14px}.footer-bottom{border-top:1px solid #bdcdac24;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-bottom>span{font-family:PlexMono,monospace;font-size:11px;letter-spacing:.04em;color:#8fa480}.footer-bottom nav{display:flex;gap:24px;font-size:11px;color:#adbca1}.footer-bottom nav a{display:flex;align-items:center;min-height:30px}
dialog{border:1px solid #cad7c1;width:min(660px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:28px;background:var(--surface);color:var(--ink);box-shadow:0 30px 120px #071b1680}dialog::backdrop{background:#081910a8;backdrop-filter:blur(7px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-header .eyebrow{color:var(--green);font-size:11px}.dialog-header .icon-button{border-color:var(--line)}dialog h2{font-size:32px;letter-spacing:-.04em;line-height:1.1;font-weight:500;margin-top:16px}dialog h2 span{color:var(--green)}.dialog-description{font-size:13px;line-height:1.6;color:var(--muted);margin-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px;margin-top:24px}.form-grid label{font-size:11px;color:#526748;display:flex;flex-direction:column;gap:8px}.form-grid input{min-width:0;width:100%;height:44px;padding:8px 10px;border:1px solid #d4deca;color:var(--ink);background:#fff;font-size:12px;border-radius:0}.form-grid input::placeholder{color:#8a9781}.message-preview{background:#eef3e5;padding:17px;margin-top:22px}.message-preview h3{font-size:11px;font-weight:500;color:#6f835f;margin-bottom:10px}.message-preview p{font-size:12px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.privacy-note{font-size:11px;line-height:1.6;color:#798771;margin:16px 0}#inquiry-form .primary-button{width:100%}.toast{position:fixed;z-index:120;bottom:calc(26px + var(--safe-area-bottom));left:50%;transform:translateX(-50%);background:#273f2d;color:#f4ffe7;font-size:12px;line-height:1.5;padding:15px 22px;box-shadow:0 5px 35px #15241430;max-width:calc(100% - 32px);text-align:center}.static-catalog{padding-block:30px}.static-catalog details{border-bottom:1px solid var(--line);padding:15px}.static-catalog summary{cursor:pointer;min-height:30px}.static-catalog p{margin:12px 0;line-height:1.6}.static-catalog a{text-decoration:underline}
@media(min-width:1450px){.material-stage{height:405px}.product-information{padding:28px 34px}.product-row{min-height:69px}.row-name{font-size:14px}.row-family{font-size:11px}.product-description{font-size:14px}.product-properties strong{font-size:14px}.product-properties span{font-size:11px}.applications h3{font-size:12px}.applications li{font-size:11px}.product-actions p{font-size:11px}.product-actions .primary-button{font-size:13px}.catalog-disclaimer{font-size:11px}}
@media(max-width:1150px){.shell{width:calc(100% - 56px)}.header-inner{width:calc(100% - 48px);gap:20px}.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.header-contact{gap:20px}.intro-grid{gap:30px}.catalog-guide{display:none}.category{padding-inline:15px}.explorer{grid-template-columns:290px minmax(0,1fr)}.product-index{padding-inline:12px}.product-row.is-selected:before{left:-13px}.product-information{padding:22px}.material-stage{height:345px}.share-product{font-size:0;gap:0;width:44px;justify-content:center;margin:0}.share-product .icon{width:18px}.product-actions{gap:12px}.product-actions p br{display:none}.product-actions p{max-width:140px}.stage-bottom{left:22px;right:14px}.viewer-text{padding-inline:8px}.product-properties>div+div{padding-left:12px}.catalog-toolbar{padding:12px 0}.intro h1{font-size:63px}.intro-aside p{font-size:15px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:900px){.desktop-nav{display:none}.header-contact{margin-left:auto}.menu-toggle{display:flex}.explorer{grid-template-columns:265px minmax(0,1fr)}.intro h1{font-size:56px}.intro-aside p br{display:none}.category{font-size:12px;padding:10px 12px;gap:11px}.material-stage{height:310px}.stage-top{left:20px;right:18px}.stage-bottom{left:18px;bottom:14px}.visual-caption{font-size:11px}.drag-hint{font-size:11px}.viewer-text{font-size:11px;min-width:44px;padding-inline:6px}.viewer-controls{gap:2px}.viewer-controls .icon-button{width:40px;min-width:40px}.product-heading h2{font-size:30px}.product-tagline{font-size:13px}.product-description{font-size:14px}.product-actions{flex-wrap:wrap}.product-actions .primary-button{width:100%}.product-actions p{font-size:11px;max-width:none}.product-properties{gap:8px}.product-properties>div+div{padding-left:8px}.product-properties strong{font-size:12px}.row-name{font-size:13px}.row-family{font-size:11px}.row-number{font-size:11px}.row-arrow .icon{width:16px}.product-row{gap:8px;min-height:67px}.consultation-inner{gap:35px}.footer-main{gap:30px}}
@media(max-width:700px){:root{--header-height:66px}.shell{width:calc(100% - 36px)}.header-inner{width:calc(100% - 32px);gap:12px}.brand{gap:8px}.brand img{width:31px;height:33px}.brand span{font-size:16px}.header-contact{background:none;color:var(--lime);padding:0 8px;font-size:12px;gap:9px}.header-contact .icon{width:17px}.menu-toggle{font-size:12px;gap:8px;min-width:57px}.intro{padding-top:19px;padding-bottom:25px}.intro-top{margin-bottom:23px}.intro-edition{font-size:11px}.breadcrumb{gap:12px;font-size:11px}.intro-grid{grid-template-columns:1fr;gap:18px}.intro-grid .eyebrow{font-size:11px;letter-spacing:.075em}.intro h1{font-size:clamp(47px,11.8vw,72px);line-height:1.0;margin-top:12px}.intro-aside{display:grid;grid-template-columns:1fr auto;column-gap:13px;align-items:center;max-width:none}.intro-aside>p{font-size:13px;line-height:1.6;grid-column:1/-1;max-width:360px}.intro-aside .text-link{margin-top:5px;font-size:12px;gap:13px}.intro-count{font-size:11px;margin-top:5px;gap:7px;max-width:135px;line-height:1.4}.intro-count strong{font-size:19px}.category-filters{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:5px}.category{justify-content:space-between;padding-inline:11px;font-size:11px;border:1px solid #e0e5d8;min-height:44px;white-space:normal}.category-count{font-size:11px}.catalog-toolbar{padding-block:13px}.explorer{grid-template-columns:1fr}.product-index{border-right:0;padding:15px 15px 0}.search-box input{font-size:13px}.list-caption{font-size:11px}.product-row{min-height:65px;padding-inline:10px;gap:14px}.row-name{font-size:14px}.row-family{font-size:11px}.row-number{font-size:11px}.row-arrow{opacity:.4;transform:none}.row-arrow .icon{width:20px}.product-row.is-selected:before{left:-16px}.index-foot{font-size:11px;padding-block:13px 16px}.product-detail{border-top:1px solid var(--line)}.material-stage{height:315px}.stage-top{font-size:11px;top:21px;left:20px;right:20px}.stage-bottom{left:17px;right:12px;bottom:15px}.viewer-controls .icon-button{width:44px;min-width:44px}.viewer-text{font-size:11px;padding-inline:8px}.product-information{padding:22px 19px 24px}.product-heading h2{font-size:35px}.product-heading .eyebrow{font-size:11px}.product-tagline{font-size:15px;line-height:1.4;margin-top:14px}.product-description{font-size:14px;line-height:1.65;margin-top:10px}.product-properties{margin-top:20px;padding-block:15px;gap:12px}.product-properties span{font-size:11px}.product-properties strong{font-size:13px}.applications h3{font-size:12px}.applications li{font-size:11px;padding:7px 9px}.product-actions{gap:13px;margin-top:22px}.product-actions .primary-button{font-size:13px;min-height:49px}.product-actions p{font-size:11px}.catalog-disclaimer{font-size:11px;margin:16px 2px 0;line-height:1.7}.consultation{padding-block:38px}.consultation-inner{grid-template-columns:1fr;gap:21px;padding-top:29px}.consultation .eyebrow{font-size:11px;margin-bottom:12px}.consultation h2{font-size:40px}.consultation-aside p{font-size:14px}.consultation .text-link{font-size:13px}.site-footer{padding-top:30px}.footer-main{flex-wrap:wrap;justify-content:space-between;gap:25px;padding-bottom:23px}.footer-main .brand img{width:30px;height:32px}.footer-main>p{font-size:14px}.footer-contact{margin-left:0;font-size:13px;justify-content:space-between;width:100%}.footer-bottom{gap:14px;padding-top:20px}.footer-bottom nav{order:1;width:100%;justify-content:space-between;font-size:11px}.footer-bottom>span{font-size:11px;line-height:1.6}.enhanced .product-detail:not(.mobile-open){display:none}.enhanced .product-index:has(+.mobile-open){display:none}.enhanced .product-detail.mobile-open .back-to-list{display:flex!important}.enhanced .product-detail.mobile-open{border-top:0}dialog{padding:20px;max-height:calc(100dvh - 24px)}dialog h2{font-size:28px}.form-grid{grid-template-columns:1fr;gap:14px}.dialog-description{font-size:13px}.form-grid label{font-size:12px}.form-grid input{font-size:14px;min-height:46px}.message-preview p{font-size:13px}.privacy-note{font-size:11px}#inquiry-form .primary-button{font-size:13px}}
@media(max-width:360px){.shell{width:calc(100% - 28px)}.header-inner{width:calc(100% - 24px)}.brand span{font-size:14px}.header-contact{gap:4px;padding:0 3px}.menu-toggle{gap:4px}.intro-aside{column-gap:5px}.intro-count{max-width:120px;font-size:11px}.intro-aside .text-link{font-size:11px;gap:9px}.stage-bottom{align-items:end}.stage-bottom>div:first-child{max-width:102px}.visual-caption{line-height:1.45}.viewer-text{padding-inline:6px;font-size:11px}.stage-top{font-size:11px}.product-information{padding-inline:16px}.product-properties{gap:7px}.product-properties>div+div{padding-left:7px}.product-properties strong{font-size:12px}.product-heading h2{font-size:30px}.consultation h2{font-size:35px}.footer-main>p{font-size:12px}}
@media(max-height:500px) and (min-width:701px){:root{--header-height:60px}.intro{padding-block:10px 20px}.intro-top{margin-bottom:10px}.intro h1{font-size:45px}.intro h1 br{display:none}.intro-grid{grid-template-columns:1fr .75fr;gap:30px}.intro h1{max-width:380px}.intro-aside p{font-size:13px}.intro-count{display:none}.consultation{padding-block:30px}.consultation-inner{padding-top:20px;gap:30px}.consultation h2{font-size:32px}.consultation-aside p{font-size:12px}.consultation .eyebrow{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.text-link:hover .icon,.header-contact:hover .icon,.primary-button:hover .icon{transform:none}.row-arrow{transform:none}}
@media(forced-colors:active){.material-stage{background:Canvas;color:CanvasText;border-block:1px solid CanvasText}.material-stage canvas,.material-fallback,.stage-formula,.material-stage{height:120px}.stage-top,.stage-bottom,.visual-caption,.drag-hint{color:CanvasText}.viewer-controls{display:none!important}.product-row.is-selected,.category.active{outline:2px solid Highlight;outline-offset:-3px}.status-dot{background:CanvasText}.product-properties,.explorer,.category{border-color:CanvasText}button{border:1px solid ButtonText}.site-header{background:Canvas;color:CanvasText}.primary-button,.header-contact{background:ButtonFace;color:ButtonText}}
@media print{.catalog,.intro-aside,.site-footer,.consultation,dialog{display:none}body{padding:0}.intro{padding:0}.static-catalog{display:block}.shell{width:100%}h1{font-size:36px!important}noscript{display:block}}


.detail-empty{display:flex;min-height:430px;padding:50px;flex-direction:column;justify-content:center;background:#edf2e5}.detail-empty .eyebrow{color:#73866a}.detail-empty h2{font-size:44px;font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:20px 0}.detail-empty p{max-width:350px;font-size:14px;line-height:1.7;color:#6a7e60}.product-heading{position:relative}.share-fallback{position:absolute;left:0;top:100%;width:100%;height:44px;z-index:5;font-size:12px;padding:10px;border:1px solid #9bae89;background:#fff}.footer-address{font-size:11px;line-height:1.6;font-style:normal;color:#9bae90;margin-bottom:22px}@media(max-width:700px){.detail-empty{display:none!important}.footer-address{max-width:300px}}
.breadcrumb span:nth-child(2),.category-count,.catalog-guide,.list-caption,.row-number,.row-family,.pagination span,.index-foot,.product-heading .eyebrow,.share-product,.product-properties span,.product-actions p,.catalog-disclaimer,.consultation .eyebrow,.consultation-aside p,.privacy-note,.detail-empty .eyebrow,.detail-empty p{color:#5f6e55}.product-row.is-selected .row-family{color:#4d643b}.drag-hint{color:#a0b68e}.form-grid input::placeholder,.search-box input::placeholder{color:#68765f}

/* Product identity occupies its own area; the 3D viewport never sits behind the formula. */
.material-stage{container-type:inline-size}
.stage-identity{position:absolute;left:28px;top:75px;width:27%;max-width:265px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:12px;pointer-events:none}
.stage-formula-label,.stage-state-label{font-family:PlexMono,monospace;font-size:11px;line-height:1.5;letter-spacing:.065em;color:#a8bd98}
.stage-formula{display:block;max-width:100%;font-family:Instrument,Arial,sans-serif;font-size:clamp(27px,3.9cqw,38px);font-weight:500;line-height:1.3;letter-spacing:-.025em;color:#edf9df;white-space:nowrap;font-variant-numeric:lining-nums}
.stage-formula sub{font-size:.65em;line-height:0;vertical-align:sub}
.stage-identity.is-long .stage-formula{font-size:clamp(20px,3cqw,30px)}
.stage-identity.is-mixture .stage-formula{font-size:clamp(18px,2.3cqw,23px);white-space:normal;line-height:1.3;letter-spacing:-.015em}
.identity-connector{display:block;width:76px;height:1px;margin-top:1px;background:linear-gradient(90deg,#b8e779a6,#b8e7791a);position:relative}
.identity-connector:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#b8e779}
.stage-side{position:absolute;left:28px;top:202px;max-width:25%;z-index:3;display:flex;flex-direction:column;gap:8px;pointer-events:none}
#stage-state{font-family:Instrument,Arial,sans-serif;font-size:14px;line-height:1.45;color:#d3e1c5;text-transform:none}
#material-canvas{left:34%}
@container (max-width:620px){
 .stage-identity{top:55px;left:20px;right:20px;width:auto;max-width:none;min-height:51px;padding:0 0 12px;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #a8c88133}
 .stage-formula-label{max-width:130px;font-size:11px;line-height:1.5;flex-shrink:0}
 .stage-formula{font-size:27px;text-align:right;line-height:1.25}
 .stage-identity.is-long .stage-formula{font-size:24px}
 .stage-identity.is-mixture .stage-formula{font-size:20px;max-width:210px;text-align:right}
 .identity-connector,.stage-side{display:none}
 #material-canvas{left:0;top:106px;bottom:28px}
}
@container (max-width:380px){
 .stage-identity{left:17px;right:17px;gap:12px}
 .stage-formula-label{max-width:84px;letter-spacing:.025em}
 .stage-formula{font-size:25px}
 .stage-identity.is-long .stage-formula{font-size:21px}
 .stage-identity.is-mixture .stage-formula{font-size:18px;max-width:170px}
}
@media(max-width:900px){.material-stage{height:400px}}
@media(forced-colors:active){
 .material-stage{height:176px}
 .stage-formula,.stage-formula-label,.stage-state-label,#stage-state{color:CanvasText}
 .stage-identity{left:20px;right:20px;top:52px;width:auto;max-width:none;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid CanvasText;padding-bottom:10px;gap:20px}
 .stage-formula{font-size:26px}.stage-identity.is-long .stage-formula{font-size:21px}
 .stage-identity.is-mixture .stage-formula{font-size:18px}
 .stage-side,.identity-connector{display:none}
}

.material-stage{height:440px;background:linear-gradient(130deg,#293d30,#19281f 72%)}
.material-stage[data-studio=oil]{background:#1d2a23}
#material-canvas{top:26px;bottom:52px}
.viewer-perspective{position:absolute;left:28px;top:272px;width:27%;max-width:265px;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.view-switch{display:flex;width:100%;max-width:225px;border:1px solid #7f977550;background:#15221cc9}
.view-switch button{flex:1;min-width:0;min-height:44px;padding:0 8px;font-size:11px;color:#b6c7aa;white-space:nowrap;transition:background .2s,color .2s}
.view-switch button[aria-pressed=true]{background:#daeac7;color:#1d3424;font-weight:600}
.view-switch button:hover{color:#f1ffdf;background:#35472e}.view-switch button[aria-pressed=true]:hover{background:#e4f2d4;color:#1d3424}
.element-legend{display:flex;gap:0;flex-wrap:wrap}
.element-legend button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;border:1px solid transparent}
.element-legend button>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--element-color);color:#14201a;font-family:PlexMono,monospace;font-size:11px;font-weight:600;box-shadow:inset 0 2px 4px #ffffff70}
.element-legend button[aria-pressed=true]{border-color:#c7e999;background:#8fbc6d18}
.element-legend button:hover{background:#adc78815}
.element-select{display:none;min-height:44px;max-width:100%;padding:0 8px;border:1px solid #7f977550;border-radius:0;background:#1c2b22;color:#e3efda;font:11px Instrument,Arial,sans-serif;color-scheme:dark}
.structure-poster{width:100%;height:100%;display:block;object-fit:contain}.material-fallback.has-structure{inset:0;transform:none;display:block}
.webgl-ready .material-fallback{display:none}
.structure-poster .is-highlight{stroke:#d8fa9e;stroke-width:4px}
@container(max-width:760px){.element-legend{display:none}.element-select{display:block;width:100%}}
@container(max-width:620px){
 .viewer-perspective{top:115px;left:20px;right:20px;width:auto;max-width:none;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
 .view-switch{width:155px;flex-shrink:0}.view-switch button{padding:0 7px}
 .element-select{width:100px;min-width:0}
 #material-canvas{top:173px;bottom:72px}
 .material-stage[data-has-structure=false] #material-canvas{top:121px;bottom:72px}
 .stage-bottom{align-items:flex-end}
 .stage-bottom>div:first-child{max-width:48%}.drag-hint{max-width:200px;line-height:1.45}
}
@container(max-width:380px){
 .viewer-perspective{left:17px;right:17px;gap:8px}.view-switch{width:145px}.view-switch button{padding-inline:5px}
 .element-select{width:91px;padding-inline:5px}
 .stage-bottom{gap:7px}.stage-bottom>div:first-child{max-width:42%}
}
@media(max-width:900px){.material-stage{height:460px}}
@media(prefers-reduced-motion:reduce){.view-switch button{transition:none}}
@media(forced-colors:active){.material-stage{height:176px}.viewer-perspective{display:none}.element-legend button>span{background:Canvas;color:CanvasText;border:1px solid CanvasText}}

/* Qumika material palette: mineral green, warm paper, restrained lime.
   Photographic material studies remain decorative, separate from product identity. */
:root{--paper:#f3f5ee;--surface:#fdfef9;--line:#d6ded0;--control-radius:5px}
body{background:linear-gradient(180deg,#edf1e6 0,#f5f6ef 920px,#f5f6ef 100%)}
.intro.shell{width:100%;position:relative;isolation:isolate;padding:26px 0 43px;background:#142d25;color:#f2f6e9;border-bottom:1px solid #71875d}
.intro-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.intro-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.intro:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#142d25f2 0%,#142d25dc 38%,#142d2540 53%,#142d25cc 66%,#142d25ed 78%,#142d25f2 100%)}
@media(min-width:1500px){.intro-backdrop img{width:auto;max-width:none;margin-inline:auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}}
@media(max-width:700px){.intro-backdrop img{object-fit:cover;object-position:50% 65%}.intro:before{background:linear-gradient(90deg,#142d25ef,#142d25d9 44%,#142d25b3 100%)}}
@media(forced-colors:active),print{.intro-backdrop{display:none}}

.intro [data-viewport-frame]{width:min(1440px,calc(100% - 96px));margin-inline:auto}
.intro-top{border-bottom:1px solid #c9dcbc25;padding-bottom:16px;margin-bottom:28px}
.intro .breadcrumb,.intro .breadcrumb span:nth-child(2),.intro .intro-edition{color:#b6c8ac}
.intro .breadcrumb a{min-height:44px}.intro .breadcrumb a:hover{color:#f5ffe5}
.intro-grid{grid-template-columns:1.15fr .65fr;gap:clamp(36px,6vw,100px);align-items:end}
.intro-grid .eyebrow{color:#bdcdb1;letter-spacing:.1em}
.intro .short-line{background:#bddc9d;width:25px;height:2px}
.intro h1{font-size:clamp(58px,5.55vw,83px);font-weight:530;letter-spacing:-.06em;line-height:1.02;margin-top:19px}
.intro h1 span{color:#bce18f}
.intro-aside{border-left:1px solid #c8d8b52f;padding:5px 0 0 28px;max-width:430px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}
.intro-aside>p{color:#d2ddc8;font-size:16px;line-height:1.65;letter-spacing:0}
.intro-aside .text-link{align-self:flex-start;min-height:48px;gap:25px;margin-top:20px;padding:6px 6px 6px 17px;border:1px solid #c6e59b;background:#c3e894;color:#1c3526;border-radius:var(--control-radius);box-shadow:0 3px 0 #0b1f1930;font-size:13px;transition:background .2s,box-shadow .2s,transform .2s}
.intro-aside .text-link>.icon{width:34px;height:34px;padding:7px;border-radius:3px;background:#223d2c;color:#d4f2b1}
.intro-aside .text-link:hover{background:#d4f2af;box-shadow:0 5px 14px #071d1530;transform:translateY(-1px)}
.intro-aside .text-link:hover>.icon{transform:none}
.intro a:focus-visible{outline-color:#dbf7b6}
.intro-count{color:#d7e4cc;font-size:11px;gap:13px;margin-top:22px;line-height:1.5}
.intro-count strong{font-family:Instrument,Arial,sans-serif;font-size:37px;line-height:1;color:#e8f3da;letter-spacing:-.045em;font-weight:450}
.catalog{padding-top:14px}
.catalog-toolbar{border:0;min-height:76px;padding:13px 0 16px;gap:18px}
.category-filters{gap:7px}
.category{min-height:46px;background:#f9fbf4;border:1px solid #d4ddcd;border-radius:var(--control-radius);padding:10px 15px;gap:20px;color:#465c45;box-shadow:0 1px 2px #233d2010;font-weight:500}
.category:hover{background:#e5ecd9;border-color:#9caf8d}
.category.active{background:#274a35;border-color:#274a35;color:#f3f8eb;box-shadow:0 3px 7px #2b482825}
.category-count{display:grid;place-items:center;min-width:26px;min-height:25px;padding:2px 5px;border-radius:3px;background:#e8eedd;color:#4e6940;font-size:11px}
.category.active .category-count{background:#c1e68e;color:#284327}
.catalog-guide{color:#5d6e55;letter-spacing:.08em;font-size:11px}
.explorer{border-color:#ccd7c6;border-radius:8px;box-shadow:0 14px 42px -24px #24472555,0 1px 4px #30472b0d}
.product-index{background:linear-gradient(125deg,#fdfef9,#f3f6ed);border-radius:8px 0 0 8px;padding-top:20px}
.search-box{background:#fff;border:1px solid #cbd7c1;border-radius:var(--control-radius);padding:0 10px;margin:0 1px 15px;box-shadow:inset 0 1px 3px #283d2510;transition:border-color .2s,box-shadow .2s}
.search-box:focus-within{border-color:#527d49;box-shadow:0 0 0 3px #80ac6630}
.search-box>.icon{width:18px;height:18px;color:#58764b}
.search-box .clear-search{width:44px;min-width:44px;margin-right:-8px}
.product-row{border-top-color:transparent;border-radius:var(--control-radius);margin-bottom:3px;padding:12px 11px}
.product-row:not(.is-selected):hover{background:#e9efdf}
.product-row.is-selected{background:#e1edce;box-shadow:inset 0 0 0 1px #b6cda0;color:#203f29}
.product-row.is-selected:before{display:none}
.product-row .row-arrow{opacity:.36;transform:none;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;border-radius:3px;color:#56724a}
.product-row.is-selected .row-arrow{background:#2d5137;color:#e3f3cb;opacity:1}
.row-name{font-weight:580}.row-family{line-height:1.4}
.pagination{padding-block:9px}.pagination .icon-button{background:#f8faf3;border-color:#d3ddca;border-radius:var(--control-radius)}
.pagination .icon-button:disabled{background:transparent;opacity:.35}
.index-foot{line-height:1.7;padding-top:16px}
.material-stage{border-radius:0 7px 0 0}
.viewer-controls{gap:5px}.viewer-controls button{border-radius:4px;border-color:#a1bf7961;background:#273d2cd6;color:#e1edcc;box-shadow:inset 0 1px 0 #deefc513}
.viewer-controls button:hover{background:#46603b;border-color:#b3d487}
.viewer-controls button[aria-pressed=true]{background:#d0e9a7;border-color:#d0e9a7;color:#253c24}
.view-switch{border-radius:4px;overflow:hidden}
.product-information{background:linear-gradient(135deg,#fdfef9,#f7f9f0);border-radius:0 0 7px 0}
.share-product{padding:0 11px;border:1px solid #d2ddc7;border-radius:var(--control-radius);background:#f4f7eb;color:#4e6544;gap:8px;transition:background .2s,border-color .2s}
.share-product:hover{background:#e3edd3;border-color:#acc491}
.share-product .front-copy{transition:transform .2s var(--ease)}
.share-product:hover .front-copy{transform:translate(1px,1px)}
.applications li{background:#edf2e3;border:1px solid #dce5d0;border-radius:4px;color:#49623c}
.primary-button{border-radius:var(--control-radius);background:#284d35;border:1px solid #284d35;box-shadow:0 3px 0 #162d2320;min-height:49px;font-size:13px;transition:background .2s,box-shadow .2s}
.primary-button:hover{background:#396644;box-shadow:0 5px 14px #1d402126}
.header-contact{border-radius:4px}.header-contact:hover{background:#ceeaa5}
.menu-toggle>.icon{width:21px;height:21px;color:#d6e6c4}
.menu-toggle[aria-expanded=true]>.icon{color:#b8e779}
.back-to-list{background:#e8efdc;color:#304e32;min-height:48px;border-radius:7px 7px 0 0;border-bottom:1px solid #c9d8bc}
.consultation{padding-block:45px 50px}
.consultation-inner{background:linear-gradient(110deg,#e7eddb,#f0f4e7);border:1px solid #d2ddc5;border-left:3px solid #638f4d;padding:29px 32px;border-radius:6px;gap:55px}
.consultation h2{font-size:clamp(34px,3.5vw,48px)}
.consultation .text-link{color:#28482d;border-bottom:1px solid #729462;min-height:44px}
.consultation-aside p{color:#52674a}
dialog{border-radius:8px;border-color:#b6caa5}.form-grid input{border-radius:4px}.dialog-header .icon-button{border-radius:4px}.message-preview{border-radius:5px}
@media(min-width:1600px){.intro.shell{padding-block:29px 47px}.intro-grid{grid-template-columns:1.2fr .6fr}.intro-aside{padding-left:34px}.intro h1{font-size:84px}}
@media(max-width:1150px){.intro [data-viewport-frame]{width:calc(100% - 56px)}.intro-grid{gap:32px;grid-template-columns:1.05fr .7fr}.intro h1{font-size:63px}.intro-aside{padding-left:23px}.intro-aside>p{font-size:15px}.intro-aside .text-link{gap:16px}.category{padding-inline:13px;gap:12px}.share-product{padding:0}.consultation-inner{gap:32px;padding:25px}.intro-count{margin-top:19px}}
@media(max-width:900px){.intro h1{font-size:55px}.intro-aside>p{font-size:14px}.intro-aside .text-link{font-size:12px}.category{font-size:12px;padding-inline:12px;gap:10px}.intro-count strong{font-size:30px}}
@media(max-width:700px){
 .intro.shell{padding:16px 0 27px}.intro [data-viewport-frame]{width:calc(100% - 36px)}
 .intro-top{padding-bottom:9px;margin-bottom:19px}.intro-edition{font-size:11px;letter-spacing:.06em}
 .intro-grid{grid-template-columns:1fr;gap:21px}.intro h1{font-size:clamp(45px,10.7vw,68px);margin-top:12px;line-height:1.01}.intro-grid .eyebrow{font-size:11px;letter-spacing:.05em}
 .intro-aside{border:0;padding:0;display:grid;grid-template-columns:1fr auto;gap:0 12px;max-width:none;align-items:center}
 .intro-aside>p{font-size:14px;max-width:390px;line-height:1.55;grid-column:1/-1}
 .intro-aside .text-link{font-size:12px;min-height:46px;gap:14px;padding:5px 5px 5px 12px;margin-top:15px;align-self:center}
 .intro-aside .text-link>.icon{width:30px;height:30px;padding:6px}
 .intro-count{max-width:120px;gap:8px;font-size:11px;margin-top:15px;line-height:1.35}.intro-count strong{font-size:27px}
 .catalog{padding-top:5px}.catalog-toolbar{padding-block:13px}.category-filters{gap:7px}.category{font-size:12px;gap:5px;padding:9px 10px;min-height:48px}.category-count{font-size:11px;min-width:24px;min-height:24px}
 .explorer{border-radius:7px;box-shadow:0 10px 30px -21px #24472555}.product-index{border-radius:7px;padding-top:15px}.product-row{margin-bottom:4px}.material-stage{border-radius:0}.product-information{border-radius:0 0 7px 7px}
 .product-row .row-arrow{width:28px;height:28px}.search-box input{font-size:14px}
 .viewer-controls{gap:4px}.viewer-controls .viewer-text{font-size:11px;padding-inline:7px}
 .consultation{padding-block:31px}.consultation-inner{padding:24px 20px;gap:17px;border-left-width:2px}.consultation h2{font-size:38px}.consultation-aside p{font-size:14px}.consultation .eyebrow{margin-bottom:11px}.consultation .text-link{font-size:12px}
 .header-contact{background:transparent}.header-contact:hover{background:#c9e6a415}
}
@media(max-width:360px){.intro [data-viewport-frame]{width:calc(100% - 28px)}.intro h1{font-size:44px}.intro-grid{gap:18px}.intro-aside{column-gap:8px}.intro-count{max-width:98px;gap:6px}.intro-count strong{font-size:25px}.intro-aside .text-link{gap:8px}.intro-aside .text-link>.icon{width:28px;height:28px}.category{padding-inline:8px;font-size:12px}.category-count{min-width:22px;padding-inline:3px}.consultation-inner{padding:22px 17px}.consultation h2{font-size:34px}}
@media(max-height:500px) and (min-width:701px){.intro.shell{padding:10px 0 18px}.intro-top{padding-bottom:4px;margin-bottom:14px}.intro-grid{grid-template-columns:1fr .8fr;gap:35px}.intro h1{font-size:45px;margin-top:12px;max-width:390px}.intro h1 br{display:block}.intro-aside{padding-top:0;padding-left:22px}.intro-aside>p{font-size:14px;line-height:1.45}.intro-aside .text-link{margin-top:12px;min-height:44px;padding-block:4px}.intro-count{display:flex;margin-top:10px}.intro-count strong{font-size:23px}.consultation{padding-block:22px}.consultation-inner{padding:20px;gap:25px}.consultation h2{font-size:32px}.consultation-aside p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.intro-aside .text-link,.intro-aside .text-link:hover,.share-product:hover .front-copy{transform:none;transition:none}}
@media(forced-colors:active){body,.intro.shell,.product-index,.product-information,.consultation-inner{background:Canvas;color:CanvasText}.intro:before{display:none}.intro-top,.intro-aside,.consultation-inner,.search-box,.category{border-color:CanvasText}.intro h1,.intro h1 span,.intro .eyebrow,.intro .breadcrumb,.intro .breadcrumb span:nth-child(2),.intro-aside>p,.intro-count,.intro-count strong{color:CanvasText}.intro-aside .text-link,.intro-aside .text-link>.icon,.primary-button,.category.active,.category-count,.category.active .category-count{color:ButtonText;background:ButtonFace;border-color:ButtonText}.product-row.is-selected{outline:2px solid Highlight;outline-offset:-3px}.intro .short-line{background:CanvasText}}
@media print{.intro.shell{background:none;color:#000}.intro:before{display:none}.intro h1,.intro h1 span,.intro .eyebrow,.intro .breadcrumb{color:#000}.intro [data-viewport-frame]{width:100%}}

/* Product explorer: warm editorial index and a neutral specimen studio.
   The background stays quiet so formulas and the actual 3D material remain legible. */
.catalog{--studio-ink:#f0f4ee;--studio-muted:#b5c2bc;--studio-accent:#c4dfac;padding-top:22px}
.catalog-toolbar{padding:0 0 20px;min-height:70px;gap:24px}
.category-filters{padding:5px;background:#e7ebe4;border:1px solid #d5ddd2;border-radius:10px;gap:3px}
.category{min-height:45px;padding:9px 16px;border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;gap:19px;color:#526157;font-size:13px;transition:background .22s,color .22s,box-shadow .22s}
.category:hover{background:#f6f8f2;border-color:transparent}
.category.active{background:#243d33;border-color:#243d33;color:#f4f7ef;box-shadow:0 2px 5px #182b2420}
.category-count{min-width:25px;min-height:25px;background:#ffffff60;border:1px solid #52615715;color:#526157;border-radius:4px}
.category.active .category-count{background:#c7dfad;color:#21392d;border-color:#c7dfad}
.catalog-guide{white-space:normal;line-height:1.7;text-align:right;max-width:195px;color:#62736a;font-size:10px;letter-spacing:.12em}
.explorer{grid-template-columns:minmax(265px,.355fr) minmax(0,1fr);border:1px solid #cfd8ce;border-radius:12px;background:#fafbf7;box-shadow:0 20px 55px -30px #1c322d40}
.product-index{padding:22px 16px 0;background:#f5f7f0;border-radius:11px 0 0 11px;border-color:#d7ded2}
.search-box{height:52px;margin:0 2px 13px;padding-inline:12px;background:#fff;border-color:#c6d0c1;border-radius:7px;box-shadow:0 2px 5px #22392c05}
.search-box:focus-within{border-color:#507f69;box-shadow:0 0 0 3px #507f691a}
.search-box input{font-size:12px}.search-box>.icon{color:#547461}
.list-caption{padding:15px 12px 16px;font-size:10px;color:#5b6c60;letter-spacing:.08em}
.product-row{min-height:74px;margin-bottom:4px;padding:12px;border-radius:6px;border:1px solid transparent;gap:12px;transition:background .22s,border-color .22s,box-shadow .22s}
.product-row:not(.is-selected):hover{background:#edf1e7;border-color:#dce3d4}
.product-row.is-selected{background:#e3ecdb;border-color:#bfd0b2;box-shadow:inset 3px 0 #52775f;color:#203c2e}
.product-row.is-selected:before{display:none}
.row-number{font-size:10px;color:#71826d}.row-copy{gap:5px}.row-name{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.015em}.row-family{font-size:11px;line-height:1.45;color:#60715f}
.product-row .row-arrow{width:28px;height:28px;opacity:.55;color:#62785d;background:transparent;border-radius:5px;transition:background .2s,color .2s,transform .25s var(--ease)}
.product-row.is-selected .row-arrow{background:#355541;color:#edf4e6;opacity:1}
.product-row:hover .row-arrow{transform:translateX(2px);opacity:1}
.pagination{padding:13px 0;margin-top:14px}.pagination .icon-button{border-radius:6px;background:#ffffff85;border-color:#d2ddc9}
.index-foot{padding:17px 10px 22px;color:#657360;font-size:11px;line-height:1.7}
.material-stage,.material-stage[data-studio=oil]{height:468px;border-radius:0 11px 0 0;background:linear-gradient(115deg,#233832 0%,#182724 40%,#111d1e 100%);color:var(--studio-ink)}
.material-stage:before{content:'';position:absolute;inset:65px 0 76px 34%;pointer-events:none;z-index:0;border-left:1px solid #d9ebe712;background:linear-gradient(130deg,#afcec508,transparent 60%)}
.material-stage[data-studio=oil]{background:#152321}.material-stage[data-studio=oil]:before{background:none}
.stage-top{top:0;left:28px;right:28px;height:65px;border-bottom:1px solid #cfe6db20;color:var(--studio-muted);font-size:10px;letter-spacing:.13em}
.status-dot{width:5px;height:5px;background:var(--studio-accent);box-shadow:none}
#stage-index{color:#c4d3ca;letter-spacing:.06em}
.stage-identity{top:92px;left:28px;gap:14px;width:27%;max-width:265px}
.stage-formula-label,.stage-state-label{font-size:10px;letter-spacing:.11em;color:var(--studio-muted)}
.stage-formula{font-size:clamp(30px,4.2cqw,44px);color:#f4f7ef;font-weight:450;letter-spacing:-.02em;line-height:1.35}
.stage-identity.is-long .stage-formula{font-size:clamp(21px,3cqw,31px)}
.stage-identity.is-mixture .stage-formula{font-size:clamp(18px,2.4cqw,24px);color:#f2f6ec}
.identity-connector{width:38px;background:#a6c29080;margin-top:2px}.identity-connector:before{display:none}
.stage-side{top:218px;left:28px;gap:7px}#stage-state{color:#edf2e7;font-size:14px}
.viewer-perspective{left:28px;top:290px;gap:9px}
.view-switch{padding:3px;border:1px solid #cfdfd329;border-radius:7px;background:#ffffff06;max-width:232px}
.view-switch button{min-height:44px;border-radius:4px;color:#c4cec7;font-size:11px;transition:background .22s,color .22s}
.view-switch button[aria-pressed=true]{background:#d2e4bd;color:#243b2e;box-shadow:0 1px 4px #0000001a}
.view-switch button:hover{background:#f1ffec10;color:#fff}.view-switch button[aria-pressed=true]:hover{background:#e0edcf;color:#243b2e}
.element-legend{gap:2px}.element-legend button{border-radius:6px}.element-legend button>span{width:23px;height:23px;font-size:10px;box-shadow:inset 0 1px 2px #ffffff60}
.element-legend button[aria-pressed=true]{border-color:#bbd5a9;background:#ffffff0a}
.element-select{background:#20332c;border-color:#b8cbb338;border-radius:6px;color:#e9f1e1}
#material-canvas{left:34%;top:65px;bottom:76px}
.stage-bottom{left:28px;right:28px;bottom:0;min-height:76px;padding-block:14px;border-top:1px solid #cee1d720;gap:16px;align-items:center}
.visual-caption{font-size:11px;color:#dbe6dd;line-height:1.5}.drag-hint{font-size:11px;color:#aebfb2;line-height:1.5}
.viewer-controls{gap:5px;padding:3px;border:1px solid #c6dec126;border-radius:8px;background:#ffffff05}
.viewer-controls button{min-height:44px;height:44px;background:transparent;border:1px solid transparent;border-radius:5px;color:#e3ecdb;box-shadow:none;font-size:11px}
.viewer-controls .icon-button{width:44px;min-width:44px}.viewer-controls .icon{width:17px;height:17px}
.viewer-controls button:hover{background:#e8f4de13;border-color:#c6dec126}
.viewer-controls button[aria-pressed=true]{background:#d2e4bd;color:#21372a;border-color:#d2e4bd}
.viewer-controls #rotate-model .icon{transition:transform .5s var(--ease)}.viewer-controls #rotate-model:hover .icon{transform:rotate(45deg)}
.product-information{padding:30px 32px 28px;border-radius:0 0 11px 0;background:#fcfdf8}
.product-heading{gap:20px}.product-heading .eyebrow{font-size:10px;color:#52705a;letter-spacing:.12em;margin-bottom:10px}
.product-heading h2{font-size:clamp(30px,3.2vw,46px);font-weight:540;line-height:1.08;letter-spacing:-.045em;color:#20372c}
.share-product{min-height:44px;margin-top:13px;padding:0 12px;border:1px solid #d6dfce;border-radius:6px;color:#486346;background:transparent;box-shadow:none}
.share-product:hover{background:#eef3e7;border-color:#aabe9e}
.product-tagline{font-size:17px;line-height:1.5;color:#385940;margin-top:17px;max-width:660px}
.product-description{font-size:14px;line-height:1.7;color:#596956;max-width:690px;margin-top:6px}
.product-properties{margin-top:24px;padding:18px 20px;gap:20px;border:1px solid #dce4d4;border-radius:7px;background:#f0f4e9}
.product-properties>div{gap:9px}.product-properties>div+div{padding-left:20px;border-color:#d1dbc9}
.product-properties span{color:#5f7257;font-size:10px;letter-spacing:.1em}.product-properties strong{font-size:14px;font-weight:550;color:#2c442e;line-height:1.45}
.applications{margin-top:22px}.applications h3{color:#5a6a50;font-size:11px;margin-bottom:10px}
.applications li{border:1px solid #dbe3d1;border-radius:4px;background:transparent;color:#53684a;padding:7px 10px;font-size:11px}
.product-actions{padding-top:22px;margin-top:23px;border-top:1px solid #dce3d4;gap:22px}
.product-actions .primary-button{min-height:49px;border-radius:6px;background:#284d3b;border-color:#284d3b;color:#f5f9ef;padding:10px 10px 10px 18px;gap:25px;box-shadow:0 3px 6px #1d342711;font-weight:550}
.product-actions .primary-button>.icon{width:30px;height:30px;padding:5px;border-radius:4px;background:#c7dfad;color:#23412e;transition:transform .25s var(--ease)}
.product-actions .primary-button:hover{background:#38644b;border-color:#38644b;box-shadow:0 4px 10px #1d34271a}
.product-actions p{color:#63705b;font-size:11px;line-height:1.7}.catalog-disclaimer{color:#626e5c}
@container(max-width:760px){.stage-top,.stage-identity,.stage-side,.viewer-perspective{left:22px}.stage-top,.stage-bottom{right:22px}.stage-bottom{left:22px}}
@container(max-width:620px){
 .material-stage:before{inset:178px 0 84px;border:0;background:linear-gradient(120deg,#c7dfac08,transparent)}
 .stage-top{height:55px;left:20px;right:20px;font-size:10px}
 .stage-identity{top:69px;left:20px;right:20px;width:auto;max-width:none;min-height:50px;padding-bottom:12px;flex-direction:row;gap:12px;align-items:center;border-bottom-color:#cfe6db20}
 .stage-formula-label{font-size:10px;max-width:110px}.stage-formula{font-size:30px}.stage-identity.is-long .stage-formula{font-size:25px}.stage-identity.is-mixture .stage-formula{font-size:20px;max-width:210px}
 .viewer-perspective{left:20px;right:20px;top:133px;width:auto;max-width:none;flex-direction:row;gap:10px}
 .view-switch{width:162px}.element-select{width:103px}
 #material-canvas{left:0;top:182px;bottom:90px}.material-stage[data-has-structure=false] #material-canvas{top:126px;bottom:90px}
 .stage-bottom{left:18px;right:18px;min-height:85px;gap:10px;padding-block:12px}.stage-bottom>div:first-child{max-width:44%}
 .viewer-controls{gap:1px;padding:2px}.viewer-controls .viewer-text{padding-inline:7px;min-width:44px}.viewer-controls .icon-button{width:44px;min-width:44px}
}
@media(max-width:1150px){.explorer{grid-template-columns:280px minmax(0,1fr)}.catalog-guide{display:none}.category-filters{width:100%}.category{flex:1;justify-content:space-between;padding-inline:13px}.product-index{padding-inline:12px}.product-row{gap:8px;padding-inline:10px}.row-name{font-size:13px}.product-information{padding:26px 24px}.share-product{padding:0;width:44px}.product-properties{padding:16px 12px;gap:10px}.product-properties>div+div{padding-left:12px}.product-properties strong{font-size:13px}.material-stage{height:490px}}
@media(max-width:900px){.explorer{grid-template-columns:250px minmax(0,1fr)}.product-index{padding-inline:10px}.product-row .row-arrow{width:23px;min-width:23px}.category{font-size:12px;gap:12px}.product-information{padding:25px 20px}.product-tagline{font-size:15px}.product-properties{padding:14px 10px;gap:8px}.product-properties>div+div{padding-left:8px}.product-properties strong{font-size:12px}.product-heading h2{font-size:32px}.material-stage{height:510px}}
@media(max-width:700px){
 .catalog{padding-top:12px}.catalog-toolbar{padding-bottom:14px}.category-filters{padding:4px;gap:4px}.category{min-height:49px;padding:9px 10px;font-size:12px;gap:6px}.category-count{min-width:23px}
 .explorer{grid-template-columns:1fr;border-radius:10px}.product-index{padding:18px 14px 0;border-radius:9px}.search-box input{font-size:14px}.row-name{font-size:14px}.product-row{min-height:74px;gap:12px}.product-row .row-arrow{width:28px;min-width:28px}
 .material-stage,.material-stage[data-studio=oil]{height:502px;border-radius:0}.back-to-list{background:#edf2e6;border-radius:9px 9px 0 0;color:#36573e;border-color:#ccd8c1;min-height:49px}
 .product-information{padding:26px 20px;border-radius:0 0 9px 9px}.product-heading h2{font-size:34px}.product-tagline{font-size:16px}.product-description{font-size:14px}.product-properties strong{font-size:13px}.product-actions .primary-button{width:100%}.product-actions p{max-width:none}
}
@container(max-width:380px){.stage-top{left:17px;right:17px;font-size:9px;letter-spacing:.07em}.stage-identity{left:17px;right:17px}.stage-formula-label{max-width:84px}.stage-formula{font-size:28px}.stage-identity.is-long .stage-formula{font-size:22px}.stage-identity.is-mixture .stage-formula{font-size:18px;max-width:170px}.viewer-perspective{left:17px;right:17px;gap:8px}.view-switch{width:149px}.element-select{width:91px;padding-inline:5px}.stage-bottom{left:15px;right:15px;min-height:117px;flex-wrap:wrap;gap:7px}.stage-bottom>div:first-child{max-width:none;width:100%;gap:2px}.viewer-controls{margin-left:auto}.visual-caption,.drag-hint{font-size:11px}#material-canvas{bottom:127px}.material-stage[data-has-structure=false] #material-canvas{bottom:127px}}
@media(max-width:360px){.product-information{padding:24px 16px}.product-heading h2{font-size:30px}.product-properties{padding:13px 9px;gap:7px}.product-properties strong{font-size:12px}.product-properties span{font-size:9px}.product-properties>div+div{padding-left:7px}}
@media(prefers-reduced-motion:reduce){.product-row:hover .row-arrow,.viewer-controls #rotate-model:hover .icon,.product-actions .primary-button:hover .icon{transform:none}}
@media(forced-colors:active){.category-filters,.material-stage,.material-stage[data-studio=oil],.product-index,.product-information,.product-properties{background:Canvas;color:CanvasText}.material-stage:before{display:none}.material-stage,.material-stage[data-studio=oil]{height:176px}.stage-formula,.stage-top,.stage-formula-label,.visual-caption,.drag-hint,#stage-index{color:CanvasText}.stage-bottom{min-height:40px}.category.active,.view-switch button,.viewer-controls button,.product-row.is-selected,.product-actions .primary-button,.product-actions .primary-button>.icon{background:ButtonFace;color:ButtonText}.product-properties,.category-filters{border-color:CanvasText}}