/* Shared layouts for the dedicated information, project and contact pages. */
.desktop-nav a[aria-current="page"]{color:#ffffff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:#ababab}
.mobile-nav a[aria-current="page"]{color:#ffffff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.page-hero{padding:38px var(--space) 62px;color:#ffffff;background:radial-gradient(ellipse at 82% 15%,#4a4a4a66 0%,#30303000 62%),linear-gradient(125deg,#2b2b2b 0%,#232323 48%,#171717 100%)}
.page-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:10px;line-height:1.5;color:#a8a8a8;margin-bottom:35px}
.page-breadcrumb a{color:#c4c4c4;display:inline-flex;align-items:center;min-height:24px}
.page-breadcrumb a:hover{color:#ffffff;text-decoration:underline;text-underline-offset:4px}
.page-breadcrumb span[aria-current="page"]{color:#e2e2e2}
.page-breadcrumb [aria-hidden="true"]{color:#707070;font-size:12px}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:7%}
.page-hero-grid>*{min-width:0}
.page-hero .eyebrow{font-size:10px;line-height:1.65;letter-spacing:.1em;color:#bdbdbd;margin-bottom:22px}
.page-hero h1{font-family:var(--display,'Arial',sans-serif);font-size:64px;font-weight:600;line-height:1.03;letter-spacing:-.05em;margin:0;max-width:800px}
.page-hero h1 em{color:#bebebe;font-style:normal}
.page-lead{font-size:16px;line-height:1.8;color:#c7c7c7;max-width:510px}
.page-hero>.page-lead{margin-top:25px}
.page-hero-grid .page-lead{padding-bottom:2px}
.page-hero .page-lead p{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 17px}
.page-hero .page-lead p:last-child{margin-bottom:0}
.page-hero .page-lead .page-hero-note{font-size:10px;line-height:1.7;color:#a9a9a9;margin-top:24px}
.page-hero-note{display:flex;align-items:center;gap:12px;color:#a9a9a9;font-size:10px;line-height:1.7;letter-spacing:.04em;margin-top:26px;max-width:650px}
.page-hero-note:before{content:"";width:24px;height:1px;background:#858585;flex-shrink:0}
.page-hero .text-link{color:#e0e0e0;border-color:#7d7d7d;font-size:12px;margin-top:22px;min-height:32px}
.page-hero .button{margin-top:25px;background:#c5c5c5;color:#222222}
.page-hero .button:hover{background:#e0e0e0}
.page-section{padding:80px var(--space)}
.page-section.section-pad{padding:80px var(--space)}
.page-section>.section-label{margin-bottom:30px;color:#717171}
.page-section h2{font-size:clamp(34px,3.6vw,48px);line-height:1.1;letter-spacing:-.04em}
.page-section h2 em{color:#747474;font-style:normal}
.page-section>.section-heading{margin-bottom:35px}
.page-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:start}
.page-split>*{min-width:0}
.page-story-copy h2{margin-bottom:25px}
.page-story-copy h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:25px 0 12px}
.page-story-copy p{font-size:14px;line-height:1.9;color:#626262;max-width:620px;margin:0 0 18px}
.page-story-copy p:last-child{margin-bottom:0}
.page-story-copy .page-lead{font-size:18px;line-height:1.65;color:#303030;margin-bottom:22px}
.page-story-copy .text-link{margin-top:9px;font-size:12px;min-height:34px}
.page-story-copy ul{margin:15px 0 22px;padding-left:20px;color:#626262;font-size:14px;line-height:1.8}
.page-story-copy li{padding-left:4px;margin-bottom:7px}
.page-photo{width:100%;margin:0;align-self:start}
.page-photo img{width:100%;height:380px;object-fit:cover;border-radius:7px;background:#dddddd}
.page-photo figcaption{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 20px;font-size:10px;line-height:1.6;color:#767676;margin-top:13px}
.page-photo figcaption a{color:#484848;text-decoration:underline;text-decoration-color:#b8b8b8;text-underline-offset:3px}
.page-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}
.page-values>*{min-width:0;border:1px solid #d4d4d4;border-radius:2px;background:#f5f5f5;padding:27px 26px 29px}
.page-values>*>.eyebrow,.page-values>*>.page-value-number{font-size:10px;line-height:1.5;letter-spacing:.09em;color:#858585;display:block;margin-bottom:21px}
.page-values h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:500;color:#2b2b2b;margin:0 0 13px}
.page-values p{font-size:13px;line-height:1.85;color:#6a6a6a;margin:0}
.page-values .text-link{font-size:11px;min-height:34px;margin-top:20px}
.page-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:35px 0 0;padding:0;list-style:none;counter-reset:page-step}
.page-step{min-width:0;border-top:1px solid #bcbcbc;padding-top:24px;counter-increment:page-step}
.page-step>.page-step-number,.page-step>span:first-child{display:block;font-family:var(--display,'Arial',sans-serif);font-size:12px;font-weight:500;line-height:1.5;color:#7b7b7b;letter-spacing:.05em;margin-bottom:20px}
.page-step h3{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px;color:#2c2c2c}
.page-step p{font-size:13px;line-height:1.85;color:#666666;margin:0;max-width:390px}
.page-step p+p{margin-top:12px}
.page-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:52px var(--space);background:#252525;color:#ffffff}
.page-cta>div{min-width:0;max-width:800px}
.page-cta h2{font-size:clamp(29px,3.1vw,42px);font-weight:500;line-height:1.13;letter-spacing:-.035em;max-width:720px;color:#ffffff;margin:0}
.page-cta p{font-size:13px;line-height:1.8;color:#bdbdbd;max-width:630px;margin-top:15px}
.page-cta .eyebrow{font-size:9px;letter-spacing:.08em;color:#b7b7b7;margin:0 0 18px}
.page-cta>.button,.page-cta .button{background:#c5c5c5;color:#242424;flex-shrink:0;white-space:nowrap;font-size:12px;min-height:50px}
.page-cta .button:hover{background:#e1e1e1}
.page-cta .page-cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px 25px;max-width:none;flex-shrink:0}
.page-cta .text-link{color:#e4e4e4;border-color:#858585;min-height:36px;font-size:12px}
.page-contact-section{padding-top:68px;padding-bottom:72px}
.page-contact-section .contact-form{min-width:0}
.page-contact-section .contact-copy{min-width:0}
.page-contact-section .contact-details a{max-width:100%}
.page-contact-section .contact-details a>span{overflow-wrap:anywhere}
.project-page-intro .page-lead{max-width:510px}
.project-page-intro+.projects{padding-top:48px}

@media(min-width:1700px){.page-hero,.page-section,.page-section.section-pad,.page-cta{padding-left:max(var(--space),calc((100vw - 1500px)/2));padding-right:max(var(--space),calc((100vw - 1500px)/2))}}
@media(max-width:1100px){.page-hero h1{font-size:56px}.page-hero-grid{gap:6%}.page-lead{font-size:15px}.page-section,.page-section.section-pad{padding-top:65px;padding-bottom:65px}.page-photo img{height:340px}.page-values{gap:18px}.page-values>*{padding:24px 22px}.page-values h3{font-size:20px}.page-step-list{gap:25px}.page-step h3{font-size:21px}.page-cta{gap:24px}.page-cta h2{font-size:35px}}
@media(max-width:800px){.page-hero{padding-top:28px;padding-bottom:45px}.page-breadcrumb{margin-bottom:25px}.page-hero-grid{grid-template-columns:1fr;gap:25px}.page-hero h1{font-size:50px;max-width:650px}.page-hero .eyebrow{margin-bottom:18px;font-size:9px}.page-lead{max-width:600px;font-size:15px}.page-hero-grid .page-lead{max-width:600px}.page-hero-note{margin-top:22px;font-size:9px}.page-split{gap:6%}.page-story-copy h2{font-size:33px}.page-story-copy p{font-size:13px}.page-story-copy .page-lead{font-size:16px}.page-photo img{height:310px}.page-photo figcaption{font-size:9px;gap:5px 12px}.page-values{gap:14px}.page-values>*{padding:23px 18px}.page-values h3{font-size:18px}.page-values p{font-size:12px}.page-step-list{gap:20px}.page-step h3{font-size:20px}.page-step p{font-size:12px}.page-cta{padding-top:40px;padding-bottom:40px;align-items:flex-start}.page-cta h2{font-size:30px}.page-cta p{font-size:12px}.page-cta .button{font-size:11px;gap:17px;padding:14px 17px}.page-contact-section{padding-top:50px;padding-bottom:55px}}
@media(max-width:580px){.page-hero{padding:24px var(--space) 36px}.page-breadcrumb{font-size:9px;gap:8px;margin-bottom:22px}.page-breadcrumb a{min-height:30px}.page-hero-grid{gap:21px}.page-hero .eyebrow{font-size:8px;line-height:1.7;margin-bottom:17px}.page-hero h1{font-size:40px;line-height:1.06;letter-spacing:-.045em;max-width:100%;overflow-wrap:normal}.page-lead,.page-hero-grid .page-lead{font-size:14px;line-height:1.8;max-width:100%}.page-hero>.page-lead{margin-top:22px}.page-hero-note{font-size:9px;line-height:1.7;margin-top:20px;gap:10px}.page-hero-note:before{width:19px}.page-hero .text-link,.page-hero .button{min-height:44px;font-size:11px;margin-top:20px}.page-section,.page-section.section-pad{padding:46px var(--space)}.page-section>.section-label{margin-bottom:25px}.page-section h2{font-size:32px;line-height:1.13}.page-section>.section-heading{margin-bottom:28px}.page-split{grid-template-columns:1fr;gap:28px}.page-story-copy h2{font-size:32px;margin-bottom:22px}.page-story-copy h3{font-size:21px;margin-top:24px}.page-story-copy p{font-size:14px;line-height:1.85;margin-bottom:16px;max-width:100%}.page-story-copy .page-lead{font-size:17px;line-height:1.65;margin-bottom:20px}.page-story-copy ul{font-size:14px;line-height:1.8}.page-story-copy .text-link{min-height:44px;font-size:12px;margin-top:4px}.page-photo img{height:260px;border-radius:6px}.page-photo figcaption{font-size:9px;line-height:1.7;margin-top:11px}.page-values{grid-template-columns:1fr;gap:15px;margin-top:27px}.page-values>*{padding:25px 24px}.page-values>*>.eyebrow,.page-values>*>.page-value-number{margin-bottom:16px;font-size:9px}.page-values h3{font-size:22px;margin-bottom:12px}.page-values p{font-size:14px;line-height:1.8}.page-values .text-link{min-height:44px;font-size:12px;margin-top:13px}.page-step-list{grid-template-columns:1fr;gap:25px;margin-top:28px}.page-step{display:grid;grid-template-columns:29px minmax(0,1fr);gap:0 16px;padding-top:22px}.page-step>.page-step-number,.page-step>span:first-child{grid-column:1;grid-row:1;font-size:11px;line-height:1.7;margin:2px 0 0}.page-step>div,.page-step>h3,.page-step>p{grid-column:2}.page-step h3{font-size:22px;line-height:1.3;margin-bottom:12px}.page-step p{font-size:14px;line-height:1.8;max-width:100%}.page-cta{flex-direction:column;gap:25px;padding:38px var(--space) 40px}.page-cta h2{font-size:32px;line-height:1.15;max-width:100%}.page-cta p{font-size:14px;line-height:1.8;margin-top:18px}.page-cta .eyebrow{font-size:8px;margin-bottom:17px}.page-cta>.button,.page-cta .button{min-height:48px;font-size:12px;padding:14px 18px;gap:22px}.page-contact-section{padding-top:43px;padding-bottom:48px}.project-page-intro+.projects{padding-top:32px}}
@media(max-width:360px){.page-hero h1{font-size:37px}.page-section h2,.page-story-copy h2,.page-cta h2{font-size:29px}.page-photo img{height:240px}.page-step{grid-template-columns:25px minmax(0,1fr);column-gap:13px}.page-values>*{padding:23px 21px}}
@media(max-width:580px){.page-breadcrumb a,.page-cta .text-link{min-height:44px}.page-photo figcaption a{display:inline-flex;align-items:center;min-height:44px}.page-cta .page-cta-actions{max-width:100%}}
