:root{--ink:#24221f;--cream:#f8f2e9;--paper:#f2efeb;--white:#fff;--tan:#e9dfcf;--olive:#7c8065;--line:#d9d4cc;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Cormorant Garamond',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 var(--sans)}img{max-width:100%;display:block}.frame{width:min(1420px,calc(100% - 48px));margin:46px auto;background:var(--paper);border:1px solid #cbc7c1;border-radius:10px;overflow:hidden;box-shadow:0 20px 70px rgba(47,40,31,.07)}.shell{width:min(1120px,calc(100% - 64px));margin:auto}.site-header{height:118px;display:flex;align-items:center}.nav{width:100%;display:flex;align-items:center;justify-content:space-between}.brand{color:inherit;text-decoration:none;font:600 clamp(1.75rem,3vw,2.45rem)/1 var(--serif);letter-spacing:-.035em}.navlinks{display:flex;gap:2rem}.navlinks a,.menu-button{color:inherit;text-decoration:none;background:none;border:0;font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:.4rem 0;cursor:pointer}.navlinks a:hover,.navlinks a[aria-current=page]{border-bottom:1px solid}.menu-button{display:none}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding:70px 0 110px}.photo-stack{height:490px;position:relative}.photo-main{position:absolute;left:0;top:0;width:76%;height:100%;object-fit:cover;filter:saturate(.82)}.photo-small{position:absolute;right:0;bottom:22px;width:43%;height:46%;object-fit:cover;border:5px solid var(--paper);box-shadow:0 14px 35px rgba(43,36,27,.15)}.eyebrow{font:500 .66rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.hero h1,.page-hero h1{font:500 clamp(3.25rem,6vw,5.6rem)/.92 var(--serif);letter-spacing:-.04em;margin:1.4rem 0 1.5rem}.hero p{max-width:500px;color:#57534d}.button{display:inline-block;color:inherit;text-decoration:none;background:var(--tan);padding:.8rem 1.3rem;margin-top:1.3rem;font:500 .65rem var(--mono);letter-spacing:.11em;text-transform:uppercase;transition:.25s}.button:hover{transform:translateY(-2px);background:#dfd1bd}.white-section{background:var(--white);padding:86px 0}.logo-intro{text-align:center;font:400 .72rem var(--mono);text-transform:uppercase;letter-spacing:.14em;color:#67635d}.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:2rem;align-items:center;margin-top:45px;text-align:center}.logos span{font-weight:700;letter-spacing:-.03em;color:#373531}.logos .small{font-size:.75rem;letter-spacing:.07em}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:110px 0}.split h2,.section-title{font:500 clamp(2.8rem,5vw,4.7rem)/1 var(--serif);letter-spacing:-.035em;margin:.7rem 0 1.5rem}.split p{color:#5c5750}.screen-card{background:#ddd5ca;padding:18px 18px 65px;transform:rotate(1.5deg);box-shadow:0 20px 55px rgba(40,32,24,.12)}.screen-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.screen-card span{display:block;margin-top:20px;text-align:center;font:500 .65rem var(--mono);letter-spacing:.1em}.work-preview{background:var(--white);padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-head .section-title{margin:0}.text-link{color:inherit;text-decoration:none;font:500 .66rem var(--mono);text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid;padding-bottom:.3rem}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-card{color:inherit;text-decoration:none}.project-card .image-wrap{aspect-ratio:4/3;overflow:hidden;background:#e8e1d7}.project-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:.6s}.project-card:hover img{transform:scale(1.025);filter:saturate(1)}.project-card h3{font:500 2rem/1 var(--serif);margin:1rem 0 .35rem}.project-card p{font:400 .64rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#6b665f}.services-preview{padding:100px 0}.service-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);margin-top:45px}.service-list a,.service-list div{color:inherit;text-decoration:none;padding:25px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem}.service-list a:nth-child(odd),.service-list div:nth-child(odd){padding-right:35px}.service-list a:nth-child(even),.service-list div:nth-child(even){padding-left:35px;border-left:1px solid var(--line)}.service-list h3{font:500 1.7rem var(--serif);margin:0}.service-list span{font:400 .65rem var(--mono)}.about-teaser{background:var(--olive);color:#fff;padding:95px 0}.about-teaser .split{padding:0}.about-teaser img{width:75%;max-height:520px;object-fit:cover;filter:grayscale(.2) saturate(.75)}.about-teaser p{color:#eeeee8}.footer{background:var(--ink);color:#fff;padding:75px 0 30px}.footer-top{display:flex;justify-content:space-between;align-items:end}.footer h2{font:500 clamp(3rem,6vw,6rem)/.9 var(--serif);margin:0}.footer a{color:#fff}.footer-bottom{display:flex;justify-content:space-between;margin-top:70px;padding-top:22px;border-top:1px solid #4b4844;font:400 .62rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.footer-links{display:flex;gap:1.3rem}.page-hero{padding:90px 0 105px;max-width:860px}.page-hero p{max-width:650px;color:#59544e;font-size:1.05rem}.content-section{background:#fff;padding:100px 0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.about-image{position:sticky;top:40px;align-self:start}.about-image img{width:100%;max-height:650px;object-fit:cover;filter:saturate(.78)}.about-copy h2{font:500 clamp(2.7rem,4vw,4.2rem)/1 var(--serif);margin:0 0 2rem}.about-copy p{color:#57524b}.timeline{margin-top:55px;border-top:1px solid var(--line)}.job{display:grid;grid-template-columns:120px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.job small{font:.62rem var(--mono);color:#777}.job h3{margin:0;font:500 1.45rem var(--serif)}.job p{margin:.2rem 0 0;font-size:.84rem}.service-detail{display:grid;grid-template-columns:100px 1fr 1fr;gap:3rem;padding:42px 0;border-top:1px solid var(--line)}.service-detail>span{font:.65rem var(--mono)}.service-detail h2{font:500 2.3rem/1 var(--serif);margin:0}.service-detail p{margin:0;color:#5d5851}.work-index{padding:20px 0 110px}.work-index .project-grid{grid-template-columns:repeat(2,1fr);gap:55px 30px}.work-index .project-card h3{font-size:2.5rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-card{background:var(--tan);padding:45px}.contact-card a{color:inherit}.contact-row{padding:20px 0;border-bottom:1px solid rgba(36,34,31,.2)}.contact-row small{display:block;font:.62rem var(--mono);text-transform:uppercase;margin-bottom:.4rem}.project-hero{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:75px 0 100px}.project-hero h1{font:500 clamp(3rem,5vw,5rem)/.95 var(--serif);margin:1rem 0}.project-hero p{color:#5c5750}.project-hero img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}.project-meta{display:flex;gap:2rem;font:.62rem var(--mono);text-transform:uppercase}.case-story{background:#fff;padding:95px 0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.story-grid small{font:.62rem var(--mono);text-transform:uppercase}.story-grid h2{font:500 2rem var(--serif)}.story-grid p{color:#5b5650}.case-art{padding:90px 0}.case-art img{width:100%;max-height:720px;object-fit:contain;background:#fff}.next-project{background:var(--tan);padding:75px 0}.next-project a{display:flex;justify-content:space-between;color:inherit;text-decoration:none;font:500 clamp(2.5rem,5vw,5rem)/1 var(--serif)}.fade{opacity:0;transform:translateY(18px);transition:.7s}.fade.visible{opacity:1;transform:none}
@media(max-width:850px){.frame{width:calc(100% - 20px);margin:10px auto}.shell{width:calc(100% - 36px)}.site-header{height:90px}.menu-button{display:block}.navlinks{position:absolute;display:none;top:90px;left:10px;right:10px;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero,.split,.about-grid,.contact-grid,.project-hero{grid-template-columns:1fr}.hero{padding-top:35px}.hero h1{font-size:15vw}.photo-stack{height:430px;grid-row:1}.logos{grid-template-columns:repeat(3,1fr)}.project-grid,.work-index .project-grid{grid-template-columns:1fr 1fr}.about-teaser img{width:100%}.service-detail{grid-template-columns:50px 1fr}.service-detail p{grid-column:2}.story-grid{grid-template-columns:1fr}.about-image{position:static}}@media(max-width:560px){.hero{gap:2rem}.photo-stack{height:340px}.project-grid,.work-index .project-grid{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}.service-list a:nth-child(n),.service-list div:nth-child(n){padding:22px 0;border-left:0}.section-head,.footer-top{display:block}.text-link{display:inline-block;margin-top:1rem}.footer-bottom{display:block}.footer-links{margin-top:1rem}.project-hero{padding-top:25px}.job{grid-template-columns:1fr}.project-meta{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade{opacity:1;transform:none;transition:none}}