:root{--clay-light:#d67a59;--paper-deep:#e5ded5;--muted:#6a615b}
.site-header .nav-portal{border:0!important;padding:15px 2px!important;color:#cbbfB7!important;font-size:.9rem}
.site-header .nav-portal:hover{background:transparent!important;color:#fff!important}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero-actions .text-link{margin:0}
.button-primary,.button-ghost{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 20px;font-size:.92rem;transition:.25s ease}
.button-primary{background:var(--clay);color:#fff;border:1px solid var(--clay)}
.button-primary:hover{background:#c35f40;border-color:#c35f40}
.button-ghost{border:1px solid #ffffff88;color:#fff}
.button-ghost:hover{border-color:#fff;background:#ffffff10}
.hero-visualisation-note{position:absolute;z-index:3;top:132px;right:4vw;padding:9px 12px;border:1px solid #ffffff44;background:#151210b8;color:#eee7e1;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:600}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#0f0d0c;color:#fff;border-top:1px solid #ffffff1e}
.proof-strip article{padding:27px 3vw;border-right:1px solid #ffffff1e}
.proof-strip article:last-child{border-right:0}
.proof-strip b{display:block;font:400 1.02rem Manrope;margin-bottom:7px}
.proof-strip span{font-size:.78rem;color:#a9a09a;line-height:1.45}
.visualisation-tag,.real-tag,.status-pill{display:inline-flex;align-items:center;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:600}
.visualisation-tag{position:absolute;top:16px;left:16px;z-index:2;padding:8px 10px;background:#151210cc;color:#f0e9e3;border:1px solid #ffffff33}
.product-card{display:block;border-top:1px solid var(--line);padding-top:18px}
.product-card img{transition:transform .5s ease}
.product-card:hover img{transform:scale(1.018)}
.product-card .card-link{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px;color:#8d4b37;font-size:.86rem;font-weight:600}
.real-sample{display:grid;grid-template-columns:1fr 1.05fr;background:var(--paper-deep)}
.real-sample-media{min-height:680px;background:#cfc6bc}
.real-sample-media img{height:100%;object-fit:cover}
.real-sample-copy{padding:9vw 8vw;display:flex;flex-direction:column;justify-content:center}
.real-tag{align-self:flex-start;padding:8px 11px;color:#fff;background:#82503b;margin-bottom:26px}
.real-sample h2{font:300 clamp(2.8rem,4.9vw,5.2rem)/1.02 Manrope;letter-spacing:-.05em;margin:0 0 28px}
.real-sample p{max-width:560px;line-height:1.75;color:#5e554f}
.sample-facts{margin-top:26px;border-top:1px solid #bcb1a7}
.sample-facts p{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;margin:0;padding:17px 0;border-bottom:1px solid #bcb1a7;font-size:.9rem}
.sample-facts b{font-weight:500;color:#211d1b}
.technical-preview{background:#201b18;color:#fff}
.technical-preview .section-head>p{color:#b8afa9}
.technical-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #4a423d;border-left:1px solid #4a423d;margin-top:55px}
.technical-grid article{min-height:210px;padding:28px 22px;border-right:1px solid #4a423d;border-bottom:1px solid #4a423d}
.technical-grid span{color:#d17655;font-size:.73rem;font-weight:600}
.technical-grid h3{font:400 1.08rem/1.35 Manrope;margin:42px 0 0}
.technical-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.technical-actions .button-ghost{border-color:#ffffff55}
.contact .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact select{display:block;width:100%;border:0;border-bottom:1px solid #ffffff77;background:transparent;color:#fff;padding:12px 0;font:1rem DM Sans;outline:none}
.contact select option{color:#151210;background:#fff}
.contact .full-field{grid-column:1/-1}
.form-note{font-size:.82rem;line-height:1.55;color:#f2d8cf;margin:0}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}
.footer-links a:hover{color:#fff}

/* MOLIS 2.0 catalogue and technical pages */
.page-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:70vh;background:#151210;color:#fff}
.page-hero-copy{padding:10vw 7vw 7vw;display:flex;flex-direction:column;justify-content:center}
.page-hero h1{font:300 clamp(3.4rem,6.3vw,7rem)/.95 Manrope;letter-spacing:-.055em;margin:0}
.page-hero h1 em{display:block;font-style:normal;color:#d07251}
.page-hero-copy>p:not(.eyebrow){max-width:650px;color:#cfc6c0;line-height:1.75;font-size:1.06rem;margin:30px 0 0}
.page-hero-media{position:relative;min-height:520px}
.page-hero-media img{height:100%;object-fit:cover}
.catalogue-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}
.catalogue-intro h2,.catalogue-section h2,.technical-intro h2{font:300 clamp(2.7rem,4.8vw,5rem)/1.02 Manrope;letter-spacing:-.05em;margin:0}
.catalogue-intro p:last-child,.technical-intro p:last-child{color:#5f5751;line-height:1.8;margin:50px 0 0}
.catalogue-section{padding:0 7vw 120px}
.catalogue-family{display:grid;grid-template-columns:.95fr 1.05fr;border-top:1px solid #bdb5ae;padding:60px 0;gap:7vw}
.catalogue-family:nth-child(even) .catalogue-family-media{order:2}
.catalogue-family-media{position:relative}
.catalogue-family-media img{height:520px;object-fit:cover}
.catalogue-family-copy{display:flex;flex-direction:column;justify-content:center}
.catalogue-family-copy>span{font-size:.74rem;color:#9f4a33;font-weight:600}
.catalogue-family h2{margin:12px 0 22px}
.catalogue-family-copy>p{color:#625a54;line-height:1.7}
.spec-list{border-top:1px solid #c7beb6;margin-top:25px}
.spec-list p{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;margin:0;padding:14px 0;border-bottom:1px solid #c7beb6;font-size:.88rem;line-height:1.5}
.spec-list b{font-weight:500}
.spec-list span{color:#6b625c}
.development-note{margin-top:22px;padding:17px 18px;background:#e4ddd5;color:#5c514b;font-size:.82rem;line-height:1.55}
.technical-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}
.compliance-list{padding:0 7vw 120px}
.compliance-row{display:grid;grid-template-columns:70px 1.1fr 1.5fr 150px;gap:28px;align-items:start;padding:27px 0;border-top:1px solid #c7beb6}
.compliance-row:last-child{border-bottom:1px solid #c7beb6}
.compliance-row>span:first-child{color:#9f4a33;font-size:.78rem;font-weight:600}
.compliance-row h3{font:400 1.12rem/1.4 Manrope;margin:0}
.compliance-row p{margin:0;color:#665e58;line-height:1.6;font-size:.9rem}
.status-pill{justify-content:center;padding:8px 10px;background:#ded5cc;color:#574c46;text-align:center}
.status-pill.project{background:#ead7ca;color:#7a412f}
.document-policy{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:#151210;color:#fff}
.document-policy h2{font:300 clamp(2.7rem,4.6vw,4.8rem)/1.02 Manrope;letter-spacing:-.05em;margin:0}
.document-policy p{color:#bdb3ad;line-height:1.75;margin-top:0}
.document-policy ul{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid #463f3b}
.document-policy li{padding:15px 0;border-bottom:1px solid #463f3b}

/* Search-focused ceramic facade guides */
.guide-hero .page-hero-copy{padding-top:9vw}
.guide-hero h1{font-size:clamp(3.1rem,5.8vw,6.6rem)}
.guide-updated{font-size:.76rem!important;letter-spacing:.05em;color:#9f948d!important;margin-top:28px!important}
.guide-shell{display:grid;grid-template-columns:260px minmax(0,860px);gap:8vw;align-items:start;justify-content:center}
.guide-toc{position:sticky;top:34px;border-top:1px solid #bdb5ae;padding-top:22px}
.guide-toc .eyebrow{margin-bottom:14px}
.guide-toc a{display:block;padding:12px 0;border-bottom:1px solid #d1c9c1;color:#625a54;font-size:.86rem;line-height:1.4}
.guide-toc a:hover{color:#9f4a33}
.guide-lead{font:300 clamp(1.75rem,3vw,2.65rem)/1.32 Manrope;letter-spacing:-.035em;margin:0 0 90px;color:#2f2926}
.guide-section{scroll-margin-top:40px;border-top:1px solid #bdb5ae;padding:52px 0 68px}
.guide-no{color:#9f4a33;font-size:.74rem;font-weight:600;letter-spacing:.08em;margin:0 0 18px}
.guide-section h2,.guide-faq h2{font:300 clamp(2.25rem,4vw,4rem)/1.05 Manrope;letter-spacing:-.045em;margin:0 0 28px}
.guide-section>p:not(.guide-no),.guide-faq>p:not(.eyebrow){color:#5f5751;line-height:1.8;font-size:1.02rem}
.guide-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c9c0b7;margin:36px 0}
.guide-card-grid article{background:#e7e0d8;padding:28px}
.guide-card-grid h3{font:400 1.15rem Manrope;margin:0 0 12px}
.guide-card-grid p{color:#625a54;line-height:1.65;margin:0;font-size:.92rem}
.inline-link{display:inline-block;color:#8d4b37;border-bottom:1px solid #b58c7e;margin-top:10px}
.guide-steps{list-style:none;counter-reset:guide-steps;padding:0;margin:38px 0 0;border-top:1px solid #c5bcb4}
.guide-steps li{counter-increment:guide-steps;display:grid;grid-template-columns:56px 210px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid #c5bcb4;align-items:start}
.guide-steps li:before{content:"0" counter(guide-steps);color:#9f4a33;font-size:.75rem;font-weight:600}
.guide-steps b{font:500 1rem Manrope}
.guide-steps span{color:#625a54;line-height:1.6;font-size:.92rem}
.guide-data{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c8bfb7;margin:34px 0}
.guide-data p{margin:0;padding:20px 22px;background:#e7e0d8;color:#3e3834;font-size:.9rem}
.guide-faq{padding:58px 0 0;border-top:1px solid #bdb5ae}
.guide-faq details{border-top:1px solid #c8bfb7;padding:20px 0}
.guide-faq details:last-child{border-bottom:1px solid #c8bfb7}
.guide-faq summary{cursor:pointer;font:500 1.03rem Manrope}
.guide-faq details p{color:#625a54;line-height:1.7;margin:16px 0 3px;max-width:720px}

@media(max-width:1050px){
  .technical-grid{grid-template-columns:repeat(2,1fr)}
  .proof-strip{grid-template-columns:repeat(2,1fr)}
  .proof-strip article:nth-child(2){border-right:0}
  .proof-strip article:nth-child(-n+2){border-bottom:1px solid #ffffff1e}
}
@media(max-width:820px){
  .site-header .nav-portal{border-bottom:1px solid #39332f!important;padding:16px 0!important;margin-top:0!important}
  .real-sample,.page-hero,.catalogue-intro,.technical-intro,.document-policy{grid-template-columns:1fr}
  .real-sample-media{min-height:520px}
  .page-hero-copy{padding:110px 7vw 80px}
  .page-hero-media{min-height:480px}
  .catalogue-family{grid-template-columns:1fr;gap:36px}
  .catalogue-family:nth-child(even) .catalogue-family-media{order:0}
  .catalogue-family-media img{height:460px}
  .compliance-row{grid-template-columns:48px 1fr 130px}
  .compliance-row p{grid-column:2/-1}
  .guide-shell{grid-template-columns:1fr}
  .guide-toc{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .guide-toc .eyebrow{grid-column:1/-1}
  .guide-lead{margin-bottom:65px}
}
@media(max-width:600px){
  .hero-visualisation-note{top:94px;right:6vw;left:6vw;width:max-content;max-width:88vw;font-size:.56rem}
  .hero-actions{align-items:stretch;flex-direction:column;max-width:290px}
  .button-primary,.button-ghost{width:100%}
  .proof-strip{grid-template-columns:1fr 1fr}
  .proof-strip article{padding:22px 6vw}
  .real-sample-media{min-height:430px}
  .real-sample-copy{padding:78px 7vw}
  .sample-facts p{grid-template-columns:1fr;gap:7px}
  .technical-grid{grid-template-columns:1fr}
  .technical-grid article{min-height:150px}
  .technical-grid h3{margin-top:30px}
  .contact .form-grid{grid-template-columns:1fr}
  .contact .full-field{grid-column:auto}
  .catalogue-family-media img{height:350px}
  .compliance-row{grid-template-columns:42px 1fr}
  .compliance-row .status-pill{grid-column:2;justify-self:start}
  .compliance-row p{grid-column:2}
  .guide-toc,.guide-card-grid,.guide-data{grid-template-columns:1fr}
  .guide-steps li{grid-template-columns:38px 1fr;gap:12px}
  .guide-steps span{grid-column:2}
}