/* A personal open house: colour, scale and a clear route through the work. */
:root{--paper:#f6f3ec;--ink:#293d31;--header:80px}
h1,h2,h3{font-weight:500;letter-spacing:-.045em}
.site-header{border-bottom:1px solid #293d3114}
.desktop-nav .button{min-height:48px;padding:12px 20px;font-size:12px}
.room-stage{--room-bg:#344838;--room-accent:#e9d6a2;max-width:none;margin:18px 24px 0;padding:0;background:var(--room-bg);color:var(--paper);transition:background-color .5s ease;color-scheme:dark}
.room-stage[data-active-room=noa]{--room-bg:#274453;--room-accent:#efd2cc}
.room-stage[data-active-room=doron]{--room-bg:#2f4d40;--room-accent:#cfdfba}
.room-stage-inner{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.7fr);max-width:1600px;margin:auto}
.opening-copy{padding:46px 36px 35px;display:flex;flex-direction:column;align-items:flex-start}
.opening-copy .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:33px}
.opening-copy h1{font-size:clamp(96px,10.3vw,160px);font-weight:500;letter-spacing:-.075em;line-height:.88;margin-left:-7px;margin-bottom:35px}
.opening-copy h1>span{color:var(--room-accent);transition:color .4s}
.opening-intro{font-size:17px;line-height:1.55;letter-spacing:-.02em;color:#f6f3ecdf;margin-bottom:30px}
.opening-collection{display:flex;align-items:center;gap:28px;min-height:48px;margin-top:auto;font-size:13px;border-bottom:1px solid #f6f3ec88;padding:8px 0}
.opening-collection .icon{width:19px;height:19px}
.room-visual{min-width:0;padding:30px 30px 0 0;align-self:center}
.room-panel{min-width:0}
.room-photo{display:block;position:relative;overflow:hidden;background:#ffffff0a}
.room-photo img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain}
.room-enter{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:23px;min-height:48px;padding:11px 19px;border-radius:30px;background:var(--paper);color:var(--ink);font-size:12px;transition:background .18s,transform .2s}
.room-enter .icon{width:17px;height:17px}.room-photo:hover .room-enter{background:var(--room-accent);transform:translateY(-3px)}
.room-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:94px;padding:18px 0 21px}
.room-caption h2{font-size:23px;letter-spacing:-.035em;margin:0 0 5px}
.room-caption p{font-size:12px;color:#f6f3ecbc}.room-index{font-size:11px;letter-spacing:.04em;white-space:nowrap;color:#f6f3ecb0}
.room-chooser{grid-column:1/-1;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.7fr);border-top:1px solid #f6f3ec30;padding:21px 30px 22px 36px;align-items:center;gap:0}
.chooser-prompt{font-size:12px;line-height:1.6;color:#f6f3ecbc}
.room-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.room-choices button{display:flex;align-items:center;gap:12px;justify-content:flex-start;border:1px solid #f6f3ec45;border-radius:30px;min-height:50px;padding:9px 14px;font-size:12px;white-space:nowrap;transition:background .2s,color .2s,border .2s}
.room-choices button[aria-pressed=true]{background:var(--room-accent);color:#26392f;border-color:var(--room-accent)}
.room-choices button:hover{border-color:var(--paper)}
.room-swatch{width:24px;height:24px;border-radius:50%;border:1px solid #ffffff65;flex-shrink:0;box-shadow:0 0 0 3px #ffffff0a}
.swatch-ruthy{background:linear-gradient(90deg,#afc2c7 50%,#e3ca68 50%)}.swatch-noa{background:linear-gradient(90deg,#436a81 50%,#ceaaa3 50%)}.swatch-doron{background:linear-gradient(90deg,#b9cec2 50%,#946b48 50%)}
.room-choice-mark{margin-left:auto;display:grid;place-items:center;transition:transform .3s}.room-choice-mark .icon{width:13px;height:13px}.room-choices button[aria-pressed=true] .room-choice-mark{transform:rotate(45deg)}
.opening-footnote{max-width:1600px;margin:auto;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #f6f3ec30;padding:14px 36px;font-size:9px;letter-spacing:.1em;color:#f6f3ec9e}
.room-stage a:focus-visible,.room-stage button:focus-visible{outline-color:var(--room-accent)}
@media(prefers-reduced-motion:no-preference){.room-panel:not([hidden]) .room-photo{animation:room-arrive .65s cubic-bezier(.2,.75,.25,1)}@keyframes room-arrive{from{clip-path:inset(0 0 0 12%);opacity:.75;transform:translateX(10px)}to{clip-path:inset(0);opacity:1;transform:none}}}
.work-feature{display:grid;grid-template-columns:1.2fr .8fr .7fr;gap:5vw;align-items:center;padding-top:105px;padding-bottom:105px}
.work-feature-heading .eyebrow{font-size:10px;margin-bottom:30px}
.work-feature h2{font-size:clamp(42px,4.4vw,68px);letter-spacing:-.055em;line-height:1.07}.work-feature h2 span{color:#7c8d68}
.work-film{min-width:0;max-width:330px;justify-self:center;width:100%}
.work-film-button{border-radius:160px 160px 4px 4px;aspect-ratio:360/640;display:block}
.work-film-button>img,.work-film-button>.film-preview{object-fit:contain}
.work-play{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);height:56px;width:56px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);box-shadow:0 2px 24px #293d3129;transition:background .2s,transform .2s}
.work-play .icon{width:18px;height:18px;margin-left:3px}.work-film-button:hover .work-play{background:#e9d6a2;transform:translateX(-50%) scale(1.06)}
.work-film-caption{display:flex;justify-content:space-between;gap:18px;font-size:10px;line-height:1.5;margin-top:15px}.work-film-caption>span:first-child{max-width:120px}.work-film-caption>span:last-child{font-size:9px;white-space:nowrap;color:var(--muted)}
.work-feature-copy{align-self:center;max-width:245px}.work-feature-copy>p{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:25px}.work-feature-copy>.text-link{font-size:12px;display:flex;justify-content:space-between;gap:20px;margin-bottom:12px}.work-feature-copy .icon-play{width:13px;height:13px}
.energy-homes{padding-top:35px;padding-bottom:110px}
.energy-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:58px}.energy-section-heading h2{font-size:clamp(44px,5vw,76px);letter-spacing:-.055em;line-height:1.06}.energy-section-heading h2 span{color:#7a8967}.energy-section-heading>.text-link{flex-shrink:0}.energy-section-heading>p{max-width:270px;font-size:17px;color:var(--muted)}
.energy-homes-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px 6vw;align-items:start}
.energy-home:first-child{grid-column:1/-1;max-width:100%;display:grid}
.energy-home:first-child>a{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.65fr);align-items:end;gap:45px}
.energy-home-image{position:relative;overflow:hidden}.energy-home-image img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;transition:transform .55s cubic-bezier(.2,.75,.25,1)}
.home-circle{position:absolute;right:20px;bottom:20px;width:48px;height:48px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border-radius:50%;transition:transform .22s,background .22s}.home-circle .icon{width:21px;height:21px}.energy-home a:hover .home-circle{transform:rotate(45deg);background:#e9d6a2}
.energy-home-caption{display:grid;grid-template-columns:auto 1fr;gap:0 23px;padding-top:22px}.home-order{font-size:12px;color:var(--muted);padding-top:3px;grid-row:1/3}.energy-home-caption .eyebrow{font-size:10px;margin:0 0 9px}.energy-home-caption h3{font-size:37px;letter-spacing:-.045em;margin-bottom:12px}.energy-home-caption p{font-size:14px;max-width:380px;color:var(--muted);line-height:1.75}.home-visit{grid-column:2;display:inline-flex;align-items:center;gap:15px;font-size:12px;margin-top:20px;min-height:44px}.home-visit .icon{width:16px;height:16px}
.energy-home:first-child .energy-home-caption{display:block;padding-bottom:4px}.energy-home:first-child .home-order{display:block;font-size:60px;letter-spacing:-.06em;line-height:1;margin-bottom:45px;color:#93a17b}.energy-home:first-child h3{font-size:46px}.energy-home:first-child .home-visit{display:flex;margin-top:25px}.energy-home:nth-child(3){padding-top:125px}
.energy-person{display:grid;grid-template-columns:1fr 1.12fr;gap:9vw;align-items:center;max-width:none;background:#dce3c7;padding-top:95px;padding-bottom:95px}
.person-photo{position:relative;max-width:620px}.person-photo img{width:100%;height:auto;aspect-ratio:1.05;object-fit:cover}.person-photo>span{display:block;font-size:10px;letter-spacing:.1em;margin-top:15px}
.person-copy{max-width:550px}.person-copy .eyebrow{font-size:10px}.person-copy h2{font-size:clamp(70px,8vw,124px);letter-spacing:-.075em;line-height:.96;margin-bottom:28px}.person-copy .person-lead{font-size:25px;color:var(--ink);line-height:1.4;margin-bottom:22px}.person-copy>p:not(.eyebrow):not(.person-lead){font-size:16px;color:#526249;line-height:1.8}.person-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:32px}.person-links>.text-link{font-size:12px}.person-links>.button{font-size:12px}
.energy-services{padding-top:110px;padding-bottom:105px}.energy-services .service-grid{grid-template-columns:1fr 1fr;column-gap:70px;row-gap:12px}.energy-services .service-grid>a{display:grid;grid-template-columns:25px 1fr 20px;gap:0 20px;padding:28px 0}.energy-services .service-grid>a>span{grid-row:1/3;margin:6px 0 0}.energy-services .service-grid h3{font-size:29px;grid-column:2;margin-bottom:15px}.energy-services .service-grid p{font-size:15px;grid-column:2;max-width:420px;margin:0}.energy-services .service-grid .icon{grid-column:3;grid-row:1/3;align-self:center}
.footer-top h2{font-size:clamp(58px,7vw,110px);letter-spacing:-.065em;line-height:1.02}.site-footer{background:#293e31}.footer-top{gap:45px}.footer-contact{min-width:290px}.footer-contact .button{background:#e6d29b;color:#26392f;border-color:#e6d29b}.footer-contact .button:hover{background:#f3e3b9}
.page-projects .page-intro{background:#dde4cb;max-width:none;padding-top:65px;padding-bottom:65px}.page-projects .page-intro h1{font-size:clamp(80px,10vw,150px);letter-spacing:-.07em;line-height:.95}
.archive{padding-top:35px}.archive-tools{position:sticky;top:var(--header);z-index:8;background:var(--paper);padding-block:15px;border-bottom:1px solid var(--line)}
.archive-grid .card-image{aspect-ratio:1.5}.archive-grid .card-image img{object-fit:contain}.archive-grid .card-caption h3{font-size:37px}.archive-grid{gap:75px 6vw}.archive-grid .project-card:nth-child(even){padding-top:135px}
.project-title{padding-top:65px;padding-bottom:65px}.project-title h1{font-size:clamp(70px,8vw,120px);letter-spacing:-.065em}.project-title .eyebrow{margin-bottom:19px}.project-title .project-lede{max-width:560px;font-size:18px;margin-top:22px}
.v3-project-body{grid-template-columns:130px minmax(0,1fr);gap:6vw}.v3-room-nav{font-size:12px}.v3-project-context{padding-top:30px}.v3-project-context p{font-size:17px;line-height:1.8}.v3-chapter-heading h2{font-size:49px;letter-spacing:-.05em}
.studio-opening h1{font-size:clamp(60px,6.3vw,94px);letter-spacing:-.065em}.studio-story h2{font-size:clamp(45px,4.6vw,70px)}.studio-opening{background:#dde4cb;max-width:none}.contact-intro h1{font-size:clamp(55px,5vw,76px);letter-spacing:-.06em}
@media(min-width:1640px){.energy-person{padding-inline:max(var(--gutter),calc((100vw - 1464px)/2))}}
@media(max-width:1100px){.room-stage{margin-inline:18px}.room-stage-inner{grid-template-columns:minmax(265px,.8fr) minmax(0,1.4fr)}.opening-copy{padding:35px 28px}.opening-copy h1{font-size:109px;margin-bottom:25px}.opening-copy .eyebrow{font-size:10px;margin-bottom:30px}.opening-intro{font-size:15px}.room-visual{padding:25px 25px 0 0}.room-chooser{grid-template-columns:230px minmax(0,1fr);padding:20px 25px 20px 28px}.room-choices{gap:7px}.room-choices button{font-size:11px;padding:9px 11px;gap:8px}.room-swatch{width:20px;height:20px}.room-choice-mark{display:none}.room-caption h2{font-size:21px}.opening-footnote{padding-inline:28px;font-size:8px}.work-feature{grid-template-columns:1.1fr .8fr;gap:40px 55px}.work-feature-heading{grid-row:1}.work-film{grid-column:2;grid-row:1/3;max-width:290px}.work-feature-copy{grid-column:1;grid-row:2;align-self:start;max-width:310px;margin-top:-20px}.work-feature-copy>p{font-size:15px}.work-feature-copy>.text-link{display:inline-flex;gap:25px;margin-right:20px}.work-feature h2{font-size:52px}.energy-home:first-child>a{grid-template-columns:1.6fr .8fr;gap:30px}.energy-home:first-child .home-order{font-size:45px;margin-bottom:25px}.energy-home:first-child h3{font-size:36px}.energy-home-caption h3{font-size:32px}.energy-section-heading h2{font-size:58px}.energy-person{gap:6vw}.person-copy h2{font-size:90px}.person-copy .person-lead{font-size:22px}.person-copy>p:not(.eyebrow):not(.person-lead){font-size:15px}.person-links{gap:20px}.footer-contact{min-width:260px}}
@media(max-width:800px) and (min-width:701px){.room-stage-inner{grid-template-columns:1fr}.opening-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 35px;padding-bottom:25px;align-items:end}.opening-copy .eyebrow{grid-column:1/-1;margin:0}.opening-copy h1{grid-column:1;grid-row:2/4;font-size:110px;margin:0}.opening-intro{grid-column:2;margin:0;align-self:end}.opening-collection{grid-column:2;font-size:12px;gap:20px;justify-self:start}.room-visual{padding:0 25px}.room-caption{min-height:85px}.room-chooser{grid-template-columns:1fr;gap:15px}.chooser-prompt br{display:none}.room-choices button{font-size:12px}.work-feature{gap:35px}.work-feature h2{font-size:43px}.energy-section-heading h2{font-size:50px}.energy-home:first-child>a{grid-template-columns:1fr}.energy-home:first-child .energy-home-caption{display:grid;grid-template-columns:65px 1fr;gap:0 25px}.energy-home:first-child .home-order{grid-row:1/3;font-size:40px;margin:0}.energy-home:first-child .home-visit{grid-column:2;margin-top:10px}.energy-person{gap:35px}.person-copy h2{font-size:72px}.person-copy .person-lead{font-size:20px}.person-links{display:block}.person-links .button{margin-top:20px}.energy-services .service-grid{gap:10px 35px}.energy-services .service-grid h3{font-size:25px}.v3-project-body{display:block}.footer-top h2{font-size:62px}}
@media(max-width:700px){:root{--header:64px}.site-header{border-bottom:0}.room-stage{margin:0;padding:0;color-scheme:dark}.room-stage-inner{display:flex;flex-direction:column}.opening-copy{padding:27px 22px 26px;display:grid;grid-template-columns:1.25fr 1fr;gap:0 25px;align-items:end}.opening-copy .eyebrow{grid-column:1/-1;font-size:9px;margin:0 0 23px}.opening-copy h1{grid-column:1;grid-row:2/4;font-size:clamp(77px,21vw,96px);line-height:.87;margin:0 0 0 -3px;letter-spacing:-.075em}.opening-intro{grid-column:2;grid-row:2;align-self:end;margin:0;font-size:12px;line-height:1.7}.opening-collection{grid-column:2;grid-row:3;margin:15px 0 0;font-size:11px;min-height:44px;gap:12px;line-height:1.5;white-space:nowrap}.opening-collection .icon{width:15px;height:15px}.room-visual{padding:0 20px;width:100%;align-self:auto}.room-photo img{aspect-ratio:1.5;object-fit:contain;height:auto}.room-enter{right:11px;bottom:11px;min-height:44px;font-size:10px;padding:10px 13px;gap:12px}.room-enter .icon{width:14px;height:14px}.room-caption{min-height:80px;padding:15px 0 17px;gap:15px}.room-caption h2{font-size:20px;margin-bottom:4px}.room-caption p{font-size:11px;line-height:1.6}.room-index{font-size:10px}.room-chooser{display:block;padding:16px 20px 18px;border-top:1px solid #f6f3ec30}.chooser-prompt{display:block;font-size:10px;line-height:1.6;margin-bottom:12px}.chooser-prompt br{display:none}.chooser-prompt br::after{content:' '}.room-choices{gap:7px;grid-template-columns:1fr 1fr 1fr}.room-choices button{min-height:48px;justify-content:center;gap:7px;padding:9px 7px;font-size:10px;border-radius:27px}.room-swatch{width:18px;height:18px;box-shadow:none}.opening-footnote{padding:12px 20px;font-size:7px;letter-spacing:.06em;gap:16px}.opening-footnote>span:first-child{display:none}.opening-footnote>span:last-child{margin-left:auto}.work-feature{padding:57px 22px 65px;grid-template-columns:1fr 1fr;gap:28px 20px;align-items:start}.work-feature-heading{grid-column:1;grid-row:1}.work-feature-heading .eyebrow{font-size:8px;line-height:1.6;margin-bottom:20px;max-width:150px}.work-feature h2{font-size:clamp(29px,8vw,38px);letter-spacing:-.045em;line-height:1.12}.work-film{grid-column:2;grid-row:1/3;max-width:210px;margin-top:0}.work-film-button{border-radius:110px 110px 3px 3px}.work-play{width:44px;height:44px;bottom:14px}.work-play .icon{width:15px;height:15px}.work-film-caption{display:block;font-size:10px;margin-top:12px}.work-film-caption>span{display:block}.work-film-caption>span:first-child{max-width:none}.work-film-caption>span:last-child{font-size:8px;margin-top:5px}.work-feature-copy{grid-column:1;grid-row:2;margin:0;align-self:start}.work-feature-copy>p{font-size:13px;line-height:1.7;margin-bottom:12px}.work-feature-copy>.text-link{font-size:10px;gap:10px;margin:0;min-height:44px}.work-feature-copy>.text-link:last-child{font-size:10px}.energy-homes{padding:30px 22px 70px}.energy-section-heading{display:block;margin-bottom:35px}.energy-section-heading .eyebrow{font-size:9px}.energy-section-heading h2{font-size:43px;letter-spacing:-.05em;line-height:1.08}.energy-section-heading>.text-link{font-size:12px;margin-top:22px}.energy-section-heading>p{font-size:16px;margin-top:27px}.energy-homes-grid{grid-template-columns:1fr;gap:48px}.energy-home:first-child{grid-column:auto}.energy-home:first-child>a{display:block}.energy-home:nth-child(3){padding-top:0}.energy-home-image img{aspect-ratio:1.5;object-fit:contain}.home-circle{width:44px;height:44px;right:12px;bottom:12px}.home-circle .icon{width:18px;height:18px}.energy-home-caption,.energy-home:first-child .energy-home-caption{display:grid;grid-template-columns:28px 1fr;gap:0 17px;padding-top:20px;padding-bottom:0}.home-order,.energy-home:first-child .home-order{display:block;font-size:11px;line-height:1.5;letter-spacing:0;margin:2px 0 0;grid-row:1/3;color:var(--muted)}.energy-home-caption .eyebrow{font-size:9px;margin-bottom:8px}.energy-home-caption h3,.energy-home:first-child h3{font-size:32px;margin-bottom:11px}.energy-home-caption p{font-size:14px;line-height:1.75}.home-visit,.energy-home:first-child .home-visit{display:flex;font-size:11px;gap:14px;margin-top:10px;grid-column:2;min-height:44px}.energy-person{display:flex;flex-direction:column;gap:40px;padding:55px 22px 65px}.person-photo{width:100%;max-width:500px;align-self:center}.person-photo img{aspect-ratio:1.15}.person-photo>span{font-size:9px;margin-top:12px}.person-copy{width:100%;max-width:500px;align-self:center}.person-copy .eyebrow{font-size:9px;margin-bottom:23px}.person-copy h2{font-size:90px;letter-spacing:-.07em;margin-bottom:24px}.person-copy .person-lead{font-size:23px;line-height:1.45;margin-bottom:22px}.person-copy>p:not(.eyebrow):not(.person-lead){font-size:16px;line-height:1.8}.person-links{display:flex;gap:22px;margin-top:26px}.person-links>.text-link{font-size:12px}.person-links>.button{font-size:12px;min-height:48px}.energy-services{padding:65px 22px}.energy-services .energy-section-heading h2{font-size:45px}.energy-services .service-grid{grid-template-columns:1fr;gap:0}.energy-services .service-grid>a{padding:25px 0;gap:0 17px;grid-template-columns:22px 1fr 20px}.energy-services .service-grid h3{font-size:25px;margin-bottom:15px}.energy-services .service-grid p{font-size:15px}.site-footer{padding-top:60px}.footer-top h2{font-size:60px;letter-spacing:-.06em;line-height:1.03}.footer-contact{min-width:0;margin-top:35px}.footer-contact .button{font-size:13px}.page-projects .page-intro{padding-top:40px;padding-bottom:40px}.page-projects .page-intro h1{font-size:80px;letter-spacing:-.065em}.archive{padding-top:10px}.archive-tools{padding-block:10px;margin-bottom:30px}.archive-count{display:none}.archive-grid{gap:45px}.archive-grid .project-card:nth-child(even){padding-top:0}.archive-grid .card-caption h3{font-size:32px}.archive-grid .card-image{aspect-ratio:1.5}.project-title{padding-top:40px;padding-bottom:45px}.project-title h1{font-size:59px;letter-spacing:-.06em}.project-title .project-lede{font-size:16px}.v3-project-body{display:block}.v3-project-context p{font-size:16px}.v3-chapter-heading h2{font-size:36px}.studio-opening h1{font-size:51px;letter-spacing:-.055em}.studio-story h2{font-size:42px}.contact-intro h1{font-size:48px;letter-spacing:-.05em}}
@media(max-width:360px){.opening-copy{grid-template-columns:1.2fr 1fr;gap:0 17px;padding-inline:18px}.opening-copy h1{font-size:72px}.opening-intro{font-size:11px}.opening-collection{font-size:10px;gap:7px}.room-visual{padding-inline:16px}.room-chooser{padding-inline:16px}.room-choices{gap:5px}.room-choices button{font-size:9px;gap:5px;padding-inline:6px}.room-swatch{width:16px;height:16px}.work-feature{column-gap:16px}.work-feature h2{font-size:28px}.work-feature-copy>p{font-size:12px}.energy-section-heading h2{font-size:38px}.person-copy h2{font-size:80px}.footer-top h2{font-size:52px}.project-title h1{font-size:53px}}
/* Project essays follow the photographs' real proportions. */
.project-title{padding-top:24px;padding-bottom:42px}.project-cover{margin-bottom:64px}
.v3-chapter-photos.essay-grid{display:block}
.essay-grid .essay-row{display:grid;gap:clamp(22px,3vw,42px);margin-bottom:clamp(30px,4vw,60px);align-items:start}
.essay-grid .essay-row:last-child{margin-bottom:0}
.essay-grid .essay-row--pair,.essay-grid .essay-row--mixed{grid-template-columns:var(--essay-columns,1fr 1fr)}
.essay-grid .essay-row--wide{grid-template-columns:minmax(0,1fr)}
.essay-grid .essay-row--wide-offset{width:78%;margin-left:auto}
.essay-grid .essay-row--portrait{width:56%;margin-inline:auto}
.essay-grid .essay-row--portrait-offset{width:48%;margin-left:auto;margin-right:0}
.essay-grid .essay-frame,.essay-grid .v3-photo--detail{padding:0;margin:0;min-width:0}
.essay-grid .essay-image{width:100%;height:auto;display:block;object-fit:contain}
.essay-grid .essay-caption{margin-top:0;padding-top:12px;align-items:baseline;font-size:12px;line-height:1.65}
.essay-caption>span:last-child{flex-shrink:0}
.v3-room-chapter{margin-bottom:105px;scroll-margin-top:24px}
.v3-chapter-heading{display:flex;align-items:baseline;gap:24px;margin-bottom:32px}
.v3-chapter-heading .v3-label{font-size:11px;color:var(--muted);flex-shrink:0}
.v3-chapter-heading h2{margin:0;font-size:45px;line-height:1.15}
.v3-room-nav a{transition:background .18s,color .18s;border-color:#293d3125}
.v3-room-nav a.is-active{background:#e3e9d8;color:#293d31;border-color:#7e9169;border-radius:3px;padding-inline:10px;margin-inline:-10px;font-weight:600}
.v3-project-context{grid-template-columns:1.5fr .8fr;gap:45px;margin-bottom:75px}
.v3-project-context .v3-label{margin-bottom:20px}
@media(max-width:1100px){.v3-project-context{grid-template-columns:1fr;gap:25px}.v3-chapter-heading h2{font-size:39px}.essay-grid .essay-row{gap:25px}}
@media(max-width:800px){.v3-project-context{grid-template-columns:1.5fr 1fr;gap:35px}.v3-room-nav{position:sticky;top:var(--header);z-index:20;background:var(--paper);padding-top:8px;padding-bottom:8px;border-bottom:1px solid var(--line);gap:12px}.v3-room-nav a{padding:10px 13px;border:0;gap:8px}.v3-room-nav a.is-active{background:var(--ink);color:var(--paper);border:0;border-radius:26px;margin-inline:0;font-weight:500}.v3-room-nav a.is-active span{color:#f6f3ecb3}.v3-room-chapter{scroll-margin-top:60px}}
@media(max-width:700px){.project-title{padding-top:21px;padding-bottom:30px}.project-title h1{font-size:57px;line-height:1.04}.project-title .eyebrow{font-size:9px;margin-bottom:17px}.project-title .project-lede{font-size:15px;line-height:1.7;margin-top:19px;max-width:380px}.project-title>.button{display:none}.project-cover{margin-bottom:35px}.v3-project-body{padding-top:0}.v3-project-context{display:block;margin-bottom:42px;padding-top:22px}.v3-project-context p{font-size:15px;line-height:1.8}.v3-project-context p+p{margin-top:16px}.v3-project-context .v3-label{font-size:9px;margin-bottom:15px}.v3-project-context dl{margin-top:21px;display:flex;flex-wrap:wrap;gap:12px 28px}.v3-project-context dl>div{padding:10px 0}.v3-room-nav{width:calc(100% + 44px);margin-inline:-22px;padding:8px 22px;margin-bottom:30px;gap:9px;scrollbar-width:none}.v3-room-nav::-webkit-scrollbar{display:none}.v3-room-nav a{font-size:11px;min-height:44px;padding:10px 14px}.v3-room-chapter{margin-bottom:65px;scroll-margin-top:48px}.v3-chapter-heading{gap:17px;margin-bottom:25px}.v3-chapter-heading h2{font-size:33px;letter-spacing:-.045em}.v3-chapter-heading .v3-label{font-size:10px}.essay-grid .essay-row{gap:12px;margin-bottom:30px}.essay-grid .essay-row--mixed{grid-template-columns:minmax(0,1fr)}.essay-grid .essay-row--wide-offset{width:100%;margin-inline:0}.essay-grid .essay-row--portrait{width:82%;margin-inline:auto}.essay-grid .essay-row--portrait-offset{width:76%;margin-left:auto;margin-right:0}.essay-grid .essay-row--mixed .essay-frame--portrait{width:76%;margin-left:auto}.essay-grid .essay-row--mixed .essay-frame--wide{width:100%}.essay-grid .essay-row--pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.essay-grid .essay-caption{font-size:12px;line-height:1.6;gap:9px;padding-top:11px}.essay-row--pair .essay-caption{display:block;font-size:11px}.essay-row--pair .essay-caption>span:last-child{display:block;margin-top:3px;font-size:10px;color:var(--muted)}.v3-complete-grid{gap:25px 15px}.v3-complete-grid .photo-button .v3-enlarge{width:32px;height:32px;right:8px;bottom:8px}}
@media(max-width:359px){.essay-grid .essay-row--pair{grid-template-columns:1fr;gap:28px}.essay-row--pair .essay-frame{width:82%;margin-inline:auto}.project-title h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){.room-stage,.room-stage *{animation:none!important;transition:none!important}.energy-home-image img,.home-circle,.work-play{transition:none!important}}
/* The first visit carries the studio identity; repeat navigation stays immediate. */
.brand-loader{position:fixed;inset:0;z-index:300;background:#293e31;color:#f6f3ec;display:grid;place-items:center;min-height:100svh;transition:opacity .18s ease,transform .18s cubic-bezier(.2,.75,.25,1)}
.loader-brand{display:flex;flex-direction:column;align-items:center;transform:translateY(-12px)}
.loader-mark{width:88px;height:114px;margin-bottom:27px}.loader-wordmark{width:280px;height:60px;object-fit:contain}.loader-brand>p{font-size:9px;letter-spacing:.14em;margin-top:20px}.loader-colours{display:flex;gap:7px;margin-top:27px}.loader-colours i{width:13px;height:13px;border-radius:50%;background:#afc2c7}.loader-colours i:nth-child(2){background:#e3ca68}.loader-colours i:nth-child(3){background:#c6d6b8}.loader-track{height:1px;width:130px;background:#f6f3ec33;margin-top:27px;overflow:hidden}.loader-track>span{display:block;width:100%;height:100%;background:#e9d6a2;transform:scaleX(.1);transform-origin:left;transition:transform .15s linear}.brand-loader>button{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;min-height:48px;font-size:11px;color:#f6f3ecbe}.brand-loader .icon{width:16px;height:16px}.brand-loader.is-finishing{opacity:0;transform:translateY(-12px);pointer-events:none}.brand-loader:focus-within{outline:none}
body::before{content:'';position:fixed;top:0;left:0;height:3px;width:100%;background:#d8c389;transform:scaleX(0);transform-origin:left;z-index:310;pointer-events:none}
body.is-navigating::before{transform:scaleX(.78);transition:transform 2s cubic-bezier(.1,.75,.15,1)}
.room-stage-inner,.room-chooser{grid-template-columns:minmax(320px,1fr) minmax(0,1.4fr)}
.energy-home:first-child>a{display:block}.energy-home:first-child .energy-home-caption{display:grid;grid-template-columns:80px 1fr auto;align-items:start;gap:35px;padding-top:27px}.energy-home:first-child .home-order{grid-row:auto;margin:0;font-size:54px;line-height:1.1}.energy-home:first-child .home-visit{grid-column:auto;align-self:end;margin:0}.energy-home:first-child h3{font-size:44px}.energy-home:first-child .energy-home-caption p{max-width:480px}
.project-cover img{max-height:none;object-fit:contain}.project-cover--portrait{max-width:690px}.project-cover--portrait img{width:100%;height:auto}
.inquiry-dialog::backdrop,.detail-dialog::backdrop,.film-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#172d229e}
.inquiry-dialog,.detail-dialog,.film-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:1100px){.room-stage-inner{grid-template-columns:minmax(265px,.8fr) minmax(0,1.4fr)}.room-chooser{grid-template-columns:230px minmax(0,1fr)}.energy-home:first-child .energy-home-caption{grid-template-columns:50px 1fr auto;gap:25px}.energy-home:first-child .home-order{font-size:43px}.energy-home:first-child h3{font-size:38px}}
@media(max-width:800px) and (min-width:701px){.room-stage-inner{grid-template-columns:1fr}.room-chooser{grid-template-columns:1fr}.energy-home:first-child .energy-home-caption{grid-template-columns:50px 1fr;gap:20px}.energy-home:first-child .home-visit{grid-column:2}}
@media(max-width:700px){.room-stage-inner{display:flex}.room-chooser{display:block}.energy-home:first-child .energy-home-caption{grid-template-columns:28px 1fr;gap:0 17px;padding-top:20px}.energy-home:first-child .home-order{grid-row:1/3;font-size:11px;letter-spacing:0;line-height:1.5;margin-top:2px}.energy-home:first-child h3{font-size:32px}.energy-home:first-child .home-visit{grid-column:2;margin-top:10px}.loader-mark{width:72px;height:94px}.loader-wordmark{width:245px;height:53px}.project-cover--portrait{max-width:500px}.brand-loader>button{font-size:11px}}
@media(max-width:700px),(hover:none),(pointer:coarse){html{scroll-behavior:auto}.room-panel:not([hidden]) .room-photo{animation:room-phone-in .18s ease-out}.room-stage{transition:background-color .2s ease}.room-enter,.room-choice-mark,.room-choices button{transition:background-color .16s ease,color .16s ease}.room-photo:hover .room-enter{transform:none}.room-photo:active .room-enter{background:var(--room-accent)}.photo-button:active{opacity:.92}.button:active{transform:scale(.985)}.energy-home a:hover .home-circle{transform:none}.consultation-dock{transition:transform .18s ease,visibility .18s}.inquiry-dialog[open],.detail-dialog[open]{animation:sheet-enter .18s ease-out}@keyframes room-phone-in{from{opacity:.65}to{opacity:1}}}
@media(prefers-reduced-motion:reduce){.brand-loader{transition:none}.brand-loader.is-finishing{transform:none}body.is-navigating::before{transition:none;transform:scaleX(1)}.room-panel:not([hidden]) .room-photo{animation:none}}
.project-cover picture img{aspect-ratio:auto;object-fit:contain}
@media(min-width:360px) and (max-width:700px){.essay-grid .essay-row--pair{grid-template-columns:var(--essay-columns,1fr 1fr)}}
@media(max-width:360px){.opening-copy h1{font-size:64px}}
@media(prefers-reduced-motion:no-preference){.brand-loader:not([hidden]) .loader-brand{animation:brand-appear .3s ease-out}@keyframes brand-appear{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(-12px)}}}
/* Immediate native navigation; motion belongs to the chosen room and photo viewer. */
html{scroll-behavior:auto}