@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#1e2426;--paper:#f3f0e9;--orange:#d65a3a;--sand:#d5c5aa;--line:rgba(30,36,38,.2);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-family:'Space Grotesk',sans-serif;letter-spacing:.02em}.brand-mark,.contact-mark{display:grid;place-items:center;background:var(--orange);color:white;font-weight:700;letter-spacing:-.08em;width:45px;height:45px;border-radius:3px}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{font-size:10px;letter-spacing:.14em;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav-cta{border:1px solid var(--ink);padding:11px 15px;border-radius:2px}.nav-cta span,.button span{font-size:18px;margin-left:16px}.hero{min-height:665px;display:grid;grid-template-columns:52% 48%;position:relative;overflow:hidden;background:var(--orange)}.hero-copy{padding:110px 8vw 90px;background:var(--orange);color:#fff;position:relative;z-index:1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin:0 0 30px;display:flex;align-items:center;gap:14px}.rule{width:46px;height:1px;background:currentColor;display:inline-block}.hero h1,.work-heading h2,.quote h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(58px,7vw,108px);line-height:.92;letter-spacing:-.06em;margin:0 0 34px}.hero h1 em,.work-heading em,.quote h2 em,.process h2 em{font-style:normal;color:var(--sand)}.hero-text{font-size:18px;line-height:1.5;max-width:390px;margin-bottom:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:218px;border:0;padding:16px 18px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;border-radius:2px}.button-light{background:#fff;color:var(--ink)}.button-dark{background:var(--orange);color:#fff}.hero-image{background:linear-gradient(90deg,rgba(30,36,38,.05),rgba(30,36,38,.2)),url('./public/masonry-hero.png') center/cover;filter:saturate(.85)}.hero-stamp{position:absolute;right:4%;bottom:7%;border:1px solid rgba(255,255,255,.75);color:#fff;border-radius:50%;width:108px;height:108px;display:grid;place-items:center;text-align:center;font:bold 18px 'Space Grotesk';transform:rotate(-12deg)}.hero-stamp span{font:9px 'DM Sans';letter-spacing:.08em}.section-pad{padding:100px 8vw}.section-number{font:11px;font-weight:700;letter-spacing:.12em;display:flex;align-items:center;gap:12px;color:var(--orange)}.section-number span{height:1px;width:65px;background:var(--orange);display:inline-block}.intro-grid,.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;max-width:1060px;margin:50px auto 0}.intro h2,.process h2{font:600 clamp(42px,5vw,70px)/.94 'Space Grotesk';letter-spacing:-.06em;margin:0}.intro h2 span{color:#89908e}.intro p,.process p{line-height:1.6;font-size:16px;max-width:480px}.intro .lead{font-size:23px;line-height:1.35;margin-top:0}.work-band{background:var(--ink);color:var(--paper)}.light-number{color:var(--sand)}.light-number span{background:var(--sand)}.work-heading{margin:50px 0 70px}.work-heading h2{font-size:clamp(50px,6vw,84px);margin:0}.work-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(243,240,233,.28)}.work-list article{padding:28px 30px 20px 0;border-right:1px solid rgba(243,240,233,.28);margin-right:30px}.work-list article:last-child{border:0}.work-list span,.steps b{font-size:12px;color:var(--sand);font-weight:700}.work-list h3{font:500 24px 'Space Grotesk';margin:38px 0 15px}.work-list p{font-size:14px;line-height:1.55;color:#c3c6c1;max-width:250px}.process-grid{margin-top:50px}.steps>div{border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:40px 1fr;column-gap:16px}.steps strong{font:500 20px 'Space Grotesk'}.steps p{grid-column:2;margin:8px 0 0;font-size:14px}.quote{display:grid;grid-template-columns:1fr 260px;gap:9vw;background:var(--sand)}.quote-panel{max-width:700px}.quote h2{font-size:clamp(52px,6vw,84px);color:var(--ink);margin-bottom:20px}.quote-panel>p:not(.eyebrow){max-width:420px;line-height:1.5}.quote form{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.quote label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.quote label:nth-of-type(3),.quote button,.form-status{grid-column:1/-1}.quote input,.quote textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;margin-top:10px;padding:10px 0;font:16px 'DM Sans';resize:vertical}.contact-note{border-left:1px solid var(--line);padding-left:30px;align-self:start;font-size:14px;line-height:1.5}.contact-note a{display:inline-block;margin-top:20px;border-bottom:1px solid var(--ink);font-weight:700}.form-status{font-size:13px;margin:0}.form-status.success{color:#315f45}.form-status.error{color:#8a2d23}footer{display:flex;justify-content:space-between;background:var(--ink);color:var(--paper);padding:22px 5vw;font-size:11px;text-transform:uppercase;letter-spacing:.1em}@media(max-width:760px){.site-header{height:72px;padding:0 5vw}.site-header nav a:not(.nav-cta){display:none}.site-header nav{gap:0}.nav-cta{font-size:12px}.hero{display:block;min-height:0}.hero-copy{padding:75px 8vw 70px}.hero-image{height:270px}.hero-stamp{bottom:22px;right:7%;width:88px;height:88px}.section-pad{padding:72px 8vw}.intro-grid,.process-grid,.quote{display:block;margin-top:38px}.intro h2,.process h2{margin-bottom:35px}.work-heading{margin:38px 0 45px}.work-list{display:block}.work-list article{border-right:0;border-bottom:1px solid rgba(243,240,233,.28);margin:0;padding:25px 0}.work-list h3{margin:18px 0 10px}.quote-panel{margin-bottom:55px}.quote form{display:block}.quote label{display:block;margin-bottom:20px}.quote button{width:100%;margin-top:10px}.contact-note{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}footer{display:grid;gap:10px}}
/* Real project media */
.hero-image{background:linear-gradient(90deg,rgba(30,36,38,.04),rgba(30,36,38,.24)),url('./media/jlr-stone-facade.jpg') center/cover;filter:saturate(.85)}
.projects{background:#e3ddd0}.projects-heading{max-width:760px;margin:50px auto 55px}.projects-heading h2{font:600 clamp(50px,6vw,84px)/.94 'Space Grotesk';letter-spacing:-.06em;margin:0 0 24px}.projects-heading h2 em,.video-heading h3 em{font-style:normal;color:var(--orange)}.projects-heading>p:last-child{max-width:520px;line-height:1.55}.project-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-card{margin:0;background:#fff;overflow:hidden}.project-card-wide{grid-column:span 2;grid-row:span 2}.project-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.project-card figcaption{display:flex;justify-content:space-between;gap:10px;padding:14px 15px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.project-card figcaption strong{font-weight:700}.project-card figcaption span{color:#707673;text-align:right}.project-card-process{background:#d8d0c0}.video-heading{max-width:1120px;margin:90px auto 28px}.video-heading h3{font:600 clamp(35px,4vw,56px)/.98 'Space Grotesk';letter-spacing:-.05em;margin:0}.video-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.video-grid figure{margin:0;background:var(--ink);color:var(--paper)}.video-grid video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#1e2426}.video-grid figcaption{padding:15px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:760px){.projects-heading{margin:38px auto 38px}.project-grid{grid-template-columns:repeat(2,1fr);gap:10px}.project-card-wide{grid-column:span 2;grid-row:auto}.project-card img{aspect-ratio:4/5}.project-card figcaption{display:block;padding:11px;font-size:10px}.project-card figcaption span{display:block;text-align:left;margin-top:5px}.video-heading{margin:68px auto 24px}.video-grid{display:block}.video-grid figure+figure{margin-top:12px}}
.brand-logo{display:block;width:178px;height:67px;object-fit:contain;object-position:left center}
@media(max-width:760px){.brand-logo{width:154px;height:58px}.site-header nav a:nth-child(2){display:none}}
.contact-note a{display:block;width:max-content;max-width:100%}
.work-list{grid-template-columns:repeat(4,1fr)}.scope-link{display:inline-block;margin-top:18px;color:var(--sand);font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--sand)}.scope-link span{margin-left:8px;color:var(--sand)}
@media(max-width:760px){.work-list{grid-template-columns:1fr}}
.service-hero{background:var(--orange);color:#fff;min-height:560px}.service-hero h1,.winter-note h2{font:600 clamp(58px,7vw,104px)/.92 'Space Grotesk';letter-spacing:-.06em;margin:0 0 28px}.service-hero h1 em,.winter-note h2 em,.service-detail h2 em{font-style:normal;color:var(--sand)}.service-lead{font-size:20px;line-height:1.5;max-width:590px;margin:0 0 34px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.service-detail h2{font:600 clamp(42px,5vw,70px)/.94 'Space Grotesk';letter-spacing:-.06em;margin:38px 0 0}.service-copy{max-width:510px}.service-copy .lead{font-size:23px;line-height:1.35;margin-top:0}.service-copy p{line-height:1.6}.service-copy ul{border-top:1px solid var(--line);padding:0;margin:34px 0 0;list-style:none}.service-copy li{border-bottom:1px solid var(--line);padding:15px 0}.winter-note{background:var(--ink);color:var(--paper)}.winter-note h2{margin-top:45px}.winter-note>p:not(.eyebrow){max-width:500px;line-height:1.6;margin:0 0 28px}.winter-note .button-light{background:var(--sand)}
@media(max-width:760px){.service-hero{min-height:0}.service-detail{display:block}.service-detail h2{margin:35px 0}.service-copy .lead{font-size:20px}.winter-note h2{margin-top:35px}}