/* A single editorial homepage: place, work, material, people, conversation. */
.homepage-concept{--paper:#fafaf7}
.homepage-concept .hero{height:calc(100svh - 108px);min-height:650px}
.homepage-concept .hero-copy h1{font-size:clamp(76px,9vw,138px);line-height:.96;max-width:1150px}
.homepage-concept .hero-meta a{background:#fafaf7;color:#15201d;border:0;padding:20px 26px}
.homepage-concept .intro{grid-template-columns:.85fr 1.4fr;gap:8vw;padding-block:85px;border-bottom:1px solid var(--line)}
.homepage-concept .intro-number{font-size:48px;letter-spacing:-.06em;margin:25px 0 12px}
.homepage-concept .intro h2{font-size:clamp(52px,6.2vw,90px);margin-bottom:25px}
.homepage-concept .intro p{font-size:18px;margin-bottom:0;max-width:610px}
.homepage-concept .selected-work{padding-top:80px;padding-bottom:100px}
.homepage-concept .selected-work>h2{font-size:clamp(65px,8vw,120px)}
.homepage-concept .project-atlas{gap:65px 5vw;margin-top:55px}
.homepage-concept .atlas-01>a{grid-template-columns:1.75fr 1fr;align-items:center;gap:5vw}
.homepage-concept .atlas-01 .atlas-image{height:570px}
.homepage-concept .atlas-01 h3{font-size:clamp(44px,4.5vw,68px)}
.homepage-concept .atlas-02 .atlas-image{height:460px}
.homepage-concept .atlas-03{padding-top:100px}
.homepage-concept .atlas-03 .atlas-image{height:460px}
.project-story{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-story summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:14px;min-height:54px}
.project-story summary::-webkit-details-marker{display:none}
.project-story summary:after{content:'＋';font-size:22px}.project-story[open] summary:after{content:'−'}
.story-body{padding:12px 0 30px;display:grid;grid-template-columns:1fr;gap:25px}
.story-body img{max-height:380px;height:auto;object-fit:cover}
.story-body h4{font-size:32px;line-height:1.15;letter-spacing:-.05em;font-weight:500;margin:0 0 20px}
.story-body p{font-size:16px}.atlas-01 .story-body{grid-template-columns:1.25fr 1fr;gap:5vw;align-items:center}
.homepage-concept .aperture-head h2{font-size:clamp(60px,7.4vw,108px)}
.homepage-concept #approach{padding-bottom:55px}.homepage-concept .aperture{height:70vh;max-height:740px}
.homepage-concept .studio-note{padding-top:100px;padding-bottom:100px;gap:7vw}
.homepage-concept .studio-note img{height:660px;object-position:center}
.homepage-concept .studio-note h2{font-size:clamp(46px,5.2vw,76px)}
.homepage-concept .client-voice{background:#dce4d9;padding-block:85px}.homepage-concept .client-voice blockquote{max-width:1150px}
.concept-contact-note{font-size:12px!important;margin:28px 0 0;max-width:none}
.homepage-concept .footer-bottom>a{display:inline-block;margin-right:24px;padding-block:12px}
@media(max-width:800px){
.homepage-concept .hero{min-height:610px;height:calc(100svh - 112px);max-height:850px}
.homepage-concept .hero-copy h1{font-size:14.5vw}
.homepage-concept .intro{display:flex;flex-direction:column-reverse;gap:30px;padding-block:55px}
.homepage-concept .intro h2{font-size:13vw}.homepage-concept .intro-number{font-size:35px;margin:12px 0 5px}.homepage-concept .intro>div:first-child{border-top:1px solid var(--line);padding-top:22px}
.homepage-concept .intro p{font-size:17px}.homepage-concept .selected-work{padding-block:55px}.homepage-concept .selected-work>h2{font-size:15vw}
.homepage-concept .atlas-01>a{display:block}.homepage-concept .atlas-01 .atlas-image{height:95vw}.homepage-concept .atlas-01 h3{font-size:39px}
.homepage-concept .atlas-02 .atlas-image,.homepage-concept .atlas-03 .atlas-image{height:82vw}.homepage-concept .atlas-03{padding-top:0}.homepage-concept .atlas-project{margin-bottom:45px}.homepage-concept .atlas-project:last-child{margin-bottom:0}
.atlas-01 .story-body{grid-template-columns:1fr;gap:25px}.story-body h4{font-size:29px}
.homepage-concept .aperture-head h2{font-size:14vw}.homepage-concept .aperture{height:100vw;min-height:320px}.homepage-concept #approach{padding-bottom:35px}
.homepage-concept .studio-note{padding-block:60px}.homepage-concept .studio-note img{height:105vw}.homepage-concept .studio-note h2{font-size:12vw}
.homepage-concept .client-voice{padding-block:55px}.homepage-concept .footer nav a{min-height:44px;display:inline-flex;align-items:center}
}
/* One project, one control. The whole editorial card is the disclosure. */
.homepage-concept .project-story{border:0;margin-top:0}
.homepage-concept .project-story>summary{display:block;padding:0;outline-offset:8px}
.homepage-concept .project-story>summary:after{display:none}
.project-front{display:block}.homepage-concept .atlas-01 .project-front{display:grid;grid-template-columns:1.75fr 1fr;gap:5vw;align-items:center}
.story-toggle{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:24px;font-size:14px;letter-spacing:.01em}
.story-toggle>span{font-size:23px;transition:transform .25s ease}.project-story[open] .story-toggle>span{transform:rotate(45deg)}
.project-story summary:hover .story-toggle{color:#52664b}.project-story summary:hover img{transform:scale(1.018)}
.homepage-concept .story-body{padding-top:30px}
.practice-editorial{display:grid;grid-template-columns:1.05fr 1fr;background:#e7eae2;overflow:hidden}
.practice-photo{margin:0;position:relative;min-height:800px}.practice-photo>img{height:100%;position:absolute;inset:0;object-fit:cover;object-position:45% center}
.practice-photo figcaption{position:absolute;left:30px;bottom:30px;padding:12px 18px;background:#fafaf7;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.practice-copy{padding:80px 5vw;display:flex;flex-direction:column;align-items:start}
.practice-copy h2{font-size:clamp(48px,5.5vw,85px);margin:45px 0 38px;line-height:1.02}
.practice-copy h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}
.practice-copy p{font-size:17px;max-width:480px}.practice-signoff{border-top:1px solid #aeb8aa;width:100%;padding-top:24px;margin-top:auto;display:flex;justify-content:space-between;gap:25px;font-size:12px;line-height:1.7}
.practice-signoff strong{font-size:40px;display:block;line-height:1.2;font-weight:500;letter-spacing:-.05em}
.homepage-concept .quote-editorial{position:relative;background:#fafaf7;padding:100px 12vw 100px 23vw}
.quote-mark{position:absolute;left:8vw;top:68px;font-family:Georgia,serif;font-size:230px;line-height:1;color:#adbca3}
.homepage-concept .quote-editorial blockquote{font-size:clamp(34px,4.4vw,64px);line-height:1.18;letter-spacing:-.045em;margin:30px 0}
.homepage-concept #enquire{position:relative;background:#20332b;color:#fafaf7;padding:85px 7vw;border:0}
.homepage-concept #enquire h2{font-size:clamp(60px,9vw,135px);max-width:1100px;margin:30px 0 50px}
.homepage-concept #enquire .contact-bottom{align-items:center}.homepage-concept #enquire .contact-bottom p{font-size:18px;max-width:470px}
.conversation-link{display:inline-flex;align-items:center;gap:35px;font-size:18px}.conversation-arrow{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:#dce4d4;color:#20332b;font-size:66px;line-height:1;transition:transform .25s ease,background .25s ease}
.conversation-link:hover .conversation-arrow{transform:rotate(10deg);background:white}.homepage-concept #enquire .concept-contact-note{opacity:.8;margin-top:45px}
.homepage-concept .footer{padding-top:40px}.homepage-concept .footer-mark{font-size:clamp(110px,20vw,300px);margin:40px 0 30px}.homepage-concept .footer-bottom{align-items:start}
@media(max-width:800px){
.homepage-concept .atlas-01 .project-front{display:block}.story-toggle{margin-top:20px;padding-block:16px}.homepage-concept .story-body{padding-top:25px}
.practice-editorial{grid-template-columns:1fr}.practice-photo{min-height:0;height:90vw;max-height:500px}.practice-photo figcaption{left:6vw;bottom:22px;font-size:10px;padding:10px 13px}
.practice-copy{padding:50px 6vw}.practice-copy h2{font-size:14vw;margin:30px 0}.practice-copy p{font-size:16px}.practice-signoff{margin-top:15px;align-items:end}
.homepage-concept .quote-editorial{padding:70px 6vw 55px}.quote-mark{position:static;display:block;font-size:110px;height:65px;line-height:1}
.homepage-concept .quote-editorial .eyebrow{font-size:10px}.homepage-concept .quote-editorial blockquote{font-size:9vw;line-height:1.25;margin:25px 0}
.homepage-concept #enquire{padding:60px 6vw}.homepage-concept #enquire h2{font-size:12vw;margin:25px 0 30px}.homepage-concept #enquire .contact-bottom p{font-size:17px;margin-bottom:30px}
.conversation-link{width:100%;justify-content:space-between;font-size:18px}.conversation-arrow{width:84px;height:84px;font-size:50px}.homepage-concept #enquire .concept-contact-note{margin-top:30px;line-height:1.6}.homepage-concept .footer-mark{font-size:25vw}
}
@media(prefers-reduced-motion:reduce){.story-toggle>span,.conversation-arrow{transition:none}.conversation-link:hover .conversation-arrow,.project-story summary:hover img{transform:none}}

.conversation-line{white-space:nowrap}