@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap";
:root{--ink:#211f1d;--paper:#f5f1eb;--paper-2:#ebe5dd;--rust:#884c42;--line:#211f1d2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,sans-serif;font-weight:300}button,a{color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}img{max-width:100%}.eyebrow{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:10px;font-weight:500}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f5f1ebe6;justify-content:space-between;align-items:center;height:82px;padding:15px 4vw;display:flex;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:12px;display:flex}.brand b{letter-spacing:-.08em;font:400 30px/.8 Italiana,serif}.brand span{letter-spacing:.15em;text-transform:uppercase;font-size:9px;line-height:1.25}nav{letter-spacing:.12em;text-transform:uppercase;gap:25px;font-size:10px;font-weight:500;display:flex}nav a{transition:opacity .2s}nav a:hover{opacity:.48}.menu-button{text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;font-size:10px;display:none}.hero{grid-template-columns:57% 43%;min-height:100svh;padding-top:82px;display:grid}.hero-image{min-height:calc(100svh - 82px);overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%;display:block}.hero-copy{background:var(--paper-2);flex-direction:column;justify-content:center;padding:9vh 5vw 6vh;display:flex}.hero-copy h1{letter-spacing:-.04em;max-width:720px;margin:6vh 0 5vh;font:400 clamp(52px,6.3vw,104px)/.94 Italiana,serif}.hero-copy>p:not(.eyebrow){max-width:480px;margin:0;font-size:16px;line-height:1.65}.hero-copy a{border-bottom:1px solid var(--ink);letter-spacing:.14em;text-transform:uppercase;align-self:flex-start;margin-top:7vh;padding:0 0 8px;font-size:10px;font-weight:500}.hero-copy a span{margin-left:36px}.projects-section{padding:120px 5vw 140px}.section-heading{grid-template-columns:1.15fr .65fr;align-items:end;gap:8vw;display:grid}.section-heading h2,.construction-intro h2,.about-copy h2,.recognition-section h2,footer h2{letter-spacing:-.025em;margin:25px 0 0;font:400 clamp(42px,5.4vw,78px)/1 Italiana,serif}.section-heading>p,.construction-intro>p:not(.eyebrow){margin:0;font-size:15px;line-height:1.7}.filters{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block:1px solid var(--line);background:#f5f1ebeb;flex-wrap:wrap;gap:7px;margin:66px -5vw 36px;padding:14px 5vw;display:flex;position:sticky;top:81px}.filters button{border:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:100px;padding:9px 15px;font-size:9px;font-weight:500;transition:all .2s}.filters button.active,.filters button:hover{color:var(--paper);background:var(--ink)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 26px;display:grid}.project-card{min-width:0}.project-card:nth-child(5n+3){grid-column:1/-1;width:72%;margin-inline:auto}.project-card>button{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.card-media{aspect-ratio:1.28;background:var(--paper-2);position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);display:block}.project-card:hover .card-media img{transform:scale(1.025)}.open-mark{background:var(--paper);letter-spacing:.1em;text-transform:uppercase;opacity:0;padding:11px 14px;font-size:9px;font-weight:500;transition:all .25s;position:absolute;bottom:15px;right:15px;transform:translateY(5px)}.project-card:hover .open-mark{opacity:1;transform:none}.card-meta{border-top:1px solid var(--line);justify-content:space-between;gap:28px;margin-top:12px;padding-top:15px;display:flex}.card-meta h3{margin:0 0 6px;font:400 28px/1.05 Italiana,serif}.card-meta p{margin:0;font-size:12px}.card-meta>span{text-align:right;letter-spacing:.1em;text-transform:uppercase;max-width:160px;font-size:9px;line-height:1.6}.construction-section{background:#d7cec3;padding:115px 5vw 125px}.construction-intro{grid-template-columns:.45fr 1.05fr .65fr;align-items:start;gap:5vw;display:grid}.construction-intro h2{margin-top:0}.construction-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px;display:grid}.construction-grid button{text-align:left;background:0 0;border:0;padding:0}.construction-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.construction-grid span{justify-content:space-between;gap:15px;padding-top:12px;display:flex}.construction-grid b{font:400 22px Italiana,serif}.construction-grid small{text-align:right;letter-spacing:.08em;text-transform:uppercase;max-width:165px;font-size:8px;line-height:1.5}.about-section{grid-template-columns:.85fr 1fr;align-items:center;gap:8vw;padding:120px 5vw;display:grid}.portrait-stack{min-height:720px;padding:0 0 70px 7%;position:relative}.portrait-stack-single{min-height:0;padding-bottom:0}.portrait{overflow:hidden}.portrait-main{filter:grayscale();min-height:650px}.portrait-detail{aspect-ratio:3/4;border:10px solid var(--paper);width:43%;position:absolute;bottom:0;right:-4%;box-shadow:0 18px 50px #211f1d24}.portrait img{object-fit:cover;width:100%;height:100%;display:block}.portrait-detail img{object-position:28% center}.portrait-credit{letter-spacing:.1em;text-transform:uppercase;margin:10px 0 0;font-size:9px;font-weight:500}.about-copy h2{font-size:clamp(42px,4.7vw,68px)}.about-copy>p:not(.eyebrow){max-width:640px;margin:34px 0 0;font-size:15px;line-height:1.78}.manifesto-section{color:var(--paper);background:var(--ink);grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:10vw;padding:120px 8vw;display:grid}.manifesto-copy h2{letter-spacing:-.025em;max-width:720px;margin:28px 0 34px;font:400 clamp(46px,5.5vw,78px)/1 Italiana,serif}.manifesto-copy>p:not(.eyebrow){max-width:530px;margin:0;font-size:15px;line-height:1.75}.manifesto-media{aspect-ratio:512/910;background:#151413;justify-self:end;width:100%;max-width:430px}.manifesto-media video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.manifesto-poster{background:#151413;border:0;width:100%;height:100%;padding:0;position:relative;overflow:hidden}.manifesto-poster:after{content:"";background:linear-gradient(#0000 58%,#00000094);transition:background .25s;position:absolute;inset:0}.manifesto-poster:hover:after{background:linear-gradient(#0000000f,#0000007a)}.manifesto-poster img{object-fit:cover;width:100%;height:100%;display:block}.manifesto-play{z-index:2;width:64px;height:64px;color:var(--ink);background:#f5f1ebeb;border-radius:50%;place-items:center;padding-left:4px;font-size:18px;transition:transform .25s,background .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.manifesto-poster:hover .manifesto-play{background:var(--paper);transform:translate(-50%,-50%)scale(1.06)}.manifesto-poster small{z-index:2;color:#fff;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:500;position:absolute;bottom:22px;right:22px}.recognition-section{background:var(--paper-2);grid-template-columns:.8fr 1.2fr;gap:8vw;padding:105px 5vw 115px;display:grid}.recognition-section h2{font-size:clamp(40px,4.6vw,67px)}.recognition-list{border-top:1px solid var(--line)}.recognition-list span{border-bottom:1px solid var(--line);grid-template-columns:.32fr .9fr 1fr;align-items:center;gap:24px;padding:23px 0;display:grid}.recognition-list b{font:400 20px Italiana,serif}.recognition-list strong{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.recognition-list small{font-size:11px;line-height:1.5}footer{color:#f6f1eb;background:var(--rust);padding:115px 5vw 38px}.footer-lead h2{max-width:900px;margin-bottom:75px}.contact-links{border-top:1px solid #ffffff6b}.contact-links a{letter-spacing:.08em;border-bottom:1px solid #ffffff6b;justify-content:space-between;padding:17px 0;font-size:12px;display:flex}.footer-meta{letter-spacing:.08em;text-transform:uppercase;grid-template-columns:.6fr 1.3fr .7fr;gap:30px;margin-top:65px;font-size:9px;line-height:1.6;display:grid}.footer-meta span:last-child{text-align:right}.modal{z-index:60;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#eee9e1;position:fixed;inset:0;overflow-y:auto}.modal-close{z-index:3;letter-spacing:.12em;text-transform:uppercase;background:#eee9e1e6;border:0;padding:10px 0 10px 20px;font-size:9px;font-weight:500;position:fixed;top:20px;right:2.5vw}.modal-close span{margin-left:10px;font-size:18px}.modal-content{grid-template-columns:minmax(380px,40%) 1fr;min-height:100svh;display:grid}.modal-intro{overscroll-behavior:contain;border-right:1px solid var(--line);flex-direction:column;height:100svh;padding:90px 5vw 55px;display:flex;position:sticky;top:0;overflow-y:auto}.modal-intro h2{letter-spacing:-.03em;margin:32px 0 8px;font:400 clamp(48px,5.6vw,80px)/.95 Italiana,serif}.modal-intro h3{color:var(--rust);margin:0 0 35px;font:400 23px/1.2 Italiana,serif}.modal-intro>p:not(.eyebrow){max-width:540px;margin:0;font-size:14px;line-height:1.72}.modal-intro dl{border-top:1px solid var(--line);margin:auto 0 0}.modal-intro dl div{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;padding:11px 0;display:grid}.modal-intro dt{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:500}.modal-intro dd{margin:0;font-size:11px;line-height:1.5}.gallery{align-self:center;padding:75px 4vw}.gallery-main{margin:0}.gallery-main img{object-fit:contain;background:#ded7ce;width:100%;max-height:72svh;display:block}.gallery-main figcaption{letter-spacing:.08em;text-transform:uppercase;padding:10px 0 0;font-size:9px}.gallery-controls{letter-spacing:.12em;justify-content:space-between;align-items:center;padding:13px 0;font-size:9px;display:flex}.gallery-controls button{border:1px solid var(--line);background:0 0;width:44px;height:34px}.gallery-thumbs{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.gallery-thumbs button{opacity:.5;background:0 0;border:2px solid #0000;height:90px;padding:0;overflow:hidden}.gallery-thumbs button.active{opacity:1;border-color:var(--rust)}.gallery-thumbs img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:900px){.topbar{height:70px}.menu-button{display:block}nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:22px;padding:30px 5vw;display:none;position:absolute;top:70px;left:0;right:0}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.hero-image{min-height:60svh}.hero-copy{min-height:65svh;padding:65px 6vw}.hero-copy h1{font-size:clamp(52px,13vw,82px)}.section-heading,.construction-intro,.about-section,.manifesto-section,.recognition-section{grid-template-columns:1fr}.section-heading>p,.construction-intro>p:not(.eyebrow){margin-top:25px}.filters{flex-wrap:nowrap;top:69px;overflow-x:auto}.project-grid{grid-template-columns:1fr}.project-card:nth-child(5n+3){grid-column:auto;width:auto}.construction-grid{grid-template-columns:1fr;gap:42px}.about-section{gap:55px}.manifesto-section{gap:55px;padding-inline:6vw}.manifesto-media{justify-self:center;width:min(100%,430px)}.portrait-stack{min-height:72svh;padding-left:0}.portrait-stack-single{min-height:0}.portrait-main{min-height:64svh}.portrait-detail{width:42%;right:0}.recognition-section{gap:55px}.footer-meta{grid-template-columns:1fr}.footer-meta span:last-child{text-align:left}.modal-content{display:block}.modal-intro{border-right:0;height:auto;min-height:85svh;padding:90px 6vw 50px;position:static}.modal-intro dl{margin-top:50px}.gallery{padding:35px 4vw 80px}}@media (max-width:520px){.projects-section,.construction-section,.about-section,.manifesto-section,.recognition-section{padding-block:85px}.card-meta{display:block}.card-meta>span{text-align:left;max-width:none;margin-top:13px;display:block}.recognition-list span{grid-template-columns:1fr;gap:6px}.gallery-thumbs{grid-template-columns:repeat(3,1fr)}.gallery-thumbs button{height:72px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}