.pi-project-opening{background:var(--pi-blue);color:var(--pi-white)}.pi-project-title{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:8vw;padding-block:54px 48px}.pi-project-title h1{font-size:clamp(64px,8vw,96px);font-weight:750;line-height:1;letter-spacing:-.04em}.pi-project-title>div>p{font-size:clamp(24px,2.5vw,38px);line-height:1.2;letter-spacing:-.025em;max-width:22ch;text-wrap:balance}.pi-project-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:16px;text-decoration:underline!important;text-underline-offset:6px}.pi-project-title .pi-project-link{margin-top:18px}.pi-project-screen{padding-bottom:clamp(32px,4.55vw,72px)}.pi-project-screen img{display:block;width:100%;height:auto;aspect-ratio:16/9}.pi-project-brief,.pi-project-rooms,.pi-project-character{background:var(--pi-white);color:var(--pi-navy)}.pi-project-brief{display:grid;grid-template-columns:1.3fr 1fr;gap:12vw;padding-block:clamp(48px,7vw,108px)}.pi-project-opening h2{font-size:clamp(36px,4.1vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:750;text-wrap:balance;max-width:18ch}.pi-project-brief p,.pi-project-character p,.pi-project-journey-copy p{font-size:clamp(18px,1.4vw,23px);line-height:1.55;max-width:56ch;margin-top:24px}.pi-project-facts{margin:0;align-self:start;font-size:17px;line-height:1.5}.pi-project-facts>div{border-top:1px solid var(--pi-rule);padding-block:18px 24px}.pi-project-facts dt{font-size:14px;margin-bottom:8px;color:#344b9b}.pi-project-facts dd{margin:0;max-width:32ch}.pi-project-rooms{padding-bottom:clamp(56px,7vw,112px)}.pi-project-section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:12vw;align-items:start;margin-bottom:40px}.pi-project-section-heading p{font-size:clamp(18px,1.4vw,23px);line-height:1.55;max-width:44ch}.pi-project-room-images{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pi-project-room-images img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.pi-project-opening figcaption{font-size:14px;line-height:1.5;margin-top:14px}.pi-project-character{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding-bottom:clamp(56px,7vw,112px)}.pi-project-character img{display:block;width:100%;height:auto}.pi-project-journey{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:7vw;background:var(--pi-navy);color:var(--pi-white);padding-block:clamp(52px,7vw,112px)}.pi-project-journey-copy p{color:var(--pi-muted)}.pi-project-journey .pi-project-link{margin-top:28px}.pi-project-phone-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.pi-project-phone-pair img{display:block;width:100%;height:auto;aspect-ratio:390/844}.pi-project-phone-pair img+img{margin-top:64px}.pi-project-close{display:grid;grid-template-columns:1fr auto;gap:8vw;align-items:center;padding-block:clamp(56px,7vw,112px)}.pi-project-close h2{max-width:22ch}.pi-project-close p{font-size:clamp(18px,1.5vw,24px);line-height:1.5;max-width:48ch;margin-top:24px}.pi-project-close .pi-button{white-space:nowrap}@media(min-width:801px){.pi-project-opening>.pi-header{height:100px}.pi-project-opening .pi-wordmark img{width:180px}}@media(max-width:800px){.pi-project-title{gap:36px;padding-block:32px 36px;grid-template-columns:1fr}.pi-project-title h1{font-size:clamp(60px,12vw,88px)}.pi-project-title>div>p{font-size:28px;max-width:28ch}.pi-project-title .pi-project-link{margin-top:16px}.pi-project-screen{padding-inline:0;padding-bottom:0}.pi-project-brief{grid-template-columns:1fr;gap:36px}.pi-project-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.pi-project-facts>div:last-child{grid-column:1/-1}.pi-project-section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.pi-project-room-images{gap:20px}.pi-project-character{grid-template-columns:1fr;gap:32px}.pi-project-character figure{max-width:600px}.pi-project-journey{grid-template-columns:1fr;gap:36px}.pi-project-journey-copy p{max-width:56ch}.pi-project-phone-pair{max-width:600px;width:100%;gap:24px}.pi-project-phone-pair img+img{margin-top:36px}.pi-project-close{grid-template-columns:1fr;gap:28px}.pi-project-close .pi-button{justify-self:start}.pi-project-opening h2{font-size:clamp(36px,6.5vw,52px)}}@media(max-width:480px){.pi-project-title>div>p{font-size:25px}.pi-project-link{font-size:15px;gap:12px}.pi-project-room-images{grid-template-columns:1fr;gap:28px}.pi-project-facts{display:block}.pi-project-brief p,.pi-project-character p,.pi-project-journey-copy p{font-size:18px;margin-top:20px}.pi-project-phone-pair{gap:12px}.pi-project-phone-pair img+img{margin-top:32px}.pi-project-opening figcaption{font-size:13px}}