/* TURF HOUSES · ARCH LAB site reading v1 · 2026-10-08 */
.site-lab{position:relative;overflow:hidden;background:#0d1916;color:#f3efe5;border-block:1px solid rgba(202,174,116,.22)}
.site-lab:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 14%,rgba(117,151,126,.17),transparent 34%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}
.site-lab .wrap{position:relative;z-index:1}
.site-lab .eyebrow{color:#d2b77b}
.site-lab-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:clamp(28px,6vw,92px);align-items:end;margin-bottom:clamp(32px,5vw,64px)}
.site-lab-head h2{margin:0;max-width:780px;color:#fff;font-size:clamp(2.25rem,5.4vw,5.6rem);line-height:.93;letter-spacing:-.055em}
.site-lab-head>p{margin:0 0 6px;color:rgba(243,239,229,.7);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.65}
.site-lab-plate{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.6fr);border:1px solid rgba(202,174,116,.28);background:rgba(5,13,11,.58);box-shadow:0 28px 80px rgba(0,0,0,.18)}
.site-lab-drawing{min-width:0;padding:clamp(18px,3vw,42px);border-right:1px solid rgba(202,174,116,.22)}
.site-lab-drawing svg{display:block;width:100%;height:auto}
.site-lab-drawing .grid-line{stroke:rgba(255,255,255,.08);stroke-width:1}
.site-lab-drawing .terrain{fill:#516a58;stroke:#91aa8d;stroke-width:2}
.site-lab-drawing .earth-cut{fill:#293a31;stroke:#91aa8d;stroke-width:2}
.site-lab-drawing .core{fill:#17231f;stroke:#e6d7b4;stroke-width:3}
.site-lab-drawing .glass{fill:rgba(157,197,193,.14);stroke:#b9dcda;stroke-width:3}
.site-lab-drawing .glass-line{stroke:rgba(185,220,218,.62);stroke-width:2}
.site-lab-drawing .water{fill:none;stroke:#84b9bf;stroke-width:4;stroke-dasharray:10 9}
.site-lab-drawing .wind{fill:none;stroke:#d2b77b;stroke-width:4;stroke-linecap:round}
.site-lab-drawing .view{fill:none;stroke:#eef3e9;stroke-width:2;stroke-dasharray:7 8}
.site-lab-drawing .callout{fill:#0d1916;stroke:rgba(210,183,123,.62);stroke-width:1.5}
.site-lab-drawing text{fill:#f3efe5;font-family:Inter,Arial,sans-serif;font-size:18px;letter-spacing:.08em}
.site-lab-drawing .tiny{fill:rgba(243,239,229,.66);font-size:14px;letter-spacing:.12em}
.site-lab-output{display:flex;flex-direction:column;padding:clamp(24px,3vw,40px)}
.site-lab-output>span{color:#d2b77b;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.site-lab-output h3{margin:16px 0 14px;color:#fff;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.08}
.site-lab-output p{margin:0;color:rgba(243,239,229,.7);line-height:1.65}
.site-lab-output ul{display:grid;gap:0;margin:auto 0 0;padding:28px 0 0;list-style:none}
.site-lab-output li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:13px 0;border-top:1px solid rgba(255,255,255,.11);color:rgba(243,239,229,.86);font-size:.9rem}
.site-lab-output li:before{content:"↳";color:#d2b77b}
.site-lab-factors{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(202,174,116,.28);border-top:0}
.site-lab-factors article{min-width:0;padding:clamp(22px,3vw,34px);border-right:1px solid rgba(202,174,116,.2)}
.site-lab-factors article:last-child{border-right:0}
.site-lab-factors span{display:block;margin-bottom:30px;color:#d2b77b;font-size:.72rem;font-weight:700;letter-spacing:.16em}
.site-lab-factors h3{margin:0 0 10px;color:#fff;font-size:1.08rem}
.site-lab-factors p{margin:0;color:rgba(243,239,229,.64);font-size:.9rem;line-height:1.55}
.site-lab-boundary{margin:20px 0 0;padding-left:14px;border-left:2px solid #d2b77b;color:rgba(243,239,229,.55);font-size:.76rem;line-height:1.6;letter-spacing:.035em;text-transform:uppercase}
@media(max-width:960px){.site-lab-head,.site-lab-plate{grid-template-columns:1fr}.site-lab-drawing{border-right:0;border-bottom:1px solid rgba(202,174,116,.22)}.site-lab-output ul{margin-top:28px}.site-lab-factors{grid-template-columns:repeat(2,1fr)}.site-lab-factors article:nth-child(2){border-right:0}.site-lab-factors article:nth-child(-n+2){border-bottom:1px solid rgba(202,174,116,.2)}}
@media(max-width:620px){.site-lab-head{gap:20px}.site-lab-drawing{padding:10px}.site-lab-drawing text{font-size:22px}.site-lab-drawing .tiny{font-size:18px}.site-lab-factors{grid-template-columns:1fr}.site-lab-factors article,.site-lab-factors article:nth-child(2){border-right:0;border-bottom:1px solid rgba(202,174,116,.2)}.site-lab-factors article:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.site-lab *{scroll-behavior:auto!important}}