@font-face{font-family:Zen;src:url("/assets/preview/Zen-Light.woff2");font-weight:300}@font-face{font-family:Zen;src:url("/assets/preview/Zen-Regular.woff2");font-weight:400}*{box-sizing:border-box}body{margin:0;background:#faf8f4;color:#1a1a1a;font:300 18px/1.5 Zen,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}header{padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:17px}header i{display:inline-block;width:6px;height:6px;background:#cb4042;margin-right:12px}header>a:last-child{font-size:14px;color:#74716b}main{padding:7vh 16vw 70px}h1{font-size:16px;font-weight:300;color:#77736d;margin:0 0 48px}h2{font-weight:300;letter-spacing:-.04em;font-size:clamp(38px,5vw,76px);line-height:1.15;margin:18px 0 24px}p{max-width:440px;color:#69655f}.projects{display:flex;flex-direction:column}.project{position:relative;border:0;background:none;text-align:left;padding:9px 0;cursor:pointer;display:block}.name{font-size:clamp(30px,4vw,58px);letter-spacing:-.035em}.number{font-size:12px;color:#9b958c;margin-right:24px;vertical-align:middle}.inline-copy{display:none;font-size:17px;letter-spacing:0;max-width:430px;color:#69655f;margin:12px 0 18px 40px}.project:hover .name,.project[aria-expanded=true] .name{color:#77716a}.project[aria-expanded=true] .inline-copy{display:block}.detail{display:none}.availability{display:block;margin-top:48px;font-size:12px;color:#99938b}small{font-size:12px;color:#99938b}button:focus-visible,a:focus-visible{outline:1px solid #777;outline-offset:7px}.family-2 .composition,.family-5 .composition,.family-8 .composition{display:grid;grid-template-columns:1fr 1.5fr;gap:9vw}.family-2 .name,.family-5 .name,.family-8 .name{font-size:20px;letter-spacing:0}.family-2 .detail,.family-3 .detail,.family-5 .detail,.family-8 .detail{display:block}.family-2 .inline-copy,.family-3 .inline-copy,.family-5 .inline-copy,.family-8 .inline-copy{display:none!important}.family-2 .number,.family-3 .number,.family-5 .number{display:none}.family-2 .detail,.family-5 .detail{padding-top:60px}.family-3 main{text-align:center;padding-top:12vh}.family-3 .composition{display:flex;flex-direction:column-reverse;align-items:center;gap:90px}.family-3 .detail p{margin-inline:auto}.family-3 .projects{flex-direction:row;gap:25px;flex-wrap:wrap;justify-content:center}.family-3 .name{font-size:14px;letter-spacing:0}.family-3 .availability{display:none}.family-4 .project{border-top:1px solid #1a1a1a22;padding:20px 0}.family-4 .project:last-child{border-bottom:1px solid #1a1a1a22}.family-4 .name{font-size:30px}.family-4 .inline-copy{margin-top:40px;margin-bottom:40px}.family-5 main{padding-left:7vw}.family-5 .composition{grid-template-columns:1fr 2fr;gap:18vw}.family-5 .detail{padding-top:140px}.family-6 main{padding:6vh 8vw}.family-6 .projects{position:relative;height:65vh;min-height:490px}.family-6 .project{position:absolute}.family-6 .name{font-size:clamp(26px,3.2vw,48px)}.family-6 .number{display:none}.family-6 .project:nth-child(1){left:8%;top:2%}.family-6 .project:nth-child(2){left:64%;top:7%}.family-6 .project:nth-child(3){left:33%;top:33%}.family-6 .project:nth-child(4){left:2%;top:67%}.family-6 .project:nth-child(5){left:71%;top:66%}.family-6 .project:nth-child(6){left:42%;top:87%}.family-6 .inline-copy{font-size:14px;max-width:270px;margin:8px 0;position:absolute;background:#faf8f4;z-index:2}.family-7 .projects{display:none}.journey{min-height:78vh;display:flex;flex-direction:column;justify-content:center}.journey p{margin:0}.family-7 h1{margin:0}.family-8 .project{display:flex;align-items:baseline;gap:12px;padding:14px 0}.family-8 .number{order:2;margin:0}.family-8 .name{flex:1;display:flex;align-items:baseline;gap:15px}.family-8 .name:after{content:'';flex:1;border-bottom:1px dotted #bbb}.family-8 .detail{border-left:1px solid #1a1a1a22;padding:70px 0 70px 4vw}.option-B main{padding-left:23vw;padding-right:9vw}.option-C main{padding-top:14vh}.option-C.family-1 .projects,.option-C.family-4 .projects{max-width:650px;margin:auto}.option-D main{padding-top:4vh}.option-D .name{font-size:28px}.option-D .project{padding-block:7px}.gallery main{padding:50px 6vw}.gallery h1{font-size:44px;color:#1a1a1a;margin:0}.gallery-intro{max-width:720px;font-size:16px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 40px;margin-top:60px}.gallery img{width:100%;border:1px solid #1a1a1a16;display:block}.gallery h2{font-size:23px;margin:20px 0 8px;letter-spacing:0}.gallery article p{font-size:15px;margin:0}.gallery article nav{display:flex;gap:12px;margin-top:18px}.gallery article nav a{border:1px solid #1a1a1a22;border-radius:50%;width:34px;height:34px;text-align:center;line-height:32px;font-size:14px}.gallery article nav a:hover{background:#1a1a1a;color:#faf8f4}@media(max-width:700px){header{padding:24px}main,.option-B main,.option-C main,.option-D main,.family-5 main,.family-6 main{padding:50px 26px}.name{font-size:36px}.family-2 .composition,.family-5 .composition,.family-8 .composition{grid-template-columns:1fr;gap:36px}.family-2 .detail,.family-5 .detail,.family-8 .detail{padding:20px 0;border:0}.family-3 .composition{gap:60px}.family-3 .projects{gap:12px 22px}.family-6 .projects{min-height:620px;height:auto}.family-6 .project:nth-child(n){position:relative;left:auto;top:auto;margin-bottom:45px}.family-6 .project:nth-child(even){align-self:flex-end}.family-6 .inline-copy{position:static;max-width:250px}.family-6 .name{font-size:32px}.gallery-grid{grid-template-columns:1fr}.gallery h1{font-size:36px}.journey{min-height:72vh}}
