:root{--paper:#f8f8f7;--ink:#160b07;--mid:#6a625e;--clay:#e65a30;--line:rgba(22,11,7,.18);--serif:"Viaoda Libre",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--gutter:clamp(20px,3vw,48px);--radius:clamp(14px,1.15vw,20px);--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}.detail-header{height:84px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.detail-header>a:first-child{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.detail-logo{justify-self:center;font:36px/.8 var(--serif)}.detail-header>a:last-child{justify-self:end;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.detail-hero{position:relative;min-height:74svh;padding:11vh var(--gutter) 60px;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr auto;gap:30px;overflow:hidden}.detail-eyebrow{color:var(--mid);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.detail-hero h1{grid-column:2;align-self:center;max-width:1050px;font:clamp(58px,8vw,128px)/.87 var(--serif);letter-spacing:-.055em}.detail-hero>p:last-of-type{grid-column:2;max-width:600px;font-size:clamp(17px,1.5vw,23px);line-height:1.45}.detail-cover{margin:0 var(--gutter);height:min(78vh,900px);overflow:hidden;border-radius:var(--radius)}.detail-cover img{height:100%;object-fit:cover}.detail-content{padding:clamp(90px,10vw,160px) var(--gutter);display:grid;grid-template-columns:1fr 2fr;gap:60px}.detail-content>p:first-child,.detail-block>span{color:var(--mid);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.detail-copy{max-width:900px}.detail-copy>p:first-child{font:clamp(38px,4.6vw,72px)/1.02 var(--serif);letter-spacing:-.035em}.detail-copy>p+p{max-width:650px;margin:45px 0 0 auto;color:var(--mid);font-size:17px;line-height:1.65}.detail-grid{padding:0 var(--gutter) clamp(100px,12vw,180px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-block{min-height:310px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between}.detail-block h2{font:clamp(30px,3vw,46px)/1 var(--serif);font-weight:400}.detail-block p{color:var(--mid);font-size:14px;line-height:1.55}.detail-gallery{padding:0 var(--gutter) clamp(100px,11vw,170px);display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.detail-gallery figure{height:62vw;max-height:820px;overflow:hidden;border-radius:var(--radius)}.detail-gallery figure:last-child{margin-top:10vw;height:48vw}.detail-gallery img{height:100%;object-fit:cover}.contact-form-section{position:relative;padding:clamp(90px,10vw,150px) var(--gutter);color:#fff;background:var(--ink);overflow:hidden}.contact-form-section>img{position:absolute;width:min(500px,40vw);right:-9vw;top:-15%;opacity:.16}.form-head{position:relative;z-index:1;display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:80px}.form-head p{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.form-head h2{font:clamp(48px,6vw,94px)/.94 var(--serif);font-weight:400;letter-spacing:-.04em}.project-form{position:relative;z-index:1;max-width:980px;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}.field{display:flex;flex-direction:column;gap:10px}.field-full{grid-column:1/-1}.field label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.35);border-radius:0;padding:10px 0 14px;color:#fff;background:transparent;font:16px var(--sans);outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#fff}.project-form button{grid-column:1/-1;justify-self:end;min-height:50px;padding:0 25px;border:1px solid #fff;border-radius:999px;color:#fff;background:transparent;font:12px var(--sans);cursor:pointer;transition:.35s}.project-form button:hover{color:var(--ink);background:#fff}.form-status{grid-column:1/-1;text-align:right;color:#c4d564;font-size:13px}.case-meta{padding:35px var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.case-meta span{display:block;margin-bottom:8px;color:var(--mid);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.case-meta p{font-size:14px}.next-project{padding:clamp(90px,10vw,150px) var(--gutter);text-align:center}.next-project p{margin-bottom:24px;color:var(--mid);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.next-project a{font:clamp(45px,7vw,105px)/.95 var(--serif)}.simple-footer{padding:30px var(--gutter);display:flex;justify-content:space-between;color:#fff;background:var(--ink);font-size:11px}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform 1s var(--ease)}.motion .reveal.visible{opacity:1;transform:none}@media(max-width:720px){.detail-header{grid-template-columns:1fr 1fr}.detail-header>a:last-child{display:none}.detail-logo{justify-self:end}.detail-hero{min-height:65svh;grid-template-columns:1fr;padding-top:8vh}.detail-hero h1,.detail-hero>p:last-of-type{grid-column:1}.detail-hero h1{font-size:15vw}.detail-content{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-block{min-height:240px}.detail-gallery{grid-template-columns:1fr}.detail-gallery figure,.detail-gallery figure:last-child{height:115vw;margin:0}.form-head{grid-template-columns:1fr}.project-form{grid-template-columns:1fr}.field-full,.project-form button,.form-status{grid-column:1}.case-meta{grid-template-columns:1fr 1fr}.simple-footer{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.motion .reveal{opacity:1;transform:none}}
