/* Shared page layouts; functional form and catalogue styles live in style.css. */
.site-header nav .mobile-contact{display:none}
.quality-layout>*,.contact-page>*{min-width:0;overflow-wrap:anywhere}
.quality-list article>span{flex:0 0 2ch;white-space:nowrap}
body{overflow-wrap:break-word}h1{font-size:clamp(2.2rem,3.5vw,3.5rem);letter-spacing:-1.5px;margin:0 0 22px;line-height:1.15}.site-header{border-bottom:1px solid var(--line);background:#fff}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:106px}.site-header .logo{flex-shrink:0}.site-header nav{gap:28px;justify-content:flex-end;min-width:0;flex-wrap:wrap;padding:18px 0}.site-header nav>a:not(.button){padding:10px 0}.site-header [aria-current=page]:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:8px}.site-header .button{color:#fff;white-space:normal}.menu-toggle{display:none}.breadcrumbs{display:flex;justify-content:flex-start;gap:12px;min-height:0;padding-block:22px;font-size:.75rem;color:var(--muted);font-weight:400;flex-wrap:wrap}.breadcrumbs a{color:var(--accent)}.page-intro{padding:16px 0 42px}.page-intro>p:last-child{font-size:1.125rem;max-width:750px;color:var(--muted);margin:0}.home-hero{padding-top:24px}.home-hero .hero{min-height:450px}.home-hero .hero-copy{padding:66px 56px;max-width:690px}.home-hero h1{font-size:clamp(2.5rem,4vw,3.8rem)}.home-hero .hero:before{background:linear-gradient(90deg,rgba(25,28,29,.96),rgba(25,28,29,.78) 40%,rgba(25,28,29,.06) 85%),url('/hero-copper-v2.webp') center/cover}.home-enquiry{display:flex;align-items:center;gap:28px;padding:26px 32px;background:var(--pale);border:1px solid var(--line);border-top:0}.home-enquiry>div{min-width:0}.home-enquiry strong{display:block}.home-enquiry span{display:block;color:var(--muted);font-size:.8rem}.home-enquiry .search{max-width:600px;min-width:0;height:auto;min-height:50px;background:#fff}.home-enquiry .search button{font-size:.875rem;min-width:140px;padding:12px}.home-enquiry .text-link{flex-shrink:0}.home-paths{padding-block:52px 60px}.home-paths .section-heading>p{max-width:310px;font-size:.875rem;color:var(--muted);margin:0}.home-paths h2{font-size:1.8rem}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.path-card{display:flex;flex-direction:column;padding:30px}.path-card+.path-card{border-left:1px solid var(--line)}.path-card:hover{background:var(--pale);color:var(--ink)}.path-card h3{margin:22px 0 14px;font-size:1.25rem}.path-card p{font-size:.9rem;color:var(--muted)}.path-card .text-link{margin-top:auto}.service-body .solution-grid h2{font-size:1.4rem;margin-top:22px}.workflow,.company-principles{padding-block:50px 64px}.step-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:30px 0 0}.step-grid>li,.step-grid>article{min-width:0;border-top:2px solid #dcded6;padding-top:22px}.step-grid>li>span{color:var(--accent);font-size:.8rem}.step-grid h3{margin:12px 0}.step-grid p{font-size:.9rem;color:var(--muted);margin:0}.company-principles .step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:60px;padding-bottom:60px;align-items:start}.quality-list article{display:flex;gap:28px;padding:25px 0;border-top:1px solid var(--line)}.quality-list article>span{color:var(--accent);font-size:.875rem}.quality-list article>div{min-width:0}.quality-list h2{font-size:1.25rem;letter-spacing:0;margin-bottom:10px}.quality-list p{color:var(--muted);margin:0}.quality-aside{background:var(--pale);border-top:3px solid var(--accent);padding:30px}.quality-aside h2{font-size:1.5rem}.quality-aside .field-help{margin:20px 0 0}.contact-page{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}.contact-cta{background:var(--pale);padding:34px}.contact-cta>.text-link{display:block;margin-top:14px}.contact-identity{padding:25px 0}.contact-identity h2{font-size:1.35rem;letter-spacing:0}.contact-grid{grid-template-columns:1fr;margin:24px 0}.contact-grid>div:has(dd:empty){display:none}.contact-grid:not(:has(dd:not(:empty))){display:none}.contact-grid dd{overflow-wrap:anywhere}.contact-faq{padding-block:50px 60px;max-width:900px}.contact-faq details{padding:17px 0;border-bottom:1px solid var(--line)}.contact-faq summary{cursor:pointer;font-weight:600}.contact-faq details p{margin:12px 0 0;color:var(--muted)}body[data-page=components] .catalog-section{padding:30px 0 50px}body[data-page=components] .catalog-search{max-width:690px;margin-bottom:26px;height:52px;background:#fff}body[data-page=components] .catalog-section h2{font-size:1.45rem}.about-inner{gap:60px}.about h2{font-size:1.8rem;letter-spacing:0}body[data-page=rfq] .rfq{grid-template-columns:minmax(0,1fr) minmax(0,330px);gap:45px;padding-top:15px;padding-bottom:60px;align-items:start}body[data-page=rfq] .rfq-intro{grid-column:2;grid-row:1;background:var(--pale);padding:26px}body[data-page=rfq] #rfq-form{grid-column:1;grid-row:1}body[data-page=rfq] .rfq-intro h2{font-size:1.3rem}.footer-top{padding-block:30px;gap:45px}.footer-links{max-width:760px;justify-content:flex-end;flex-wrap:wrap}.footer-bottom{padding-block:18px}.footer-top>.footer-links a[aria-current=page]{color:#994020}footer .logo{font-size:2.1rem}.footer-top p{margin:16px 0 0}
@media(max-width:1150px){.site-header nav{gap:20px;font-size:.8rem}.site-header-inner{gap:24px}.site-header .logo{font-size:2.2rem}.home-enquiry{gap:18px}.quality-layout{gap:30px}}
@media(max-width:1000px){.site-header-inner{flex-wrap:wrap;min-height:88px;gap:0;padding-block:20px}.menu-toggle{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);padding:8px 13px;border-radius:3px;font-size:.9rem;max-width:55%;overflow-wrap:anywhere}.site-header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:20px 0 0}.site-header nav.is-open{display:flex}.site-header nav>a:not(.button){padding:12px 0;border-top:1px solid var(--line)}.site-header .nav-cta{margin-top:10px;align-self:flex-start}.home-enquiry{flex-wrap:wrap}.home-enquiry>div{flex-basis:100%}.home-enquiry .search{max-width:none}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-layout{grid-template-columns:1.5fr 1fr}body[data-page=rfq] .rfq{grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:25px}.path-card{padding:24px}.path-card h3{font-size:1.125rem}}
@media(max-width:720px){.home-hero .hero-copy{padding:42px 26px}.home-hero .hero{min-height:390px}.home-hero .hero:before{background:linear-gradient(90deg,rgba(25,28,29,.94),rgba(25,28,29,.55)),url('/hero-copper-v2.webp') 60% center/cover}.home-enquiry{padding:22px;gap:14px}.home-enquiry .search{flex-basis:100%;flex-direction:column;overflow:visible;border:0;background:none}.home-enquiry .search input{padding:14px;border:1px solid #c9cdc8;border-radius:3px;background:#fff}.home-enquiry .search button{margin-top:8px;border-radius:3px}.home-paths .section-heading{align-items:flex-start;flex-direction:column;gap:16px}.home-paths .section-heading>p{max-width:none}.path-grid{grid-template-columns:1fr}.path-card+.path-card{border-left:0;border-top:1px solid var(--line)}.path-card h3{margin-top:14px}.page-intro{padding-top:8px;padding-bottom:30px}.page-intro h1{font-size:2.1rem}.page-intro>p:last-child{font-size:1rem}.quality-layout,.contact-page{grid-template-columns:1fr;gap:25px}.quality-layout{padding-bottom:40px}.quality-list article{gap:18px}.quality-aside{padding:24px}.contact-identity{padding:10px 0}.contact-cta{padding:26px}.about-inner{grid-template-columns:1fr;gap:28px;padding-block:40px}.company-principles .step-grid{grid-template-columns:1fr}.service-body .solution-grid{grid-template-columns:1fr}.service-body .solution-grid article+article{border-left:0;border-top:1px solid var(--line)}body[data-page=rfq] .rfq{display:flex;flex-direction:column;gap:28px}body[data-page=rfq] #rfq-form{order:0;width:100%}body[data-page=rfq] .rfq-intro{order:1;width:100%}.footer-top{flex-direction:column;gap:25px}.footer-links{justify-content:flex-start;gap:15px 24px}.home-paths,.workflow,.company-principles{padding-block:36px 42px}}
@media(max-width:390px){.step-grid{grid-template-columns:1fr}.utility .wrap>span{max-width:40%}.home-hero .hero-copy{padding:34px 22px}.home-hero h1{font-size:2.2rem}.home-enquiry{padding:20px}.site-header .logo{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:1000px){.site-header nav .mobile-contact{display:block}body[data-page=rfq] .rfq{display:flex;flex-direction:column;gap:28px}body[data-page=rfq] #rfq-form{order:0;width:100%}body[data-page=rfq] .rfq-intro{order:1;width:100%}}
/* Contact page: contact channels come before purchasing workflows. */
body[data-page=contact] .header-bom{display:none}
.contact-intro{padding-bottom:34px}.contact-intro h1{max-width:900px}
.contact-directory{padding-bottom:60px}
.contact-methods.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 42px}
.contact-methods>.contact-channel{display:flex;flex-direction:column;min-width:0;padding:30px 28px;border:1px solid var(--line);border-top:3px solid #bf957b;background:#faf9f6}
.contact-methods dt{display:flex;align-items:center;gap:13px;font-size:1.3rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.contact-symbol{width:32px;height:32px;flex:0 0 32px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-methods dd{height:auto;min-height:0;border:0;white-space:normal;margin:0}
.contact-methods .contact-description{font-size:.875rem;line-height:1.7;color:var(--muted);margin:19px 0 25px;flex:1}
.contact-methods .contact-value{font-size:1.4rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere;margin-bottom:6px;letter-spacing:-.3px}
.contact-methods .contact-value a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.contact-methods .contact-pending{font-size:1rem;font-weight:500;color:#69716e;letter-spacing:0}
.contact-methods .contact-whatsapp{background:#f1f7f3;border-top-color:#176b54}.contact-whatsapp .contact-symbol{stroke:#176b54}
.contact-methods .contact-action{margin-top:14px}.contact-methods .contact-action a{background:#176b54;color:white;justify-content:center;font-size:.875rem;padding:11px 18px;white-space:normal}
.contact-methods .contact-action a:hover{background:#105440;color:white}
.contact-company{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:35px;border-top:1px solid var(--line);padding-top:32px}
.contact-company>div{min-width:0;overflow-wrap:anywhere}.contact-company h2{font-size:1.3rem;letter-spacing:0;margin:0 0 8px}.contact-company p{margin:0 0 12px}.contact-company .eyebrow{margin-bottom:16px}
.contact-company .contact-location{font-size:1rem;font-weight:600}.contact-office.contact-grid{margin:18px 0}.contact-office .contact-value{border:0;font-size:.875rem}.contact-company .text-link{font-size:.875rem}
@media(max-width:850px){.contact-methods.contact-grid{grid-template-columns:1fr;gap:16px}.contact-methods>.contact-channel{padding:24px}.contact-methods .contact-description{margin:13px 0 18px}.contact-company{grid-template-columns:1fr;gap:22px}.contact-intro{padding-bottom:26px}}