.article-breadcrumb{display:flex;align-items:center;gap:12px;padding:24px 0;font-size:11px;color:var(--muted);flex-wrap:wrap}.article-breadcrumb>span:last-child{max-width:450px}.project-article-header{padding-top:42px;padding-bottom:45px;max-width:1010px;text-align:center}.project-article-header>.eyebrow{font-size:10px;margin-bottom:25px}.project-article-header h1{font-size:clamp(45px,4.9vw,73px);line-height:1.08;max-width:900px;margin:0 auto;text-wrap:balance}.project-article-intro{font-size:18px;color:var(--muted);line-height:1.8;max-width:660px;margin:26px auto 0;text-wrap:pretty}.project-article-credit{font-size:11px;line-height:1.8;margin-top:23px;color:var(--muted)}.project-article-hero{margin-top:0;margin-bottom:0}.project-article-hero>img{width:100%;height:clamp(400px,44vw,640px);object-fit:cover;object-position:center 38%}.project-article-hero>figcaption{font-size:10px;color:var(--muted);padding-top:13px;line-height:1.8}.project-article-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(220px,310px);justify-content:center;align-items:start;gap:100px;padding-top:65px;padding-bottom:65px}.project-article-story>section+section{margin-top:38px}.project-article-story h2{font-size:37px;line-height:1.18;margin-bottom:21px}.project-article-story p{font-size:16px;line-height:1.95;color:var(--muted);max-width:700px}.project-article-story p+p{margin-top:20px}.article-project-facts{position:sticky;top:130px;border-left:1px solid var(--line);padding-left:30px;min-width:0}.article-project-facts>.eyebrow{font-size:8px;margin-bottom:17px}.article-project-facts h2{font-size:31px;line-height:1.2}.article-project-facts dl{margin:25px 0}.article-project-facts dl>div{padding:15px 0;border-top:1px solid var(--line)}.article-project-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);line-height:1.6}.article-project-facts dd{font-size:13px;line-height:1.8;margin:6px 0 0}.article-project-facts>.text-link{font-size:11px;gap:10px}.project-article-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:65px}.project-article-gallery>figure{margin:0;min-width:0}.project-article-gallery img{height:570px;width:100%;object-fit:cover;object-position:center 40%;background:var(--paper)}.project-article-gallery figcaption{font-size:10px;line-height:1.8;color:var(--muted);margin-top:13px}.article-rooflights{display:grid;grid-template-columns:1fr 1.2fr;background:var(--paper);align-items:stretch;margin-bottom:10px}.article-product-image{display:flex;align-items:center;justify-content:center;padding:40px;background:#f1f2ed;min-height:365px}.article-product-image img{width:80%;max-width:340px;mix-blend-mode:multiply}.article-product-copy{padding:45px 55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.article-product-copy>.eyebrow{font-size:9px;margin-bottom:22px}.article-product-copy h2{font-size:41px;line-height:1.14;max-width:430px}.article-product-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.85;margin-top:20px;max-width:410px}.article-product-copy>.article-size-caption{font-size:10px;margin-top:25px}.article-size-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.article-size-links>a{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #bec9c3;background:white;padding:12px 17px;min-height:46px;font-size:12px}.article-size-links>a:hover{background:var(--light);text-decoration:none}.article-size-links>a>span{font-size:19px}.article-product-copy>.text-link{font-size:11px;margin-top:25px}.article-related .section-heading h2{font-size:42px;max-width:700px}.article-related .section-heading>.text-link{font-size:12px;flex-shrink:0}.article-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.article-related-photo{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}.article-related-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .4s}.article-related-photo:hover>img{transform:scale(1.03)}.article-related-photo>span{position:absolute;bottom:20px;right:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:white;font-size:23px}.article-related-grid article>.eyebrow{font-size:9px;margin:23px 0 14px}.article-related-grid h3{font-size:31px;line-height:1.15;max-width:520px}.article-related-grid article>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin-top:16px;max-width:490px}.article-related-grid article>.text-link{font-size:11px;margin-top:20px}.article-back{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:27px;padding-bottom:50px}.article-back>.text-link{font-size:12px}
@media(max-width:1180px){.project-article-header{padding-top:35px;padding-bottom:38px}.project-article-layout{gap:55px;grid-template-columns:minmax(0,1fr) 260px}.project-article-story h2{font-size:33px}.project-article-story p{font-size:15px}.article-product-copy{padding:38px}.article-product-copy h2{font-size:36px}.project-article-gallery img{height:470px}}
@media(max-width:950px){.project-article-header h1{font-size:53px}.project-article-intro{font-size:16px;max-width:590px}.project-article-hero>img{height:420px}.project-article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 225px;padding-top:45px;padding-bottom:45px}.article-project-facts{padding-left:23px}.article-project-facts h2{font-size:28px}.project-article-gallery{gap:20px;margin-bottom:45px}.project-article-gallery img{height:380px}.article-rooflights{grid-template-columns:.85fr 1.15fr}.article-product-image{padding:25px}.article-product-copy{padding:32px}.article-product-copy h2{font-size:32px}.article-related .section-heading h2{font-size:35px}.article-related-grid{gap:25px}.article-related-grid h3{font-size:28px}}
@media(max-width:700px){.article-breadcrumb{font-size:9px;line-height:1.7;gap:8px;padding:16px 0}.article-breadcrumb>span:last-child{max-width:100%}.project-article-header{padding-top:26px;padding-bottom:30px;text-align:left}.project-article-header>.eyebrow{font-size:9px;line-height:1.8;margin-bottom:20px}.project-article-header h1{font-size:43px;margin:0;text-wrap:pretty}.project-article-intro{font-size:15px;line-height:1.85;margin:21px 0 0}.project-article-credit{font-size:10px;margin-top:19px}.project-article-hero>img{height:370px;object-position:center 35%}.project-article-hero>figcaption{font-size:9px;padding-top:11px}.project-article-layout{grid-template-columns:1fr;gap:34px;padding-top:37px;padding-bottom:38px}.project-article-story>section+section{margin-top:30px}.project-article-story h2{font-size:31px;margin-bottom:18px}.project-article-story p{font-size:14px;line-height:1.95}.article-project-facts{position:static;border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.article-project-facts>.eyebrow{font-size:8px;margin-bottom:15px}.article-project-facts h2{font-size:30px}.article-project-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin:20px 0}.article-project-facts dl>div{padding:14px 0}.article-project-facts dd{font-size:12px}.article-project-facts>.text-link{font-size:11px}.project-article-gallery{gap:25px;grid-template-columns:1fr;margin-bottom:38px}.project-article-gallery img{height:auto;max-height:580px;aspect-ratio:4/5}.project-article-gallery figcaption{font-size:9px;margin-top:10px}.article-rooflights{grid-template-columns:1fr}.article-product-image{padding:25px;min-height:0;height:245px}.article-product-image img{width:auto;height:100%}.article-product-copy{padding:32px 25px 36px}.article-product-copy>.eyebrow{font-size:8px;margin-bottom:20px}.article-product-copy h2{font-size:34px}.article-product-copy>p:not(.eyebrow){font-size:13px;margin-top:18px}.article-product-copy>.article-size-caption{font-size:10px;margin-top:23px}.article-size-links{gap:9px}.article-size-links>a{font-size:11px;gap:20px;padding:11px 13px;min-height:44px}.article-related .section-heading{gap:22px}.article-related .section-heading h2{font-size:34px}.article-related .section-heading>.text-link{font-size:11px}.article-related-grid{grid-template-columns:1fr;gap:35px}.article-related-photo{aspect-ratio:5/4}.article-related-grid h3{font-size:29px}.article-related-grid article>.eyebrow{font-size:8px;margin-top:20px}.article-related-grid article>p:not(.eyebrow){font-size:13px;margin-top:12px}.article-related-grid article>.text-link{margin-top:17px}.article-back{align-items:flex-start;flex-direction:column;gap:20px;padding-top:25px;padding-bottom:35px}.article-back>.text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.article-related-photo>img{transition:none}}