/* Kreate Lab whole-site system. Consistent shells; original assets and protected form scripts. */
:root{--ink:#172b28;--muted:#51625a;--line:#c4cdbd;--cream:#f6f4eb;--s5-dark:#153b33;--s5-soft:#e5ebdb;--s5-gold:#bc8c42}
html{scroll-behavior:smooth;scroll-padding-top:115px}.s5-page{background:#f6f4eb;color:var(--ink);overflow-wrap:break-word}.s5-page *{box-sizing:border-box}.s5-page [hidden]{display:none!important}.s5-page a:focus-visible,.s5-page button:focus-visible,.s5-page select:focus-visible,.s5-page input:focus-visible{outline:3px solid #a57530;outline-offset:4px}.s5-page h1,.s5-page h2{white-space:pre-line}.s5-page main{display:block}.s5-page figure{min-width:0}.s5-page img{max-width:100%}.s5-page section[id],.s5-page h2[id]{scroll-margin-top:115px}
.s5-status-strip{padding:7px 18px;text-align:center;background:#153b33;color:#f9f5e9;font-size:9px;font-weight:600;line-height:1.8;letter-spacing:.04em}.s5-skip{position:fixed;left:16px;top:-100px;padding:12px 20px;background:#fff8d2;color:#17382d;z-index:200}.s5-skip:focus{top:12px}
.s5-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:25px;min-height:83px;padding:15px clamp(20px,4vw,65px);background:#f7f6ed;border-bottom:1px solid #c5cdbd}.s5-logo{display:block;flex:none}.s5-logo img{display:block;width:100px;height:40px;object-fit:contain}.s5-header nav{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;position:static;background:none;border:0;padding:0;font-size:11px;line-height:1.7}.s5-header nav a{white-space:nowrap;color:#29463d;text-decoration:none;padding:8px 0}.s5-header nav a[aria-current=page],.s5-header nav a:hover{color:#8a5b24;text-decoration:underline;text-underline-offset:6px}.s5-lang{display:flex;border:1px solid #bcc9b3;border-radius:4px;overflow:hidden;flex:none}.s5-lang button{border:0;background:transparent;color:#153b33;padding:8px 11px;font:inherit;font-size:10px;font-weight:700;line-height:1.6;cursor:pointer}.s5-lang button[aria-pressed=true]{background:#153b33;color:#fff}.s5-header-cta{font-size:10px;font-weight:700;white-space:nowrap;text-decoration:none;padding:11px 14px;border:1px solid #153b33;background:#153b33;color:white!important}.s5-menu-button{display:none}.s5-breadcrumb{padding:14px clamp(20px,5vw,80px);font-size:10px;display:flex;gap:12px;border-bottom:1px solid #d6dcca;line-height:1.7;color:#516650}.s5-breadcrumb a{color:inherit;text-underline-offset:3px}
.s5-page .ed-hero{min-height:600px}.s5-page .ed-hero .hero-copy{padding:65px clamp(24px,5vw,80px)}.s5-page .ed-hero h1{font-size:clamp(34px,4vw,62px);line-height:1.22;letter-spacing:-.055em}.s5-page .hero-deck{font-size:15px;line-height:1.95;max-width:500px}.s5-page .ed-hero figure{min-height:500px}.s5-page .ed-hero figure>img{display:block;width:100%;height:100%;object-fit:cover}.s5-page .product-hero figure>img{object-fit:contain}.s5-page .ed-hero figure figcaption{font-size:9px;line-height:1.8}.s5-type-art{min-height:500px;background:#173a35;color:#d9e2c8;padding:70px 45px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.s5-type-art>span{font-size:clamp(40px,6vw,88px);font-weight:800;letter-spacing:-.07em;line-height:1.06;white-space:nowrap}.s5-type-art>span:nth-child(2){color:#d4aa60}.s5-type-art>i{font-size:9px;line-height:1.8;letter-spacing:.18em;margin-top:40px;font-style:normal}
.s5-page .ed-section{padding:75px clamp(20px,5vw,80px)}.s5-page .ed-section>.section-inner{max-width:1280px}.s5-page .ed-section h2{font-size:clamp(27px,3vw,43px);line-height:1.25;letter-spacing:-.045em}.s5-page .ed-section .eyebrow{font-size:10px}.s5-page .ed-section p{font-size:14px;line-height:1.95}.s5-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.s5-card-grid:has(>.s5-card:nth-child(4)):not(:has(>.s5-card:nth-child(5))){grid-template-columns:repeat(2,minmax(0,1fr))}.s5-card{position:relative;min-width:0;background:#fffdf5;border:1px solid #c5cfbb;text-decoration:none;color:#193b30;padding:28px;min-height:260px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.s5-card>.eyebrow{font-size:9px;letter-spacing:.13em}.s5-card h3{font-size:24px;line-height:1.4;letter-spacing:-.04em;margin:10px 0 0}.s5-card p{font-size:13px!important;line-height:1.9!important;margin:16px 0 28px!important}.s5-card-arrow{display:block;margin-top:auto;font-size:23px}.s5-card:hover{transform:translateY(-4px);box-shadow:0 13px 28px rgba(25,55,38,.06)}
.s5-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.s5-product{background:#fffdf6;border:1px solid #bbc8ad;color:#173a35;text-decoration:none;padding-bottom:25px;overflow:hidden;min-width:0}.s5-product>div{height:300px;background:var(--ed-tint);overflow:hidden}.s5-product img{height:100%;width:100%;object-fit:contain;display:block;padding:18px;transition:transform .4s ease}.s5-product:hover img{transform:scale(1.04)}.s5-product>.eyebrow{display:block;padding:24px 24px 0;margin-bottom:10px}.s5-product h3{font-size:65px;line-height:1;letter-spacing:-.07em;margin:0;padding:0 24px}.s5-product h3 small{font-size:17px;letter-spacing:0;margin-left:5px}.s5-product p{font-size:11px!important;margin:13px 24px 24px!important}.s5-product-link{display:flex;justify-content:space-between;border-top:1px solid #c8d0c0;padding-top:15px;margin:0 24px;font-size:12px;font-weight:700;line-height:1.8}.s5-split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.s5-split>*{min-width:0}.s5-split img{width:100%;height:420px;object-fit:cover;display:block}.s5-split figcaption{font-size:9px;line-height:1.9;margin-top:10px;color:#52634c}.s5-split p{margin-top:24px!important}.s5-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.s5-three>article{border:1px solid #bdcbb0;padding:28px;background:#fffdf4;min-width:0}.s5-three>article>span{font-size:38px;line-height:1.2;color:#a6b89b;font-weight:800;letter-spacing:-.06em}.s5-three h3{font-size:22px;line-height:1.5;margin:23px 0 0;letter-spacing:-.035em}.s5-three p{font-size:13px!important;line-height:1.95!important;margin-top:16px!important}.s5-lab-note{padding:35px;background:#fffdf6;border:1px solid #bdcbb0;margin-top:28px;max-width:950px}.s5-lab-note h3{font-size:28px;line-height:1.4;letter-spacing:-.04em;margin:23px 0}.s5-lab-note p{margin-top:16px!important}.s5-checklist{list-style:none;padding:0;margin:30px 0;max-width:1000px}.s5-checklist li{position:relative;padding:20px 20px 20px 47px;border-bottom:1px solid #bccab0;background:#fffdf6;font-size:14px;line-height:1.9}.s5-checklist li:before{content:'✓';position:absolute;left:20px;top:20px;color:#496c4d;font-weight:800}
.s5-howto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.s5-howto figure{background:#fffdf6;border:1px solid #c6d0ba;overflow:hidden}.s5-howto img{display:block;width:100%;height:270px;object-fit:cover}.s5-howto figcaption{padding:22px;font-size:11px;line-height:1.9}.s5-howto b{display:block;font-size:19px;line-height:1.6;margin-bottom:10px}.s5-reading-note{padding:17px clamp(20px,5vw,80px);font-size:11px;line-height:1.8;background:#e5eadb;border-bottom:1px solid #c6d0bd}.s5-reading-path{scrollbar-width:thin;scrollbar-color:#a0b38f #f1f2e8}.s5-reading-path a{font-size:10px}.s5-page .s5-reading-path{padding-top:16px;padding-bottom:16px}.s5-page .ed-hero.product-hero .display-number{font-size:clamp(90px,10vw,150px)}
/* Forms retain exact markup and JS; only their visual containers are harmonized. */
.s5-page #feedback,.s5-page #notify{width:100%;max-width:none;padding:75px clamp(20px,5vw,80px);margin:0 auto;background:#ecf0e2;color:#173a35}.s5-page #notify{background:#173a35;color:#fbf7e9}.s5-page #feedback>.section-inner,.s5-page #notify>.container{max-width:1060px;margin:auto}.s5-page #feedback h2,.s5-page #notify h2{font-size:clamp(27px,3vw,42px);line-height:1.3}.s5-page .demand-form,.s5-page .validation-form{max-width:780px;margin-left:auto;margin-right:auto}.s5-page .demand-form input:not([type=checkbox]),.s5-page .demand-form select,.s5-page .demand-form textarea{width:100%;max-width:100%;box-sizing:border-box;display:block;background:#fffdf6;color:#1b352c;border:1px solid #acbca0;border-radius:5px;padding:13px 14px;min-width:0;font:inherit;font-size:14px;margin-top:7px}.s5-page .demand-form textarea{height:90px;resize:vertical}.s5-page .demand-form label{display:block;font-size:13px;line-height:1.8}.s5-page .demand-form fieldset{min-width:0;border:1px solid #b8c8ac;padding:20px}.s5-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;min-height:48px;background:#173a35;color:#fff;border:1px solid #173a35;border-radius:4px;cursor:pointer;font:inherit;font-size:13px;font-weight:700;line-height:1.8}.s5-page #notify .btn{background:#e4d8b5;color:#193a2e;border-color:#e4d8b5}.s5-page button:disabled{cursor:not-allowed}.s5-page #notify label,.s5-page #notify .demand-note,.s5-page #notify .spec-note{color:inherit}.s5-page #notify .demand-notice{color:#e3ead8;border-color:#70876b}.s5-page #notify .validation-form a{color:inherit}.s5-page .check input{width:16px;height:16px;flex:none}.s5-page #notify .validation-form{margin-top:30px}.s5-page #feedback .demand-note{font-size:12px;line-height:1.9}
.s5-footer{background:#102d27;color:#eff1e2;padding:60px clamp(20px,5vw,80px) 30px}.s5-footer a{color:inherit}.s5-footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:38px;border-bottom:1px solid #46604e}.s5-footer-top img{width:140px;height:60px;object-fit:contain;filter:brightness(0) invert(1);display:block}.s5-footer-top p{font-size:19px;line-height:1.7;letter-spacing:-.03em}.s5-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:38px 0}.s5-footer-grid h3{font-size:12px;margin:0 0 18px;line-height:1.8;color:#c3d4b5}.s5-footer-grid a{display:block;font-size:11px;line-height:1.8;text-decoration:none;margin:10px 0}.s5-footer-grid a:hover{text-decoration:underline;text-underline-offset:4px}.s5-footer-bottom{border-top:1px solid #46604e;padding-top:24px;display:flex;gap:25px;justify-content:space-between;font-size:9px;line-height:1.9}.s5-footer-bottom p{max-width:800px;font-size:9px;margin:0}.s5-footer-bottom>span{white-space:nowrap}.s5-top{position:fixed;right:20px;bottom:22px;z-index:65;border:1px solid #b5c7a5;background:#f8f7ec;color:#173a35;font-size:22px;width:42px;height:42px;border-radius:50%;cursor:pointer}
.s5-legal{max-width:1000px;margin:55px auto 85px;padding:0 30px}.s5-legal h1{font-size:clamp(30px,4vw,46px);line-height:1.3;letter-spacing:-.04em;margin:35px 0}.s5-legal h2{font-size:23px;line-height:1.5;margin:35px 0 17px;letter-spacing:-.025em}.s5-legal p,.s5-legal li{font-size:14px;line-height:2;margin:15px 0}.s5-legal a{color:#235a47;text-underline-offset:4px}.s5-legal details{border:1px solid #b6c7a8;padding:20px;margin:23px 0;background:#fffdf5}.s5-legal summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.8}.s5-policy-toc{position:static;display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:#e4ebd9;border:1px solid #b9c8ad;margin-bottom:25px}.s5-policy-toc a{font-size:11px;line-height:1.8;padding:5px 8px;text-decoration:none;background:#fafaf0}
.s5-enter{animation:s5-arrive .6s ease both}@keyframes s5-arrive{from{opacity:.55;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.s5-header{gap:18px;min-height:77px}.s5-header nav{display:none;position:absolute;top:100%;left:0;right:0;flex:none;background:#f6f6eb;border-bottom:1px solid #b5c7a4;padding:20px 25px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;max-height:70vh;overflow:auto}.s5-header nav.is-open{display:grid}.s5-header nav a{font-size:13px;padding:9px 2px}.s5-menu-button{display:flex;gap:10px;align-items:center;margin-left:auto;background:transparent;border:1px solid #bdc8b2;border-radius:3px;color:#173a35;font:inherit;font-size:11px;padding:8px 12px;line-height:1.8;cursor:pointer}.s5-header-cta{font-size:10px}.s5-three{gap:14px}.s5-three>article{padding:23px}.s5-card{padding:24px}.s5-card h3{font-size:22px}}
@media(max-width:700px){html{scroll-padding-top:90px}.s5-status-strip{font-size:8px;padding:6px 15px}.s5-header{padding:12px 18px;gap:12px;min-height:70px}.s5-logo img{width:85px;height:34px}.s5-header-cta{display:none}.s5-lang button{padding:7px 9px;font-size:9px}.s5-menu-button{font-size:10px;padding:7px 10px}.s5-header nav a{font-size:12px}.s5-breadcrumb{padding:12px 20px;font-size:9px}.s5-page .ed-hero{min-height:0;grid-template-columns:1fr}.s5-page .ed-hero .hero-copy{padding:43px 22px 45px}.s5-page .ed-hero h1{font-size:35px;line-height:1.23}.s5-page .hero-deck{font-size:14px;line-height:1.9}.s5-page .ed-hero figure{min-height:320px;max-height:410px}.s5-page .ed-hero figure>img{height:360px}.s5-page .ed-hero figure figcaption{font-size:8px}.s5-type-art{min-height:290px;padding:40px 25px}.s5-type-art>span{font-size:53px}.s5-type-art>i{font-size:8px;margin-top:25px}.s5-page .ed-section{padding:53px 20px}.s5-page .ed-section h2{font-size:28px;line-height:1.3}.s5-page .ed-section p{font-size:13px;line-height:1.95}.s5-card-grid,.s5-card-grid:has(>.s5-card:nth-child(4)):not(:has(>.s5-card:nth-child(5))){grid-template-columns:1fr;gap:13px;margin-top:26px}.s5-card{padding:24px;min-height:220px}.s5-card h3{font-size:24px}.s5-card p{font-size:13px!important}.s5-products{grid-template-columns:1fr;gap:18px}.s5-product>div{height:260px}.s5-product img{padding:16px}.s5-product h3{font-size:58px}.s5-split{grid-template-columns:1fr;gap:30px}.s5-split img{height:310px}.s5-three{grid-template-columns:1fr;gap:14px}.s5-three>article{padding:25px}.s5-three h3{font-size:22px;margin-top:16px}.s5-three>article>span{font-size:32px}.s5-lab-note{padding:25px}.s5-lab-note h3{font-size:24px}.s5-howto{grid-template-columns:1fr;gap:18px}.s5-howto img{height:260px}.s5-reading-note{padding:16px 20px;font-size:10px}.s5-page #feedback,.s5-page #notify{padding:53px 20px}.s5-page .demand-form fieldset{padding:16px}.s5-page .demand-form input:not([type=checkbox]),.s5-page .demand-form select,.s5-page .demand-form textarea{font-size:14px}.s5-page #notify h2,.s5-page #feedback h2{font-size:28px}.s5-footer{padding:43px 22px 28px}.s5-footer-top{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:25px}.s5-footer-top img{width:115px;height:50px}.s5-footer-top p{font-size:18px}.s5-footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding:28px 0}.s5-footer-grid h3{font-size:11px}.s5-footer-grid a{font-size:10px}.s5-footer-bottom{flex-direction:column;gap:15px;font-size:9px}.s5-top{right:15px;bottom:108px;width:36px;height:36px;font-size:20px}.s5-legal-page .s5-top{bottom:18px}.s5-legal{padding:0 20px;margin:33px auto 60px}.s5-legal h1{font-size:31px}.s5-legal h2{font-size:22px}.s5-legal p,.s5-legal li{font-size:13px;line-height:2}.s5-policy-toc{padding:15px;gap:7px}.s5-policy-toc a{font-size:10px}.s5-page .ed-hero.product-hero{display:flex}.s5-page .ed-hero.product-hero figure{max-height:none;min-height:385px}.s5-page .ed-hero.product-hero figure>img{height:280px!important}.s5-page .ed-hero.product-hero .display-number{font-size:48px}.s5-page .ed-hero.product-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.s5-enter{animation:none!important;transform:none!important}.s5-card,.s5-product img{transition:none!important}.s5-card:hover,.s5-product:hover img{transform:none!important}}

.s5-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:#bc8c42;transform-origin:left center;transform:scaleX(0);z-index:150;pointer-events:none}