/* Extend the approved hero's planes and rail-like lines through the page.
   Decoration stays behind content; source photography and interaction geometry stay intact. */
:root{
  --surface-soft:#edf1ed;
  --surface-edge:#d4dfdb;
  --depth-dark:#082d3c;
  --depth-mid:#174c5a;
  --rule-gold:rgb(211 190 127 / 55%);
  --rule-soft:rgb(14 61 79 / 10%);
}

/* A consistent chapter marker without adding text or competing with headings. */
:is(.section-top,.systems-content,.company-copy,.credentials-copy,.inquiry-copy)>h2,
.proof-heading-row h2,.catalog-copy h2{position:relative;padding-top:24px}
:is(.section-top,.systems-content,.company-copy,.credentials-copy,.inquiry-copy)>h2::before,
.proof-heading-row h2::before,.catalog-copy h2::before{
  content:"";position:absolute;top:0;left:0;width:64px;height:3px;
  background:var(--gold);pointer-events:none;
}
.section-top{align-items:center}
#products-title,#assembly-reference-title,#support-title{text-wrap:balance}
.section-top>p{border-left:1px solid var(--surface-edge);padding-left:24px}

/* Product shelves: a quiet image surface and a precise baseline. */
.products-section{background:#fff}
.product-photo{
  background:linear-gradient(119deg,var(--paper) 0 72%,var(--surface-soft) 72%);
  box-shadow:inset 0 0 0 1px rgb(14 61 79 / 5%);
}
#product-rail-insulators .product-photo img{mix-blend-mode:normal}
.product-photo::after{
  content:"";position:absolute;left:16px;bottom:16px;width:20px;height:20px;
  border-left:1px solid var(--rule-gold);border-bottom:1px solid var(--rule-gold);
  pointer-events:none;
}
.product-copy{padding-bottom:16px;border-bottom:1px solid var(--line)}
.product-title-link .icon{
  box-sizing:content-box;padding:7px;border:1px solid var(--line);
  transition:background .2s,border-color .2s;
}
.product-card:hover .product-title-link .icon{background:var(--gold);border-color:var(--gold)}
.product-filter[aria-pressed=true]::after{background:var(--gold)}
.product-more{border-top:0;padding-top:0}

/* Broad diagonal planes echo the hero; backgrounds cannot intercept focus or clicks. */
.systems-section{
  background:
    linear-gradient(119deg,transparent 0 70%,rgb(211 190 127 / 32%) 70% calc(70% + 1px),transparent calc(70% + 1px)),
    linear-gradient(119deg,transparent 0 72%,rgb(14 61 79 / 7%) 72% calc(72% + 1px),transparent calc(72% + 1px)),
    linear-gradient(119deg,var(--paper) 0 62%,#e8eeea 62%);
  border-block:1px solid var(--surface-edge);
}
.system-stage{border:1px solid var(--surface-edge);box-shadow:12px 12px 0 rgb(14 61 79 / 4%)}
.system-tab{transition:background .2s,color .2s}
.system-tab[aria-selected=true]{background:#e6dfcb;border-bottom-color:var(--teal)}
.assembly-reference{border-top-color:#bacac6}
.assembly-reference h3{color:var(--teal)}
.assembly-pan{border:1px solid #c5d0cd;background:#e8e8e8}
.assembly-component{background:rgb(255 255 255 / 54%);border-color:#bdcac7}
.assembly-component[aria-pressed=true]{background:var(--gold)}

/* Supporting categories retain one shared surface and aligned image/CTA rows. */
.support-card{
  background:var(--paper);border-top:2px solid var(--gold);
  box-shadow:inset 0 -1px 0 var(--surface-edge);
}
.support-card>.support-image{
  position:relative;display:block;width:100%;height:auto;min-height:0;
  aspect-ratio:3/2;align-self:start;flex:none;
}
.support-card>.support-image>img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;mix-blend-mode:normal;
}
.support-card>.text-link{width:100%;justify-content:space-between;padding-block:12px 0;border-bottom:0;border-top:1px solid #b9c9c7}

/* One offset photo plane grounds the company section, with unaltered photo crops. */
.company-section{
  background:linear-gradient(119deg,#e5ece8 0 39%,var(--paper) 39%);
  border-block:1px solid var(--surface-edge);
}
.company-visual{position:relative;isolation:isolate}
.company-visual::before{
  content:"";position:absolute;inset:24px 20px -20px -20px;z-index:-1;
  background:#d8e2dc;border-left:2px solid var(--gold);pointer-events:none;
}
.company-office-photo{background:var(--paper)}
.company-office-photo figcaption{padding-inline:16px;border-bottom-color:#becdc7}
.company-production-photos{background:var(--paper);padding:16px;margin-top:0}
.company-capabilities>div{position:relative;padding-left:20px}
.company-capabilities>div::before{
  content:"";position:absolute;left:0;top:23px;width:6px;height:6px;
  background:var(--gold);pointer-events:none;
}
.certificate-sheet{border:1px solid var(--surface-edge);border-bottom:2px solid var(--gold)}
.partners-section{border-top-color:#bdcbc7}
.partner-logos li+li{border-left:1px solid var(--line)}

/* Projects act as the second strong visual anchor, using the hero's exact angle. */
.proof-section{
  background:
    linear-gradient(119deg,transparent 0 80%,rgb(211 190 127 / 40%) 80% calc(80% + 1px),transparent calc(80% + 1px)),
    linear-gradient(119deg,transparent 0 82%,rgb(208 224 220 / 16%) 82% calc(82% + 1px),transparent calc(82% + 1px)),
    linear-gradient(119deg,transparent 0 69%,rgb(208 224 220 / 5%) 69%),
    linear-gradient(112deg,var(--depth-dark),var(--depth-mid));
}
.proof-case{border-bottom:3px solid var(--gold)}
.proof-location{border-left:2px solid var(--gold)}
.proof-action .icon{box-sizing:content-box;padding:8px;background:var(--paper)}

/* The catalogue follows the same light / deep-teal pairing as the page. */
.catalog-stage{
  position:relative;isolation:isolate;
  background:linear-gradient(135deg,#e4ebe5,var(--paper) 70%);
  border:1px solid var(--surface-edge);border-right:0;
}
.catalog-stage::after{
  content:"";position:absolute;bottom:32px;left:32px;right:32px;height:1px;
  background:linear-gradient(90deg,var(--gold) 0 64px,var(--surface-edge) 64px);pointer-events:none;
}
.catalog-copy{background:linear-gradient(112deg,var(--teal),#164d5b)}
.catalog-cover{position:relative;z-index:1;mix-blend-mode:multiply}

/* The inquiry closes the page with layered teal and a clear white writing surface. */
.inquiry-section{
  background:
    linear-gradient(119deg,transparent 0 74%,rgb(211 190 127 / 36%) 74% calc(74% + 1px),transparent calc(74% + 1px)),
    linear-gradient(119deg,transparent 0 76%,rgb(208 224 220 / 18%) 76% calc(76% + 1px),transparent calc(76% + 1px)),
    linear-gradient(119deg,transparent 0 52%,rgb(208 224 220 / 6%) 52%),
    linear-gradient(112deg,#072c3b 0%,#104858 58%,#326572 100%);
  border-top:1px solid #315b68;color:#fff;
}
.inquiry-section .inquiry-copy h2{color:#fff}
.inquiry-section .inquiry-copy h2 span{color:var(--gold)}
.inquiry-section .inquiry-guidance{border-top-color:rgb(202 222 224 / 30%)}
.inquiry-section .inquiry-guidance h3{color:#fff}
.inquiry-section .inquiry-guidance p,.inquiry-section .inquiry-checklist dd{color:#d6e4e8}
.inquiry-section .inquiry-guidance .inquiry-guidance-note{color:#bed2d9}
.inquiry-section .inquiry-checklist>div{border-color:rgb(202 222 224 / 20%)}
.inquiry-section .inquiry-checklist dt{color:var(--gold)}
.inquiry-section .inquiry-actions .contact-email{color:#f0f6f7}
.inquiry-section .inquiry-actions .contact-email:hover{text-decoration:underline}
.inquiry-section .inquiry-copy :focus-visible{outline-color:var(--gold)}
.inquiry-section .inquiry-form{
  background:#fff;color:var(--ink);
  border:1px solid #fff;border-top:3px solid var(--gold);
  box-shadow:0 24px 56px rgb(2 23 33 / 22%);
}
.inquiry-section .inquiry-form h3{color:var(--teal)}
.inquiry-section .inquiry-actions .icon{box-sizing:content-box;padding:10px;background:rgb(213 232 233 / 8%);color:var(--gold)}
.inquiry-section .inquiry-field input,.inquiry-section .inquiry-field textarea{background:#fcfdfb}

.site-footer{
  background:
    linear-gradient(119deg,transparent 0 82%,rgb(211 190 127 / 18%) 82% calc(82% + 1px),transparent calc(82% + 1px)),
    linear-gradient(119deg,transparent 0 84%,rgb(208 224 220 / 4%) 84%),
    linear-gradient(112deg,var(--depth-dark),var(--teal));
  border-top:3px solid var(--gold);
}
.footer-brand-bar,.footer-copyright{border-color:rgb(208 224 220 / 24%)}
.footer-copyright{background:rgb(3 26 36 / 12%)}

@media(max-width:1100px){
  .company-visual::before{inset:16px 12px -12px -12px}
  .company-production-photos{padding:12px;gap:12px}
  .product-title-link .icon{padding:5px}
}
@media(max-width:767px){
  :is(.section-top,.systems-content,.company-copy,.credentials-copy,.inquiry-copy)>h2,
  .proof-heading-row h2,.catalog-copy h2{padding-top:20px}
  :is(.section-top,.systems-content,.company-copy,.credentials-copy,.inquiry-copy)>h2::before,
  .proof-heading-row h2::before,.catalog-copy h2::before{width:48px}
  .section-top>p{border-left:0;padding-left:0}
  .product-copy{padding-bottom:13px}
  .product-photo::after{left:10px;bottom:10px;width:14px;height:14px}
  .product-title-link .icon{padding:3px;border:0}
  .systems-section{background:linear-gradient(119deg,var(--paper) 0 88%,#e8eeea 88%)}
  .system-stage{box-shadow:none}
  .company-section{background:var(--paper)}
  .company-visual::before{display:none}
  .company-production-photos{padding:16px 0 0;gap:16px}
  .company-office-photo figcaption{padding-inline:0}
  .partner-logos li+li{border-left:0}
  .proof-section{background:linear-gradient(112deg,var(--depth-dark),var(--depth-mid))}
  .catalog-stage{border-right:1px solid var(--surface-edge);border-bottom:0}
  .catalog-stage::after{left:24px;right:24px;bottom:20px}
  .inquiry-section{background:linear-gradient(145deg,#072c3b 0%,#104858 65%,#285966 100%)}
  .inquiry-section .inquiry-form{box-shadow:none}
  .site-footer{background:linear-gradient(112deg,var(--depth-dark),var(--teal))}
}
@media(prefers-reduced-motion:reduce){
  .product-title-link .icon,.system-tab{transition:none}
}