.portfolio-page{padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px))}header nav a[aria-current=page]{border-bottom:1px solid #fff}.portfolio-opening{padding:48px 5vw 0}.portfolio-meta{display:flex;justify-content:space-between;gap:24px;font-size:14px;letter-spacing:.06em;line-height:1.5}.portfolio-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:32px 0 45px}.portfolio-title h1{font-size:clamp(72px,11vw,180px);line-height:1;letter-spacing:-.07em}.portfolio-title h1>span{font-weight:300;color:#71796c}.portfolio-title>p{font-size:22px;line-height:1.3;margin-bottom:8px}.opening-image{height:75svh;min-height:500px;max-height:900px;position:relative;overflow:hidden}.opening-image>img{height:100%;object-position:center;animation:arrival 2s ease both}.opening-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 40%);pointer-events:none}.opening-image>span{position:absolute;right:30px;bottom:35px;color:#fff;font-size:14px;letter-spacing:.05em;z-index:1}.chapter-start{position:absolute;bottom:25px;left:30px;z-index:2;background:var(--paper);color:var(--ink);padding:18px 24px;font-size:16px;font-weight:600}.chapter-nav{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #aaa;padding:24px 0}.chapter-nav a{font-size:16px;min-height:48px;display:flex;align-items:center}.chapter-nav a:hover{text-decoration:underline}.chapter{padding:110px 5vw}.chapter-head{display:grid;grid-template-columns:1.5fr 1fr;gap:24px 7vw;align-items:end;margin-bottom:50px}.chapter-head>.eyebrow{grid-column:1/-1}.chapter h2,.light-heading h2,.structure-head h2,.films-heading h2{font-size:clamp(48px,5.6vw,88px);line-height:1.08}.chapter-head>p:last-child{max-width:460px;font-size:18px;color:#555e50}.portfolio-page figure{margin:0}.portfolio-page figure button,.portfolio-page .exterior-ribbon button,.window-scene>button,.kitchen-main>button{display:block;width:100%;padding:0;text-align:inherit;overflow:hidden}.portfolio-page figure img,.exterior-ribbon img,.window-scene img,.kitchen-main img{transition:transform 1s;cursor:zoom-in}.portfolio-page figure button:hover img,.exterior-ribbon button:hover img{transform:scale(1.025)}.portfolio-page figcaption{font-size:15px;line-height:1.5;margin-top:16px;color:#596152}.landscape-pair{display:grid;grid-template-columns:1.5fr 1fr;gap:4vw;align-items:start}.landscape-pair .wide img{height:510px}.landscape-pair .narrow{padding-top:150px}.landscape-pair .narrow img{height:490px}.exterior-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:70px}.exterior-ribbon img{height:400px}.light-chapter{background:#dde1d6;padding:90px 0}.light-heading{padding:0 5vw;margin-bottom:45px}.light-heading h2{margin-top:25px}.window-scene{position:relative}.window-scene img{height:85svh;min-height:570px;max-height:850px;object-position:center}.window-note{position:absolute;bottom:35px;left:5vw;background:var(--ink);color:var(--paper);padding:25px 35px;display:flex;align-items:center;gap:30px;pointer-events:none}.window-note>span{font-size:62px;font-weight:300;letter-spacing:-.04em;white-space:nowrap}.window-note p{font-size:16px;line-height:1.5}.light-after{padding:70px 5vw 0;display:grid;grid-template-columns:1fr 1.4fr;gap:9vw;align-items:center}.light-after>p{font-size:clamp(23px,2.6vw,36px);line-height:1.4;letter-spacing:-.03em}.light-after img{height:520px}.structure-chapter{background:#111512;color:var(--paper);padding:100px 5vw;overflow:hidden}.structure-head{display:grid;grid-template-columns:1.4fr 1fr;gap:25px 8vw;align-items:end;margin-bottom:60px}.structure-head>.eyebrow{grid-column:1/-1;color:#c2ceb8}.structure-head>p:last-child{font-size:19px;line-height:1.65;max-width:480px;color:#ccd3c5}.structure-composition{display:grid;grid-template-columns:1.1fr .8fr;gap:8vw}.elevator-photo img{height:740px}.structure-chapter figcaption{color:#c2ceb8}.elevator-photo figcaption{display:flex;justify-content:space-between;gap:20px}.structure-side{padding-top:90px}.structure-side img{height:520px;object-position:center}.structure-side>p{font-size:18px;line-height:1.7;margin-top:36px;color:#ccd3c5}.engineering-details{display:grid;grid-template-columns:1.4fr .7fr;gap:9vw;align-items:center;margin-top:90px}.engineering-details img{height:460px}.engineering-details .stair-vertical img{height:600px}.kitchen-main{position:relative}.kitchen-main img{height:650px}.kitchen-main>span{position:absolute;bottom:25px;left:25px;background:var(--paper);padding:14px 20px;pointer-events:none;font-size:14px;letter-spacing:.06em}.living-details{display:grid;grid-template-columns:1.5fr .7fr;gap:9vw;margin-top:80px;align-items:center}.living-details img{height:460px}.living-details figure:last-child img{height:550px}.final-kitchen{margin:80px auto 0!important;max-width:1000px}.final-kitchen img{height:560px}.project-films{background:#151814;color:var(--paper);padding:90px 5vw}.films-heading h2{margin-top:25px}.film-stories{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:50px}.film-poster{position:relative;aspect-ratio:16/10;overflow:hidden}.film-poster img{height:100%;opacity:.85;object-position:center}.film-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent);pointer-events:none}.film-poster .pill{position:absolute;bottom:25px;left:25px;z-index:1;font-size:16px}.film-stories h3{font-size:28px;font-weight:500;margin:28px 0 15px;line-height:1.2}.film-stories p{font-size:17px;line-height:1.7;color:#c8cec0;max-width:490px}.project-close{padding:100px 5vw;background:#c8ccb9;display:flex;flex-direction:column;align-items:start;gap:28px}.project-close>span{font-size:14px;line-height:1.5;letter-spacing:.05em}.project-close h2{font-size:clamp(48px,6.5vw,100px);line-height:1.08;max-width:1100px}.project-close .pill{background:var(--cta);border-color:var(--cta);color:#fff;font-size:17px}.project-close>a{font-size:16px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid currentColor}.portfolio-page .reveal{opacity:1;transform:none}.folio-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.folio-motion .reveal.seen{opacity:1;transform:none}#dialog-content .photo-caption{font-size:16px;line-height:1.5;padding:0 30px 20px}.portfolio-page~dialog video{margin-top:70px}button[data-photo]:focus-visible{outline-offset:5px}.portfolio-page~dialog #dialog-content video{max-height:65svh}@keyframes arrival{from{transform:scale(1.055)}to{transform:scale(1)}}
@media(max-width:1000px){.portfolio-title{display:block}.portfolio-title h1{font-size:12vw}.portfolio-title>p{margin-top:24px}.portfolio-title>p br{display:none}.landscape-pair .wide img{height:390px}.landscape-pair .narrow img{height:390px}.landscape-pair .narrow{padding-top:90px}.exterior-ribbon img{height:300px}.structure-composition{gap:5vw}.elevator-photo img{height:600px}.structure-side img{height:440px}.engineering-details{gap:5vw}.chapter-head{gap:25px 5vw}.light-after{gap:5vw}.light-after img{height:420px}}
@media(max-width:680px){.portfolio-opening{padding:30px 5vw 0}.portfolio-meta{display:block;font-size:14px;letter-spacing:.03em}.portfolio-meta>span{display:block}.portfolio-meta>span+span{margin-top:8px;color:#616959}.portfolio-title{margin:28px 0}.portfolio-title h1{font-size:clamp(44px,12.8vw,84px);line-height:1.07}.portfolio-title>p{font-size:22px;margin-top:20px}.opening-image{height:58svh;min-height:370px;max-height:550px}.opening-image>img{object-position:45% center}.opening-image>span{display:none}.chapter-start{left:18px;bottom:18px;right:18px;text-align:center;font-size:16px;min-height:54px;padding:16px 12px}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px 0}.chapter-nav a{font-size:16px;min-height:52px}.chapter{padding:60px 5vw}.chapter-head{display:block;margin-bottom:32px}.chapter-head>.eyebrow{margin-bottom:22px}.chapter h2,.light-heading h2,.structure-head h2,.films-heading h2{font-size:clamp(35px,9.5vw,60px);line-height:1.12}.chapter-head>p:last-child{margin-top:24px;font-size:17px;line-height:1.7}.landscape-pair{grid-template-columns:1fr;gap:30px}.landscape-pair .wide img{height:320px}.landscape-pair .narrow{padding:0 0 0 13vw}.landscape-pair .narrow img{height:330px}.portfolio-page figcaption{font-size:15px;line-height:1.6}.exterior-ribbon{margin-top:35px;gap:14px;grid-template-columns:1fr}.exterior-ribbon img{height:280px}.light-chapter{padding:60px 0}.light-heading{margin-bottom:30px}.window-scene img{height:560px;min-height:0;object-position:55% center}.window-note{bottom:20px;left:5vw;right:5vw;padding:20px;gap:20px}.window-note>span{font-size:44px}.window-note p{font-size:16px}.light-after{grid-template-columns:1fr;padding-top:35px;gap:30px}.light-after>p{font-size:23px;line-height:1.5}.light-after img{height:340px}.structure-chapter{padding:60px 5vw}.structure-head{display:block;margin-bottom:35px}.structure-head h2{margin-top:25px}.structure-head>p:last-child{font-size:17px;margin-top:25px;line-height:1.7}.structure-composition{grid-template-columns:1fr;gap:38px}.elevator-photo img{height:480px}.elevator-photo figcaption{display:block}.elevator-photo figcaption>span{display:block}.elevator-photo figcaption>span+span{margin-top:8px}.structure-side{padding-top:0}.structure-side figure{max-width:82%;margin-left:auto}.structure-side img{height:440px}.structure-side>p{font-size:17px;margin-top:28px}.engineering-details{grid-template-columns:1fr;gap:35px;margin-top:40px}.engineering-details img{height:320px}.engineering-details .stair-vertical{max-width:75%}.engineering-details .stair-vertical img{height:420px}.kitchen-main img{height:390px;object-position:center}.kitchen-main>span{left:14px;right:14px;bottom:14px;font-size:14px;letter-spacing:.02em;padding:12px 14px}.living-details{grid-template-columns:1fr;gap:30px;margin-top:35px}.living-details img{height:320px}.living-details figure:last-child{max-width:75%;margin-left:auto}.living-details figure:last-child img{height:390px}.final-kitchen{margin-top:40px!important}.final-kitchen img{height:300px}.project-films{padding:60px 5vw}.film-stories{grid-template-columns:1fr;gap:42px;margin-top:35px}.film-poster{aspect-ratio:4/3}.film-poster .pill{left:18px;bottom:18px;right:18px;font-size:16px;padding:15px 12px;min-height:54px}.film-stories h3{font-size:26px;margin:22px 0 14px}.film-stories p{font-size:17px}.project-close{padding:60px 5vw;gap:25px}.project-close h2{font-size:clamp(36px,9.7vw,64px)}.project-close .pill{width:100%;font-size:17px;padding:16px 15px}.project-close>a{font-size:16px}.portfolio-page~dialog #dialog-content .photo-caption{padding:0 20px 20px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.folio-motion .reveal{opacity:1;transform:none}.opening-image>img{animation:none}}
.portfolio-page .chapter-nav a{display:flex!important}
/* The collection uses generous photographic covers; each home has its own narrative. */
.collection-intro{padding:65px 5vw 55px}.collection-intro>div{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:25px 0 35px}.collection-intro h1{font-size:clamp(64px,8.5vw,140px);letter-spacing:-.065em;line-height:1.03}.collection-intro h1 span{font-weight:350;color:#71796c}.collection-intro>div>p{font-size:21px;line-height:1.5;max-width:320px}.collection-intro>a{font-size:16px;display:inline-block;padding:12px 0;border-bottom:1px solid}.project-collection{padding:0 5vw 110px}.project-entry{display:block;background:var(--paper);position:relative}.entry-photo{height:72svh;min-height:400px;max-height:850px;position:relative;overflow:hidden;background:#171815}.entry-photo img{width:100%;height:100%;object-fit:cover;transition:filter .5s}.entry-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 40%,#0005);pointer-events:none}.entry-number{position:absolute;top:26px;left:30px;color:#fff;font-size:clamp(45px,6vw,95px);font-weight:300;letter-spacing:-.06em;z-index:1}.entry-cta{position:absolute;bottom:28px;right:30px;background:#f0eee6;color:#171815;padding:18px 26px;font-size:17px;font-weight:600;z-index:1}.project-entry:hover .entry-photo img{filter:brightness(1.12)}.entry-description{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:28px 0 45px}.entry-description>div>p{font-size:14px;letter-spacing:.07em;margin-bottom:10px}.entry-description h2{font-size:clamp(42px,5vw,78px);line-height:1.1}.entry-description>p{font-size:21px;line-height:1.4}.second-entry{margin-top:70px;margin-left:12vw}.second-entry .entry-photo{height:65svh}.next-project{display:block;position:relative;isolation:isolate;height:480px;overflow:hidden;color:white;background:#111}.next-project>img{width:100%;height:100%;object-fit:cover;opacity:.65;transition:transform 1s}.next-project:hover>img{transform:scale(1.03)}.next-project>span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;background:#0002}.next-project small{font-size:14px;letter-spacing:.1em}.next-project strong{font-size:clamp(45px,7vw,100px);font-weight:450;letter-spacing:-.06em}.next-project em{font-size:17px;font-style:normal;border-bottom:1px solid;padding-bottom:10px}.detail-statement{font-size:clamp(28px,3vw,45px);line-height:1.2;letter-spacing:-.04em}.detail-copy{font-size:18px;line-height:1.7;margin-top:28px;max-width:450px}.material-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:5vw;padding:80px 5vw 0;align-items:center}.material-pair img{height:470px}.material-pair figure:last-child{padding-top:130px}.material-pair figure:last-child img{height:400px}.plaster-feature{margin-top:100px;position:relative;padding-right:12vw}.plaster-feature img{height:650px}.plaster-note{background:#d4cec1;color:#151814;position:absolute;right:0;bottom:-25px;width:320px;padding:40px;box-shadow:0 20px 60px #0004}.plaster-note>span{font-size:24px;line-height:1.35;font-weight:600}.plaster-note p{font-size:17px;line-height:1.6;margin-top:20px}.morning-composition{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.morning-composition img{height:550px}.morning-composition figure:last-child{padding-top:140px}.retreat-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:75px;align-items:start}.retreat-details img{height:380px}.retreat-details figure:nth-child(2){padding-top:90px}.evening-story{display:grid;grid-template-columns:1fr 1.2fr;gap:40px 8vw;align-items:center;margin-top:100px}.evening-story h2{margin-top:25px}.evening-story img{height:480px}.evening-story figure:last-child{grid-column:1/-1;margin-top:20px}.evening-story figure:last-child img{height:600px}.project-115 .opening-image img{object-position:center 60%}.project-115 .window-note{max-width:320px}.project-115 .window-note p{font-size:20px}.project-115 .structure-chapter{padding-bottom:135px}
@media(max-width:680px){.collection-intro{padding:38px 5vw}.collection-intro>div{display:block;margin:24px 0}.collection-intro h1{font-size:clamp(46px,12vw,76px)}.collection-intro>div>p{font-size:18px;margin-top:24px}.project-collection{padding:0 5vw 65px}.entry-photo{height:58svh;min-height:370px}.entry-number{font-size:58px;top:16px;left:20px}.entry-cta{bottom:20px;right:20px;left:20px;text-align:center;font-size:17px;padding:16px}.entry-description{display:block;padding:24px 0 35px}.entry-description h2{font-size:clamp(35px,10vw,52px)}.entry-description>p{margin-top:16px;font-size:18px}.second-entry{margin-left:0;margin-top:35px}.second-entry .entry-photo{height:58svh}.next-project{height:360px}.next-project>span{gap:22px}.next-project strong{font-size:48px}.material-pair,.morning-composition{grid-template-columns:1fr;gap:35px}.material-pair{padding-top:40px}.material-pair img{height:340px}.material-pair figure:last-child{padding:0 0 0 12vw}.material-pair figure:last-child img{height:330px}.detail-statement{font-size:30px}.detail-copy{font-size:17px;margin-top:22px}.plaster-feature{margin-top:45px;padding:0 0 100px}.plaster-feature img{height:440px}.plaster-note{width:82%;bottom:0;padding:25px}.plaster-note>span{font-size:22px}.plaster-note p{font-size:17px;margin-top:16px}.project-115 .structure-chapter{padding-bottom:60px}.morning-composition img{height:350px}.morning-composition figure:last-child{padding:0 0 0 14vw}.morning-composition figure:last-child img{height:390px}.retreat-details{grid-template-columns:1fr;gap:35px;margin-top:35px}.retreat-details img{height:380px}.retreat-details figure:nth-child(2){padding:0 12vw 0 0}.retreat-details figure:last-child{padding-left:12vw}.evening-story{grid-template-columns:1fr;gap:30px;margin-top:55px}.evening-story img{height:330px}.evening-story figure:last-child{margin:0}.evening-story figure:last-child img{height:350px}}
.third-entry{margin-top:85px;margin-right:7vw}.arrival-triptych{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3vw;align-items:start}.arrival-triptych img{height:540px}.arrival-triptych figure:nth-child(2){padding-top:85px}.arrival-triptych figure:nth-child(3){padding-top:170px}.arrival-interior{display:grid;grid-template-columns:.75fr 1fr;gap:12vw;align-items:center;margin-top:85px}.arrival-interior img{height:600px}.material-word{display:block;font-size:clamp(60px,8vw,130px);line-height:1.02;letter-spacing:-.055em;font-weight:400;color:#747664}.arrival-interior>div>p{font-size:20px;line-height:1.6;max-width:430px;margin-top:30px}.brass-composition{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:start}.brass-composition img{height:560px}.brass-composition figure:last-child{padding-top:150px}.brass-composition figure:last-child img{height:470px}.brass-chapter{background:#29261f}.character-pair{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;align-items:center}.character-pair img{height:580px}.character-pair figure:last-child img{height:470px}.bunk-story{display:grid;grid-template-columns:.8fr 1fr;gap:12vw;align-items:center;margin-top:90px}.bunk-story img{height:600px}.bunk-story h2{margin:25px 0}.bunk-story>div>p:last-child{font-size:19px;line-height:1.7;max-width:470px}.retreat-248{background:#deded4}.retreat-landscape img{height:650px}.retreat-grid{display:grid;grid-template-columns:.7fr .7fr 1.2fr;gap:3vw;align-items:center;margin-top:65px}.retreat-grid img{height:440px}.retreat-grid figure:last-child img{height:360px}.spa-finale{position:relative;margin:90px -5vw -110px}.spa-finale img{height:80svh;min-height:550px}.spa-finale>div{position:absolute;bottom:50px;left:5vw;color:white;pointer-events:none;text-shadow:0 2px 22px #0009}.spa-finale:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 70%);pointer-events:none}.spa-finale>div{z-index:1}.spa-finale h2{margin-top:20px}.project-248 .portfolio-title>p{max-width:240px}.project-248 .opening-image img{object-position:center 65%}
@media(max-width:680px){.third-entry{margin:35px 0 0}.arrival-triptych{grid-template-columns:1fr 1fr;gap:25px 16px}.arrival-triptych img{height:300px}.arrival-triptych figure:nth-child(2){padding-top:55px}.arrival-triptych figure:nth-child(3){grid-column:1/-1;padding:0 12vw 0 0}.arrival-triptych figure:nth-child(3) img{height:430px}.arrival-interior{grid-template-columns:1fr;gap:35px;margin-top:40px}.arrival-interior img{height:430px}.arrival-interior>div{padding-left:8vw}.material-word{font-size:clamp(60px,18vw,100px)}.arrival-interior>div>p{font-size:18px;margin-top:25px}.brass-composition{grid-template-columns:1fr;gap:35px}.brass-composition img{height:350px}.brass-composition figure:last-child{padding:0 0 0 10vw}.brass-composition figure:last-child img{height:340px}.character-pair{grid-template-columns:1fr;gap:35px}.character-pair figure:first-child{padding-right:20vw}.character-pair img{height:430px}.character-pair figure:last-child img{height:340px}.bunk-story{grid-template-columns:1fr;gap:35px;margin-top:45px}.bunk-story figure{padding-left:12vw}.bunk-story img{height:440px}.bunk-story>div>p:last-child{font-size:18px}.retreat-landscape img{height:360px}.retreat-grid{grid-template-columns:1fr 1fr;gap:30px 16px;margin-top:35px}.retreat-grid img{height:300px}.retreat-grid figure:last-child{grid-column:1/-1}.retreat-grid figure:last-child img{height:330px}.spa-finale{margin:50px -5vw -60px}.spa-finale img{height:75svh;min-height:520px}.spa-finale>div{bottom:35px}.project-248 .portfolio-title>p{max-width:100%}}
