body{background:#f1f0ea;color:#242522}header{padding:26px 4.3vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d3d3cb}.studio{font:700 25px/.95 JinDisplay;letter-spacing:-.06em;text-decoration:none;display:grid;gap:10px}.studio span{font:7px JinSans;letter-spacing:.13em}nav{display:flex;gap:35px;font-size:11px}nav a{text-decoration:none}sup{font:8px JinDisplay}.opening{padding:24px 4.3vw 0}.opening-top{display:flex;justify-content:space-between;font:8px JinDisplay;letter-spacing:.12em;color:#696d63}.opening-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;padding:50px 0 45px}.opening h1{font:500 clamp(70px,8.9vw,144px)/.92 JinDisplay;letter-spacing:-.075em;margin:10px 0 32px;position:relative}.opening h1 i{font-family:JinSerif;letter-spacing:-.05em;font-weight:400;font-size:1.15em}.orange-dot{color:#e66b37;font-size:23px;display:inline-block;margin-left:14px}.intro{display:flex;align-items:center;gap:28px}.index-mark{font:11px JinDisplay;letter-spacing:.13em;border-right:1px solid #aaa;padding:15px 26px 15px 0}.intro p{font-size:13px;line-height:1.9;margin:0}.index-link{display:flex;justify-content:space-between;text-decoration:none;font-size:12px;margin-top:34px;border-bottom:1px solid #242522;padding-bottom:13px;max-width:300px}.index-link>span{font-size:20px}.opening-photo{height:440px;position:relative;margin:0;background-size:200% 200%;overflow:hidden}.opening-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.photo-tag{position:absolute;top:20px;left:20px;font:7px JinDisplay;letter-spacing:.14em;color:white;background:#1b222a77;padding:8px}.opening-photo figcaption{position:absolute;bottom:25px;left:25px;color:#f8f4ea;font:30px/1.05 JinDisplay;letter-spacing:-.05em;z-index:1}.opening-photo figcaption i{font:40px JinSerif}.opening-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #242522;padding:17px 0;font:8px JinDisplay;letter-spacing:.06em}.opening-bottom>a{text-decoration:none}#work{padding:70px 4.3vw 65px}.work-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #242522;padding-bottom:20px;margin-bottom:32px}.work-heading h2{font:400 35px JinDisplay;letter-spacing:-.06em;margin:0}.work-heading h2 span{font:10px JinDisplay;letter-spacing:0;margin-left:10px}.filters{display:flex;gap:6px}.filters button{border:1px solid #d1d2ca;background:transparent;padding:9px 13px;font-size:10px}.filters button[aria-pressed=true]{background:#23251f;color:white;border-color:#23251f}.projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:62px 28px}.project{min-width:0;grid-column:span 6}.project.p1{grid-column:span 5}.project.p2{grid-column:span 7;padding-top:100px}.project.p3{grid-column:span 7}.project.p4{grid-column:span 5;padding-top:90px}.project.p5{grid-column:span 6}.project.p6{grid-column:span 6;padding-top:100px}.project.p7{grid-column:span 5}.project.p8{grid-column:span 7;padding-top:90px}.project.p9{grid-column:span 7}.project.p10{grid-column:span 5;padding-top:85px}.project-image{display:block;position:relative;overflow:hidden;background:#dfe0d8;aspect-ratio:1.5;text-decoration:none}.project-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-image:hover img{transform:scale(1.025)}.open{position:absolute;bottom:15px;right:15px;background:#f1f0ea;color:#242522;padding:10px 13px;font:8px JinDisplay;letter-spacing:.08em}.project-title{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid #cccfc3;padding:18px 0 12px}.project-number{font:10px JinDisplay;color:#787f70}.project h3{font:500 23px JinDisplay;letter-spacing:-.04em;margin:0}.project h3 a{text-decoration:none}.project-title>span:last-child{margin-left:auto;font-size:9px}.direction{font:9px JinDisplay;color:#777f70;letter-spacing:.03em}.description{font-size:12px;line-height:1.8;max-width:46ch;color:#5e6458}details{font-size:10px;line-height:1.9}summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}#filter-status{font-size:10px;margin-top:40px;color:#747a6e}.approach{background:#242a24;color:#ecede4;padding:80px 6vw}.approach h2{font-size:clamp(28px,4vw,64px);font-weight:400;line-height:1.5;letter-spacing:-.05em;margin:28px 0 40px}.approach h2 i{font-style:normal;color:#bac4a9}.approach-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.approach-grid p{font-size:12px;line-height:1.9;color:#b5bdb0}.approach-grid b{font:8px JinDisplay;color:#ecede4;display:inline-block;margin-bottom:15px;letter-spacing:.07em}.approach-links{display:flex;gap:30px;font-size:10px;margin:35px 0}.approach .v2-footnote{max-width:100ch;color:#c1c8bb}footer{padding:45px 4.3vw;display:flex;justify-content:space-between;align-items:center}footer>div{font:700 28px JinDisplay;letter-spacing:-.06em;display:grid;gap:8px}footer>div span{font:8px JinDisplay;letter-spacing:.1em}footer p{font:12px/1.8 JinSans}footer a{font:9px JinDisplay;text-decoration:none}@media(max-width:750px){header{padding:20px}.studio{font-size:22px}.studio span{font-size:6px}nav{gap:16px;font-size:9px}nav a:nth-child(2){display:none}.opening{padding:20px 20px 0}.opening-top{font-size:7px;gap:20px}.opening-top span:last-child{text-align:right;max-width:90px}.opening-grid{grid-template-columns:1fr;padding:35px 0 25px;gap:30px}.opening h1{font-size:78px}.opening-photo{height:310px}.intro p{font-size:11px}.index-link{max-width:none}.opening-bottom{gap:15px;font-size:7px;align-items:start}.opening-bottom p{margin:0;max-width:115px}.opening-bottom>span{max-width:95px;text-align:right}#work{padding:45px 20px}.work-heading{display:block}.work-heading h2{font-size:31px}.filters{margin-top:22px;gap:5px;flex-wrap:wrap}.filters button{font-size:9px;padding:8px 11px}.projects{grid-template-columns:1fr;gap:38px}.project.project{grid-column:auto;padding-top:0}.project h3{font-size:22px}.project-image{aspect-ratio:1.5}.approach{padding:45px 20px}.approach h2{font-size:32px}.approach-grid{grid-template-columns:1fr;gap:10px}.approach-links{flex-direction:column;gap:15px}footer{padding:30px 20px;flex-wrap:wrap;gap:25px}footer>div{font-size:23px}footer p{font-size:10px}}