*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--paper:#f5f1e9;--ink:#111;--line:#d8d2c7;--muted:#706b63}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,241,233,.94);backdrop-filter:blur(10px);z-index:10}
.logo{font:700 24px/1 "Space Grotesk",sans-serif;letter-spacing:.04em}
.nav nav{display:flex;gap:28px;text-transform:uppercase;font-size:11px;letter-spacing:.1em}
.nav nav a,.ig{transition:opacity .2s ease}
.nav nav a:hover,.ig:hover{opacity:.5}
.ig{font-size:11px}
.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.15fr;border-bottom:1px solid var(--line)}
.hero-copy{padding:90px 7vw 70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;margin:0}
.hero h1{font:700 clamp(64px,9vw,140px)/.85 "Space Grotesk",sans-serif;letter-spacing:.01em;margin:14px 0 24px}
.rule{width:270px;border-top:1px solid var(--ink);margin:0 0 22px}
.services{font-size:15px;letter-spacing:.13em;margin:0}
.place{margin:42px 0;font-size:13px;line-height:2;letter-spacing:.18em}
.button,.small-button{border:1px solid var(--ink);padding:16px 22px;font-size:10px;font-weight:700;letter-spacing:.12em;display:inline-block;transition:background .2s,color .2s}
.button:hover,.small-button:hover{background:var(--ink);color:var(--paper)}
.button span{font-size:16px;margin-left:12px}
.hero-image{min-height:650px;position:relative;overflow:hidden}
.hero-image img{width:100%;height:100%;min-height:650px;display:block;object-fit:cover}
.image-label,.caption{position:absolute;left:18px;bottom:16px;background:rgba(17,17,17,.82);color:#f5f1e9;padding:7px 9px;font-size:8px;letter-spacing:.14em}
.intro-strip{display:flex;justify-content:space-between;align-items:center;padding:18px 7vw;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.16em}
.intro-strip p{margin:0;font-weight:700}
.intro-strip span{color:var(--muted)}
.grid-section{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.tile{min-height:390px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 36px;position:relative}
.photo{padding:0;overflow:hidden}
.photo img{width:100%;height:100%;min-height:390px;display:block;object-fit:cover;transition:transform .5s ease}
.photo:hover img{transform:scale(1.025)}
.photo.tall{min-height:520px}
.photo.tall img{min-height:520px}
.text{display:flex;flex-direction:column;align-items:flex-start}
.icon{font-size:25px;line-height:1}
.section-number{font-size:9px!important;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:24px 0 0!important}
.text h2{font:600 26px/1.05 "Space Grotesk",sans-serif;margin:16px 0 20px}
.text p{font-size:14px;line-height:1.65;max-width:270px}
.text .small{font-size:11px!important;line-height:1.8!important;color:#4e4942}
.text ol{padding-left:20px;font-size:13px;line-height:2;margin-top:2px}
.small-button{padding:12px 14px;margin-top:auto;font-size:9px}
.lab-feature{display:grid;grid-template-columns:1.15fr 1fr;border-bottom:1px solid var(--line)}
.lab-image{min-height:620px;overflow:hidden}
.lab-image img{width:100%;height:100%;min-height:620px;object-fit:cover;display:block}
.lab-copy{padding:90px 8vw;display:flex;flex-direction:column;justify-content:center}
.lab-copy h2{font:600 clamp(42px,5vw,72px)/.92 "Space Grotesk",sans-serif;margin:18px 0 28px}
.lab-copy>p:not(.eyebrow){max-width:490px;font-size:15px;line-height:1.7}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px;border-top:1px solid var(--line);padding-top:20px}
.facts div{display:flex;flex-direction:column;gap:7px}
.facts strong{font:600 19px "Space Grotesk",sans-serif}
.facts span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.process{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:90px 7vw;border-bottom:1px solid var(--line)}
.process-heading h2{font:600 clamp(38px,5vw,64px)/.95 "Space Grotesk",sans-serif;margin:18px 0}
.process-list{border-top:1px solid var(--ink)}
.process-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.process-item>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}
.process-item h3{font:600 16px "Space Grotesk",sans-serif;margin:0 0 7px}
.process-item p{font-size:13px;margin:0;color:var(--muted)}
.signup{padding:80px 7vw;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;border-bottom:1px solid var(--line)}
.signup h2{font:500 clamp(25px,3vw,43px)/1.05 "Space Grotesk",sans-serif;max-width:780px;margin:14px 0}
.signup p{font-size:14px;line-height:1.6}
.signup form{display:flex}
.signup input{min-width:0;flex:1;border:1px solid #aaa296;background:#f8f4ed;padding:17px;font:inherit}
.signup input:focus{outline:1px solid var(--ink);outline-offset:-2px}
.signup button{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:0 22px;font-weight:700;letter-spacing:.1em;cursor:pointer}
.honeypot{display:none!important}
footer{background:#111;color:#eee8dd;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:45px;padding:58px 7vw 30px;font-size:12px}
footer .logo{margin-bottom:8px}
footer p{margin:7px 0;color:#bbb3a7}
footer h3{font-size:10px;letter-spacing:.16em;margin:5px 0 18px}
footer>div:not(.copyright):not(.footer-brand) a{display:block;margin:0 0 10px;color:#cfc7bb}
footer a:hover{color:#fff}
.copyright{grid-column:1/-1;text-align:center;padding-top:30px;border-top:1px solid #39342d;margin-top:15px;font-size:9px;letter-spacing:.14em;color:#8e877d}
@media(max-width:1000px){
  .nav nav{gap:15px}
  .hero{grid-template-columns:1fr}
  .hero-image{min-height:560px}
  .hero-image img{min-height:560px}
  .grid-section{grid-template-columns:repeat(2,1fr)}
  .lab-feature{grid-template-columns:1fr}
  .lab-image,.lab-image img{min-height:500px}
  .process{grid-template-columns:1fr;gap:25px}
  .signup{grid-template-columns:1fr}
  footer{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .nav{height:64px;padding:0 20px}
  .nav nav{display:none}
  .ig{font-size:10px}
  .hero-copy{padding:70px 25px}
  .hero h1{font-size:68px}
  .hero-image,.hero-image img{min-height:430px}
  .intro-strip{padding:15px 25px;gap:20px}
  .intro-strip span{display:none}
  .grid-section{grid-template-columns:1fr}
  .tile,.photo.tall{min-height:360px}
  .photo img,.photo.tall img{min-height:360px}
  .lab-copy{padding:65px 25px}
  .lab-image,.lab-image img{min-height:430px}
  .facts{margin-top:40px}
  .process{padding:65px 25px}
  .signup{padding:60px 25px}
  .signup form{flex-direction:column;gap:8px}
  .signup button{height:50px}
  footer{grid-template-columns:1fr;padding:45px 25px}
}