:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f2efe7;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p{line-height:1.5}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;text-transform:uppercase;letter-spacing:-.067em;line-height:.9}h1{font-size:clamp(4rem,10vw,10rem)}h2{font-size:clamp(3rem,7vw,7rem)}h3{font-size:clamp(2.1rem,4vw,5rem)}.eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#b6b2aa;line-height:1.5}.text-link{display:inline-block;border-bottom:1px solid #c8c4bc;padding:13px 0;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}.text-link:hover,a:hover{color:#d4c7ac}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:20px;z-index:10;background:#fff;color:#000;padding:12px}.top{height:78px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#090909}.wordmark{font-size:.91rem;letter-spacing:.12em;font-weight:700;white-space:nowrap}.top nav{display:flex;gap:clamp(14px,2vw,32px)}.top nav a{font-size:.69rem;letter-spacing:.13em}.home-hero{min-height:calc(100svh - 78px);position:relative;display:flex;align-items:end;overflow:hidden;background:#171717}.home-hero>img,.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.48)}.home-hero:after,.project-hero:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.hero-copy,.project-hero>div{position:relative;z-index:1;padding:clamp(28px,5vw,80px);width:100%;max-width:1500px;margin:0 auto}.hero-copy h1{max-width:1200px;margin:28px 0}.hero-copy>p:not(.eyebrow){max-width:680px;font-size:clamp(1.1rem,2vw,1.8rem);line-height:1.35}.section{max-width:1500px;margin:auto;padding:clamp(70px,10vw,145px) clamp(22px,5vw,80px);border-bottom:1px solid #494742}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:70px}.section-head h2{margin-bottom:0}.section-head>p{max-width:350px;color:#c5c1b9}.project{margin:0 0 clamp(75px,10vw,150px)}.project-image img{width:100%;height:clamp(330px,50vw,690px);object-fit:cover;filter:brightness(.82)}.project-image:hover img{filter:brightness(1)}.project-meta{display:grid;grid-template-columns:50px 1fr minmax(220px,360px);gap:24px;border-top:1px solid #605d55;margin-top:25px;padding-top:25px}.project-meta h3{margin:0 0 20px}.project-meta p{color:#c5c1b9}.project-meta .eyebrow{color:#a9a69d}.statement p,.notes p:not(.eyebrow),.about>p,.contact>p,.case>p:not(.eyebrow){max-width:950px;font-size:clamp(1.2rem,2.3vw,2rem);line-height:1.38;color:#cfcac2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 30px;margin-top:55px}.grid article{border-top:1px solid #605d55;padding-top:22px}.grid h3{font-size:clamp(1.6rem,2.6vw,3rem);letter-spacing:-.05em;margin:20px 0}.grid p{color:#bdb8af}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact{padding-bottom:170px}.contact h2{max-width:1100px}.project-hero{position:relative;min-height:70svh;display:flex;align-items:end;background:#171717;overflow:hidden}.project-hero h1{max-width:1250px;margin-bottom:26px}.project-hero>div>p:last-child{font-size:clamp(1.15rem,2.2vw,1.9rem);max-width:700px}.back{max-width:1500px;margin:auto;padding:25px clamp(22px,5vw,80px);font-size:.75rem;letter-spacing:.13em;border-bottom:1px solid #494742}.case h2{max-width:1100px}.film{border-top:1px solid #494742;padding:36px 0 65px;margin-top:60px}.film h3{font-size:clamp(2rem,4vw,4.7rem)}video,iframe{display:block;width:100%;max-width:1100px;aspect-ratio:16/9;background:#171717;border:0}video{object-fit:contain}.wide-image{width:100%;max-height:800px;object-fit:cover;margin:40px 0}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:35px clamp(22px,5vw,80px);font-size:.66rem;letter-spacing:.13em;color:#aaa69d}@media(max-width:800px){.top{height:auto;min-height:70px;align-items:start;flex-direction:column;padding-top:20px;padding-bottom:20px}.top nav{flex-wrap:wrap}.home-hero{min-height:75svh}.section-head,.about{display:block}.section-head>p{margin-top:25px}.project-meta{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.project-hero{min-height:60svh}}@media(max-width:540px){h1{font-size:clamp(3.3rem,14vw,6rem)}h2{font-size:clamp(2.8rem,12vw,5rem)}.hero-copy,.project-hero>div{padding:35px 22px}.hero-copy>p:not(.eyebrow){font-size:1.15rem}.project-image img{height:380px}.grid{grid-template-columns:1fr}.film{margin-top:35px;padding-bottom:35px}.section{padding-top:75px;padding-bottom:75px}.contact{padding-bottom:100px}}

/* Lead with the film and keep the text legible at every viewport size. */
.home-hero{display:grid;grid-template-columns:minmax(340px,44%) minmax(0,56%);align-items:center;gap:clamp(22px,3vw,55px);min-height:calc(100svh - 78px);background:#090909;padding:clamp(34px,5vw,76px) clamp(22px,5vw,80px);border-bottom:1px solid #494742}
.home-hero:after{content:none}
.hero-copy{padding:0;max-width:none}
.hero-copy h1{font-size:clamp(4.5rem,7.2vw,9.5rem);line-height:.83;margin:28px 0 34px}
.hero-copy>p:not(.eyebrow){max-width:520px;font-size:clamp(1.05rem,1.45vw,1.45rem);color:#d3cec5}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:36px}
.hero-film{align-self:center;min-width:0}
.hero-film iframe{width:100%;max-width:none;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.hero-film-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #605d55;font-size:.66rem;letter-spacing:.14em}
.hero-film-caption a{text-decoration:underline;text-underline-offset:5px}
.about-image{width:100%;height:360px;object-fit:cover;object-position:center;margin-top:45px;filter:grayscale(.25)}
.notes{background:#11100f}
.notes h2{max-width:1050px}
.project:first-of-type .project-image img{object-position:center 40%}
@media(max-width:900px){.home-hero{grid-template-columns:1fr;min-height:0;gap:42px}.hero-copy h1{font-size:clamp(5rem,13vw,9rem)}.hero-film{width:100%}}
@media(max-width:540px){.home-hero{padding:24px 22px 50px;gap:34px}.hero-film{order:-1}.hero-copy h1{font-size:clamp(4.2rem,16vw,6rem);margin:20px 0 28px}.hero-actions{margin-top:20px}.hero-film-caption{line-height:1.5}.about-image{height:280px;margin-top:28px}}