/* Architecture V6: preserve the brand, expose a useful buying hierarchy. */
#header {gap:20px}#header nav{gap:22px}#header nav>a,.resource-menu>summary{font-size:13px;white-space:nowrap}.header-actions{gap:12px}.header-actions>.button{white-space:nowrap}.language-only{font-size:12px;color:#365347}.nav-panel small{font-size:9px;opacity:.65}.resource-menu>.nav-panel{z-index:50;min-width:240px}.resource-menu.product-menu>.nav-panel{width:min(960px,calc(100vw - 64px));left:50%;transform:translateX(-35%);max-height:75vh;overflow:auto;padding:26px}.nav-product-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 30px;margin-top:18px}.nav-product-groups section{min-width:0}.nav-product-groups h3{margin:0 0 9px;font-size:13px}.nav-product-groups h3 a{font-weight:700!important;white-space:normal!important}.nav-product-groups a{font-size:12px!important;padding:7px 0!important;line-height:1.5;white-space:normal!important}.nav-product-groups h3 a{color:#163d30}.architecture-directory{background:#f5f4ed}.architecture-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.architecture-group{scroll-margin-top:120px}.group-image{display:block;position:relative;aspect-ratio:1.6;background:#ebece2;overflow:hidden}.group-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.group-image:hover img{transform:scale(1.04)}.group-image span{position:absolute;left:18px;top:16px;font-size:12px;letter-spacing:.1em}.architecture-group h3{font-size:23px;line-height:1.2;margin:24px 0 12px;font-weight:500}.architecture-group p{font-size:14px;line-height:1.7;color:#536159;margin-bottom:18px}.group-links{display:grid;gap:0}.group-links a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px solid #d4dacf;padding:10px 0;font-size:13px;line-height:1.5}.group-links a:hover{color:#637a42}.architecture-hero{padding:55px 6vw 70px;background:#e9eddf}.architecture-hero.with-image{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center}.architecture-hero h1{font-size:clamp(40px,4.6vw,74px);font-weight:400;line-height:1.06;letter-spacing:-.04em;max-width:1000px;margin:22px 0 26px}.architecture-hero>div>p:not(.eyebrow):not(.article-byline){font-size:18px;line-height:1.8;max-width:780px;color:#46554a}.architecture-hero .button{margin-top:24px}.architecture-hero>img{width:100%;aspect-ratio:1.2;object-fit:contain;mix-blend-mode:multiply}.architecture-hero .article-byline{font-size:12px;margin-top:25px}.architecture-products{padding-bottom:30px}.architecture-reading{display:grid;grid-template-columns:250px minmax(0,1fr);gap:8vw;align-items:start}.architecture-reading>aside{position:sticky;top:120px;display:grid;gap:14px}.architecture-reading>aside a{font-size:13px;line-height:1.6;border-bottom:1px solid #d5dacd;padding-bottom:12px}.architecture-reading>article{min-width:0;max-width:980px}.architecture-reading>article>section{scroll-margin-top:120px;padding:0 0 50px;margin-bottom:30px;border-bottom:1px solid #d5dacd}.architecture-reading h2{font-size:clamp(26px,2.5vw,38px);line-height:1.2;margin:0 0 22px}.architecture-reading p{font-size:17px;line-height:1.85;color:#4b584e;max-width:76ch}.architecture-reading .snack-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.architecture-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.architecture-promo{background:#eff0e7}.architecture-promo>a{display:block;aspect-ratio:1.8;overflow:hidden}.architecture-promo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.architecture-promo>div{padding:30px}.architecture-promo h3{font-size:27px;line-height:1.2;margin:0 0 16px}.architecture-promo p{font-size:15px;line-height:1.8;color:#526056}.new-guides>h2{margin-bottom:34px}.architecture-related{background:#e9eddf}.related-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.related-links a{border:1px solid #c0cbb5;padding:15px 20px;font-size:14px}.related-links a:hover{background:#163d30;color:white}.qr-section{background:#f1f2e9}.qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.qr-card{padding:30px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:25px}.qr-frame{display:flex;align-items:center;justify-content:center;width:232px;height:232px;max-width:100%;background:white;direction:ltr;align-self:center}.qr-crop{display:block;position:relative;width:200px;height:200px;overflow:hidden;background:white;flex-shrink:0}.qr-catalogue img{width:200px;height:200px;image-rendering:pixelated;max-width:none}.qr-instagram img{position:absolute;max-width:none;width:181.4433%;height:auto;left:-40.2062%;top:-76.0825%}.qr-whatsapp img{position:absolute;max-width:none;width:216.3934%;height:auto;left:-59.0164%;top:-183.6066%}.qr-card h3{font-size:24px;margin:0 0 12px}.qr-card p{font-size:14px;line-height:1.7;color:#526056;min-height:46px}.qr-original{display:block;margin-top:14px;font-size:11px;text-decoration:underline;color:#687269}.qr-single{grid-template-columns:1fr}.qr-single .qr-card{flex-direction:row;align-items:center;gap:60px}.architecture-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0}.architecture-note-grid h3{font-size:24px}.architecture-note-grid p{line-height:1.8;font-size:16px}.architecture-notes{background:#f1f2e9}
@media(min-width:1101px) and (max-width:1350px){#header{padding-left:24px;padding-right:24px;gap:14px}#header nav{gap:14px}#header .brand-word{font-size:25px}#header .brand-mark{width:49px;height:49px}#header nav>a,.resource-menu>summary{font-size:11px}.header-actions>.button{padding:13px 15px;font-size:11px}.language-picker select{max-width:85px}}
@media(max-width:1100px){#header nav{gap:14px}.resource-menu.product-menu>.nav-panel{left:0;transform:none;width:100%;max-height:none;padding:15px}.nav-product-groups{grid-template-columns:1fr 1fr;gap:24px}.resource-menu>.nav-panel{min-width:0}.architecture-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-grid{grid-template-columns:1fr}.qr-card{flex-direction:row;align-items:center}.architecture-reading{grid-template-columns:190px minmax(0,1fr);gap:5vw}}
@media(max-width:700px){.architecture-hero{padding:36px 6vw 45px}.architecture-hero.with-image{grid-template-columns:1fr;gap:25px}.architecture-hero h1{font-size:42px}.architecture-hero>div>p:not(.eyebrow):not(.article-byline){font-size:16px}.architecture-hero>img{max-height:280px}.architecture-groups,.architecture-promo-grid,.architecture-note-grid{grid-template-columns:1fr}.architecture-groups{gap:40px}.architecture-reading{display:block}.architecture-reading>aside{position:static;margin-bottom:45px}.architecture-reading p{font-size:16px}.architecture-reading>article>section{padding-bottom:24px;margin-bottom:30px}.architecture-reading .snack-grid{grid-template-columns:1fr}.qr-card,.qr-single .qr-card{flex-direction:column;align-items:stretch;gap:20px}.qr-frame{align-self:center}.qr-single .qr-card{gap:25px}.qr-card p{min-height:0}.nav-product-groups{grid-template-columns:1fr}.nav-product-groups section{padding-bottom:6px}.architecture-group h3{font-size:25px}.architecture-promo>div{padding:25px}.language-only{font-size:11px}.breadcrumbs{flex-wrap:wrap;line-height:1.7}.related-links{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.group-image img{transition:none}}
.architecture-hero>img{height:auto;aspect-ratio:1.2}.architecture-hero.with-image{min-height:560px}.architecture-group .group-image img{height:100%}#header .header-actions>.button{display:inline-flex}#header .brand-word{font-size:32px}#header nav>a,.resource-menu>summary{font-size:12px}
@media(max-width:1100px){#header{height:84px}#header>nav{display:none}.menu-toggle{display:block;width:25px;padding:0}#header .header-actions>.button{display:none}.mobile-open #header>nav{display:flex;position:absolute;top:84px;left:0;right:0;flex-direction:column;align-items:stretch;gap:8px;padding:20px 24px;background:white;max-height:calc(100dvh - 84px);overflow:auto;border-bottom:1px solid #d5dacd}.mobile-open #header>nav>a{font-size:16px;padding:12px 0}.mobile-open #header .resource-menu summary{font-size:16px;min-height:44px}.mobile-open #header .resource-menu>.nav-panel{position:static;transform:none;left:auto;width:100%;box-shadow:none;border:0;margin-top:12px;background:#f5f7f3;padding:16px}.mobile-contact{display:block}}
@media(max-width:760px){#header{height:82px}#header .brand-word{font-size:29px}.mobile-open #header>nav{top:82px;max-height:calc(100dvh - 82px)}.architecture-hero.with-image{min-height:0}.architecture-hero>img{height:auto;aspect-ratio:1.4}}