:root{--ink:#20201d;--paper:#f1efe9;--clay:#b65b3c;--line:rgba(32,32,29,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.site-header,.site-footer{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 28px;font:11px/1.2 DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.site-header{position:absolute;z-index:2;width:100%;color:#fff}.wordmark{font:600 19px/1 Manrope,sans-serif;letter-spacing:-.09em}.wordmark span{color:var(--clay)}.site-header nav{display:flex;gap:24px}.site-header nav a:hover,.site-footer a:hover{color:var(--clay)}.site-footer{border-top:1px solid var(--line);align-items:flex-end;min-height:180px}.site-footer p{margin:0}.site-footer a{text-transform:none}.home-intro{min-height:92vh;padding:140px 7vw 56px;color:#fff;background:linear-gradient(120deg,#1818138a,#18181314),url(/media/heroes/nha-mai-yen.webp) center/cover;position:relative}.eyebrow,.project-kicker{margin:0;font:11px/1.4 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.home-intro h1{margin:19vh 0 0;max-width:900px;font:500 clamp(3.7rem,9vw,9.5rem)/.91 "Playfair Display",serif;letter-spacing:-.07em}.circle-link{position:absolute;right:7vw;bottom:58px;display:grid;place-items:center;width:125px;aspect-ratio:1;border:1px solid rgba(255,255,255,.75);border-radius:50%;text-align:center;font-size:12px}.circle-link span{display:block;margin-top:4px;font-size:19px}.project-index{padding:120px 7vw}.index-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:80px}.index-heading h2{margin:0;font:500 clamp(2.6rem,6vw,6.8rem)/1 "Playfair Display",serif;letter-spacing:-.06em}.project-index ol{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.project-index li>a,.project-row{display:grid;grid-template-columns:70px 1fr 1fr auto;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);align-items:baseline}.project-index li>a:hover{color:var(--clay)}.project-number{font:11px DM Mono,monospace}.project-name{font:500 clamp(1.3rem,2.6vw,2.8rem)/1 "Playfair Display",serif}.project-type{font-size:12px;color:#20201da6}.project-index .project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 18px;border:0}.project-cards li>a{display:block;padding:0;border:0}.project-cards figure{margin:0;overflow:hidden;background:#c5c1b7;aspect-ratio:4/5}.project-cards img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}.project-cards a:hover img{transform:scale(1.045)}.project-card-label{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:baseline;padding-top:13px}.project-cards .project-name{font-size:clamp(1.25rem,2.1vw,2.3rem)}.project-cards .project-type{text-align:right;white-space:nowrap}.mai-yen{background:#d8d5cc}.mai-yen-opening{min-height:100vh;padding:140px 7vw 0;background:#242821;color:#e9e5d8;overflow:hidden}.mai-yen-opening h1{position:relative;z-index:1;margin:12vh 0 -4vw;font:500 clamp(5rem,15vw,15rem)/.7 "Playfair Display",serif;letter-spacing:-.09em}.mai-yen-opening h1 em{margin-left:13vw}.opening-note{position:absolute;z-index:1;max-width:260px;right:7vw;top:35vh;font-size:13px;line-height:1.6}.mai-yen-opening img{width:min(74vw,1080px);margin:0 auto;filter:saturate(.82)}.mai-yen-statement{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:17vw 12vw}.large-copy{max-width:800px;margin:0;font:500 clamp(2rem,4.2vw,5rem)/1.08 "Playfair Display",serif;letter-spacing:-.055em}.mai-yen-horizon{margin:0;padding:0 4vw}.mai-yen-horizon img{width:100%}.mai-yen-sequence{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:17vw 14vw 12vw}.sequence-copy{font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.65}.sequence-copy p{margin:0 0 2.2em}.sequence-copy p+p{margin-left:18%}.mai-yen-triptych{display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:9px;padding:0 4vw;align-items:start}.mai-yen-triptych img:nth-child(1){margin-top:16vw}.mai-yen-triptych img:nth-child(3){margin-top:8vw}.mai-yen-portrait{display:grid;grid-template-columns:2fr 1fr;gap:7vw;align-items:end;padding:19vw 12vw}.mai-yen-portrait p{max-width:280px;margin:0 0 3vw;font:500 1.5rem/1.35 Playfair Display,serif}.mai-yen-close{padding-bottom:11vw}.mai-yen-close>img{width:100%}.mai-yen-close>div{display:flex;justify-content:space-between;padding:18px 5vw}.mai-yen-close a{font:500 clamp(1.3rem,2.4vw,2.3rem) "Playfair Display",serif}.mai-yen-close a:hover{color:var(--clay)}@media(max-width:700px){.site-header,.site-footer{padding:18px}.site-header nav{gap:14px}.home-intro{padding:110px 18px 35px;min-height:85vh}.home-intro h1{margin-top:25vh}.circle-link{right:18px;bottom:32px;width:104px}.project-index{padding:80px 18px}.index-heading{display:block;margin-bottom:42px}.index-heading h2{margin-top:16px}.project-index li>a,.project-row{grid-template-columns:34px 1fr auto;gap:10px}.project-type{display:none}.mai-yen-opening{padding:110px 18px 0;min-height:760px}.mai-yen-opening h1{margin-top:16vh;font-size:5.6rem}.mai-yen-opening h1 em{margin-left:9vw}.opening-note{top:45vh;right:18px;max-width:180px}.mai-yen-opening img{width:116%;max-width:none;margin:17vh 0 0 -8%}.mai-yen-statement,.mai-yen-sequence,.mai-yen-portrait{display:block;padding:100px 24px}.large-copy{margin-top:36px}.mai-yen-sequence .sequence-copy{margin-top:35px}.sequence-copy p+p{margin-left:12%}.mai-yen-triptych{grid-template-columns:1fr 1fr;padding:0 12px}.mai-yen-triptych img:nth-child(1){margin-top:25vw}.mai-yen-triptych img:nth-child(3){display:none}.mai-yen-portrait p{margin:35px 10% 0 auto}.mai-yen-close{padding-bottom:70px}.mai-yen-close>div{display:block}.mai-yen-close a{display:block;margin-top:22px}}@media(max-width:700px){.project-index .project-cards{grid-template-columns:repeat(2,1fr);gap:34px 10px}.project-cards .project-card-label{display:block;padding-top:9px}.project-cards .project-number{display:block;margin-bottom:7px}.project-cards .project-name{display:block;font-size:1.4rem}.project-cards .project-type{display:block;margin-top:5px;font-size:10px;text-align:left}.project-cards figure{aspect-ratio:3/4}}.contact-page{min-height:100vh;background:#d2c7b7}.contact-heading{padding:24vh 8vw 15vw}.contact-heading h1{max-width:11ch;margin:7vh 0 35px;font:500 clamp(3.7rem,9vw,10rem)/.9 "Playfair Display",serif;letter-spacing:-.07em}.contact-heading h1 em{color:#9a4d34}.contact-heading>p:last-child{max-width:330px;margin:0 0 0 auto;font-size:1.1rem;line-height:1.55}.contact-details{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:40px;padding:5vw 8vw 12vw;border-top:1px solid var(--line)}.contact-details div{padding-top:14px;border-top:1px solid var(--line)}.contact-details .eyebrow{margin-bottom:45px}.contact-details a{font:500 clamp(1.25rem,2.2vw,2.4rem)/1.18 "Playfair Display",serif}.contact-details a:hover,.contact-map>a:hover{color:#9a4d34}.contact-map{position:relative;margin:0 4vw 10vw}.contact-map iframe{width:100%;height:min(62vw,680px);border:0;filter:grayscale(1) contrast(.92)}.contact-map>a{position:absolute;right:20px;bottom:20px;padding:12px 15px;background:#e8e4d9;font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}@media(max-width:700px){.contact-heading{padding:150px 24px 90px}.contact-heading h1{margin-top:55px;font-size:4.1rem}.contact-heading>p:last-child{margin:35px 0 0 20%}.contact-details{display:block;padding:0 24px 80px}.contact-details div{padding:20px 0 40px}.contact-map{margin:0 12px 70px}.contact-map iframe{height:112vw}.contact-map>a{right:12px;bottom:12px}}