/*
Theme Name: Zoyi Stationery
Theme URI: https://www.zoyistationery.com/
Description: Responsive bilingual stationery catalog theme.
Author: Zoyi Stationery
Version: 2.0.0
*/
:root{--navy:#0b3b73;--navy-dark:#072b56;--cyan:#00aebc;--yellow:#ffd62f;--ink:#162a3d;--muted:#68798a;--sky:#e8f6f8;--paper:#f6f8f8;--white:#fff;--line:#d9e1e5;--max:1280px;--pad:clamp(22px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;color:var(--ink);background:#fff;font-family:"Open Sans",Arial,"Noto Sans SC",sans-serif;font-size:15px;line-height:1.65;overflow-x:hidden}body.modal-open,body.nav-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.skip-link{position:fixed;left:12px;top:-100px;z-index:999;background:#fff;padding:10px 15px}.skip-link:focus{top:12px}.eyebrow{margin:0 0 16px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.lead{max-width:600px;color:var(--muted);font-size:clamp(16px,1.45vw,20px)}.button{display:inline-flex;min-height:50px;padding:0 27px;align-items:center;justify-content:center;gap:18px;border:1px solid var(--cyan);background:var(--cyan);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s}.button:hover{border-color:var(--navy);background:var(--navy);transform:translateY(-2px)}.button-small{min-height:44px;padding:0 20px}.button-light{border-color:#fff;background:#fff;color:var(--navy)}.button-light:hover{background:var(--yellow);border-color:var(--yellow)}.plain-link{display:inline-block;border-bottom:2px solid var(--cyan);padding-bottom:4px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.plain-link:hover{color:var(--cyan)}
.announcement{height:34px;background:var(--navy-dark);color:#dceafa;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.announcement>div{max-width:var(--max);height:100%;margin:auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between}.announcement span{font-weight:700}.announcement a{color:#fff}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:var(--max);height:82px;margin:auto;padding:0 var(--pad);display:flex;align-items:center;gap:35px}.logo{position:relative;display:inline-flex;align-items:baseline;color:var(--navy);font-size:20px;line-height:1;letter-spacing:-.07em;white-space:nowrap}.logo b{font-weight:400}.logo strong{font-weight:800}.logo i{position:relative;top:-9px;margin-left:2px;color:var(--cyan);font-size:7px;font-style:normal}.logo small{position:absolute;top:25px;left:0;font-size:6px;font-weight:700;letter-spacing:.32em}.main-nav{height:100%;margin-left:auto;display:flex;align-items:center;gap:29px}.nav-item{height:100%;display:flex;align-items:center}.nav-item>a,.nav-item>button{height:100%;padding:0;border:0;background:none;font-size:12px;font-weight:700;cursor:pointer}.nav-expand:after{content:"+";margin-left:6px;color:var(--cyan)}.nav-item:hover>.nav-expand:after,.nav-item.is-expanded>.nav-expand:after{content:"−"}.mega-menu{position:fixed;top:116px;left:50%;width:min(calc(100vw - 40px),var(--max));padding:30px;background:#fff;box-shadow:0 25px 45px rgba(7,43,86,.16);display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:1px;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.2s}.has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-intro{padding:18px 28px 18px 10px}.mega-intro h3{margin:0 0 25px;color:var(--navy);font-size:28px;line-height:1.15}.mega-intro>a{font-size:11px;font-weight:800;text-transform:uppercase}.mega-category{min-height:185px;padding:24px;background:var(--paper);display:flex;flex-direction:column;justify-content:space-between}.mega-category:nth-child(3),.mega-category:nth-child(5){background:var(--sky)}.mega-category>span{color:var(--cyan);font-size:10px;font-weight:800}.mega-category strong{color:var(--navy);font-size:18px}.mega-category small{color:var(--muted)}.mega-category:hover{background:var(--yellow)}.dropdown{position:absolute;top:115px;min-width:250px;padding:13px;background:#fff;box-shadow:0 20px 35px rgba(7,43,86,.15);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:flex;gap:18px;padding:13px 14px;font-weight:600}.dropdown a span{color:var(--cyan);font-size:10px}.dropdown a:hover{background:var(--sky)}.header-actions{display:flex;align-items:center;gap:18px}.lang{font-size:11px;font-weight:800}.menu-toggle,.menu-close,.mobile-nav-head,.mobile-quote{display:none}
.home-hero{max-width:var(--max);min-height:640px;margin:auto;padding:45px var(--pad) 70px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.hero-media{position:relative;height:545px;overflow:hidden;background:var(--sky)}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-label{position:absolute;left:0;bottom:0;padding:12px 18px;background:var(--yellow);color:var(--navy);font-size:9px;font-weight:800;letter-spacing:.13em}.hero-copy{position:relative;z-index:2;margin-left:-55px;padding:55px;background:#fff}.hero-copy h1,.service-cover h1,.catalog-hero h1,.product-summary h1,.article-shell h1{margin:0 0 25px;color:var(--navy);font-size:clamp(46px,5.8vw,78px);font-weight:800;line-height:1.05;letter-spacing:-.045em}.button-row{margin-top:32px;display:flex;align-items:center;gap:30px}.proof-strip{max-width:var(--max);margin:auto;padding:38px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:45px}.proof-copy strong,.proof-copy span{display:block}.proof-copy strong{color:var(--navy);font-size:16px}.proof-copy span{color:var(--muted);font-size:10px;letter-spacing:.07em}.proof-logos{display:grid;grid-template-columns:repeat(4,1fr)}.proof-logos>span{text-align:center;color:var(--navy);font-size:21px;font-weight:800;border-left:1px solid var(--line)}.proof-logos small{display:block;color:var(--muted);font-size:7px;font-weight:600;letter-spacing:.08em}.home-range{max-width:var(--max);margin:auto;padding:110px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.range-intro{padding:10px 45px 40px 0}.range-intro h2,.licensed h2,.numbers h2,.section-head h2,.home-solutions h2,.service-proof h2,.alternating h2,.qa-system h2,.design-reality h2,.design-process h2,.service-final h2,.product-story h2,.footer-cta h2{margin:0 0 25px;color:var(--navy);font-size:clamp(34px,4vw,58px);font-weight:800;line-height:1.08;letter-spacing:-.04em}.range-intro p:not(.eyebrow){color:var(--muted)}.range-feature{grid-column:2/4;position:relative;height:520px;overflow:hidden;background:var(--sky)}.range-card{position:relative;height:380px;overflow:hidden;background:#eff5ea}.range-card:nth-of-type(3){grid-column:2}.range-card img,.range-feature img{width:100%;height:100%;object-fit:cover;transition:.4s}.range-card:hover img,.range-feature:hover img{transform:scale(1.025)}.range-card span,.range-feature span{position:absolute;top:20px;left:22px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:9px;font-weight:800}.range-card h3,.range-feature h3{position:absolute;left:0;bottom:0;margin:0;padding:18px 24px;background:#fff;color:var(--navy);font-size:23px}.range-blue{background:var(--sky)}.licensed{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;background:var(--navy)}.licensed-image{min-height:600px}.licensed-image img{width:100%;height:100%;object-fit:cover}.licensed-copy{padding:clamp(55px,7vw,95px);color:#fff}.licensed-copy .eyebrow{color:var(--yellow)}.licensed-copy h2{color:#fff}.licensed-copy>p:not(.eyebrow){color:#cbd8e7}.licensed-copy ul{margin:28px 0 35px;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.25)}.licensed-copy li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.25)}.numbers{max-width:var(--max);margin:auto;padding:95px var(--pad);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;align-items:end}.numbers-copy{padding-right:35px}.number{min-height:230px;padding:30px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.number strong{color:var(--cyan);font-size:clamp(65px,8vw,105px);line-height:.8;letter-spacing:-.08em}.number sup{font-size:.34em}.number span{margin-top:25px;color:var(--navy);font-size:13px;font-weight:800;text-transform:uppercase}.section{max-width:var(--max);margin:auto;padding:105px var(--pad)}.featured{max-width:none;background:var(--paper);padding-left:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));padding-right:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)))}.section-head{margin-bottom:45px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-head h2{margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{min-width:0}.product-art{height:330px;position:relative;overflow:hidden;background:color-mix(in srgb,var(--accent),white 65%)}.product-art>span{position:absolute;left:42%;top:45px;width:52px;height:235px;border-radius:26px;background:var(--accent);transform:rotate(18deg)}.product-art>span:after{content:"";position:absolute;bottom:-30px;border-left:26px solid transparent;border-right:26px solid transparent;border-top:40px solid var(--navy)}.product-art>i{position:absolute;right:-20px;bottom:-30px;width:125px;height:125px;border:25px solid var(--cyan);border-radius:50%}.product-photo{background:#fff}.product-photo img{width:100%;height:100%;object-fit:contain}.product-card .eyebrow{margin:18px 0 3px}.product-card h3{margin:0;color:var(--navy);font-size:17px}.product-meta{margin:4px 0;color:var(--muted);font-size:11px}.home-solutions{max-width:var(--max);margin:auto;padding:115px var(--pad);display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.solution-copy{align-self:center}.solution-copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.solution-image{height:470px}.solution-image img{width:100%;height:100%;object-fit:cover}.solution-steps{grid-column:1/3;margin:25px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);border-top:2px solid var(--navy)}.solution-steps li{min-height:145px;padding:22px 15px;border-right:1px solid var(--line)}.solution-steps span{color:var(--cyan);font-size:9px;font-weight:800}.solution-steps h3{margin:45px 0 0;color:var(--navy);font-size:15px}
.service-cover{max-width:var(--max);min-height:650px;margin:auto;padding:50px var(--pad) 75px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center}.service-cover-copy{position:relative;z-index:2;margin-right:-45px;padding:55px 55px 55px 0;background:#fff}.service-cover h1{font-size:clamp(45px,5.2vw,72px)}.service-cover-copy>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:17px}.service-cover>img{width:100%;height:560px;object-fit:cover}.service-proof{max-width:var(--max);margin:auto;padding:100px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:70px}.rich-content{color:var(--muted);font-size:17px}.rich-content:empty:after{content:"Our experienced team translates clear standards into practical decisions throughout development and production."}.cert-row,.design-disciplines{grid-column:1/3;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.cert-row span,.design-disciplines span{height:110px;display:grid;place-items:center;color:var(--navy);font-size:19px;font-weight:800;border-right:1px solid var(--line)}.design-disciplines{grid-template-columns:repeat(4,1fr)}.alternating{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.alternating-image img{width:100%;height:100%;min-height:680px;object-fit:cover}.alternating-copy{padding:clamp(50px,6vw,85px)}.alternating-copy>p:not(.eyebrow){color:var(--muted)}.service-list{margin:35px 0 0;padding:0;list-style:none}.service-list li{padding:17px 0;border-top:1px solid var(--line);display:flex;gap:22px}.service-list li>span{color:var(--cyan);font-size:10px;font-weight:800}.service-list h3{margin:0;color:var(--navy);font-size:18px}.service-list p{margin:4px 0;color:var(--muted);font-size:13px}.qa-system{max-width:var(--max);margin:auto;padding:110px var(--pad)}.qa-heading{max-width:760px}.qa-image{height:500px;margin:45px 0 0}.qa-image img{width:100%;height:100%;object-fit:cover}.qa-cards{display:grid;grid-template-columns:repeat(4,1fr)}.qa-cards article{min-height:310px;padding:30px 25px;border:1px solid var(--line);border-top:0}.qa-cards span{color:var(--cyan);font-size:10px;font-weight:800}.qa-cards h3{margin:90px 0 10px;color:var(--navy);font-size:19px}.qa-cards p{color:var(--muted);font-size:12px}.design-reality{max-width:var(--max);margin:auto;padding:110px var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.design-reality>div>p:not(.eyebrow){color:var(--muted)}.design-reality img{width:100%;height:500px;object-fit:cover}.design-process{max-width:var(--max);margin:auto;padding:100px var(--pad);background:var(--navy);color:#fff}.design-process h2{color:#fff}.design-process ol{margin:55px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.3)}.design-process li{min-height:250px;padding:28px;border-right:1px solid rgba(255,255,255,.3)}.design-process li span{color:var(--yellow);font-size:10px;font-weight:800}.design-process h3{margin:80px 0 6px;font-size:22px}.design-process li p{color:#cbd8e7;font-size:12px}.service-final{max-width:var(--max);margin:auto;padding:105px var(--pad);text-align:center;background:var(--sky)}.service-final h2{max-width:850px;margin:0 auto 35px}
.catalog-hero{max-width:var(--max);margin:auto;padding:90px var(--pad) 55px}.catalog-hero h1{margin-bottom:14px}.catalog-hero>p:last-child{color:var(--muted);font-size:17px}.catalog-shell{max-width:var(--max);margin:auto;padding:0 var(--pad) 120px;display:grid;grid-template-columns:240px 1fr;gap:55px}.filters{border-top:3px solid var(--navy)}.filters fieldset{border:0;border-bottom:1px solid var(--line);padding:22px 0}.filters legend{color:var(--navy);font-weight:800}.filters label{display:flex;gap:9px;align-items:center;margin:11px 0;font-size:12px}.filters input{accent-color:var(--cyan)}.filter-apply{width:100%;margin-top:18px}.clear-link{display:block;margin-top:13px;text-align:center;text-decoration:underline;font-size:11px}.filter-mobile-head,.mobile-filter-open{display:none}.catalog-toolbar{min-height:65px;padding:12px 0 20px;border-top:3px solid var(--navy);display:flex;align-items:center;justify-content:space-between}.active-tags{display:flex;align-items:center;gap:8px}.active-tags a{padding:6px 10px;background:var(--sky);color:var(--navy);font-size:11px;font-weight:700}.active-tags span,.catalog-toolbar label{color:var(--muted);font-size:11px}.catalog-toolbar select{border:0;background:transparent;color:var(--navy);font-weight:800}.catalog-notice{margin-bottom:20px;padding:14px 18px;background:#fff3b6;display:flex;gap:12px;font-size:11px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.catalog-grid .product-art{height:290px}.pagination{margin-top:50px;display:flex;justify-content:center;gap:7px}.pagination a,.pagination span{width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center}.pagination .current{background:var(--navy);color:#fff}.product-detail{max-width:var(--max);margin:auto;padding:75px var(--pad) 110px;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw}.product-main-art{height:620px;position:relative;overflow:hidden;background:color-mix(in srgb,var(--accent),white 65%)}.product-main-art.product-photo img{width:100%;height:100%;padding:30px;object-fit:contain}.detail-object span{position:absolute;left:43%;top:80px;width:105px;height:440px;border-radius:50px;background:var(--accent);transform:rotate(24deg)}.detail-object span:after{content:"";position:absolute;bottom:-55px;border-left:53px solid transparent;border-right:53px solid transparent;border-top:72px solid var(--navy)}.detail-object i{position:absolute;right:-35px;bottom:-45px;width:250px;height:250px;border:45px solid var(--cyan);border-radius:50%}.product-main-art small{position:absolute;left:20px;bottom:20px;padding:4px 7px;background:rgba(255,255,255,.85);font-weight:800}.thumb-row{display:flex;gap:9px;margin-top:10px}.thumb-row button{width:68px;height:68px;border:1px solid var(--line);background:var(--paper)}.thumb-row .active{border:2px solid var(--cyan)}.product-summary{padding-top:25px}.product-summary h1{font-size:clamp(44px,5vw,68px)}.product-summary dl{margin:32px 0;border-top:1px solid var(--line)}.product-summary dl div{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.product-summary dt{color:var(--muted);font-size:11px}.product-summary dd{margin:0;color:var(--navy);font-weight:800}.summary-note{color:var(--muted);font-size:10px}.product-story{max-width:none;padding-left:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));padding-right:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--paper)}.product-story>div:last-child{color:var(--muted);font-size:17px}.product-story li{padding:9px 0;border-bottom:1px solid var(--line)}.article-shell,.archive-shell{max-width:920px;margin:auto;padding:95px var(--pad) 125px}.article-shell header,.archive-shell>header{margin-bottom:50px;padding-bottom:45px;border-bottom:1px solid var(--line)}.article-content{font-size:17px}.article-content img{max-width:100%;height:auto}.article-content h2{margin-top:50px;color:var(--navy);font-size:36px}.post-list article{padding:35px 0;border-bottom:1px solid var(--line)}.post-list h2{margin:0;color:var(--navy);font-size:33px}.not-found{min-height:70vh;padding:70px var(--pad);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.four{color:var(--navy);font-size:clamp(120px,23vw,280px);font-weight:800;line-height:.7}.four span{display:inline-block;width:.62em;height:.62em;margin:0 .06em;border:20px solid var(--cyan);border-radius:50%;background:var(--yellow)}
.footer-cta{max-width:var(--max);margin:auto;padding:75px var(--pad);background:var(--cyan);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-cta .eyebrow{color:var(--navy)}.footer-cta h2{max-width:850px;margin:0;color:#fff}.site-footer{padding:75px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad))) 25px;background:var(--navy-dark);color:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:55px}.logo-light{color:#fff;font-size:25px}.footer-brand>p{max-width:270px;margin-top:35px;color:#aebfd1}.footer-inquiry{padding:0 0 5px;border:0;border-bottom:1px solid var(--cyan);background:none;color:#fff;font-weight:800;cursor:pointer}.footer-grid h3{margin:0 0 20px;color:#6ed4dc;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.footer-grid a,.footer-grid>div>p{display:block;margin:9px 0;color:#d7e0ea;font-size:12px}.copyright{margin-top:65px;padding-top:20px;border-top:1px solid #315273;color:#8298ae;font-size:10px;display:flex;justify-content:space-between}.modal{position:fixed;inset:0;z-index:100;opacity:0;visibility:hidden;transition:.2s}.modal.is-open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(5,32,62,.75)}.modal-panel{position:absolute;right:0;top:0;width:min(660px,100%);height:100%;padding:clamp(35px,6vw,75px);background:#fff;overflow:auto;transform:translateX(100%);transition:.3s}.modal.is-open .modal-panel{transform:none}.modal-close{position:absolute;right:24px;top:16px;border:0;background:none;color:var(--navy);font-size:35px;cursor:pointer}.modal-heading h2{margin:0;color:var(--navy);font-size:clamp(34px,4vw,50px);line-height:1.08}.modal-heading>p:last-child{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal form{margin-top:30px}.modal label{display:block;margin-bottom:17px;color:var(--navy);font-size:11px;font-weight:700}.modal input,.modal select,.modal textarea{width:100%;margin-top:6px;padding:13px;border:1px solid #bdcad2;background:var(--paper);outline:none}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--cyan)}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:980px){.header-inner{height:72px}.main-nav{position:fixed;inset:0 0 0 auto;z-index:2;width:min(440px,100%);height:100%;padding:25px 32px 45px;background:#fff;display:block;overflow:auto;transform:translateX(100%);transition:.3s}.nav-open .main-nav{transform:none;box-shadow:-20px 0 50px rgba(7,43,86,.2)}.mobile-nav-head{padding-bottom:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--navy);color:var(--navy);font-size:11px;font-weight:800;text-transform:uppercase}.menu-close{display:block;border:0;background:none;font-size:34px}.nav-item{height:auto;display:block;border-bottom:1px solid var(--line)}.nav-item>a,.nav-item>button{width:100%;height:auto;padding:18px 0;display:block;text-align:left;color:var(--navy);font-size:18px}.nav-expand:after{float:right}.mega-menu,.dropdown{position:static;width:100%;padding:0 0 15px;box-shadow:none;display:none;opacity:1;visibility:visible;transform:none}.is-expanded>.mega-menu{display:grid;grid-template-columns:1fr 1fr}.is-expanded>.dropdown{display:block}.mega-intro{grid-column:1/3;padding:15px 0}.mega-category{min-height:115px;padding:15px}.dropdown a{padding:11px 5px}.mobile-quote{width:100%;margin-top:25px;padding:16px;border:0;background:var(--cyan);color:#fff;display:block;font-size:12px;font-weight:800;text-transform:uppercase}.menu-toggle{margin-left:0;width:30px;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.menu-toggle span{width:26px;height:2px;background:var(--navy)}.menu-toggle span:nth-child(2){width:19px}.header-actions{margin-left:auto}.home-hero{grid-template-columns:1fr;padding-top:30px}.hero-media{height:500px}.hero-copy{max-width:650px;margin:-75px 35px 0;padding:45px}.proof-strip{grid-template-columns:1fr}.home-range{grid-template-columns:1fr 1fr}.range-feature{grid-column:1/3}.range-card:nth-of-type(3){grid-column:auto}.licensed{grid-template-columns:1fr}.licensed-image{min-height:500px}.numbers{grid-template-columns:1fr 1fr}.numbers-copy{grid-column:1/3}.product-grid{grid-template-columns:repeat(2,1fr)}.home-solutions{grid-template-columns:1fr 1fr}.solution-steps{grid-template-columns:repeat(3,1fr)}.service-cover{grid-template-columns:1fr}.service-cover-copy{max-width:700px;margin:0 35px -70px;padding:45px}.service-cover>img{height:520px}.alternating{grid-template-columns:1fr}.alternating-image img{min-height:500px}.qa-cards{grid-template-columns:repeat(2,1fr)}.design-reality{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.product-detail{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:700px){:root{--pad:20px}.announcement>div{justify-content:center}.announcement a{display:none}.header-actions .button{display:none}.home-hero{padding:20px var(--pad) 55px}.hero-media{height:370px}.hero-copy{margin:-45px 14px 0;padding:30px 24px}.hero-copy h1{font-size:43px}.button-row{align-items:flex-start;flex-direction:column;gap:20px}.proof-strip{padding-top:30px;padding-bottom:30px}.proof-logos{grid-template-columns:1fr 1fr;row-gap:25px}.proof-logos>span:nth-child(odd){border-left:0}.home-range{padding-top:75px;padding-bottom:75px;grid-template-columns:1fr}.range-intro{padding-right:0}.range-feature,.range-card,.range-card:nth-of-type(3){grid-column:auto;height:360px}.range-card{height:320px}.licensed-image{min-height:340px}.licensed-copy{padding:55px 25px}.numbers{padding-top:70px;padding-bottom:70px;grid-template-columns:1fr 1fr}.number{min-height:165px;padding:16px}.number strong{font-size:60px}.number span{font-size:10px}.section{padding-top:75px;padding-bottom:75px}.section-head{align-items:flex-start;flex-direction:column}.product-grid{gap:14px}.product-art{height:240px}.home-solutions{padding-top:75px;padding-bottom:75px;grid-template-columns:1fr;gap:35px}.solution-image{height:340px}.solution-steps{grid-column:auto;grid-template-columns:1fr 1fr}.service-cover{padding-top:25px}.service-cover-copy{margin:0 15px -45px;padding:30px 24px}.service-cover h1{font-size:43px}.service-cover>img{height:380px}.service-proof{padding-top:75px;padding-bottom:75px;grid-template-columns:1fr;gap:25px}.cert-row,.design-disciplines{grid-column:auto;grid-template-columns:1fr 1fr}.cert-row span,.design-disciplines span{height:80px;font-size:15px}.alternating-image img{min-height:380px}.alternating-copy{padding:55px 25px}.qa-system{padding-top:75px;padding-bottom:75px}.qa-image{height:350px}.qa-cards{grid-template-columns:1fr}.qa-cards article{min-height:230px}.qa-cards h3{margin-top:50px}.design-reality{padding-top:75px;padding-bottom:75px;gap:35px}.design-reality img{height:360px}.design-process{padding:70px 25px}.design-process ol{grid-template-columns:1fr 1fr}.design-process li{min-height:210px}.design-process h3{margin-top:50px}.service-final{padding-top:75px;padding-bottom:75px}.catalog-shell{display:block}.mobile-filter-open{width:100%;margin-bottom:15px;padding:13px;border:1px solid var(--navy);background:#fff;display:flex;justify-content:space-between;font-weight:800}.filters{position:fixed;inset:0;z-index:80;padding:25px;background:#fff;overflow:auto;transform:translateX(-100%);transition:.3s}.filters.is-open{transform:none}.filter-mobile-head{display:flex;align-items:center;justify-content:space-between}.filter-close{border:0;background:none;font-size:34px}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-grid .product-art{height:220px}.product-main-art{height:430px}.product-story{grid-template-columns:1fr}.footer-cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.copyright{gap:15px;flex-direction:column}.form-grid{grid-template-columns:1fr}}
@media(max-width:420px){.lang{font-size:10px}.home-hero{padding-left:0;padding-right:0}.hero-copy{margin-left:20px;margin-right:20px}.proof-logos>span{font-size:17px}.range-feature{height:320px}.numbers{grid-template-columns:1fr}.numbers-copy{grid-column:auto}.number{border-left:0;border-top:1px solid var(--line)}.product-grid,.catalog-grid{grid-template-columns:1fr}.product-art,.catalog-grid .product-art{height:300px}.service-cover{padding-left:0;padding-right:0}.service-cover-copy{margin-left:20px;margin-right:20px}.design-process ol{grid-template-columns:1fr}.qa-image{height:290px}.product-main-art{height:360px}.four span{border-width:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.language-switcher{position:relative}.language-switcher summary{list-style:none;cursor:pointer}.language-list{position:absolute;right:0;top:35px;min-width:160px;padding:8px;background:#fff;border:1px solid #ddd;z-index:60}.language-list a{display:block;padding:8px}

/* Pixel baseline extracted from the source pages at 1440px. */
.iw-reference{color:#3a3b4b;background:#fff;font-family:"Open Sans",Arial,sans-serif;font-size:16px;line-height:28px}.iw-reference h1,.iw-reference h2,.iw-reference h3{color:#0e0f11}.ref-wrap{width:calc(100% - 40px);max-width:1200px;margin:auto}.dark{background:#121a24;color:#fff}.dark h1,.dark h2,.dark h3{color:#fff}.light{background:#f8f9fa}.gold{color:#f1c40f!important}.site-header,.header-inner{height:90px}.site-header{position:relative;border:0}.header-inner{width:calc(100% - 40px);max-width:1200px;padding:0}.logo,.logo img{width:122px;height:60px;object-fit:contain}.main-nav{margin-left:auto;gap:30px}.nav-item>a,.nav-item>button{font-size:14px;font-weight:600}.nav-expand:after{content:"⌄";margin-left:7px;color:inherit}.mega-menu{position:absolute;top:90px;left:50%;width:1200px;padding:36px 54px;grid-template-columns:1fr 1fr;gap:60px;transform:translate(-50%,0);border-top:1px solid #eee}.has-mega:hover .mega-menu{transform:translate(-50%,0)}.mega-menu h3{font-size:14px}.mega-menu a{display:block;padding:5px;color:#636b75}.mega-small{width:440px;left:auto;right:0;transform:none}.has-mega:hover .mega-small{transform:none}.header-actions{margin-left:30px}.header-quote,.ref-button{min-height:48px;padding:0 25px;border:0;background:#f1c40f;color:#111;font-weight:600;cursor:pointer}.header-quote{min-height:42px}.ref-button{display:inline-flex;align-items:center;gap:24px}.menu-toggle,.mobile-nav-head,.mobile-quote{display:none}
.hero-grid,.split-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.ref-hero{min-height:783px;padding:84px 0}.hero-copy h1,.design-hero h1,.quality-hero h1{max-width:520px;margin:0 0 28px;font-size:44px;line-height:55px}.hero-copy>p{max-width:520px;margin:0 0 13px;color:#a8a8a8}.hero-copy .ref-button{margin-top:20px}.hero-picture,.split-grid>img{width:100%;height:520px;object-fit:cover}.audit-words{margin-top:45px;display:flex;justify-content:space-between;gap:12px;color:#636b75;font-size:13px}.feature-band{min-height:256px;display:flex;align-items:center}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}.feature-grid article{text-align:center}.feature-grid strong{display:block;height:50px;font-size:22px}.feature-grid p{color:#636b75;font-size:14px;line-height:22px}.ref-split{min-height:706px;padding:80px 0}.split-grid.reverse>img{order:2}.split-copy{padding:20px}.split-copy h2,.section-intro h2,.trust h2,.source-section h2,.solutions h2,.quality-verified h2,.supplier h2,.qa h2,.design-power h2,.design-expertise h2,.concept h2,.design-steps h2,.reviews h2,.service-cta h2,.prefooter h2{margin:0 0 24px;font-size:40px;line-height:50px}.split-copy p{color:#636b75}.split-copy ul{margin:24px 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;list-style:none}.split-copy li:before{content:"✓";margin-right:10px;color:#f1c40f}.trust{min-height:1028px;padding:115px 0}.trust h2{max-width:780px}.trust>div>p{max-width:700px}.stats{margin:75px 0;display:flex;gap:150px}.stats b{font-size:70px}.stats small{display:block;margin-top:12px;font-size:14px;font-weight:400}.brand-row{padding-top:70px;border-top:1px solid #39414a;display:grid;grid-template-columns:repeat(5,1fr);text-align:center;font-size:20px;font-weight:700}.source-section{min-height:882px;padding:110px 0}.solutions{min-height:916px;padding:105px 0}.section-intro{max-width:840px;margin:0 auto 55px;text-align:center}.solution-grid,.four-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution-grid article,.four-grid article{min-height:220px;padding:32px;border:1px solid #e2e3e5}.solution-grid span{color:#f1c40f}.solution-grid h3,.four-grid h3{margin:30px 0 10px;font-size:20px}.solution-grid p,.four-grid p{color:#636b75;font-size:14px;line-height:24px}.cms-slot{max-height:180px;margin-top:35px;padding:24px;background:#f8f9fa;overflow:auto}.product-slot{margin-top:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.prefooter{min-height:372px;display:flex;align-items:center}.prefooter>div,.service-cta>div{display:flex;align-items:center;justify-content:space-between;gap:50px}.prefooter h2,.service-cta h2{max-width:720px;margin:0}.site-footer{min-height:814px;padding:115px 0 35px;background:#fff;color:#3a3b4b}.site-footer .footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:75px}.site-footer h3{margin:0 0 22px;color:#0e0f11;font-size:16px}.site-footer a,.site-footer p{display:block;margin:9px 0;color:#636b75;font-size:14px}.footer-bottom{margin-top:145px;padding-top:30px;border-top:1px solid #ddd;display:flex;gap:36px;color:#777;font-size:13px}.footer-bottom span:last-child{margin-left:auto}
.design-hero{min-height:760px;padding:155px 0;background:#3a3b4b}.design-hero h1{max-width:760px}.design-hero p{max-width:700px;margin-bottom:34px}.design-power{min-height:927px;padding:100px 0}.design-images{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.design-images img{width:100%;height:575px;object-fit:cover}.design-expertise{min-height:789px;padding:95px 0}.concept{min-height:764px;padding:90px 0}.design-steps{min-height:661px;padding:90px 0}.four-grid{grid-template-columns:repeat(4,1fr)}.reviews{min-height:632px;padding:90px 0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.review-grid blockquote{margin:20px 0;padding:42px;background:#fff}.review-grid cite{display:block;margin-top:25px;font-style:normal;font-weight:700}.service-cta{min-height:436px;display:flex;align-items:center}.quality-hero{min-height:816px;padding:110px 0}.quality-verified{min-height:773px;padding:95px 0}.supplier{min-height:1036px;padding:110px 0}.supplier .four-grid{margin-top:60px;grid-template-columns:1fr 1fr}.qa{min-height:946px;padding:95px 0}.qa-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.qa-layout>img{width:100%;height:650px;object-fit:cover}.qa-layout>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qa-layout article{padding:20px;border-top:2px solid #f1c40f}.qa-layout p{font-size:13px;line-height:22px;color:#636b75}
.modal-backdrop{background:rgba(0,0,0,.72)}.modal-panel{width:min(570px,100%);padding:60px}.modal-panel h2{font-size:40px}.modal-panel label{display:block;margin-bottom:15px}.modal-panel input,.modal-panel select,.modal-panel textarea{width:100%;margin-top:5px;padding:11px;border:1px solid #aaa}.honeypot{position:absolute!important;left:-9999px}
@media(max-width:980px){.site-header,.header-inner{height:74px}.logo,.logo img{width:98px;height:49px}.main-nav{position:fixed;inset:0 0 0 auto;width:min(430px,100%);height:100%;padding:25px 30px;display:block;transform:translateX(100%)}.nav-open .main-nav{transform:none}.mobile-nav-head{display:flex}.nav-item{display:block;height:auto}.nav-item>a,.nav-item>button{height:auto;padding:16px 0;font-size:18px}.mega-menu,.mega-small{position:static;width:100%;padding:5px 15px 20px;display:none;transform:none}.is-expanded>.mega-menu{display:block}.header-actions{margin-left:auto}.header-quote{display:none}.menu-toggle{display:flex}.mobile-quote{display:block}.ref-wrap{width:calc(100% - 48px)}.hero-grid,.split-grid{gap:30px}.feature-grid{grid-template-columns:repeat(3,1fr)}.solution-grid,.four-grid{grid-template-columns:1fr 1fr}.site-footer .footer-grid{grid-template-columns:1fr 1fr}.product-slot{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ref-wrap{width:calc(100% - 40px)}.language-switcher{display:none}.ref-hero{min-height:0;padding:50px 0 65px}.hero-grid,.split-grid{grid-template-columns:1fr}.hero-picture{height:280px;grid-row:1}.hero-copy h1,.design-hero h1,.quality-hero h1{font-size:34px;line-height:43px}.audit-words{flex-wrap:wrap}.feature-grid{grid-template-columns:1fr 1fr}.ref-split,.source-section{min-height:0;padding:70px 0}.split-grid.reverse>img{order:0}.split-grid>img{height:330px}.split-copy{padding:15px 0}.split-copy h2,.section-intro h2,.trust h2,.source-section h2,.solutions h2,.quality-verified h2,.supplier h2,.qa h2,.design-power h2,.design-expertise h2,.concept h2,.design-steps h2,.reviews h2,.service-cta h2,.prefooter h2{font-size:30px;line-height:40px}.split-copy ul{grid-template-columns:1fr}.trust{min-height:0;padding:75px 0}.stats{gap:45px}.stats b{font-size:48px}.brand-row{grid-template-columns:1fr 1fr}.solutions{padding:75px 0}.solution-grid,.four-grid,.supplier .four-grid{grid-template-columns:1fr}.section-intro{text-align:left}.product-slot{grid-template-columns:1fr}.prefooter,.service-cta{min-height:360px}.prefooter>div,.service-cta>div{align-items:flex-start;flex-direction:column}.site-footer{min-height:0;padding:75px 0 30px}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:50px 25px}.footer-bottom{margin-top:70px;flex-direction:column}.footer-bottom span:last-child{margin-left:0}.design-hero{min-height:700px;padding:100px 0}.design-power,.design-expertise,.concept,.design-steps,.reviews,.quality-hero,.quality-verified,.supplier,.qa{min-height:0;padding:75px 0}.design-images,.review-grid,.qa-layout{grid-template-columns:1fr}.design-images img{height:340px}.qa-layout>img{height:350px}.qa-layout>div{grid-template-columns:1fr}.modal-panel{padding:50px 25px}}
.ref-split:nth-child(4){min-height:770px}.ref-split:nth-child(5){min-height:820px}.solutions{height:916px;overflow:auto}.product-slot{max-height:230px;overflow:auto}.product-slot .product-art{height:130px}
@media(max-width:600px){.ref-split:nth-child(4),.ref-split:nth-child(5),.solutions{height:auto;min-height:0}.solutions{overflow:visible}}
@media(max-width:600px){.site-header,.header-inner{height:60px}.logo,.logo img{width:90px;height:44px}.ref-hero{height:918px;padding:32px 0}.hero-picture{height:230px}.hero-copy h1{font-size:36px;line-height:45px}.hero-copy>p{margin-bottom:8px}.audit-words{margin-top:25px}}
@media(min-width:981px){.qa{height:946px;overflow:auto}}
.social-links{display:flex;align-items:center;gap:14px}.site-footer .social-links a{width:32px;height:32px;margin:0;display:grid;place-items:center;border:1px solid #d8dadd;border-radius:50%;color:#121a24}.social-links img{width:16px;height:16px}.design-steps{height:661px;min-height:661px;overflow:hidden}.design-steps .four-grid article{min-height:205px;padding:24px}.design-steps .four-grid h3{margin-top:18px}
@media (min-width:341px) and (max-width:600px){.ref-hero{height:900px;min-height:900px}.feature-band{height:450px;min-height:450px;overflow:hidden}.ref-split:nth-child(3){height:1095px;min-height:1095px;overflow:hidden}.ref-split:nth-child(4){height:990px;min-height:990px;overflow:hidden}.ref-split:nth-child(5){height:1014px;min-height:1014px;overflow:hidden}}
@media (max-width:340px){.site-header,.header-inner{height:74px}.ref-hero{height:964px;min-height:964px}.feature-band{height:478px;min-height:478px;overflow:hidden}.ref-split:nth-child(3){height:1075px;min-height:1075px;overflow:hidden}.ref-split:nth-child(4){height:1212px;min-height:1212px;overflow:hidden}.ref-split:nth-child(5){height:1233px;min-height:1233px;overflow:hidden}}
@media(max-width:600px){.design-steps{height:auto;min-height:0;overflow:visible}}
@media (min-width:341px) and (max-width:600px){.quality-hero{height:1215px;min-height:1215px;overflow:hidden}.quality-verified{height:1144px;min-height:1144px;overflow:hidden}.supplier{height:1941px;min-height:1941px;overflow:hidden}.qa{height:1271px;min-height:1271px;overflow:hidden}.service-cta{height:387px;min-height:387px;overflow:hidden}}