.architecture-screen{background:#fff;color:#14263d;font-family:Onest,Arial,sans-serif}
@scope (.architecture-screen){

*{box-sizing:border-box}.screen{width:min(1210px,100%);background:#fff;border-radius:20px;overflow:hidden}.banner{height:250px;position:relative;background:#e5e8e8;isolation:isolate}.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e9ecebf5 0%,#e9ecebe8 29%,#e9eceb00 60%);z-index:-1}.banner-copy{padding:38px 36px;width:43%}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 15px;font-weight:500}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,3.8vw,55px);font-weight:500;line-height:.98;letter-spacing:-.03em;margin:0 0 19px;text-wrap:balance}.mark{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#14263d}.mark img{position:static;width:23px;height:26px;object-fit:contain;z-index:auto}.content{display:grid;grid-template-columns:44% 56%;padding:42px 36px 36px;min-height:380px;gap:0}.context{padding-top:118px}.context p{font-size:10px;letter-spacing:.02em;color:#637081;line-height:1.6;margin:0;max-width:150px}.context a{display:inline-block;margin-top:20px;color:#14263d;font-size:12px;font-weight:500;text-decoration:none;border-bottom:1px solid #c4aa78;padding-bottom:5px}.intro{font-size:15px;line-height:1.55;max-width:56ch;margin:0 0 55px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.metric{min-width:0}.label{font-size:10px;color:#637081;margin:0 0 20px}.number{font:500 clamp(38px,4.5vw,66px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.045em;white-space:nowrap;display:flex;align-items:center;gap:3px;margin:0 0 17px}.number span{font-size:.55em;font-weight:400}.detail{font-size:11px;line-height:1.45;border-top:1px solid #cfd5d9;padding-top:9px;margin:0;min-height:59px}.footnote{border-top:1px solid #cfd5d9;font-size:10px;line-height:1.5;margin:8px 0 0;padding-top:8px;color:#637081}a:focus-visible{outline:2px solid #14263d;outline-offset:5px}@media(max-width:1000px){.banner{height:230px}.banner-copy{width:47%;padding:30px}.content{padding:32px 30px;grid-template-columns:34% 66%}.metrics{gap:16px}.intro{font-size:14px;margin-bottom:40px}.number{font-size:50px}}@media(max-width:600px){.screen{border-radius:14px}.banner{height:310px}.banner img{object-position:55% bottom;object-fit:cover}.banner:after{background:linear-gradient(180deg,#e9ecebf8 0%,#e9ecebe8 40%,#e9eceb00 75%)}.banner-copy{width:100%;padding:26px 24px}h1{font-size:42px;max-width:12ch}.eyebrow{font-size:9px}.content{display:flex;flex-direction:column;padding:28px 24px;min-height:0}.context{order:2;padding-top:28px}.context p{max-width:none}.context a{margin-top:12px}.intro{font-size:14px;margin-bottom:30px}.metrics{gap:14px;grid-template-columns:1fr}.metric{display:grid;grid-template-columns:105px 1fr;column-gap:18px;padding:16px 0;border-top:1px solid #cfd5d9}.label{grid-column:1;margin:0 0 6px}.number{grid-column:1;font-size:48px;margin:0}.detail{grid-column:2;grid-row:1/3;border:0;padding-top:2px;min-height:0;align-self:center;font-size:12px}.footnote{display:none}}
.banner:after{display:none}
.section-title{font-size:clamp(32px,3vw,44px);line-height:1.08;margin:0 0 20px;max-width:none}
.metrics{grid-template-rows:auto auto auto auto;column-gap:25px;row-gap:0}
.metric{display:grid;grid-template-rows:subgrid;grid-row:span 4}
.detail{min-height:0;padding:10px 0 14px}
.footnote{margin:0;padding-top:10px}
@media(max-width:1000px){.metrics{column-gap:16px}}
@media(max-width:600px){.section-title{font-size:34px;max-width:none}.metrics{grid-template-rows:none;row-gap:14px}.metric{grid-row:auto;grid-template-rows:auto auto}.detail{padding:2px 0;border:0}.banner{height:230px}}/* Full viewport presentation requested by user. */


.screen{width:100%;min-height:100svh;border-radius:0;display:flex;flex-direction:column}
.banner{height:38svh;min-height:230px;flex:none}
.content{flex:1;min-height:0;padding:clamp(32px,5vh,64px) 5.5vw;grid-template-columns:34% 66%}
.information{max-width:940px;width:100%}
.section-title{font-size:clamp(34px,3vw,52px)}
.intro{font-size:clamp(15px,1.2vw,18px);margin-bottom:clamp(30px,4vh,55px)}
.number{font-size:clamp(50px,5vw,80px)}
.detail{font-size:13px;line-height:1.5}
.footnote,.label{font-size:12px}
.context p{font-size:12px;max-width:23ch}
.context a{font-size:14px}
@media(max-width:1000px){.content{padding:36px 5vw;grid-template-columns:30% 70%}.number{font-size:54px}.detail{font-size:12px}.footnote,.label{font-size:11px}}
@media(max-width:600px){.screen{border-radius:0}.banner{height:30svh;min-height:210px}.content{padding:30px 24px}.section-title{font-size:34px}.intro{font-size:15px}.number{font-size:48px}.context{padding-top:25px}.detail{font-size:13px}}.intro{font-size:clamp(16px,1.4vw,20px);font-weight:400;line-height:1.55;max-width:58ch;text-align:left;margin-top:0}@media(max-width:600px){.intro{font-size:16px}}/* Read This: lead -> metrics -> explanations -> context. */
.content{align-content:start;padding-top:clamp(32px,4.5vh,54px)}
.intro{font-size:clamp(18px,1.6vw,23px);font-weight:400;line-height:1.42;letter-spacing:-.018em;max-width:49ch;margin-bottom:clamp(36px,5vh,60px);text-wrap:pretty}
.metrics{column-gap:clamp(20px,3vw,44px)}
.label{font-size:13px;font-weight:500;line-height:1.3;color:#526176;margin-bottom:16px}
.number{font-size:clamp(64px,6.3vw,96px);font-weight:500;line-height:1;letter-spacing:-.045em;margin-bottom:20px}
.number span{font-size:.45em;line-height:1;transform:translateY(.05em)}
.detail{font-size:14px;line-height:1.5;padding:14px 0 20px;color:#14263d}
.footnote{font-size:12px;line-height:1.5;padding-top:12px;color:#5d6a7b}
.context{padding-top:clamp(120px,15vh,180px);padding-right:24px}
.context p{font-size:13px;line-height:1.6;color:#5d6a7b;max-width:25ch}
.context a{font-size:14px;font-weight:500;margin-top:24px}
@media(max-width:1000px){.content{grid-template-columns:28% 72%;padding:36px 5vw}.intro{font-size:19px;line-height:1.45;margin-bottom:38px}.number{font-size:62px}.metrics{column-gap:20px}.detail{font-size:13px}.label{font-size:12px}.context p{font-size:12px}}
@media(max-width:600px){.content{padding:30px 24px}.intro{font-size:19px;line-height:1.45;margin-bottom:32px}.metric{grid-template-columns:112px 1fr;padding:20px 0;column-gap:20px}.metrics{row-gap:0}.number{font-size:58px;margin-bottom:0}.label{font-size:12px;margin-bottom:8px}.detail{font-size:14px;padding:0;border:0}.context{padding-top:30px;padding-right:0}.context p{max-width:34ch}.context a{margin-top:16px}}/* Section label at the left; lead closer to the panorama. */
.content{padding-top:24px}
.context{padding-top:0}
.context-title{font-family:Onest,Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.35;letter-spacing:.16em;margin:0 0 112px;color:#14263d}
@media(max-width:1000px){.content{padding-top:24px}.context-title{font-size:12px;letter-spacing:.12em;margin-bottom:112px}}
@media(max-width:600px){.content{padding-top:24px}.context{order:0;padding-top:0}.context-title{margin-bottom:24px}.context p,.context a{display:none}.information{order:1}}/* Preserve the complete panorama at every viewport width. */
.banner{height:auto;min-height:0}
.banner img{position:relative;display:block;width:100%;height:auto;inset:auto;object-fit:contain;object-position:center;z-index:auto}
/* Editorial asymmetry: 38.2 / 61.8, full-width metric group. */
.content{display:grid;grid-template-columns:38.2% 61.8%;padding:clamp(28px,3vw,56px) 5.5vw 48px;align-items:start}
.information{max-width:none;width:100%;min-width:0}
.intro{font-size:clamp(20px,1.35vw,26px);line-height:1.45;max-width:54ch;margin-bottom:clamp(36px,3vw,56px)}
.context{padding-right:clamp(32px,6vw,112px)}
.context-title{font-size:13px;letter-spacing:.16em;margin-bottom:72px}
.context p{font-size:15px;line-height:1.55;max-width:26ch}
.context a{font-size:16px;margin-top:20px}
.metrics{column-gap:clamp(24px,2vw,40px)}
.label{font-size:14px;margin-bottom:14px}
.number{font-size:clamp(64px,5.1vw,104px);margin-bottom:20px}
.detail{font-size:16px;line-height:1.5;padding:16px 0 22px}
.footnote{font-size:13px;line-height:1.5;padding-top:12px}
@media(max-width:1100px){.content{grid-template-columns:32% 68%;padding:30px 5vw 40px}.context{padding-right:30px}.context p{font-size:13px}.intro{font-size:20px}.metrics{column-gap:20px}.number{font-size:64px}.detail{font-size:14px}.footnote{font-size:12px}}
@media(max-width:700px){.content{display:flex;flex-direction:column;padding:26px 24px 36px}.context{padding:0;order:0;width:100%}.context-title{margin-bottom:24px}.context p,.context a{display:none}.information{order:1}.intro{font-size:19px;margin-bottom:30px}.metrics{grid-template-columns:1fr;grid-template-rows:none;row-gap:0}.metric{grid-row:auto;grid-template-columns:112px 1fr;grid-template-rows:auto auto;column-gap:20px;padding:20px 0;border-top:1px solid #cfd5d9}.label{grid-column:1;font-size:12px;margin-bottom:8px}.number{grid-column:1;font-size:58px;margin:0}.detail{grid-column:2;grid-row:1/3;border:0;padding:0;font-size:14px;align-self:center}.footnote{display:none}}
.screen{min-height:0}.context-title{font-family:Onest,Arial,sans-serif}.number{font-family:'Cormorant Garamond',Georgia,serif}.banner img{filter:none}
}/* Viewport-sized editorial opening, including large desktop displays. */
@media(min-width:1101px){
.page{max-width:none;width:100%;padding:0 5.5vw;min-height:100svh;display:flex;flex-direction:column}
.page header{height:clamp(104px,12svh,220px);min-height:104px;flex:none;padding-top:clamp(24px,3.2svh,64px);align-items:flex-start;gap:3vw}
.brand img{width:clamp(44px,2.7vw,100px);height:auto}
.brand span{font-size:clamp(37px,2.5vw,90px)}
.page nav{gap:clamp(24px,2.6vw,96px);padding-top:16px}
.page nav a,.page .together{font-size:clamp(15px,1vw,30px)}
.page .together{padding:16px 0 16px 2.5vw}
.page main{flex:1;display:flex;min-height:0}
.page .hero{width:100%;min-height:calc(100svh - clamp(104px,12svh,220px));grid-template-columns:38.2% 61.8%;align-items:center;padding-bottom:4svh;gap:0}
.hero .copy{padding:0 4vw 0 0}
.hero .copy .eyebrow{font-size:clamp(12px,.85vw,26px);letter-spacing:.22em;margin-bottom:clamp(24px,3.2svh,60px)}
.hero .copy h1{font-size:clamp(80px,7vw,250px);font-weight:500;line-height:.86;letter-spacing:-.035em;margin-bottom:clamp(30px,4svh,72px)}
.hero .copy h1 span{font-size:.78em;line-height:.95}
.hero .copy .definition{font-size:clamp(25px,1.85vw,64px);line-height:1.15;max-width:26ch;margin-bottom:clamp(18px,2.4svh,44px)}
.hero .copy .description{font-size:clamp(17px,1.15vw,38px);line-height:1.5;max-width:40ch;font-weight:400}
.hero .copy .cta{font-size:clamp(17px,1.1vw,34px);padding:clamp(17px,1.8svh,34px) clamp(32px,2.5vw,80px);min-height:0;margin-top:clamp(24px,3.5svh,64px)}
.hero .gallery{width:100%;padding-right:3vw}
.hero .gallery figure img{height:calc(84svh - clamp(104px,12svh,220px));min-height:460px;object-fit:cover;object-position:center 65%}
.hero .gallery figcaption{font-size:clamp(10px,.68vw,22px);letter-spacing:.17em;padding-top:16px;line-height:1.4}
.hero .pagination{right:-1vw;top:50%;transform:translateY(-50%);gap:clamp(12px,2svh,36px)}
.hero .pagination button,.hero .slash{font-size:clamp(22px,1.5vw,48px)}
}
.architecture-screen{min-height:100svh;scroll-margin-top:0}
@scope (.architecture-screen){.screen{min-height:100svh}.content{flex:1}}
@media(min-width:761px){.page{min-height:100svh}}
/* Navy editorial side panel requested for the second screen. */
@scope (.architecture-screen){
.content{padding:0;grid-template-columns:38.2% 61.8%;align-items:stretch}
.context{background:#14263d;color:#fff;padding:clamp(32px,3vw,64px) clamp(28px,5.5vw,180px);display:flex;flex-direction:column;justify-content:flex-start}
.context-title{color:#fff;font-size:clamp(14px,1vw,28px);letter-spacing:.13em;line-height:1.4;margin:0 0 clamp(40px,4vw,100px)}
.context p{color:#fff;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(30px,2.3vw,72px);line-height:1.12;letter-spacing:-.02em;max-width:20ch}
.context a{color:#fff;font-size:clamp(16px,1.15vw,32px);margin-top:32px;border-color:#c4aa78;align-self:flex-start}
.information{padding:clamp(32px,3vw,64px) clamp(28px,4vw,128px)}
@media(max-width:1100px){.content{grid-template-columns:38.2% 61.8%}.context{padding:32px 30px}.context-title{font-size:13px;margin-bottom:40px}.context p{font-size:32px}.information{padding:32px 30px}.metrics{column-gap:16px}.number{font-size:56px}}
@media(max-width:700px){.content{padding:0}.context{padding:28px 24px}.context-title{margin-bottom:20px}.context p,.context a{display:block}.context p{font-size:30px;max-width:25ch}.context a{margin-top:24px}.information{padding:30px 24px}.number{font-size:58px}}
}
@scope (.architecture-screen){.content{grid-template-rows:1fr;align-content:stretch}}
/* Balanced reading hierarchy and restrained cool photographic toning. */
@scope (.architecture-screen){
.context-title{font-size:clamp(12px,.72vw,21px);font-weight:500;letter-spacing:.14em;margin-bottom:clamp(28px,2.3vw,56px)}
.context p{font-size:clamp(25px,1.35vw,42px);line-height:1.2;font-weight:400;letter-spacing:-.012em;max-width:25ch}
.context a{font-size:clamp(15px,.85vw,24px);font-weight:400;margin-top:clamp(24px,2vw,40px)}
.intro{font-size:clamp(19px,1.2vw,30px);line-height:1.45}
.banner{background:#14263d;isolation:isolate}
.banner img{filter:grayscale(1) contrast(.94) brightness(1.035)}
.banner:after{display:block;content:'';position:absolute;inset:0;background:#14263d;mix-blend-mode:color;opacity:.28;z-index:1;pointer-events:none}
@media(max-width:1100px){.context-title{font-size:12px;margin-bottom:28px}.context p{font-size:25px}.context a{font-size:15px;margin-top:24px}.intro{font-size:19px}}
@media(max-width:700px){.context p{font-size:25px;max-width:28ch}}
}
@scope (.architecture-screen){.banner img{filter:none}.banner:after{display:none}}
/* Unified hero palette and optically tight two-line title. */
.page{background:#fff;color:#14263d}
.hero .copy h1{display:flex;flex-direction:column;gap:0;line-height:.78;font-weight:500}
.hero .copy h1 br{display:none}
.hero .copy h1 span{display:block;line-height:.84;margin-top:.025em;vertical-align:baseline}
.hero .copy .definition{font-weight:500}
.hero .copy .description{color:#46566b}
.hero .copy .cta{background:#14263d;color:#fff;border:1px solid #14263d;border-radius:6px}
.hero .copy .cta:hover{background:#243b56}
.hero .gallery figure img{filter:none;object-position:50% 60%}
.brand span{color:#14263d}
@media(min-width:1101px){.hero .copy h1{font-size:clamp(78px,6.4vw,230px);margin-bottom:clamp(28px,3svh,60px)}.hero .copy h1 span{font-size:.78em}.hero .gallery figure img{object-position:50% 60%}}
.hero .copy h1 span{margin-top:-.12em}.hero .gallery figure img{object-position:50% 45%}
/* Brand lockup and direct gallery navigation. */
.page .brand{gap:clamp(8px,.55vw,20px)}
.page .brand span{font-family:Onest,Arial,sans-serif;font-weight:600;font-size:clamp(28px,2.05vw,72px);line-height:1;letter-spacing:-.045em;color:#14263d}
.hero .pagination{gap:0;right:-1vw;top:50%;transform:translateY(-50%)}
.hero .pagination .slide-marker{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.slide-marker span{display:block;width:12px;height:3px;background:#a6b0bc;border-radius:2px;transition:width .2s,background .2s}
.slide-marker.is-active span{width:32px;background:#A32638}
.slide-marker:hover span{width:24px;background:#14263d}
.slide-marker.is-active:hover span{width:32px;background:#A32638}
@media(min-width:2400px){.hero .pagination .slide-marker{width:64px;height:64px}.slide-marker span{width:18px;height:4px}.slide-marker.is-active span{width:46px}}
@media(max-width:760px){.page .brand span{font-size:25px}.hero .pagination{right:-20px}}
/* Blue dot navigation occupies its own rail outside the photograph. */
.hero .gallery{padding-right:clamp(58px,4vw,150px)}
.hero .gallery figure img{border-radius:3.708px}
.hero .pagination{right:0;top:50%;transform:translateY(-50%)}
.hero .pagination .slide-marker span{width:7px;height:7px;border-radius:50%;background:#14263d;opacity:.28;transition:opacity .2s,transform .2s}
.hero .pagination .slide-marker.is-active span{width:7px;height:7px;background:#14263d;opacity:1;transform:scale(1.25)}
.hero .pagination .slide-marker:hover span{width:7px;background:#14263d;opacity:.75}
@media(min-width:2400px){.hero .pagination .slide-marker span,.hero .pagination .slide-marker.is-active span,.hero .pagination .slide-marker:hover span{width:10px;height:10px}}
@media(max-width:760px){.hero .gallery{padding-right:48px}.hero .pagination{right:0}}
/* Restrained desktop typography; retain the internal role relationships. */
@media(min-width:1101px){
.hero .copy h1{font-size:clamp(66px,5.12vw,184px);margin-bottom:clamp(24px,2.4svh,48px)}
.hero .copy .definition{font-size:clamp(22px,1.48vw,51px);margin-bottom:clamp(16px,1.9svh,35px)}
.hero .copy .description{font-size:clamp(16px,.92vw,30px);max-width:40ch}
.hero .copy .eyebrow{font-size:clamp(11px,.68vw,21px);margin-bottom:clamp(22px,2.6svh,48px)}
.hero .copy .cta{font-size:clamp(16px,.88vw,27px);padding:clamp(15px,1.45svh,27px) clamp(28px,2vw,64px);min-width:0;margin-top:clamp(22px,2.8svh,51px)}
.page nav a,.page .together{font-size:clamp(14px,.8vw,24px)}
.page .together{position:relative;border-left:0;padding-top:12px;padding-bottom:12px}
.page .together:before{content:'';position:absolute;left:0;top:50%;height:20px;width:1px;background:#c8cdd2;transform:translateY(-50%)}
.hero .pagination .slide-marker{width:44px;height:32px;min-height:32px}
.hero .pagination .slide-marker span,.hero .pagination .slide-marker.is-active span,.hero .pagination .slide-marker:hover span{width:5px;height:5px}
}
@media(min-width:2400px){.hero .pagination .slide-marker{height:46px}.hero .pagination .slide-marker span,.hero .pagination .slide-marker.is-active span,.hero .pagination .slide-marker:hover span{width:7px;height:7px}.page .together:before{height:28px}}
::view-transition-group(root){animation:none}
::view-transition-old(root){animation:editorial-out 620ms cubic-bezier(.25,.1,.25,1) both;mix-blend-mode:normal}
::view-transition-new(root){animation:editorial-in 620ms cubic-bezier(.25,.1,.25,1) both;mix-blend-mode:normal}
@keyframes editorial-out{from{opacity:1}to{opacity:0}}
@keyframes editorial-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
.screen-dissolve-cover{position:fixed;inset:0;z-index:9999;overflow:hidden;pointer-events:none;background:#fff}
.hero .gallery figure img{border-radius:12px}
/* Desktop second screen: photo / editorial base = 61.8 / 38.2. */
@media(min-width:1101px) and (min-height:700px){
.architecture-screen{height:100svh;min-height:100svh}
@scope (.architecture-screen){
.screen{height:100svh;min-height:0;display:grid;grid-template-rows:61.8% 38.2%;overflow:visible}
.banner{height:100%;min-height:0;position:relative;background:#14263d}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0}
.content{height:100%;min-height:0;grid-template-columns:38.2% 61.8%;grid-template-rows:1fr;align-content:stretch}
.context{padding:clamp(20px,2svh,42px) 5.5vw}
.context-title{font-size:clamp(11px,.62vw,20px);margin-bottom:clamp(18px,2svh,40px)}
.context p{font-size:clamp(23px,1.15vw,40px);line-height:1.17;max-width:25ch}
.context a{font-size:clamp(14px,.72vw,23px);margin-top:clamp(16px,1.8svh,36px)}
.information{max-width:none;padding:clamp(20px,2svh,42px) 4vw}
.intro{font-size:clamp(17px,.98vw,30px);line-height:1.35;max-width:70ch;margin-bottom:clamp(14px,1.6svh,32px)}
.metrics{column-gap:clamp(18px,1.8vw,64px);row-gap:0}
.label{font-size:clamp(11px,.62vw,20px);margin-bottom:clamp(6px,.7svh,14px)}
.number{font-size:clamp(52px,6svh,112px);line-height:.92;margin-bottom:clamp(8px,.9svh,18px)}
.detail{font-size:clamp(12px,.7vw,22px);line-height:1.4;padding:clamp(6px,.6svh,12px) 0 clamp(8px,.8svh,16px)}
.footnote{font-size:clamp(11px,.6vw,19px);line-height:1.35;padding-top:clamp(6px,.6svh,12px)}
}
}
/* Restore editorial grouping within the accepted viewport split. */
@media(min-width:1101px) and (min-height:700px){
@scope (.architecture-screen){
.banner{overflow:hidden}
.banner img{object-fit:cover;object-position:center top}
.context,.information{padding-top:clamp(25px,2.7svh,54px);padding-bottom:clamp(25px,2.7svh,54px)}
.context-title{margin-bottom:clamp(22px,2.6svh,52px)}
.context p{font-size:clamp(25px,1.35vw,42px);line-height:1.2}
.context a{margin-top:clamp(20px,2.3svh,46px)}
.information{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,2.2svh,44px)}
.intro{font-size:clamp(19px,1.16vw,34px);line-height:1.42;max-width:58ch;margin-bottom:0}
.metrics{flex:none}
.label{font-size:clamp(12px,.68vw,22px);margin-bottom:clamp(10px,1.2svh,24px)}
.number{font-size:clamp(64px,7.4svh,140px);line-height:1;margin-bottom:clamp(12px,1.3svh,26px)}
.detail{font-size:clamp(13px,.75vw,24px);line-height:1.45;padding-top:clamp(8px,.9svh,18px);padding-bottom:clamp(10px,1svh,20px)}
.footnote{font-size:clamp(12px,.65vw,21px);line-height:1.4;padding-top:clamp(8px,.9svh,18px)}
}
}
.page .brand img.brand-logo{width:clamp(170px,12vw,400px);height:auto;display:block}@media(max-width:760px){.page .brand img.brand-logo{width:165px;height:auto}}
/* Calm editorial dissolves share the same tempo across screens and photographs. */
::view-transition-old(root){animation:editorial-screen-out 1000ms cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:editorial-screen-in 1000ms cubic-bezier(.4,0,.2,1) both}
@keyframes editorial-screen-out{from{opacity:1}to{opacity:0}}
@keyframes editorial-screen-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
/* The five editorial photographs share a stable 3:2 window. */
.hero .gallery .photo-window{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:#14263D}
.hero .gallery .photo-window img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:50% 50%!important;border-radius:0;filter:none}
.hero .gallery .photo-window img#slide{object-position:var(--photo-position,50% 40%)!important}
.hero .gallery .photo-window img.gallery-outgoing{object-position:var(--outgoing-position,50% 50%)!important}
@media(max-width:760px){.hero .gallery .photo-window{border-radius:10px}}



/* Compact right-hand editorial group; the panorama and navy context stay intact. */
@media(min-width:1101px){
@scope (.architecture-screen){
.information{transform:none;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(24px,3svh,56px)}
.intro{font-size:clamp(17px,.86vw,25px);line-height:1.42;max-width:58ch;margin:0;letter-spacing:-.018em}
.metrics{width:100%;max-width:1600px;flex:none;column-gap:clamp(20px,1.6vw,56px)}
.label{font-size:clamp(11px,.5vw,16px);line-height:1.3;margin-bottom:clamp(8px,.85svh,17px)}
.number{font-size:clamp(52px,5.3svh,100px);line-height:1;margin-bottom:clamp(10px,1svh,20px)}
.detail{font-size:clamp(12px,.56vw,18px);line-height:1.45;padding-top:clamp(7px,.7svh,14px);padding-bottom:clamp(9px,.85svh,17px)}
.footnote{font-size:clamp(11px,.48vw,15px);line-height:1.4;padding-top:clamp(7px,.7svh,14px)}
}
}

/* Inactive dot diameter is 0.38 of the active dot; button targets stay usable. */
.hero .pagination{--active-dot:6.25px}
.hero .pagination .slide-marker span,.hero .pagination .slide-marker:hover span{width:calc(var(--active-dot)*.38);height:calc(var(--active-dot)*.38);transform:none}
.hero .pagination .slide-marker.is-active span,.hero .pagination .slide-marker.is-active:hover span{width:var(--active-dot);height:var(--active-dot);transform:none;opacity:1}
@media(min-width:2400px){.hero .pagination{--active-dot:8.75px}}

/* Shared metric rows keep the context link level with the alumni footnote. */
@scope (.architecture-screen){
.context{background:linear-gradient(155deg,#203950 0%,#172b42 48%,#0d1b2e 100%)}
.context a{border:0;padding-bottom:0;text-decoration:none}
@media(min-width:1101px){
.content{grid-template-rows:max-content clamp(14px,2svh,40px) repeat(4,max-content);align-content:start}
.context,.information{grid-row:1 / span 6;display:grid;grid-template-rows:subgrid;row-gap:0;padding-top:clamp(20px,2svh,42px);padding-bottom:clamp(20px,2svh,42px)}
.context{grid-column:1;background:none;position:relative;isolation:isolate}
.context:before{content:"";position:absolute;inset:0;min-height:38.2svh;background:linear-gradient(155deg,#203950 0%,#172b42 48%,#0d1b2e 100%);z-index:-1;pointer-events:none}
.context-copy{grid-row:1 / span 5}
.context a{grid-row:6;margin-top:0;padding-top:clamp(7px,.7svh,14px);align-self:start;line-height:1.4}
.information{grid-column:2}
.intro{grid-row:1}
.metrics{grid-row:3 / span 4;grid-template-rows:subgrid}
}
}

/* Slightly lower opening CTA, preserving the accepted responsive spacing. */
.hero .copy .cta{margin-top:calc(clamp(22px,2.8svh,51px) + 12px)}
@media(max-width:1100px){.hero .copy .cta{margin-top:42px}}
@media(max-width:760px){.hero .copy .cta{margin-top:40px}}