/* Precast Detailing theme: shop drawing sheet */
:root{
  --bg:#F3F4F2;--paper:#FFFFFF;--alt-bg:#E3E6E3;--clients-bg:#F3F4F2;
  --ink:#1D2327;--ink-soft:#384147;--muted:#5A656B;--line:#C8CDCA;
  --heading:#013466;--link:#013466;--link-hover:#0B4F94;
  --accent:#FFB300;--accent-hover:#FFC533;--accent-ink:#013466;--focus:#0B4F94;--ghost-hover:rgba(1,52,102,.06);
  --step-num:#013466;--figure-bg:#DADEDB;
  --font-display:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display-stretch:118%;--display-weight:760;--display-tracking:-.012em;
  --radius:3px;--radius-btn:3px;--radius-field:3px;
  --header-bg:rgba(243,244,242,.92);--header-solid:#F3F4F2;--header-ink:#1D2327;--header-line:#C8CDCA;
  --contact-bg:#013466;--contact-ink:#FFFFFF;--contact-line:rgba(255,255,255,.22);--field-line:#A9B1AD;
  --footer-bg:#F3F4F2;--footer-ink:#384147;
}
.brand svg .mk-panel{fill:#fff;stroke:#1D2327;stroke-width:2}
.brand svg .mk-lift{fill:#FFB300;stroke:#1D2327;stroke-width:1.5}

/* Hero sheet */
.hero{padding-block:clamp(1.25rem,3vw,2.25rem) clamp(3rem,6vw,4.5rem)}
.sheet{position:relative;background:var(--paper);border:1px solid var(--ink);padding:clamp(1.75rem,3.5vw,3rem) clamp(1.25rem,3.5vw,3rem) 0}
.sheet::before{content:"";position:absolute;inset:7px;border:1px solid var(--line);pointer-events:none}
.sheet-refs{position:absolute;inset:0;pointer-events:none;font-size:.68rem;color:var(--muted);font-stretch:85%}
.sheet-refs span{position:absolute}
.sheet-refs span::before{content:attr(data-ref)}
.sheet-grid{position:relative;display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.hero h1{font-family:var(--font-display);font-stretch:112%;font-weight:800;font-size:clamp(2.4rem,4.4vw,3.9rem);line-height:1;letter-spacing:-.022em;color:var(--heading);margin-bottom:1.4rem;text-wrap:balance}
.hero .lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--ink-soft);max-width:34rem;margin-bottom:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.hero-actions .btn-ghost{color:var(--heading)}
.title-block{position:relative;display:grid;grid-template-columns:1.6fr 1.6fr 1.1fr 1.5fr;margin:clamp(2rem,4vw,3rem) calc(-1 * clamp(1.25rem,3.5vw,3rem)) 0;border-top:1px solid var(--ink)}
.title-block > div{padding:.65rem .9rem .75rem;border-left:1px solid var(--ink);min-width:0}
.title-block > div:first-child{border-left:0}
.title-block span{display:block;font-size:.72rem;color:var(--muted);line-height:1.3}
.title-block strong,.title-block a{display:block;font-size:.95rem;font-weight:600;color:var(--ink);text-decoration:none;line-height:1.35;overflow-wrap:anywhere}
.title-block a:hover{color:var(--link-hover);text-decoration:underline}

/* Panel elevation drawing */
.pv{width:100%;height:auto;overflow:visible}
.pv .ln{fill:none;stroke:#1D2327;stroke-width:2.2;stroke-linejoin:miter}
.pv .op{fill:#F3F4F2;stroke:#1D2327;stroke-width:1.6}
.pv .tr{fill:none;stroke:#1D2327;stroke-width:1;stroke-dasharray:5 3}
.pv .reo{fill:none;stroke:#8A9590;stroke-width:.9;stroke-dasharray:2 3}
.pv .dim{fill:none;stroke:#5A656B;stroke-width:1}
.pv .tick{stroke:#1D2327;stroke-width:1.4}
.pv .ins{fill:#FFB300;stroke:#1D2327;stroke-width:1.3}
.pv .lead-ln{fill:none;stroke:#1D2327;stroke-width:1}
.pv .tag{fill:#fff;stroke:#013466;stroke-width:1.6}
.pv text{font-family:"Archivo",sans-serif;font-stretch:82%;font-size:13px;fill:#384147}
.pv .t-dim{font-size:12px;fill:#1D2327;font-variant-numeric:tabular-nums}
.pv .t-tag{font-size:15px;font-weight:700;fill:#013466;font-stretch:100%}
.pv .t-title{font-size:14px;font-weight:600;fill:#1D2327;font-stretch:100%}
.pv .draw{stroke-dasharray:1;animation:pv-draw 1.5s cubic-bezier(.65,0,.25,1) both;animation-delay:var(--d,0s)}
.pv .op.draw{fill-opacity:1}
.pv .fade{animation:pv-fade .7s ease-out both;animation-delay:var(--d,1.4s)}
.pv .pop{transform-box:fill-box;transform-origin:center;animation:pv-pop .45s cubic-bezier(.3,1.6,.6,1) both;animation-delay:var(--d,2s)}
@keyframes pv-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes pv-fade{from{opacity:0}to{opacity:1}}
@keyframes pv-pop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}

.elements li span:last-child{color:var(--muted);font-size:.9rem}
.reasons h3 a{color:inherit}

@media (max-width:900px){
  .sheet-grid{grid-template-columns:1fr}
  .sheet-refs{display:none}
  .title-block{grid-template-columns:1fr 1fr}
  .title-block > div:nth-child(3){border-left:0}
  .title-block > div:nth-child(n+3){border-top:1px solid var(--ink)}
}
@media (max-width:480px){
  .title-block{grid-template-columns:1fr}
  .title-block > div{border-left:0;border-top:1px solid var(--ink)}
  .title-block > div:first-child{border-top:0}
}