/* Transparent optical surfaces over the architectural photographs. */
.glass-surface{position:relative;isolation:isolate;--shine-x:18%;--shine-y:0%;background:linear-gradient(125deg,rgba(255,255,255,.17),rgba(255,255,255,.025) 46%,rgba(255,255,255,.08)),rgba(15,27,34,.2);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.12),0 12px 36px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}
.inside-story,.home-story{animation:none}
/* Six-letter wordmark keeps its cover proportions on narrow screens. */
.page-1 .masthead h1{font-size:clamp(4rem,21vw,24rem)}
.glass-surface::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 330px 220px at var(--shine-x) var(--shine-y),rgba(255,255,255,.18),transparent 68%);z-index:-1;opacity:.8}
.glass-surface::after{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border-top:1px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.1);z-index:-1}
.site-header{border-bottom:0;min-height:106px}.site-header nav{gap:4px;padding:6px;border-radius:999px}.site-header nav a{padding:9px 19px;border:1px solid transparent;border-radius:999px;font-weight:500;transition:background .25s,border-color .25s,box-shadow .25s}.site-header nav a::after{display:none}.site-header nav a:hover{background:rgba(255,255,255,.12)}.site-header nav a[aria-current]{background:linear-gradient(140deg,rgba(255,255,255,.3),rgba(255,255,255,.1));border-color:rgba(255,255,255,.3);box-shadow:inset 0 1px 1px rgba(255,255,255,.35),0 3px 8px rgba(0,0,0,.1)}
.story-copy,.cover-note{border-radius:28px;padding:clamp(24px,2.8vw,40px);max-width:500px;min-width:0}.cover-note{width:370px}.cover-note p br{display:none}.cover-note .editorial-link{margin-top:24px}.section-index{border-top:0;padding-top:0;margin-bottom:22px;opacity:.8}.inside-story{grid-template-columns:1.1fr 1fr;gap:6vw}.story-copy .editorial-link{margin-top:22px}
.editorial-link{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:12px 19px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.2);transition:background .2s,box-shadow .2s}.editorial-link:hover{background:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 16px rgba(0,0,0,.1)}.editorial-link:active{background:rgba(255,255,255,.25)}
.pagination{gap:5px;padding:5px;border-radius:999px}.pagination a{width:36px;height:36px}.pagination a[aria-current]{background:linear-gradient(130deg,rgba(255,255,255,.25),rgba(255,255,255,.06));border-color:rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.page-footer{border-top-color:rgba(255,255,255,.22)}
.page-2 .page-shade{background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.13) 45%,rgba(0,0,0,.45)),linear-gradient(180deg,rgba(0,0,0,.3),transparent 40%,rgba(0,0,0,.4))}.page-3 .page-shade{background:linear-gradient(90deg,rgba(8,18,22,.45),rgba(8,18,22,.1) 40%,rgba(8,18,22,.53)),linear-gradient(180deg,rgba(0,0,0,.28),transparent 40%,rgba(0,0,0,.35))}.page-4 .page-shade{background:linear-gradient(90deg,rgba(20,17,23,.5),rgba(20,17,23,.15) 40%,rgba(20,17,23,.48)),linear-gradient(180deg,rgba(0,0,0,.3),transparent 40%,rgba(0,0,0,.4))}
.masthead h1{font-size:clamp(7rem,23vw,25rem)}.service-description{padding-left:0}.service-list summary{gap:10px}.services-copy>.eyebrow{line-height:1.6}.services-copy .service-description p{line-height:1.65}.email-link{font-size:clamp(1.15rem,1.7vw,1.6rem);overflow-wrap:anywhere}.photo-credit>span{font-size:.75rem}
@media(max-width:1000px){.site-header nav a{padding-inline:15px}.cover-note{width:320px}.story-copy,.cover-note{padding:26px}.inside-story{gap:4vw}.story-copy h2{font-size:1.75rem}}
@media(max-width:700px){.site-header{padding-block:20px;gap:20px}.site-header nav{width:100%;padding:5px;gap:2px;justify-content:space-between}.site-header nav a{padding:9px 12px;font-size:.875rem;flex:1;text-align:center}.masthead{padding-top:27px}.masthead h1{font-size:25vw}.inside-story{display:block}.story-copy{margin-top:35px;width:100%;max-width:none;padding:26px 23px}.story-copy h2{font-size:1.75rem}.page-1 .cover-note{padding:24px;max-width:100%;width:100%;margin-top:28px}.page-1 .cover-note .editorial-link{padding:11px 16px;margin-top:19px}.home-story{padding-top:75px}.pagination{gap:2px;padding:4px;flex-shrink:0}.pagination a{width:30px;height:32px}.page-footer{gap:16px;align-items:center;padding-block:20px}.photo-credit{min-width:0;font-size:.75rem}.photo-credit>span{font-size:.625rem;line-height:1.6}.page-2 .page-shade,.page-3 .page-shade,.page-4 .page-shade{background:linear-gradient(180deg,rgba(10,15,20,.42),rgba(10,15,20,.2) 35%,rgba(10,15,20,.58) 100%)}.story-copy{background-color:rgba(8,18,25,.32)}.glass-surface{-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}.service-list summary>span:nth-child(2){font-size:1.35rem}}
@media(max-width:360px){.site-header nav a{padding-inline:9px}.story-copy{padding:23px 19px}.pagination a{width:27px}.photo-credit{max-width:125px}.home-story h2{font-size:2.9rem}.email-link{font-size:1.1rem;gap:12px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-surface{background:linear-gradient(125deg,rgba(65,78,87,.94),rgba(19,33,42,.95))}}
@media(prefers-reduced-motion:reduce){.glass-surface::before{background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 60%)}.editorial-link,.site-header nav a{transition:none}}