@font-face{font-family:'Project Playfair';src:url('assets/fonts/PlayfairDisplay-VF.woff2') format('woff2');font-weight:400 900;font-display:swap}
.company-contact>div:last-child>p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.project-page,.company-page{width:100%;max-width:none;margin:0;box-sizing:border-box}
.project-page[hidden],.company-page[hidden]{display:none!important}
.project-page p,.company-page p,.project-page h1,.project-page h2,.project-page h3,.project-page h4,.company-page h1,.company-page h2{margin:0}
.project-intro{background:#fff;padding:48px max(5.55vw,24px);color:#24272c;display:grid;gap:12px}
.project-intro>p:first-child{font-size:14px;line-height:22px}.project-intro h1{font-size:36px;line-height:48px;font-weight:700}.project-intro>p:last-child{font-size:20px;line-height:34px;opacity:.65}
.project-hero{position:relative;isolation:isolate;background:#101418;color:#f0f2f5;min-height:900px;padding:64px 5.55% 64px;display:grid;grid-template-columns:minmax(0,840fr) minmax(240px,344fr);column-gap:6.65%;box-sizing:border-box}
.project-photo,.project-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.project-photo{object-fit:cover}.project-shade{background:linear-gradient(to bottom,transparent 60%,rgba(5,8,13,.72)),linear-gradient(to right,rgba(5,8,13,.88),rgba(5,8,13,.43) 50%,rgba(5,8,13,.06))}
.project-number{grid-column:1/-1;font-size:14px;line-height:22px;align-self:start}.project-copy{padding-top:230px;min-width:0}.project-accent{color:#d1b275;font-size:14px;line-height:22px}.project-copy h2{font:400 clamp(54px,6.67vw,96px)/1.21 'Project Playfair',serif;margin:12px 0}.project-copy h3{font-size:40px;line-height:1.4;font-weight:500}.project-description{font-size:20px;line-height:34px;opacity:.88;white-space:pre-line;margin-top:12px!important}.project-scope{margin-top:38px}.project-scope h4{font-size:20px;line-height:30px;color:#d1b275;font-weight:500}.project-scope>p{font-size:18px;line-height:28px;white-space:pre-line;margin-top:8px}.project-scope small{display:block;font-size:16px;line-height:24px;opacity:.72;margin-top:8px}
.project-facts{align-self:end;margin-bottom:0;padding:28px;border:1px solid #ffffff40;border-radius:10px;background:linear-gradient(#ffffff0b,#ffffff00),#0c172433;backdrop-filter:blur(8px);display:grid;gap:24px}.project-facts span{font-size:14px;line-height:22px;color:#d1b275}.project-facts p{font-size:24px;line-height:36px;margin-top:8px}.project-facts>div:last-child p{font-size:20px;line-height:34px}.project-contact-link{padding:40px;text-align:center;background:#f7f9fb}
.company-page{background:#06080a;color:#f5f5f5;padding:100px 5.55% 96px;display:flex;flex-direction:column;gap:36px}.company-brand{width:338px;height:auto;max-width:100%;align-self:flex-start}.company-page h1{font-size:56px;line-height:1.45;font-weight:700}.company-lead{font-size:24px;line-height:1.45;color:#b8b8b8;white-space:pre-line}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 64px}.company-label{font-size:20px!important;color:#8c8c8c!important}.company-grid h2{font-size:32px;line-height:1.45;margin:14px 0}.company-grid article>p{font-size:26px;line-height:1.45;color:#b3b3b3;white-space:pre-line}.company-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 64px;background:#171a1f;border-radius:18px;padding:28px 32px;font-style:normal}.company-contact>div>span{display:block;color:#a6adb8;font-size:16px;line-height:22px;margin-bottom:12px}.company-contact a{color:#f5f5f5;font-size:22px;line-height:32px;text-decoration:none;white-space:nowrap}.company-contact>div:first-child a{font-weight:700}.company-contact a:hover{text-decoration:underline;text-underline-offset:5px}.company-contact a:focus-visible{outline:2px solid #d1b275;outline-offset:5px}.company-foot{color:#737373;font-size:16px;line-height:1.45}
body #contact{min-height:0;padding-block:64px}
@media(max-width:900px){.project-hero{min-height:760px;grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 24px}.project-copy{padding-top:140px}.project-copy h3{font-size:28px}.project-facts{grid-template-columns:1fr 1fr;gap:16px;padding:20px}.project-copy h2{font-size:clamp(44px,8vw,72px)}.project-scope{margin-top:24px}.company-page{padding:64px 24px}.company-page h1{font-size:40px}.company-grid{gap:32px}.company-grid h2{font-size:25px}.company-grid article>p{font-size:20px}.company-contact{grid-template-columns:1fr}.project-intro h1{font-size:30px;line-height:1.4}}
@media(max-width:600px){.company-grid{grid-template-columns:1fr}.company-page h1{font-size:32px}.company-lead{font-size:19px}.company-contact{padding:24px 20px}.company-contact a{font-size:17px}.project-description{font-size:18px;line-height:29px}.project-scope>p{font-size:16px;line-height:26px}.project-scope small{font-size:14px}.project-facts p{font-size:18px;line-height:28px}.project-facts>div:last-child p{font-size:17px;line-height:28px}.project-copy{padding-top:100px}.project-hero{min-height:0}.project-intro>p:last-child{font-size:18px;line-height:28px}}

.case-contact{background:#fff;text-align:center;padding:64px 24px!important;min-height:0!important}
.project-page .case-contact>p{margin-inline:auto!important;text-align:center}
.case-contact h2{font-size:clamp(30px,3.6vw,52px);line-height:1.4;margin:30px 0 20px!important}
.case-contact>p:not(.eyebrow){font-size:14px;line-height:26px;color:#8590a0;margin-bottom:26px}
#company-dialog{box-sizing:border-box;width:min(1280px,calc(100% - 48px));max-width:none;max-height:90dvh;padding:0;border:1px solid #ffffff26;border-radius:22px;background:#06080a;color:#f5f5f5;overflow:auto;overscroll-behavior:contain}
#company-dialog::backdrop{background:#10182099;backdrop-filter:blur(6px)}
#company-dialog .company-page{padding:32px 5.55% 64px}
.company-close{position:sticky;top:16px;margin:16px 16px 0 auto;display:grid;place-items:center;box-sizing:border-box;padding:0;width:40px;height:40px;border:1px solid #ffffff40;border-radius:50%;background:#25292f;color:#fff;cursor:pointer;z-index:2}
.company-close svg{display:block;flex-shrink:0;pointer-events:none}
.company-close:hover{background:#424851}.company-close:focus-visible{outline:2px solid white;outline-offset:3px}
/* Fit the company information to ordinary desktop viewport heights. */
@media(min-width:901px){
 #company-dialog{width:min(1180px,calc(100% - 48px));max-height:calc(100dvh - 40px)}
 #company-dialog .company-page{padding:0 40px 24px;gap:16px}
 #company-dialog .company-brand{width:210px}
 #company-dialog .company-page h1{font-size:34px;line-height:1.25}
 #company-dialog .company-lead{font-size:16px;line-height:1.5}
 #company-dialog .company-grid{gap:18px 40px}
 #company-dialog .company-label{font-size:13px!important;line-height:20px}
 #company-dialog .company-grid h2{font-size:21px;line-height:1.35;margin:6px 0 8px}
 #company-dialog .company-grid article>p:not(.company-label){font-size:16px;line-height:1.5;white-space:normal}
 #company-dialog .company-contact{padding:16px 20px;gap:24px;border-radius:12px}
 #company-dialog .company-contact>div>span{font-size:12px;line-height:18px;margin-bottom:6px}
 #company-dialog .company-contact a{font-size:16px;line-height:24px}
 #company-dialog .company-foot{font-size:12px;line-height:18px}
 #company-dialog .company-close{width:32px;height:32px;font-size:22px;line-height:28px;top:12px;margin:12px 12px 0 auto}
}
@media(min-width:901px) and (max-height:720px){
 #company-dialog .company-page{gap:12px;padding:0 32px 20px}
 #company-dialog .company-brand{width:170px}
 #company-dialog .company-page h1{font-size:28px}
 #company-dialog .company-grid{gap:12px 32px}
 #company-dialog .company-grid h2{font-size:19px;margin:4px 0 6px}
 #company-dialog .company-grid article>p:not(.company-label),#company-dialog .company-lead{font-size:14px;line-height:1.45}
 #company-dialog .company-contact{padding:12px 16px}
}
@media(max-width:600px){#company-dialog{width:calc(100% - 24px);max-height:92dvh;border-radius:16px}#company-dialog .company-page{padding:24px 20px 40px}.company-contact>div:last-child>p>span{display:none}.company-contact>div:last-child>p{flex-direction:column;align-items:flex-start}}
@media(max-width:900px){
 #company-dialog .company-page{padding:12px 20px 24px;gap:16px}
 #company-dialog .company-brand{width:170px}
 #company-dialog .company-page h1{font-size:26px;line-height:1.3}
 #company-dialog .company-lead,#company-dialog .company-grid article>p:not(.company-label){font-size:14px;line-height:1.5;white-space:normal}
 #company-dialog .company-grid{gap:18px 24px}
 #company-dialog .company-label{font-size:12px!important}
 #company-dialog .company-grid h2{font-size:18px;line-height:1.4;margin:5px 0 7px}
 #company-dialog .company-contact{padding:16px;gap:14px}
 #company-dialog .company-contact>div>span{font-size:12px;margin-bottom:4px}
 #company-dialog .company-contact a{font-size:14px;line-height:22px}
 #company-dialog .company-foot{font-size:11px}
}