/* Office A3E — architectural film / considered editorial rhythm */
.design-build{--build-ink:#17272b;--build-paper:#f4f5f0;--build-line:#cbd0ca;background:var(--build-paper);color:var(--build-ink)}
.design-build h1,.design-build h2,.design-build h3,.design-build p,.design-build figure{margin:0}.design-build h1,.design-build h2{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.045em}.design-build h2{font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1.08}.design-build em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em}.design-build p{font-size:1.0625rem;line-height:1.7}.build-wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.build-kicker{display:block;font:400 .8125rem/1.6 Plex,monospace!important;letter-spacing:.12em;text-transform:uppercase}.build-opening{min-height:840px;height:calc(100svh - 24px);max-height:1120px;position:relative;isolation:isolate;color:#fff;background:#17272b;margin:12px;border-radius:6px;overflow:hidden}.opening-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% 55%;z-index:-3;animation:opening-settle 2s ease-out both}.build-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,24,28,.85),rgba(12,23,26,.48) 52%,rgba(10,20,23,.08)),linear-gradient(0deg,rgba(8,22,25,.5),transparent 45%,rgba(8,22,25,.25));z-index:-2}.build-opening .stage-nav{padding:28px 42px;position:relative;z-index:2}.build-opening .nav-links{gap:24px}.build-opening .stage-cta{background:#ffffff12;border:1px solid #ffffff75;white-space:nowrap}.build-opening .nav-links a[aria-current]{text-decoration:underline;text-underline-offset:7px}.opening-copy{padding:clamp(64px,10vh,130px) 6vw 170px;max-width:1020px}.opening-copy .build-kicker{margin-bottom:26px;color:#e0e9e8}.opening-copy h1{font-size:clamp(3.75rem,7.2vw,7.7rem);line-height:1.01;text-wrap:balance}.opening-copy h1 em{white-space:nowrap}.opening-intro{max-width:570px;margin-top:28px!important;color:#ebeeee;font-size:1.125rem!important;line-height:1.65!important}.opening-actions{display:flex;align-items:center;gap:30px;margin-top:32px;flex-wrap:wrap}.build-button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:56px;padding:17px 24px;background:#f2f4ed;color:#182a2d;text-decoration:none;font-weight:700;font-size:1rem;border:1px solid transparent;transition:background .2s,transform .2s}.build-button:hover{background:#d6e0d9;transform:translateY(-2px)}.build-text-link{display:inline-block;width:fit-content;text-underline-offset:7px;text-decoration-thickness:1px;font-size:1rem;font-weight:700;line-height:1.7}.opening-caption{position:absolute;inset:auto 6vw 112px;display:flex;justify-content:space-between;align-items:end;gap:24px;border-top:1px solid #ffffff45;padding-top:18px;font-size:.875rem}.opening-caption span:last-child{color:#dae0df;font-size:.8125rem}.build-intro{padding-block:110px;display:grid;grid-template-columns:1fr 1fr;column-gap:110px;row-gap:24px}.build-intro>.build-kicker{grid-column:1/-1;color:#637572}.build-intro>div p+p{margin-top:18px;color:#53615e}.project-section{background:#e4e9e6;padding:88px 0 72px;scroll-margin-top:24px}.build-section-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:45px}.build-section-heading .build-kicker{margin-bottom:20px;color:#506862}.build-section-heading>p{max-width:320px;color:#51625d}.project-options{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #8e9e96;border-bottom:1px solid #8e9e96;margin-bottom:28px}.project-options button{border:0;border-right:1px solid #b6c2bc;background:transparent;color:#263c35;padding:22px 18px;text-align:left;cursor:pointer;display:flex;gap:16px;align-items:center;font-size:1rem;transition:background .2s,color .2s}.project-options button:last-child{border-right:0}.project-options button span{font:400 .8125rem Plex,monospace;opacity:.7}.project-options button[aria-pressed=true]{background:#243d36;color:#fff}.project-options button:hover:not([aria-pressed=true]){background:#d1ddd5}.project-explorer{display:grid;grid-template-columns:1.16fr 1fr;min-height:630px;background:#f8f9f4}.project-photograph{position:relative;overflow:hidden;background:#adb6ad;min-height:560px}.project-photograph>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:opacity .25s}.project-photograph:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#11211ed9,transparent);pointer-events:none}.project-photograph figcaption{position:absolute;bottom:32px;left:32px;right:28px;color:#fff;z-index:1;display:grid;gap:10px}.project-photograph figcaption span{font:600 1.625rem/1.25 Fraunces,Georgia,serif;max-width:390px}.project-photograph figcaption small{font-size:.8125rem;color:#e1e9e5}.project-notes{padding:46px 42px;display:flex;flex-direction:column;align-items:start;gap:19px}.project-notes>.build-kicker{color:#64796c;font-size:.75rem!important}.project-notes h3{font:600 clamp(2rem,3vw,3rem)/1.13 Fraunces,Georgia,serif;letter-spacing:-.035em}.project-notes>p{color:#4a5c55;font-size:1rem}.project-note{border-top:1px solid #cbd5cd;padding-top:18px;width:100%}.project-note h4{font-size:.875rem;margin:0 0 7px}.project-note p{font-size:1rem;color:#4a5c55;line-height:1.65}.project-notes>a{margin-top:auto;padding-top:5px}.project-footnote{font-size:.8125rem!important;color:#55665d;margin-top:18px!important;max-width:950px}.process-section{padding-block:120px;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.process-intro .build-kicker{color:#61766b;margin-bottom:20px}.process-intro>p{margin:28px 0;max-width:380px;color:#52625c}.process-chapters details{border-top:1px solid #aebbb3}.process-chapters details:last-child{border-bottom:1px solid #aebbb3}.process-chapters summary{padding:25px 0;cursor:pointer;display:grid;grid-template-columns:40px 1fr 24px;gap:14px;align-items:center;list-style:none}.process-chapters summary::-webkit-details-marker,.build-faq summary::-webkit-details-marker{display:none}.chapter-number{align-self:start;padding-top:5px;font:.875rem Plex,monospace;color:#63786b}.process-chapters summary>span:nth-child(2){font:600 clamp(1.35rem,2vw,1.8rem)/1.2 Fraunces,serif;letter-spacing:-.02em}.process-chapters small{display:block;font:400 .875rem/1.5 Instrument,Arial,sans-serif;color:#5b7062;margin-bottom:8px;letter-spacing:0}.chapter-toggle:before{content:'+';font-size:1.5rem;font-weight:400}.process-chapters details[open] .chapter-toggle:before{content:'−'}.chapter-body{padding:0 10px 30px 54px}.chapter-body p{font-size:1rem;color:#485a51}.chapter-body dl{margin:24px 0;font-size:.9375rem;line-height:1.6}.chapter-body dt{font-weight:700;margin-top:18px}.chapter-body dd{margin:6px 0 0;color:#53655a}.chapter-body a{font-size:.9375rem;text-underline-offset:4px}.budget-section{background:#1c3439;color:#f2f5f0;padding-block:100px}.budget-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:110px}.budget-intro .build-kicker{color:#c1d2cf;margin-bottom:22px}.budget-intro>p{max-width:440px;margin-top:30px;color:#dae5df}.budget-intro .budget-small{font-size:.875rem;line-height:1.7;color:#b6cbc6}.budget-tool>label,.area-heading>label{font-size:.9375rem}.budget-tool select{width:100%;font:1.125rem Instrument,Arial,sans-serif;min-height:58px;margin:12px 0 30px;padding:12px 16px;border:1px solid #6c8c89;color:#f4f7f0;background:#28464a;border-radius:0;cursor:pointer}.area-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.area-heading>span{white-space:nowrap;font-size:1.125rem}.budget-tool input[type=range]{width:100%;accent-color:#d5e7d2;cursor:pointer;margin:18px 0 8px;height:28px}.range-labels{display:flex;justify-content:space-between;font-size:.8125rem;color:#c1d2cb}.budget-tool #area-explanation{font-size:.875rem;color:#bed0ca;line-height:1.6;margin-top:16px}.budget-result{display:flex;flex-direction:column;gap:12px;border-block:1px solid #57777b;margin-block:30px 24px;padding-block:22px}.budget-result>span{font-size:.875rem;color:#c4d6d0}.budget-result strong{font:600 clamp(1.6rem,2.8vw,2.9rem)/1.2 Fraunces,Georgia,serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.budget-result strong.conversion{font-size:2.5rem}.budget-exclusions h3{font:700 .9375rem/1.4 Instrument,Arial,sans-serif;margin-bottom:8px}.budget-exclusions p,#conversion-note{font-size:.875rem;color:#bed0ca;line-height:1.65}#conversion-note{margin-bottom:24px}.budget-tool>.build-text-link{margin-top:28px;color:#eef5eb}.build-questions{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding-block:100px}.build-questions .build-kicker{color:#61756b;margin-bottom:20px}.build-faq details{border-top:1px solid #b5c0b7}.build-faq details:last-child{border-bottom:1px solid #b5c0b7}.build-faq summary{padding:23px 30px 23px 0;position:relative;cursor:pointer;font-size:1.0625rem;line-height:1.4;list-style:none}.build-faq summary:after{content:'+';position:absolute;right:0;top:22px}.build-faq details[open] summary:after{content:'−'}.build-faq p{padding:0 22px 25px 0;font-size:1rem;color:#4a6154}.build-closing{display:grid;grid-template-columns:1fr 1.1fr;min-height:610px;background:#dce5dd;margin:0 12px 12px;overflow:hidden}.build-closing>img{width:100%;height:100%;max-height:740px;object-fit:cover;object-position:center 54%}.build-closing>div{padding:80px 7vw 80px 6vw;align-self:center}.build-closing h2{margin:24px 0}.build-closing p{max-width:490px;color:#415c4e}.build-closing .build-button{margin:30px 0 22px;background:#233c33;color:#fff}.closing-facts{display:block;font-size:.875rem;color:#486253}.design-build .site-footer{background:#152723;color:#eef1e9;padding-top:60px}.design-build :focus-visible{outline:3px solid #578ce0;outline-offset:5px}.design-build [hidden]{display:none!important}@keyframes opening-settle{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(min-width:1600px){.opening-copy{padding-top:14vh}.opening-caption{bottom:120px}}
@media(max-width:1150px){.build-wrap{width:calc(100% - 64px)}.build-opening .stage-nav{padding:24px}.build-opening .nav-links{gap:18px}.build-opening .nav-links a{font-size:.8125rem}.build-intro,.process-section,.budget-layout,.build-questions{column-gap:56px}.project-notes{padding:32px 28px}.project-options button{gap:10px;padding:20px 12px}.project-explorer{grid-template-columns:1fr 1fr}.opening-copy{padding-left:5vw;padding-right:5vw}.opening-copy h1{font-size:clamp(3.5rem,7.3vw,6rem)}}
@media(max-width:900px){.build-opening .nav-links{display:none}.build-opening{min-height:800px;max-height:none;height:auto}.opening-copy{padding-top:90px;padding-bottom:180px}.opening-caption{bottom:112px}.opening-copy h1 em{white-space:normal}.project-explorer{grid-template-columns:1fr}.project-photograph{min-height:530px}.project-notes{padding:36px}.project-options button{flex-direction:column;align-items:start;gap:9px}.project-options button span{font-size:.75rem}.build-intro{column-gap:40px;padding-block:80px}.process-section,.budget-layout,.build-questions{grid-template-columns:1fr;gap:44px}.process-section,.build-questions{padding-block:80px}.process-intro>p,.budget-intro>p{max-width:600px}.budget-section{padding-block:80px}.build-closing>div{padding:54px 40px}.build-closing{min-height:620px}.build-closing h2{font-size:3rem}.build-closing .build-button{gap:14px;padding:16px;font-size:.9375rem}.build-section-heading{gap:30px}.build-section-heading>p{max-width:260px}}
@media(max-width:600px){.build-wrap{width:calc(100% - 40px)}.build-opening{margin:0;border-radius:0;min-height:840px}.build-opening .stage-nav{padding:22px 20px;gap:12px}.build-opening .stage-brand>span:last-child{font-size:.6875rem}.build-opening .brand-lockup{gap:9px}.build-opening .stage-cta{padding:11px 12px;font-size:.8125rem;min-height:44px}.build-opening .stage-brand .realist-mark{width:70px}.build-opening .stage-brand .office-symbol{width:25px;height:25px}.opening-image{object-position:59% center}.build-opening:after{background:linear-gradient(90deg,#0f252bd1,#10242963),linear-gradient(0deg,#0f262be6,transparent 60%)}.opening-copy{padding:80px 24px 190px}.opening-copy .build-kicker{font-size:.6875rem!important;letter-spacing:.08em;margin-bottom:24px}.opening-copy h1{font-size:clamp(3rem,12vw,4.5rem);line-height:1.08;letter-spacing:-.045em}.opening-copy h1 em{display:block}.opening-intro{font-size:1.0625rem!important;line-height:1.6!important;margin-top:24px!important}.opening-actions{margin-top:28px;gap:20px;align-items:start;flex-direction:column}.opening-actions .build-button{min-height:52px;font-size:.9375rem;padding:15px 18px;gap:20px}.opening-caption{inset:auto 24px 98px;flex-direction:column;align-items:start;gap:7px;font-size:.8125rem;padding-top:16px}.opening-caption span:last-child{font-size:.75rem}.build-intro{display:block;padding-block:65px}.build-intro>h2{margin:22px 0 28px}.build-intro p{font-size:1rem}.project-section{padding:60px 0 40px}.build-section-heading{display:block;margin-bottom:30px}.build-section-heading>p{max-width:100%;margin-top:22px}.build-section-heading h2,.design-build h2{font-size:2.65rem}.project-options{grid-template-columns:1fr 1fr;margin-bottom:20px}.project-options button{flex-direction:row;padding:17px 12px;font-size:.875rem;gap:9px;border-bottom:1px solid #b6c2bc}.project-options button:nth-child(2n){border-right:0}.project-options button:nth-child(n+3){border-bottom:0}.project-photograph{min-height:410px}.project-photograph figcaption{left:24px;bottom:24px}.project-photograph figcaption span{font-size:1.375rem}.project-notes{padding:28px 24px;gap:20px}.project-notes h3{font-size:2.25rem}.project-footnote{font-size:.8125rem!important;line-height:1.6!important}.process-section,.build-questions{padding-block:65px}.process-chapters summary{grid-template-columns:26px 1fr 20px;gap:12px}.chapter-body{padding-left:38px;padding-right:0}.process-chapters summary>span:nth-child(2){font-size:1.4rem}.budget-section{padding-block:65px}.budget-result strong{font-size:clamp(1.5rem,7vw,2.1rem)}.area-heading{align-items:start;flex-direction:column;gap:9px}.budget-intro>p{margin-top:24px}.budget-layout{gap:36px}.build-faq summary{font-size:1rem}.build-closing{display:flex;flex-direction:column;margin:0}.build-closing>img{height:460px;max-height:none}.build-closing>div{padding:50px 24px 60px;width:100%}.build-closing .build-button{width:100%;justify-content:center}.closing-facts{font-size:.8125rem}.design-build .site-footer{padding-top:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening-image{animation:none}.design-build *{transition:none!important}}