.project-hero{padding-top:42px;padding-bottom:45px}.project-hero .breadcrumb{display:inline-block;margin-bottom:35px}.project-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}.project-hero h1{font-size:clamp(40px,4.1vw,59px);line-height:1.07;letter-spacing:-.055em;max-width:740px}.project-hero .lead{font-size:17px;line-height:1.8;margin-top:27px}.project-hero-grid>figure{margin:0}.project-hero-grid>figure>img{height:445px;width:100%;object-fit:cover;border-radius:4px 54px 4px 4px}.project-hero figcaption{font-size:10px;line-height:1.7;color:#83899b;margin-top:13px;max-width:490px}.project-location{font-size:11px!important;font-weight:500;color:#777e91;margin-top:23px!important;padding-top:20px;border-top:1px solid var(--line);line-height:1.7!important}
.project-facts{padding-block:25px 52px;border-bottom:1px solid var(--line)}.project-facts>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.project-facts article{border-top:2px solid var(--blue);padding-top:23px}.project-facts strong{display:block;color:var(--blue);font-size:clamp(24px,3vw,40px);font-weight:500;letter-spacing:-.04em;line-height:1.2}.project-facts article span{display:block;font-size:13px;margin-top:10px;color:#696f83}.project-facts>p{margin-top:25px;font-size:11px;line-height:1.8;color:#858b9c}
.project-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:100px;padding-block:70px 90px;align-items:start}.project-index{position:sticky;top:125px}.project-index .eyebrow{font-size:10px;margin-bottom:20px}.project-index nav{display:grid}.project-index nav a{font-size:12px;padding:15px 0;border-bottom:1px solid var(--line);color:#535b73;line-height:1.5}.project-index nav a:hover{color:var(--blue)}.project-date{font-size:10px!important;color:#9297a7;line-height:1.9!important;margin-top:30px!important}.project-date strong{font-weight:500;color:#646d82}.project-index>.text-link{font-size:11px;margin-top:25px}
.project-narrative{max-width:840px}.project-narrative>section{scroll-margin-top:130px}.project-narrative>section+section{margin-top:65px}.project-narrative h2{font-size:36px;line-height:1.18;margin-bottom:25px;letter-spacing:-.04em}.project-narrative p{font-size:16px;line-height:1.9;color:#626a80}.project-narrative p+p{margin-top:20px}.project-narrative .eyebrow{font-size:10px;color:var(--blue);margin-bottom:18px}.project-challenge{background:#f1f0ff;border-left:3px solid var(--blue);padding:25px 28px;margin-top:30px}.project-challenge>span{font-size:9px;font-weight:600;letter-spacing:.13em;color:var(--blue)}.project-challenge>p{margin-top:12px;font-size:15px;line-height:1.8;color:#525874}
.project-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.project-flow>div{position:relative}.project-flow>div:not(:last-child):after{content:'→';position:absolute;right:2px;top:-4px;color:#aaa4ee;font-size:23px}.project-flow>div>span{display:block;font-size:10px;color:var(--blue);margin-bottom:22px}.project-flow h3{font-size:18px;line-height:1.35;letter-spacing:-.03em;margin-bottom:12px}.project-flow p{font-size:12px;line-height:1.8}.project-benefits{display:grid;gap:0}.project-benefits article{display:flex;gap:23px;border-top:1px solid var(--line);padding:25px 0}.project-benefits article>span{font-size:23px;color:var(--blue);line-height:1.3;flex:none}.project-benefits h3{font-size:21px;line-height:1.3;margin-bottom:10px;letter-spacing:-.025em}.project-benefits p{font-size:14px;line-height:1.8}.project-narrative .project-scope-note{font-size:11px;line-height:1.8;color:#8b90a0;border-top:1px solid var(--line);padding-top:18px;margin-top:0}.project-about{padding:30px;background:#f6f7fa;border-radius:3px}.project-about h2{font-size:25px;margin-bottom:15px}.project-about p{font-size:14px}.project-extra{border-top:1px solid var(--line);padding-top:35px}.project-extra h2{font-size:28px}.project-extra p{font-size:14px}
.project-gallery-section{padding-block:75px;scroll-margin-top:95px}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-gallery figure{margin:0}.project-gallery figure>img{display:block;width:100%;height:410px;object-fit:contain;background:#e9ebef;border-radius:3px}.project-gallery figcaption{font-size:11px;line-height:1.8;color:#808798;margin-top:13px}.project-gallery .project-gallery-screen,.project-gallery .project-gallery-document{grid-column:1 / -1}.project-gallery .project-gallery-screen>img,.project-gallery .project-gallery-document>img{height:auto;max-height:690px;object-fit:contain;background:#fff;border:1px solid #e0e3ed}.project-gallery.single{grid-template-columns:1fr;max-width:1000px;margin:auto}.project-gallery.single .project-gallery-photo>img{height:auto;max-height:650px;background:#e9ebef}
@media(max-width:1100px){.project-hero-grid{gap:38px}.project-hero h1{font-size:45px}.project-hero .lead{font-size:15px}.project-hero-grid>figure>img{height:390px}.project-body{grid-template-columns:195px minmax(0,1fr);gap:55px}.project-narrative h2{font-size:32px}.project-narrative p{font-size:15px}.project-flow p{font-size:11px}.project-benefits p{font-size:14px}.project-gallery figure>img{height:360px}}
@media(max-width:860px){.project-hero-grid{grid-template-columns:1fr;gap:30px}.project-hero h1{max-width:720px;font-size:50px}.project-hero .lead{max-width:690px;font-size:16px}.project-hero-grid>figure>img{height:380px;object-position:center}.project-hero figcaption{max-width:100%}.project-body{grid-template-columns:1fr;gap:42px;padding-block:42px 65px}.project-index{position:static}.project-index nav{grid-template-columns:1fr 1fr;column-gap:30px}.project-index .project-date,.project-index>.text-link{display:none}.project-narrative{max-width:none}.project-facts>div{gap:25px}.project-facts strong{font-size:29px}.project-gallery figure>img{height:300px}}
@media(max-width:620px){.project-hero{padding-top:30px;padding-bottom:30px}.project-hero .breadcrumb{margin-bottom:28px}.project-hero h1{font-size:40px;line-height:1.1}.project-hero .lead{font-size:15px;margin-top:24px}.project-hero-grid>figure>img{height:300px;border-top-right-radius:40px}.project-hero figcaption{font-size:9px}.project-facts{padding-block:10px 30px}.project-facts>div{grid-template-columns:1fr;gap:20px}.project-facts article{display:flex;align-items:center;gap:20px;padding-top:17px}.project-facts strong{font-size:28px;width:47%;flex:none}.project-facts article span{margin:0;font-size:12px;line-height:1.6}.project-facts>p{font-size:10px;margin-top:20px}.project-index nav{column-gap:18px}.project-index nav a{font-size:10px;padding-block:12px}.project-body{gap:36px;padding-bottom:50px}.project-narrative h2{font-size:30px;margin-bottom:22px}.project-narrative p{font-size:14px;line-height:1.9}.project-narrative .eyebrow{font-size:9px}.project-narrative>section+section{margin-top:45px}.project-challenge{padding:21px 20px;margin-top:23px}.project-challenge>p{font-size:13px}.project-flow{grid-template-columns:1fr;gap:20px;padding-top:23px;margin-top:27px}.project-flow>div{display:grid;grid-template-columns:28px 1fr;gap:0 15px;border-bottom:1px solid var(--line);padding-bottom:20px}.project-flow>div:after{display:none}.project-flow>div>span{grid-row:span 2;margin:3px 0 0}.project-flow h3{font-size:19px;margin-bottom:8px}.project-flow p{font-size:12px;grid-column:2}.project-benefits article{gap:16px;padding:22px 0}.project-benefits h3{font-size:20px}.project-benefits p{font-size:13px}.project-narrative .project-scope-note{font-size:10px}.project-about{padding:24px}.project-about h2,.project-extra h2{font-size:25px}.project-about p,.project-extra p{font-size:13px}.project-gallery-section{padding-block:50px}.project-gallery{grid-template-columns:1fr;gap:27px}.project-gallery figure>img{height:auto;max-height:450px}.project-gallery figcaption{font-size:10px}.project-gallery .project-gallery-screen>img{max-height:none}.project-location{font-size:10px!important}.project-facts strong{overflow-wrap:anywhere}}
.project-enlarge{display:inline-block;color:var(--blue);font-size:10px;margin-left:10px;text-decoration:underline;text-underline-offset:3px}
