/* GEODOMAS ARCH LAB — structural load path, v3 */
.roof-load-path{background:linear-gradient(180deg,#f4f0e6 0%,#fff 48%,#eef3f1 100%);color:#18332e;overflow:hidden;padding:clamp(4.5rem,8vw,8rem) 1.25rem;position:relative}
.roof-load-path:before{background:radial-gradient(circle at 86% 10%,rgba(197,151,71,.17),transparent 28%),linear-gradient(rgba(19,70,63,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(19,70,63,.04) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;content:"";inset:0;pointer-events:none;position:absolute}
.roof-load-path__shell{margin:auto;max-width:1240px;position:relative;z-index:1}
.roof-load-path__intro{align-items:end;display:grid;gap:clamp(1.5rem,5vw,5rem);grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);margin-bottom:2rem}
.roof-load-path__eyebrow{color:#946b2e;font:800 .74rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em;margin:0 0 .8rem;text-transform:uppercase}
.roof-load-path h2{color:#173a33;font:500 clamp(2.2rem,5vw,4.7rem)/.98 Georgia,serif;letter-spacing:-.045em;margin:0;max-width:13ch}
.roof-load-path__lead{color:#4c605b;font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.72;margin:0;max-width:62ch}
.roof-load-path__figure{background:#0b201d;border:1px solid rgba(148,107,46,.42);border-radius:28px;box-shadow:0 28px 72px rgba(12,42,36,.18);margin:0;overflow:hidden}
.roof-load-path__figure img{aspect-ratio:80/49;display:block;height:auto;width:100%}
.roof-load-path__steps{background:linear-gradient(140deg,#173b34,#0b201d);display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
.roof-load-path__steps li{border-right:1px solid rgba(255,255,255,.11);min-height:190px;padding:1.35rem}.roof-load-path__steps li:last-child{border-right:0}
.roof-load-path__steps b{color:#d9ad63;display:block;font:800 .72rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;margin-bottom:.8rem}
.roof-load-path__steps strong{color:#fff;display:block;font-size:.96rem;line-height:1.35;margin-bottom:.45rem}.roof-load-path__steps span{color:#b9cbc6;font-size:.84rem;line-height:1.56}
.roof-load-path__boundary{background:rgba(255,255,255,.72);border-left:3px solid #c1974b;color:#52645f;font-size:.8rem;line-height:1.6;margin:1rem 0 0;padding:1rem 1.15rem}
@media(max-width:900px){.roof-load-path__intro{grid-template-columns:1fr}.roof-load-path__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-load-path__steps li:nth-child(2){border-right:0}.roof-load-path__steps li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.11)}}
@media(max-width:580px){.roof-load-path{padding-inline:1rem}.roof-load-path h2{font-size:2.5rem}.roof-load-path__figure{border-radius:19px}.roof-load-path__steps{grid-template-columns:1fr}.roof-load-path__steps li{border-bottom:1px solid rgba(255,255,255,.11);border-right:0;min-height:0}.roof-load-path__steps li:last-child{border-bottom:0}}