/* COVERLYS — editorial architecture. */
:root{--bg:#f7f7f3;--text:#172b41;--muted:#66727c;--line:#172b4126;--ease-ui:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:auto;scroll-padding-top:100px}body,.page-home{background:#f7f7f3;color:var(--text)}
.wrap{max-width:1600px;padding-left:6vw;padding-right:6vw}
h1,h2,h3{color:var(--text);font-weight:450}h2{font-size:clamp(36px,4vw,64px);line-height:1.12;letter-spacing:-.045em}h3{font-size:24px;letter-spacing:-.025em}em{color:#8a949b!important}
.eyebrow,.section-label{font-size:12px;font-weight:400;color:#66727c;letter-spacing:0;margin-bottom:28px}
.header{height:104px;background:#f7f7f3ed;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.official-logo{width:66px}
.header nav{gap:28px}.header nav>a{padding:8px 0;border:0;border-radius:0;background:transparent!important;font-size:12px;min-height:40px;color:var(--text)}.header nav>a[aria-current=page]{color:#6d7a85}.header nav>a:not(.nav-cta):hover{opacity:.6}.header nav .nav-cta{border-radius:32px;padding:8px 8px 8px 20px;background:var(--text)!important;color:white;margin-left:12px;gap:24px}.nav-cta span{width:32px;height:32px;background:#fff;color:var(--text)}
.page-home{padding-top:12px}.page-home .header{top:36px;left:5.5%;right:5.5%;height:76px;padding:0;background:none}.page-home .header nav>a{color:#fff}.page-home .header nav>a[aria-current=page]{color:#fff;opacity:.65}.page-home .header nav .nav-cta{background:#fff!important;color:var(--text)}.page-home .header .nav-cta span{background:var(--text);color:#fff}.page-home .header .official-logo{width:68px}
.page-home .header.pinned{top:12px;left:24px;right:24px;height:72px;border-radius:12px;padding:0 24px;background:#f7f7f3ed;box-shadow:0 4px 20px #0f24300a}.page-home .header.pinned nav>a{color:var(--text)}.page-home .header.pinned .nav-cta{background:var(--text)!important;color:#fff}.page-home .header.pinned .nav-cta span{background:white;color:var(--text)}
.immersive{height:calc(100svh - 24px);min-height:680px;max-height:1100px;aspect-ratio:auto;margin:0 12px;border:0;border-radius:18px;animation:none;background:#93abc2}.scene-back,.scene-front{object-fit:fill}.monument{top:17%;left:4%;width:92%;font-size:15.1vw;font-weight:500;letter-spacing:-.07em}.hero-shade{inset:0;background:linear-gradient(#10263b33 0,transparent 40%,#0b1a2d00 55%,#0b1a2dcc 100%)}.hero-title{left:5%;bottom:56px;max-width:670px}.hero-kicker{display:block;font-size:12px;letter-spacing:0;margin-bottom:20px;color:#ffffffc4}.hero-title h1{color:white;font-size:clamp(30px,3.2vw,52px);line-height:1.14;letter-spacing:-.04em;font-weight:450;margin:0}.hero-button{left:auto;right:5%;bottom:60px;transform:none;padding:8px 8px 8px 24px;gap:28px;background:#fff;color:var(--text);font-size:12px}.hero-button span{width:44px;height:44px;background:#ffd200;color:#142842;font-size:22px}.hero-button:hover{background:#eef1f2;color:var(--text)}.image-credit{right:5%;bottom:16px;font-size:9px;color:#ffffff80}
.opening{padding-top:144px;padding-bottom:144px;grid-template-columns:1fr 3fr;gap:48px}.opening h2{font-size:clamp(34px,3.5vw,56px);line-height:1.2;margin-bottom:40px}.opening-bottom{align-items:flex-end;gap:64px}.opening p{font-size:15px;line-height:1.85;max-width:580px;color:#66727c}.text-link{font-size:12px;color:var(--text);white-space:nowrap;padding-bottom:6px}.opening-bottom .text-link{flex-shrink:0}
.section-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:56px;gap:48px}.section-head h2{width:75%;margin:0}.material-section{padding-bottom:144px}.material-layout{grid-template-columns:1fr 1.15fr;gap:8vw;align-items:start}.material-photo{min-height:640px;border-radius:4px;position:sticky;top:120px}.material-photo img{object-position:70% center}.material-photo small{font-size:9px}.service-list>a{padding:32px 0;gap:24px;background:none!important;min-height:100px;align-items:center;border-color:var(--line)}.service-list>a:first-child{border-top:1px solid var(--line)}.service-list h3{font-size:clamp(20px,2vw,30px);line-height:1.2;margin:0;letter-spacing:-.035em}.service-list .number{border:0;font-size:11px;padding:0;color:#8c979f;font-weight:400}.service-list .arr{font-size:24px;color:#536575}.service-list>a:hover .arr{transform:translate(3px,-3px)}.service-list>a:hover h3{transform:none;color:#748491}.expertise-all{display:inline-block;margin-top:36px}.roof-story{margin:0;min-height:660px;border-radius:0}.roof-story:after{background:linear-gradient(90deg,#0b1a2dc4,transparent)}.roof-story-content{padding:100px 6vw;max-width:800px}.roof-story .section-label{color:#ffffffac}.roof-story h2{font-size:clamp(42px,5vw,76px);color:#fff}.roof-story p{font-size:15px;line-height:1.8;max-width:400px;color:#ffffffbc}.roof-story .button{margin-top:24px;background:#fff;color:var(--text)}.button{font-size:12px;padding:8px 8px 8px 24px;gap:24px;border-radius:32px}.button span{width:40px;height:40px;background:var(--text);color:white}.button:hover{background:#e9edef;color:var(--text);box-shadow:none}
.process{padding-top:144px;padding-bottom:144px;grid-template-columns:1fr 1fr;gap:12vw}.process>div>p{font-size:15px;line-height:1.85;color:#66727c;margin-bottom:32px}.process-list article{padding:32px 0;gap:32px}.process-list h3{font-size:24px;margin-bottom:12px}.process-list p{font-size:14px;line-height:1.8;color:#66727c}.process-list article>span{font-size:11px;color:#919ca4}
.territory-feature{background:#ecefeb;color:var(--text);border-radius:0;width:100%;max-width:none;padding-top:96px;padding-bottom:96px}.territory-feature h2{font-size:clamp(36px,4.5vw,68px);color:var(--text)}.territory-feature .section-label{color:#66727c}.territory-feature>div{display:flex;align-items:end;justify-content:space-between;gap:48px}.territory-feature p{font-size:13px;color:#66727c;margin-bottom:28px}.territory-feature .text-link{color:var(--text)}
.home-faq{padding-top:144px}.faq summary{padding-top:28px;padding-bottom:28px;font-size:18px;font-weight:400;border-color:var(--line)}.faq p{font-size:15px;color:#66727c;max-width:800px}.cta{margin-top:144px;padding-top:100px;padding-bottom:112px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:32px}.cta .eyebrow{width:100%;margin:0}.cta h2{font-size:clamp(36px,4vw,64px);margin:0}.cta .button{background:var(--text);color:#fff}.cta .button span{background:#ffd200;color:var(--text)}.cta .button:hover{background:#2f455a}
footer{background:#12273c;border-radius:0;color:#fff;padding-top:72px}.foot-top{padding-bottom:56px;border-color:#ffffff20}.foot-top p,.footer-grid p{font-size:13px;line-height:1.8;color:#b6c2cc!important}.footer-grid{padding-top:48px;padding-bottom:64px}.footer-grid .eyebrow{font-size:12px;color:#879ba9;margin-bottom:20px}.footer-grid a{font-size:12px;min-height:36px}.foot-bottom{border-color:#ffffff20;font-size:11px}.foot-bottom a{color:#b6c2cc}footer a:hover{color:#ffd200}footer .official-logo{width:100px}
.page-hero{padding-top:80px;padding-bottom:64px}.page-hero h1{font-size:clamp(38px,5vw,72px);line-height:1.12;letter-spacing:-.045em}.page-hero .lead{font-size:16px;line-height:1.8;max-width:780px;color:#66727c}.detail-grid{gap:8vw}.prose h2{font-size:32px}.prose p{font-size:15px;line-height:1.9}.aside-box,.contact-grid aside,.territory-grid article{border-radius:4px;background:#ecefeb;padding:32px}.architecture{border-radius:4px}.related-link{border-radius:0;background:none;border:1px solid var(--line)}.contact-grid .button{background:var(--text);color:#fff}.contact-grid label{font-size:13px}.back-top{width:40px;height:40px;border-color:#bcc6ce;box-shadow:none}.project-visual{border-radius:4px}
@media(min-width:1600px){.immersive{max-width:none}.page-home .header{left:5.5%;right:5.5%}.monument{font-size:15.1vw}}
@media(max-width:1150px){.header nav{gap:16px}.material-photo{min-height:560px}.opening{grid-template-columns:1fr 3fr;gap:32px}.opening-bottom{display:block}.opening-bottom .text-link{display:inline-block;margin-top:24px}.process{gap:7vw}.hero-title{max-width:530px}.hero-button{font-size:11px;gap:16px}}
@media(max-width:850px){.header nav.open{display:flex;align-items:stretch;gap:8px;top:84px;left:20px;right:20px;background:#f7f7f3;padding:24px;border-radius:12px;box-shadow:0 8px 32px #10273c20}.header nav.open>a{padding:12px 0;color:var(--text)!important}.header nav.open .nav-cta{padding:8px 8px 8px 20px;color:#fff!important;margin-left:0;background:var(--text)!important}.page-home .header nav.open{left:0;right:0;top:80px}.page-home .header nav.open>a[aria-current=page]{background:none!important;color:#66727c}.page-home .header .official-logo{width:60px}.hero-title{bottom:140px;max-width:600px}.hero-title h1{font-size:38px}.hero-button{left:5%;right:auto;bottom:56px}.opening,.process{padding-top:96px;padding-bottom:96px}.opening{grid-template-columns:1fr;gap:24px}.section-head{display:block}.section-head h2{width:100%;font-size:44px}.material-layout{gap:5vw}.material-photo{min-height:500px}.service-list>a{padding:28px 0;gap:16px}.service-list h3{font-size:22px}.material-section{padding-bottom:96px}.territory-feature>div{display:block}.territory-feature h2{margin-bottom:40px}.home-faq{padding-top:96px}.cta{margin-top:96px}.page-home .header.pinned{height:64px}.process h2{font-size:40px}}
@media(max-width:600px){.wrap{padding-left:24px;padding-right:24px}.page-home{padding-top:8px}.immersive{margin:0 8px;border-radius:12px;height:calc(100svh - 16px);min-height:700px;max-height:1000px}.page-home .header{top:26px;left:30px;right:30px;height:60px}.page-home .header .official-logo{width:54px}.scene-back,.scene-front{object-fit:cover;object-position:65% center}.scene-front{display:none}.monument{font-size:16vw;top:22%;left:2%;width:96%;letter-spacing:-.07em;color:#ffffffdf}.hero-title{left:24px;right:24px;bottom:148px;max-width:none}.hero-title h1{font-size:32px;letter-spacing:-.04em;line-height:1.17}.hero-kicker{font-size:11px;margin-bottom:16px}.hero-button{left:24px;bottom:58px;font-size:12px;gap:24px}.hero-shade{background:linear-gradient(#10263b22,transparent 35%,#0b1a2d44 55%,#0b1a2de8)}.image-credit{font-size:8px;bottom:16px;right:24px}.opening,.process{padding-top:80px;padding-bottom:80px}.opening h2{font-size:32px;letter-spacing:-.04em}.opening h2 br{display:block}.opening p{font-size:14px}.opening-bottom{display:block}.section-head{margin-bottom:32px}.section-head h2{font-size:38px}.material-layout{grid-template-columns:1fr;gap:32px}.material-photo{position:relative;top:auto;min-height:380px;border-radius:2px}.material-section{padding-bottom:80px}.service-list>a{padding:24px 0;min-height:88px}.service-list h3{font-size:24px}.roof-story{margin:0;min-height:570px;border-radius:0}.roof-story-content{padding:64px 24px}.roof-story h2{font-size:48px}.roof-story p{font-size:14px}.roof-story:after{background:linear-gradient(90deg,#0b1a2dd4,#0b1a2d25)}.process{grid-template-columns:1fr;gap:40px}.process-list article{padding:24px 0}.process h2{font-size:40px}.territory-feature{padding:64px 24px;width:100%;border-radius:0}.territory-feature h2{font-size:36px}.territory-feature>div{display:block}.home-faq{padding-top:80px}.faq summary{font-size:16px;padding:24px 0;line-height:1.5;gap:24px}.cta{margin-top:80px;padding-top:64px;padding-bottom:72px;gap:24px;display:block}.cta .eyebrow{margin-bottom:24px}.cta h2{font-size:36px;margin-bottom:32px}footer{border-radius:0;padding-top:48px}.foot-top{padding-bottom:32px;align-items:start}.foot-top p{font-size:12px}.footer-grid{gap:32px;padding-bottom:40px}.page-hero{padding-top:48px;padding-bottom:40px}.page-hero h1{font-size:40px}.page-hero .lead{font-size:14px}.aside-box,.contact-grid aside{padding:24px}.menu-toggle{font-size:12px;border:0;padding:12px 0}.page-home .header.pinned{left:8px;right:8px;top:8px;padding:0 16px}.page-home .header nav.open{top:68px}.hero-button span{width:40px;height:40px}.header nav .nav-cta{font-size:13px}.official-logo{width:56px}.related-link{padding:12px}.process-list h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.page-home .header.pinned nav>a[aria-current=page]{color:#66727c;background:transparent!important}
/* Frontend Design / UI UX Pro Max: content-led hierarchy and web interaction. */
:root{--ink:#172b41;--secondary:#566470;--paper:#f7f7f3;--focus:#0a4d8c}
em{color:inherit!important}.hero-title h1,.page-hero h1,h2,h3{text-wrap:balance}.prose p,.lead{max-width:70ch}
.header nav>a{font-size:14px}.eyebrow,.section-label{color:var(--secondary);font-size:13px}.opening p,.process>div>p,.process-list p,.prose p,.faq p{color:var(--secondary);font-size:16px}
.ui-arrow{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle}.button .ui-arrow,.hero-button .ui-arrow,.nav-cta .ui-arrow{width:18px;height:18px}.arr{display:flex;align-items:center}.text-link .ui-arrow{margin-left:8px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:5px}a,button,summary{touch-action:manipulation}a:active,button:active{opacity:.82}summary{cursor:pointer;min-height:48px}.skip{z-index:100}
.field-error{display:block;min-height:0;font-size:12px;line-height:1.5;color:#9d2923;margin-top:6px}.field-error:empty{display:none}.contact-grid [aria-invalid=true]{border-color:#9d2923}.contact-grid input,.contact-grid textarea,.contact-grid select{font-size:16px}
:focus-visible{scroll-margin-top:120px;scroll-margin-bottom:64px}.contact-grid .button{min-height:48px}.foot-bottom a{min-height:32px;display:inline-flex;align-items:center}
@media(max-width:850px){.header nav.open>a{min-height:48px}.header nav.open .nav-cta{font-size:14px}}
@media(max-width:600px){.opening p,.process>div>p,.process-list p,.prose p,.faq p{font-size:16px}.text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.footer-grid a{min-height:44px;font-size:13px}.menu-toggle{min-width:56px;min-height:44px}.service-list h3{font-size:24px}.logo{min-width:44px;min-height:44px}}
/* Sheet transition: a lightened, recessed outgoing page beneath the incoming document. */
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition{background:#f7f7f3}
 ::view-transition-group(root){animation-duration:900ms;animation-timing-function:cubic-bezier(.76,0,.24,1);overflow:clip}
 ::view-transition-image-pair(root){isolation:isolate}
 ::view-transition-old(root){z-index:1;transform-origin:50% 100%;animation:page-underlay 900ms cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}
 ::view-transition-new(root){z-index:2;animation:page-sheet 900ms cubic-bezier(.76,0,.24,1) both;mix-blend-mode:normal}
 @keyframes page-underlay{from{transform:scale(1);filter:blur(0);opacity:1;clip-path:inset(0 round 0)}to{transform:scale(.95);filter:blur(4px);opacity:.48;clip-path:inset(0 round 24px)}}
 @keyframes page-sheet{0%{transform:translateY(100vh);filter:blur(3px);clip-path:inset(0 round 24px)}65%{filter:blur(0);clip-path:inset(0 round 16px)}100%{transform:translateY(0);filter:blur(0);clip-path:inset(0 round 0)}}
}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}