.tech-page{color:#19231d;background:#f3f0e8}.tech-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f0e8f5;border-bottom:1px solid #d4d0c5;align-items:center;gap:32px;height:82px;padding:0 4vw;display:flex;position:sticky;top:0}.tech-back{margin-left:auto;font-size:11px;font-weight:700}.tech-hero{color:#fff;background:#2b1d17;grid-template-columns:1fr 1fr;min-height:calc(100svh - 82px);display:grid}.tech-hero>div:first-child{padding:10vh 6vw}.tech-hero h1,.tech-heading h2,.tech-anatomy h2,.tech-final h2{font-family:var(--font-serif);letter-spacing:-.045em;font-weight:500}.tech-hero h1{max-width:720px;margin:0;font-size:clamp(48px,5.4vw,86px);line-height:.9}.tech-hero p:not(.eyebrow){color:#d8ccc3;max-width:560px;margin:5vh 0 4vh;line-height:1.65}.tech-hero a,.tech-final a{color:#fff;text-transform:uppercase;letter-spacing:.12em;background:#c87549;padding:17px 22px;font-size:10px;font-weight:800;display:inline-block}.tech-hero-photo{background:linear-gradient(#0000 60%,#2b1d1780),url(/projects/modular-home/exterior-main.jpeg) 50%/cover}.tech-section{padding:12vh 6vw}.tech-heading{grid-template-columns:70px minmax(0,1fr) 320px;align-items:start;gap:24px;margin-bottom:8vh;display:grid}.tech-heading>p{color:#b9653b;font-size:11px;font-weight:800}.tech-heading h2{margin:0;font-size:clamp(40px,4.2vw,66px);line-height:.96}.tech-heading>span{color:#626964;font-size:13px;line-height:1.7}.tech-card-grid,.level-grid{background:#d4d0c5;border:1px solid #d4d0c5;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.tech-card-grid article,.level-grid article{background:#f3f0e8;min-height:260px;padding:38px}.tech-card-grid b,.level-grid b{color:#b9653b;font-size:10px}.tech-card-grid h3,.level-grid h3,.system-grid h3,.option-columns h3{font-family:var(--font-serif);margin:48px 0 14px;font-size:26px;line-height:1.1}.tech-card-grid p,.level-grid p,.system-grid p{color:#626964;font-size:12px;line-height:1.7}.tech-systems{color:#fff;background:#2b1d17}.tech-systems .tech-heading>span{color:#c9bbb1}.system-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.system-grid article{background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;min-height:520px;padding:34px;display:flex;position:relative}.system-grid article:before{content:"";background:linear-gradient(#140c090d,#140c09e6);position:absolute;inset:0}.system-grid article>*{position:relative}.system-1{background-image:url(/projects/modular-home/factory-exterior.jpeg)}.system-2{background-image:url(/projects/modular-home/transport.jpeg)}.system-grid h3{margin:0 0 16px;font-size:38px}.system-grid p{color:#e3dad4;max-width:520px}.tech-anatomy{grid-template-columns:1fr 1fr;min-height:740px;padding:0;display:grid}.anatomy-photo{background:url(/projects/modular-home/production.jpeg) 50%/cover}.tech-anatomy>div:last-child{padding:12vh 6vw}.tech-anatomy h2{margin:0;font-size:clamp(42px,4.2vw,66px)}.tech-anatomy>div>p:not(.eyebrow){color:#626964;max-width:580px;line-height:1.7}.wall-layers{flex-direction:column;gap:5px;margin-top:70px;display:flex}.wall-layers span{color:#fff;letter-spacing:.16em;background:#2b1d17;padding:13px 16px;font-size:9px;display:block}.wall-layers span:nth-child(2){background:#5c3b2e}.wall-layers span:nth-child(3){background:#9a684e}.wall-layers span:nth-child(4){background:#c87549}.wall-layers span:nth-child(5){color:#2b1d17;background:#d9c4a3}.tech-options{color:#fff;background:#6b4535}.option-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.option-columns>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.option-columns h3{color:#e4c9b9;grid-column:1/-1;margin:0 0 20px}.option-columns span{text-align:center;min-height:150px;font-family:var(--font-serif);background:#34231c;place-items:center;padding:20px;font-size:21px;display:grid}.tech-levels{background:#ebe4d8}.level-grid article{background:#fff}.level-grid article:last-child{color:#fff;background:#c87549}.level-grid article:last-child b,.level-grid article:last-child p{color:#fff}.tech-universal{background:#f8f6f1}.tech-gallery{padding:12vh 0 0}.tech-gallery>.tech-heading{padding:0 6vw}.tech-gallery>div:last-child{grid-template-columns:repeat(12,1fr);gap:8px;display:grid}.tech-gallery figure{grid-column:span 4;min-height:420px;margin:0;position:relative;overflow:hidden}.tech-gallery figure.wide{grid-column:span 8}.tech-gallery img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tech-final{color:#fff;background:#2b1d17;padding:13vh 8vw}.tech-final h2{max-width:960px;margin:0;font-size:clamp(50px,5.8vw,88px);line-height:.9}.tech-final>p:not(.eyebrow){color:#c9bbb1;max-width:520px;margin:38px 0;line-height:1.7}.tech-final a{background:#c87549}@media (width<=900px){.tech-back{display:none}.tech-hero,.tech-anatomy{grid-template-columns:1fr}.tech-hero-photo,.anatomy-photo{min-height:56vh}.tech-heading{grid-template-columns:45px 1fr}.tech-heading>span{grid-column:2}.tech-card-grid,.level-grid,.system-grid,.option-columns{grid-template-columns:1fr}.tech-gallery figure,.tech-gallery figure.wide{grid-column:span 6}}@media (width<=560px){.tech-header{gap:6px;height:64px;padding:0 12px}.tech-header .brand>span:last-child{max-width:96px;font-size:8px}.tech-header .brand small{font-size:6px}.tech-hero{min-height:auto}.tech-hero>div:first-child{padding:64px 20px}.tech-hero h1{font-size:clamp(42px,13vw,56px)}.tech-hero-photo{min-height:52svh}.tech-section{padding:76px 20px}.tech-heading{margin-bottom:44px;display:block}.tech-heading h2{font-size:40px}.tech-heading>span{margin-top:20px;display:block}.tech-card-grid article,.level-grid article{min-height:220px;padding:28px 24px}.tech-card-grid h3,.level-grid h3{margin-top:36px}.system-grid article{min-height:62svh;padding:24px}.system-grid h3{font-size:34px}.tech-anatomy>div:last-child{padding:70px 20px}.tech-anatomy h2{font-size:42px}.option-columns>div{grid-template-columns:1fr}.option-columns span{min-height:90px}.tech-gallery{padding-top:76px}.tech-gallery>.tech-heading{padding:0 20px}.tech-gallery>div:last-child{display:flex;overflow-x:auto}.tech-gallery figure,.tech-gallery figure.wide{flex:0 0 86vw;min-height:58svh}.tech-final{padding:76px 20px}.tech-final h2{font-size:44px}}
