*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f4f2;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;z-index:50;background:rgba(244,244,242,.92);backdrop-filter:blur(12px);border-bottom:1px solid #bdbdb8}.brand,.footer-brand{font-weight:700;letter-spacing:.03em;font-size:24px}.brand span,.footer-brand span{color:#777}.nav{display:flex;gap:28px;font-size:12px;letter-spacing:.14em}.nav a:hover{opacity:.5}.menu-btn{display:none;background:transparent;border:0;font-size:12px;letter-spacing:.14em}.hero{padding:130px 3.2vw 84px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:5vw;min-height:92vh;align-items:end}.hero-art{position:relative;background:#e8e8e4;overflow:hidden;aspect-ratio:16/10}.hero-art:after,.project-media:after,.modal-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.10),rgba(255,255,255,.35));mix-blend-mode:screen}.hero-art img,.project-media img,.modal-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.6) contrast(.92) brightness(1.03)}.eyebrow{font-size:11px;letter-spacing:.16em;margin:0 0 20px;text-transform:uppercase;color:#555}.hero h1{font-size:clamp(54px,6.6vw,112px);line-height:.88;letter-spacing:-.055em;font-weight:500;margin:0 0 32px}.intro{max-width:520px;font-size:18px;color:#40403d}.text-link{display:inline-block;margin-top:22px;border-bottom:1px solid #111;font-size:12px;letter-spacing:.14em;padding-bottom:4px}.work,.services,.about{padding:100px 3.2vw;border-top:1px solid #aaa}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:54px}.section-head h2,.about h2{font-size:clamp(42px,5vw,78px);letter-spacing:-.045em;line-height:.98;font-weight:500;margin:0}.filters{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}.filters button{border:0;background:transparent;padding:0 0 5px;font-size:11px;letter-spacing:.12em;color:#777;cursor:pointer;border-bottom:1px solid transparent}.filters button.active,.filters button:hover{color:#111;border-color:#111}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 28px}.project-card{cursor:pointer}.project-media{position:relative;overflow:hidden;background:#e5e5e1;aspect-ratio:16/10}.project-card:nth-child(4n+2) .project-media,.project-card:nth-child(4n+3) .project-media{aspect-ratio:4/3}.project-media img{transition:transform .7s cubic-bezier(.2,.65,.2,1),filter .4s}.project-card:hover img{transform:scale(1.018);filter:saturate(.35) contrast(.96) brightness(1.06)}.project-info{display:grid;grid-template-columns:1fr auto;gap:20px;margin-top:14px;padding-top:12px;border-top:1px solid #999}.project-title{font-size:30px;letter-spacing:-.03em}.project-sub{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#666;text-align:right}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #999}.service-grid article{padding:28px 28px 36px 0;border-right:1px solid #aaa;min-height:260px}.service-grid article+article{padding-left:28px}.service-grid article:last-child{border-right:0}.service-grid span{font-size:11px;color:#777}.service-grid h3{font-size:25px;font-weight:500;letter-spacing:-.025em;margin:42px 0 12px}.service-grid p{color:#555;max-width:320px}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:start}.about-grid p{font-size:20px;margin:8px 0 0;color:#444;max-width:620px}.profile-block{margin-top:100px;padding-top:34px;border-top:1px solid #999;display:grid;grid-template-columns:.72fr 1.05fr 1.15fr;gap:5vw;align-items:start}.profile-heading h3{font-size:clamp(36px,4vw,62px);line-height:.95;letter-spacing:-.04em;font-weight:500;margin:0 0 16px}.profile-role{margin:0;color:#555;font-size:16px}.credentials{border-top:1px solid #aaa}.credential-row{display:grid;grid-template-columns:1fr auto;gap:28px;padding:13px 0;border-bottom:1px solid #c2c2bc;font-size:14px}.credential-row strong{font-weight:500;white-space:nowrap}.experience-copy{max-width:620px}.experience-copy>p:not(.eyebrow){margin:0 0 16px;color:#444;font-size:16px;line-height:1.65}footer{padding:44px 3.2vw 60px;border-top:1px solid #aaa;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:13px}footer>div:nth-child(2){text-align:center}footer>div:nth-child(3){text-align:right}.project-modal{position:fixed;inset:0;z-index:100;background:#f4f4f2;display:grid;grid-template-columns:1.45fr .75fr;gap:4vw;padding:86px 3.2vw 3.2vw;transform:translateY(100%);transition:transform .55s cubic-bezier(.7,0,.2,1);overflow:auto}.project-modal.open{transform:translateY(0)}.modal-close{position:absolute;top:26px;right:3.2vw;background:transparent;border:0;font-size:11px;letter-spacing:.14em;cursor:pointer}.modal-media{position:relative;min-height:520px;height:calc(100vh - 130px);background:#e4e4e0;overflow:hidden}.modal-copy{align-self:center;max-width:530px}.modal-copy h2{font-size:clamp(58px,7vw,110px);letter-spacing:-.055em;line-height:.9;font-weight:500;margin:0 0 36px}.modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding:18px 0;border-top:1px solid #999;border-bottom:1px solid #999;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.modal-meta b{font-weight:500;color:#777;margin-right:8px}.modal-desc{font-size:18px;color:#444;margin-top:28px}.next-project{margin-top:26px;background:transparent;border:0;border-bottom:1px solid #111;padding:0 0 4px;font-size:11px;letter-spacing:.14em;cursor:pointer}@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.nav.open{display:flex;position:fixed;top:76px;left:0;right:0;background:#f4f4f2;padding:24px 3.2vw;border-bottom:1px solid #aaa;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:110px;min-height:auto}.hero-copy{order:-1}.hero h1{font-size:15vw}.section-head{align-items:start;flex-direction:column}.filters{justify-content:flex-start}.project-grid{grid-template-columns:1fr;gap:48px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(2){border-right:0}.service-grid article:nth-child(n+3){border-top:1px solid #aaa}.about-grid{grid-template-columns:1fr}.profile-block{grid-template-columns:1fr 1fr;gap:52px 7vw}.profile-heading{grid-column:1/-1}.project-modal{grid-template-columns:1fr;padding-top:74px}.modal-media{height:52vh;min-height:320px}.modal-copy{padding-bottom:60px}footer{grid-template-columns:1fr;gap:14px}footer>div:nth-child(2),footer>div:nth-child(3){text-align:left}}@media(max-width:560px){body{font-size:15px}.site-header{height:64px}.nav.open{top:64px}.hero{padding:96px 18px 60px}.work,.services,.about{padding:72px 18px}.hero-art{aspect-ratio:4/3}.project-grid{gap:42px}.project-title{font-size:26px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{padding:24px 0;border-right:0;border-top:1px solid #aaa;min-height:0}.service-grid article:first-child{border-top:0}.about-grid p{font-size:18px}.profile-block{margin-top:72px;grid-template-columns:1fr;gap:40px}.profile-heading{grid-column:auto}.credential-row{grid-template-columns:1fr auto;gap:16px;font-size:13px}.experience-copy>p:not(.eyebrow){font-size:15px}.project-modal{padding:70px 18px 18px}.modal-close{right:18px}.modal-media{height:42vh}.modal-copy h2{font-size:20vw}footer{padding:36px 18px}}