:root{--paper:#fafafa;--ink:#222222;--muted:#717171;--rule:#d9d9d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #999999;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:20;background:white;padding:15px}.skip:focus{top:0}header{height:86px;padding:0 4vw;background:#222222;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:14px;letter-spacing:2px;display:flex;align-items:center;gap:15px;font-weight:600}.logo{width:25px;display:grid;gap:6px}.logo i{display:block;height:6px;background:#fff}.logo i:last-child{width:18px}nav{display:flex;gap:35px;font-size:14px}nav a{opacity:.8}nav a:hover{opacity:1}sup{font-size:10px;margin-left:5px}.hero{height:calc(100svh - 86px);min-height:650px;max-height:1150px;position:relative;background:#293d3e;color:white;isolation:isolate;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07151872,transparent 75%),linear-gradient(0deg,#071518bd,transparent 64%);z-index:-1}.hero-top{position:absolute;left:4vw;right:4vw;top:28px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.4px;gap:20px}.expand{color:white;background:#101b2140;border:1px solid #ffffff70;padding:7px 14px;border-radius:25px;font-size:12px;backdrop-filter:blur(8px)}.expand span{font-size:22px;margin-left:10px}.hero-title{position:absolute;left:6vw;bottom:62px;width:70%}.hero-title p{font-size:12px;letter-spacing:2px;margin:0 0 20px}h1{font-size:clamp(90px,10.2vw,170px);font-weight:400;line-height:.93;letter-spacing:-7px;margin:0 0 32px}h1 span{color:#dddddd}.hero-baseline{display:flex;align-items:center;gap:70px;font-size:16px}.hero-baseline a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;font-size:23px}.light-control{position:absolute;bottom:62px;right:4vw;display:flex;padding:4px;border:1px solid #ffffff70;border-radius:40px;background:#0b1b2660;backdrop-filter:blur(14px)}.light-control button{border:0;background:transparent;color:#fff;border-radius:30px;padding:10px 20px;font-size:14px}.light-control button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.section{padding:95px 6vw}.section-label{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding-top:18px;font-size:11px;letter-spacing:1.3px}.section-label span:last-child{color:var(--muted);text-align:right}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;margin-top:65px}h2{font-size:clamp(36px,4.3vw,65px);line-height:1.12;letter-spacing:-2px;font-weight:400;margin:0}p{margin:0 0 20px}.intro-text{padding-top:5px;max-width:480px}.intro-text p:first-child{font-size:21px;line-height:1.6}.intro-text p:last-child{color:var(--muted)}.gallery{padding-top:15px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 7vw;margin-top:40px}.photo-card{margin:0;min-width:0}.photo-card>button{display:block;padding:0;position:relative;background:#e5e5e5;border:0;width:100%;overflow:hidden}.photo-card img{display:block;width:100%;height:auto;transition:transform .6s;object-fit:cover}.photo-card button:hover img{transform:scale(1.025)}.photo-plus{position:absolute;bottom:20px;right:20px;display:grid;place-items:center;width:40px;height:40px;background:#fff;color:#222;border-radius:50%;font-size:26px;opacity:0;transform:translateY(8px);transition:.2s}.photo-card button:hover .photo-plus,.photo-card button:focus-visible .photo-plus{opacity:1;transform:none}figcaption{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:16px 0;color:var(--muted)}figcaption span:last-child{font-size:11px;letter-spacing:1px;white-space:nowrap}.panorama,.chapter{grid-column:1/-1}.panorama img{max-height:830px;object-position:center}.chapter{display:flex;justify-content:space-between;align-items:start;gap:30px;padding:25px 0}.chapter>span{font-size:11px;letter-spacing:1.4px;padding-top:10px}h3{font-size:clamp(28px,3vw,42px);font-weight:400;letter-spacing:-1px;line-height:1.25;margin:0}.tall{width:100%}.tall img{aspect-ratio:2/3}.offset{margin-top:120px}.night{background:#222222;color:#f0f0f0;padding:65px 6vw 80px}.night .section-label{border-color:#484848}.night .section-label span:last-child,.night figcaption{color:#b8b8b8}.night-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin:65px 0 50px}.night-heading p{max-width:330px;color:#c2c2c2;margin-bottom:0}.night>.photo-card img{max-height:850px}.night-pair{display:grid;grid-template-columns:1fr 1.5fr;gap:7vw;margin-top:65px;align-items:center}.night-pair .evening{margin-top:85px}.living-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;margin-top:65px}.accordions{border-top:1px solid var(--rule)}details{border-bottom:1px solid var(--rule)}summary{list-style:none;cursor:pointer;padding:23px 0;font-size:19px;display:flex;align-items:center;gap:18px}summary::-webkit-details-marker{display:none}summary>span{color:var(--muted);font-size:11px}summary:after{content:'+';margin-left:auto;font-size:24px}details[open] summary:after{content:'−'}details p{color:var(--muted);margin:0 35px 25px;line-height:1.8}footer{padding:35px 6vw;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}footer>span{letter-spacing:1.5px;font-weight:bold}footer p{margin:0;color:var(--muted)}dialog{border:0;padding:22px 3vw;background:#1c1c1c;color:#fff;width:100%;height:100%;max-width:100vw;max-height:100dvh;margin:0;overflow:auto}dialog::backdrop{background:#1c1c1c}dialog[open]{display:flex;flex-direction:column}.viewer-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;min-height:40px}.viewer-bar button{border:0;background:none;color:#fff;display:flex;gap:20px;align-items:center}.viewer-bar button span{font-size:34px}.viewer-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:22px;align-items:center;flex:1;min-height:0;margin-top:20px}.viewer-stage>img{width:100%;height:100%;max-height:calc(100dvh - 230px);object-fit:contain}.viewer-stage button{border:1px solid #757575;border-radius:50%;width:46px;height:46px;background:none;color:#fff;font-size:24px}.viewer-stage button:hover{background:#414141}.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 70px 5px;font-size:14px}.viewer-bottom p{margin:0}.viewer-bottom>span{font-size:10px;letter-spacing:1px;color:#b2b2b2}.thumbnails{display:flex;justify-content:center;gap:8px;padding:12px 0}.thumbnails button{padding:3px;background:none;border:1px solid transparent;opacity:.5}.thumbnails button[aria-current=true]{border-color:#fff;opacity:1}.thumbnails button img{display:block;object-fit:cover;width:54px;height:40px}.thumbnails button:hover{opacity:1}@media(min-width:1800px){.section,.night{padding-left:max(6vw,calc((100vw - 1560px)/2));padding-right:max(6vw,calc((100vw - 1560px)/2))}}@media(max-width:900px){header{height:74px}nav{gap:18px}nav a:first-child{display:none}.hero{height:calc(100svh - 74px);min-height:650px}.hero-title{bottom:100px}.light-control{bottom:25px}.intro-grid,.living-grid{gap:5vw}h2{font-size:42px}.intro-text p:first-child{font-size:18px}.offset{margin-top:70px}.night-heading{align-items:start}.viewer-bottom{padding-left:0;padding-right:0}.viewer-bottom>span{display:none}}@media(max-width:620px){header{height:66px;padding:0 5vw}.wordmark{font-size:11px;letter-spacing:1.3px;gap:10px}.logo{width:20px}.logo i{height:4px}nav{font-size:12px}nav a:last-child{display:none}.hero{height:calc(100svh - 66px);min-height:600px}.hero>img{object-position:56% center}.hero-top{top:18px;left:5vw;right:5vw}.hero-top>span{font-size:9px;max-width:150px}.expand{font-size:0;padding:1px 12px}.expand span{font-size:28px;margin:0}.hero-title{left:6vw;bottom:100px;width:88%}h1{font-size:89px;letter-spacing:-4px}.hero-title p{font-size:10px;letter-spacing:1.1px}.hero-baseline{justify-content:space-between}.light-control{right:6vw;bottom:24px}.light-control button{padding:8px 18px}.section{padding:55px 6vw}.section-label{font-size:10px;align-items:start}.section-label span:last-child{max-width:130px;font-size:9px}.intro-grid,.living-grid{grid-template-columns:1fr;gap:30px;margin-top:38px}h2{font-size:39px;letter-spacing:-1.5px}.intro-text p:first-child{font-size:19px}.gallery{padding-top:10px}.photo-grid{gap:32px 20px}.panorama img{aspect-ratio:4/3}.chapter{display:block;padding:0}.chapter>span{display:block;margin-bottom:16px}.chapter h3{font-size:27px}.tall img{aspect-ratio:2/3}.offset{margin-top:55px}figcaption{font-size:12px;gap:6px;flex-direction:column;padding-top:10px}figcaption span:last-child{font-size:10px}.photo-plus{opacity:1;transform:none;width:28px;height:28px;font-size:21px;right:10px;bottom:10px}.night{padding:40px 6vw}.night-heading{display:block;margin:35px 0}.night-heading h2{font-size:37px;margin-bottom:25px}.night-heading p{max-width:100%}.night-pair{gap:25px;grid-template-columns:1fr;margin-top:35px}.night-pair>.photo-card:first-child{width:80%}.night-pair .evening{margin:0}.living-grid{margin-top:35px}summary{font-size:17px}details p{margin-left:28px;margin-right:0}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;order:3;font-size:11px}dialog{padding:12px 3vw}.viewer-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:4px}.viewer-stage button{width:30px;height:40px;border:none;font-size:24px}.viewer-stage>img{max-height:calc(100dvh - 220px)}.viewer-bottom{font-size:13px}.thumbnails{gap:3px;justify-content:space-between}.thumbnails button{padding:2px}.thumbnails button img{width:8vw;height:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Additional photographic sequences */
.aerial-heading{margin-top:75px;border-top:1px solid var(--rule);padding-top:30px}.aerial-day{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:6vw;margin-top:35px}.golden{margin-bottom:65px}.night-chapter{margin:65px 0 40px;padding-top:30px;border-top:1px solid #484848}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:0 5vw}.detail-pair figure:last-child{margin-top:90px}.aerial-night{display:grid;gap:55px}.aerial-night img{max-height:850px;object-fit:contain;background:#222222}.thumbnails{justify-content:flex-start;overflow-x:auto;max-width:100%;margin:auto;flex-shrink:0;scrollbar-color:#797979 #262626}.thumbnails button{flex:0 0 auto}.thumbnails button img{width:54px;height:40px}@media(max-width:620px){.aerial-heading{margin-top:35px;padding-top:25px}.aerial-day{grid-template-columns:1fr;gap:25px;margin-top:20px}.aerial-day figure:last-child{width:78%;margin-left:auto}.golden{margin-bottom:35px}.night-chapter{margin:40px 0 25px}.detail-pair{gap:20px;padding:0}.detail-pair figure:last-child{margin-top:60px}.aerial-night{gap:30px}.thumbnails{width:100%;margin:0}.thumbnails button img{width:44px;height:35px}}

/* Author's architectural narrative */
.wordmark{display:block;line-height:1.25;font-size:17px;letter-spacing:2px}.wordmark span{display:block;font-size:10px;letter-spacing:4px;margin-top:5px}.language{display:flex;gap:7px;align-items:center;font-size:12px}.language button{border:0;background:none;color:#b8b8b8;padding:8px 4px}.language button[aria-pressed=true]{color:white;text-decoration:underline;text-underline-offset:5px}.language span{color:#717171}header nav{margin-left:auto;margin-right:25px}.hero-title{max-width:850px;width:75%}.hero h1{font-size:clamp(62px,7.8vw,122px);line-height:1.03;letter-spacing:-4px;max-width:820px}.intro-grid h2,.living-grid h2{font-size:clamp(34px,3.5vw,54px);max-width:580px}.chapter-copy{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.chapter-copy h3{font-size:clamp(29px,2.8vw,43px);max-width:500px}.chapter-copy p{color:var(--muted);max-width:560px;margin:0}.night-heading h2{max-width:660px}.night-heading p{max-width:440px}.night-chapter h3{max-width:820px}.accordions summary>span[data-i18n]{font-size:19px;color:var(--ink)}.studio{background:#ececec}.studio-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;margin-top:65px}.studio-copy{max-width:690px}.studio-copy p{font-size:18px;line-height:1.75}.studio-copy p:not(:first-child){color:#5e5e5e;font-size:16px}.studio h2{font-size:clamp(38px,4vw,62px)}@media(max-width:900px){header nav{gap:20px;margin-right:10px}header nav a:first-child{display:block}.hero h1{font-size:76px}.studio-grid{gap:5vw}}@media(max-width:620px){header{gap:10px}.wordmark{font-size:12px;letter-spacing:1px}.wordmark span{font-size:9px;letter-spacing:2px}header nav{gap:10px;margin:0 0 0 auto}header nav a:first-child,header nav a:nth-child(2){display:none}header nav a:last-child{display:block;font-size:12px}.language{gap:2px}.hero-title{width:88%}.hero h1{font-size:57px;letter-spacing:-2px}.hero-baseline{font-size:13px;gap:15px}.chapter-copy,.studio-grid{grid-template-columns:1fr;gap:25px}.studio-grid{margin-top:35px}.chapter-copy h3{font-size:29px}.night-heading h2{font-size:37px}.accordions summary>span[data-i18n]{font-size:17px}.expand>span[data-i18n]{display:none}}

/* More restrained desktop headings; mobile typography is preserved. */
@media (min-width:1001px){
 .hero h1{font-size:clamp(50.84px,6.396vw,100.04px);letter-spacing:-3px}
 h2{font-size:clamp(29.52px,3.526vw,53.3px);letter-spacing:-1.6px}
 h3{font-size:clamp(22.96px,2.46vw,34.44px);letter-spacing:-.8px}
 .intro-grid h2,.living-grid h2{font-size:clamp(27.88px,2.87vw,44.28px)}
 .chapter-copy h3{font-size:clamp(23.78px,2.296vw,35.26px)}
 .studio h2{font-size:clamp(31.16px,3.28vw,50.84px)}
}
