:root { --green:#113f35; --green-deep:#082c25; --gold:#b89537; --cream:#f6f1e6; --paper:#fffdf8; --ink:#18251f; --muted:#64716a; --line:rgba(17,63,53,.15); --serif:Georgia,"Times New Roman",serif; --sans:Inter,Arial,sans-serif; --shadow:0 18px 48px rgba(20,48,39,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.65; }
img { max-width:100%; height:auto; display:block; }
a { color:inherit; text-underline-offset:3px; }
button,input,select,textarea { font:inherit; }
.inlead-container { width:min(1240px,calc(100% - 48px)); margin:0 auto; }
.screen-reader-text { position:absolute!important; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link:focus { position:fixed!important; z-index:999; width:auto;height:auto;clip:auto;margin:16px;padding:10px 14px;background:#fff;color:#000; }
.site-header { position:sticky;top:0;z-index:30;background:rgba(246,241,230,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px); }
.site-header__inner { min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px; }
.brand-wordmark { color:var(--green);display:flex;align-items:flex-start;gap:7px;text-decoration:none;letter-spacing:.12em;font-size:11px;line-height:1.05;font-weight:800; }
.brand-wordmark span { padding:4px 5px;background:var(--green);color:#fff;font-size:9px;letter-spacing:.13em; }
.brand-wordmark strong { display:block;max-width:76px;padding-top:2px; }
.brand-lockup { display:inline-flex;align-items:center;gap:9px;color:var(--green);text-decoration:none; }
.brand-lockup__mark { display:block;width:45px;height:45px;overflow:hidden;background:var(--green); }
.brand-lockup__mark img { width:100%;height:100%;object-fit:cover;object-position:50% 42%; }
.brand-lockup__text { display:flex;flex-direction:column;gap:2px;line-height:1;letter-spacing:.13em; }
.brand-lockup__text strong { font-size:12px;font-family:var(--sans);font-weight:800; }
.brand-lockup__text small { font-size:8px;font-weight:800;letter-spacing:.16em; }
.brand-lockup--footer { color:#fff; }
.brand-lockup--footer .brand-lockup__mark { width:58px;height:58px; }
.brand-lockup--footer .brand-lockup__text strong { font-size:14px; }
.brand-lockup--footer .brand-lockup__text small { font-size:9px;color:#e0c67a; }
.custom-logo-link img { max-height:54px;width:auto; }
.primary-navigation .menu { display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none; }
.primary-navigation a { color:var(--green);font-size:10px;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase; }
.primary-navigation .menu-quote { border:1px solid var(--green);padding:10px 13px; }
.menu-toggle { display:none;justify-content:center;gap:5px;flex-direction:column;width:42px;height:42px;border:1px solid var(--green);background:transparent;color:var(--green); }
.menu-toggle span:not(.screen-reader-text) { display:block;width:19px;height:1.5px;margin:0 auto;background:currentColor; }
.button { display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 17px;border:1px solid transparent;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:transform .18s ease,background .18s ease,color .18s ease; }
.button:hover { transform:translateY(-2px); }
.button--solid { background:var(--green);color:#fff; }
.button--light { background:#fff;color:var(--green); }
.button--ghost { color:#fff;border-color:rgba(255,255,255,.65); }
.button--outline { color:var(--green);border-color:var(--green); }
.text-link { display:inline-flex;gap:7px;align-items:center;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase; }
.text-link--light { color:#fff; }
.eyebrow { margin:0 0 14px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }
h1,h2,h3 { margin:0;color:var(--green);font-family:var(--serif);font-weight:600;line-height:1.03; }
h1 { font-size:clamp(42px,6vw,82px);letter-spacing:-.04em; }
h2 { font-size:clamp(34px,4.2vw,62px);letter-spacing:-.04em; }
h3 { font-size:clamp(23px,2.5vw,35px);letter-spacing:-.025em; }
.section-pad { padding:112px 0; }
.hero { position:relative;min-height:720px;isolation:isolate;background-color:var(--green-deep);background-image:linear-gradient(90deg,rgba(8,44,37,.97) 0%,rgba(8,44,37,.95) 40%,rgba(8,44,37,.18) 65%,rgba(8,44,37,.08) 100%),var(--inlead-background-image,url('../images/hero-architectural-doors.jpg'));background-position:center;background-size:cover;color:#fff;display:flex;align-items:flex-end;overflow:hidden; }
.hero__overlay { position:absolute;inset:0;background:radial-gradient(circle at 90% 22%,rgba(184,149,55,.23),transparent 30%);z-index:-1; }
.hero__content { padding:150px 0 105px; }
.hero h1 { max-width:720px;color:#fff;font-size:clamp(54px,6.4vw,104px); }
.hero h1 span,.hero h1 em { display:block; }
.hero h1 em { color:#efcb62;font-style:italic;font-weight:600; }
.hero__eyebrow { color:#f3d988;display:flex;align-items:center;gap:9px; }
.pulse-dot { width:7px;height:7px;background:#f4d779;border-radius:50%;box-shadow:0 0 0 6px rgba(244,215,121,.2); }
.hero__summary { max-width:650px;margin:28px 0 34px;color:rgba(255,255,255,.88);font-size:18px; }
.hero__actions { display:flex;gap:12px;flex-wrap:wrap; }
.hero__caption { position:absolute;right:35px;bottom:70px;writing-mode:vertical-rl;color:rgba(255,255,255,.56);font-size:10px;font-weight:800;letter-spacing:.18em; }
.intro-section { display:grid;grid-template-columns:90px 1.25fr .9fr;gap:56px;align-items:start; }
.section-number { color:var(--gold);font-family:var(--serif);font-size:44px;line-height:1; }
.intro-section p:not(.eyebrow),.section-heading>p { margin:5px 0 22px;color:#42544c; }
.product-index { background:var(--green);color:#fff; }
.product-index h2 { color:#fff; }
.section-kicker { display:flex;justify-content:space-between;margin-bottom:60px;color:#d7c181;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }
.section-heading { display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px; }
.section-heading > div { max-width:650px; }
.section-heading > p { max-width:385px;color:inherit;opacity:.72; }
.section-heading--stacked { display:block;max-width:670px; }
.section-heading--stacked p:not(.eyebrow) { max-width:590px; }
.product-list { border-top:1px solid rgba(255,255,255,.18); }
.product-row { display:grid;grid-template-columns:48px 120px minmax(0,1fr) 150px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18); }
.product-row__index { color:#d4bd72;font-family:var(--serif);font-size:24px; }
.product-row__image { display:block;width:120px;height:78px;overflow:hidden;background:linear-gradient(140deg,#2d685a,#a58b43); }
.product-row__image img { width:100%;height:100%;object-fit:cover; }
.product-row__image--placeholder { opacity:.46; }
.product-row__content .eyebrow { margin:0 0 6px;color:#d4bd72;font-size:9px; }
.product-row h3,.product-row h3 a { color:#fff;text-decoration:none;font-size:30px; }
.product-row p:not(.eyebrow) { margin:4px 0 0;color:rgba(255,255,255,.72);font-size:14px; }
.product-row .text-link { justify-self:end;color:#fff; }
.applications-section { background:var(--cream); }
.application-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line); }
.application-card { min-height:210px;padding:28px;background:var(--paper); }
.application-card span { display:block;color:var(--gold);font-size:22px; }
.application-card h3 { margin:30px 0 10px;font-size:25px; }
.application-card p { margin:0;color:var(--muted);font-size:14px; }
.manufacturing-section { color:#fff;background-color:var(--green-deep);background-image:linear-gradient(115deg,rgba(8,44,37,.97),rgba(17,63,53,.83)),var(--inlead-background-image,url('../images/modules/illustrative-manufacturing.jpg'));background-size:cover;background-position:center; }
.manufacturing-section h2 { color:#fff; }
.manufacturing-section__grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:84px;align-items:start; }
.manufacturing-section p:not(.eyebrow) { color:rgba(255,255,255,.75); }
.illustrative-note { display:block;margin-top:22px;color:rgba(255,255,255,.6);font-size:11px;line-height:1.5; }
.process-list { list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.24); }
.process-list li { display:flex;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.24);font-family:var(--serif);font-size:24px; }
.process-list span { color:#d8c27c;font-size:14px; }
.oem-section { display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:start; }
.oem-steps { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line); }
.oem-steps article { min-height:205px;padding:25px;background:var(--paper); }
.oem-steps span { color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.08em; }
.oem-steps h3 { margin:42px 0 10px;font-size:25px; }
.oem-steps p { margin:0;color:var(--muted);font-size:14px; }
.market-section { padding:96px 0;background:var(--green-deep);color:#fff; }
.market-section h2 { max-width:720px;color:#fff; }
.market-section p:not(.eyebrow) { max-width:750px;color:rgba(255,255,255,.76); }
.market-chips { display:flex;flex-wrap:wrap;gap:9px;margin-top:29px; }
.market-chips span { border:1px solid rgba(255,255,255,.35);padding:8px 10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase; }
.quality-section { display:grid;grid-template-columns:1fr 1fr;gap:75px;min-height:440px;background-color:var(--cream);background-image:linear-gradient(120deg,rgba(246,241,230,.96),rgba(246,241,230,.76)),var(--inlead-background-image,url('../images/modules/illustrative-quality.jpg'));background-size:cover;background-position:center; }
.quality-section>div:last-child { padding-top:75px; }
.quality-section p:not(.eyebrow) { color:var(--muted); }
.illustrative-note--dark { color:#5f6c63; }
.guides-section { background:var(--paper); }
.guide-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:30px; }
.guide-card { min-height:320px;padding:26px;background:var(--cream);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start; }
.guide-card__image { width:100%;height:185px;margin:-26px -26px 28px;overflow:hidden;align-self:stretch; }
.guide-card__image img,.guide-card>a:first-child img { width:100%;height:100%;object-fit:cover; }
.guide-card h3,.guide-card h2 { margin:0 0 10px;font-size:29px; }
.guide-card h3 a,.guide-card h2 a { text-decoration:none; }
.guide-card p:not(.eyebrow) { margin:0 0 20px;color:var(--muted);font-size:14px; }
.guide-card .text-link { margin-top:auto; }
.faq-section { display:grid;grid-template-columns:.85fr 1.15fr;gap:76px; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { padding:21px 0;display:flex;justify-content:space-between;gap:25px;cursor:pointer;color:var(--green);font-family:var(--serif);font-size:23px;line-height:1.2; }
.faq-list summary span { color:var(--gold);font-family:var(--sans);font-size:25px; }
.faq-list p { max-width:760px;margin:0 0 24px;color:var(--muted); }
.final-cta { padding:108px 0;background:linear-gradient(120deg,var(--green),#236657);color:#fff; }
.final-cta h2 { max-width:780px;color:#fff; }
.final-cta p:not(.eyebrow) { max-width:680px;color:rgba(255,255,255,.8);font-size:18px; }
.final-cta>div>div { display:flex;gap:12px;flex-wrap:wrap;margin-top:30px; }
.site-footer { background:#0b2d26;color:#fff; }
.site-footer__topline { height:5px;background:var(--gold); }
.site-footer__inner { display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding:76px 0 52px; }
.footer-brand p,.footer-column p,.footer-column address { color:rgba(255,255,255,.66);font-size:14px;font-style:normal; }
.footer-column { display:flex;flex-direction:column;align-items:flex-start;gap:8px; }
.footer-column h2 { margin:0 0 13px;color:#d9c27b;font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }
.footer-column a { color:#fff;font-size:14px;text-decoration:none; }
.site-footer__bottom { display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.58);font-size:11px;letter-spacing:.05em;text-transform:uppercase; }
.whatsapp-float { position:fixed;right:22px;top:58%;z-index:25;display:flex;align-items:center;gap:9px;padding:12px 15px;background:#168f62;color:#fff;box-shadow:var(--shadow);font-size:11px;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase; }
.whatsapp-float span:first-child { font-size:18px; }
.site-main--standard { min-height:55vh;padding:100px 0; }
.page-article,.article-detail { max-width:900px; }
.page-article__header,.article-detail__header { max-width:790px;margin-bottom:48px; }
.page-article__featured,.article-detail__featured,.guide-detail__featured { margin-bottom:45px; }
.page-article__featured img,.article-detail__featured img,.guide-detail__featured img { width:100%;max-height:550px;object-fit:cover; }
.entry-content { color:#34473e;font-size:18px; }
.entry-content>*+* { margin-top:1.4em; }
.entry-content h2,.entry-content h3 { margin-top:1.75em; }
.article-detail__lead { color:var(--muted);font-size:20px; }
.article-detail__cta { margin-top:72px;padding:36px;background:var(--green);color:#fff; }
.article-detail__cta p { font-family:var(--serif);font-size:26px; }
.archive-hero { padding:118px 0 96px;background:var(--cream); }
.archive-hero--dark { background:var(--green);color:#fff; }
.archive-hero--dark h1 { color:#fff; }
.archive-hero>div>p:not(.eyebrow) { max-width:650px;color:var(--muted);font-size:18px; }
.archive-hero--dark>div>p:not(.eyebrow) { color:rgba(255,255,255,.72); }
.product-card-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:28px; }
.product-card { min-height:340px;padding:24px;background:var(--paper);border:1px solid var(--line); }
.product-card__image { display:block;margin:-24px -24px 26px;overflow:hidden; }
.product-card__image img { width:100%;height:210px;object-fit:cover; }
.product-card h2 { margin-bottom:9px;font-size:30px; }.product-card h2 a{text-decoration:none}.product-card p:not(.eyebrow){color:var(--muted);font-size:14px;}
.product-hero { padding:120px 0 76px;background:var(--cream); }
.product-hero__grid { display:grid;grid-template-columns:1fr .92fr;gap:64px;align-items:center; }
.product-hero__lead { max-width:600px;color:var(--muted);font-size:19px; }.product-hero__visual img { width:100%;min-height:390px;object-fit:cover; }.image-placeholder { min-height:390px;padding:30px;display:flex;align-items:end;background:linear-gradient(145deg,#2d685a,#b89537);color:#fff;font-family:var(--serif);font-size:26px; }
.product-body { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:68px; }.product-brief-card { align-self:start;padding:32px;background:var(--green);color:#fff;position:sticky;top:105px; }.product-brief-card h2{color:#fff;font-size:34px}.product-brief-card p:not(.eyebrow){color:rgba(255,255,255,.72)}.product-brief-card .text-link{color:#fff}
.quote-section { background:var(--paper); }.quote-section__grid { display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start; }.quote-section h2{max-width:470px}.quote-section>div>div:first-child>p:not(.eyebrow){color:var(--muted)}
.quote-page__hero { padding:110px 0 82px;background:var(--green);color:#fff; }.quote-page__hero h1{color:#fff;max-width:850px}.quote-page__hero p:not(.eyebrow){max-width:650px;color:rgba(255,255,255,.75);font-size:18px}.quote-contact>a{display:block;margin:12px 0;color:var(--green);font-weight:800}
.inlead-quote-form { padding:30px;background:var(--cream);border:1px solid var(--line); }.form-grid{display:grid;gap:16px}.form-grid--two{grid-template-columns:repeat(2,1fr)}.inlead-quote-form p{margin:0 0 17px}.inlead-quote-form label{display:block;margin-bottom:7px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.inlead-quote-form input,.inlead-quote-form select,.inlead-quote-form textarea{width:100%;border:1px solid rgba(17,63,53,.28);border-radius:0;background:#fff;padding:12px;color:var(--ink)}.inlead-quote-form input:focus,.inlead-quote-form select:focus,.inlead-quote-form textarea:focus{outline:3px solid rgba(184,149,55,.45);outline-offset:1px}.form-privacy{color:var(--muted);font-size:12px}.form-notice{margin-bottom:20px;padding:16px;border:1px solid var(--line);display:grid;gap:4px}.form-notice--success{background:#e5f3e8;color:var(--green)}.form-notice--error{background:#fbe8e5;color:#7b1e15}
.guide-detail__hero { padding:108px 0 84px;background:var(--green);color:#fff; }.guide-detail__hero h1{max-width:960px;color:#fff}.guide-detail__hero p:not(.eyebrow){max-width:710px;color:rgba(255,255,255,.75);font-size:19px}.guide-detail__featured{margin-top:64px}.guide-detail__featured img{width:100%;max-height:530px;object-fit:cover}.guide-detail__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.65fr);gap:72px;padding-top:65px;padding-bottom:105px}.guide-detail__aside{align-self:start;position:sticky;top:105px;padding:30px;background:var(--cream);border-top:4px solid var(--gold)}.guide-detail__aside h2{font-size:34px}.guide-detail__aside p:not(.eyebrow){color:var(--muted);font-size:14px}
.editorial-list{display:grid;gap:26px}.editorial-card{display:grid;grid-template-columns:280px 1fr;gap:30px;padding-bottom:26px;border-bottom:1px solid var(--line)}.editorial-card__image img{width:100%;height:190px;object-fit:cover}.editorial-card h2{font-size:35px}.editorial-card h2 a{text-decoration:none}.editorial-card p{color:var(--muted)}
@media (max-width:900px){.inlead-container{width:min(100% - 32px,1240px)}.site-header__inner{min-height:72px}.menu-toggle{display:flex}.primary-navigation{position:absolute;top:100%;left:0;right:0;display:none;background:var(--cream);border-bottom:1px solid var(--line)}.primary-navigation.is-open{display:block}.primary-navigation .menu{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:16px}.primary-navigation li{border-bottom:1px solid var(--line)}.primary-navigation a{display:block;padding:15px 2px}.primary-navigation .menu-quote{border:0;padding:15px 2px}.hero{min-height:600px}.hero__content{padding:120px 0 84px}.hero__caption{display:none}.intro-section,.oem-section,.quality-section,.manufacturing-section__grid,.product-hero__grid,.product-body,.quote-section__grid,.guide-detail__layout{grid-template-columns:1fr;gap:38px}.intro-section{grid-template-columns:60px 1fr}.intro-section>div:last-child{grid-column:2}.product-row{grid-template-columns:36px 92px minmax(0,1fr);gap:15px}.product-row .text-link{grid-column:3;justify-self:start}.product-row__image{width:92px;height:70px}.application-grid,.guide-grid,.product-card-grid{grid-template-columns:repeat(2,1fr)}.site-footer__inner{grid-template-columns:repeat(2,1fr)}.quality-section>div:last-child{padding-top:0}.product-brief-card,.guide-detail__aside{position:static}.section-pad{padding:78px 0}.market-section{padding:75px 0}}
@media (max-width:590px){body{font-size:15px}.site-header__inner{min-height:68px}.custom-logo-link img{max-height:46px}.hero{min-height:570px}.hero__content{padding:100px 0 60px}.hero__summary{font-size:16px}.hero__actions,.final-cta>div>div{align-items:stretch;flex-direction:column}.hero__actions .button,.final-cta .button{width:100%}.section-heading{display:block}.section-heading>p{margin-top:18px}.section-kicker{margin-bottom:38px}.intro-section{grid-template-columns:1fr;gap:20px}.intro-section>div:last-child{grid-column:auto}.section-number{font-size:34px}.product-row{grid-template-columns:32px 1fr;padding:25px 0}.product-row__image{display:none}.product-row__content{grid-column:2}.product-row .text-link{grid-column:2}.application-grid,.guide-grid,.product-card-grid,.oem-steps,.form-grid--two{grid-template-columns:1fr}.manufacturing-section__grid,.oem-section,.quality-section,.faq-section,.quote-section__grid,.product-body,.product-hero__grid,.guide-detail__layout{gap:30px}.site-footer__inner{grid-template-columns:1fr;padding:55px 0 35px}.site-footer__bottom{flex-direction:column}.whatsapp-float{right:15px;bottom:16px;top:auto;width:52px;height:52px;padding:0;justify-content:center;border-radius:50%}.whatsapp-float span:last-child{display:none}.archive-hero,.product-hero,.quote-page__hero,.guide-detail__hero{padding:76px 0 60px}.product-hero__visual img,.image-placeholder{min-height:280px}.guide-detail__layout{padding-top:40px;padding-bottom:70px}.editorial-card{grid-template-columns:1fr}.editorial-card__image img{height:220px}}