/* Shared Webflow hero and responsive content; header styles stay independent. */
main.publishing-content{min-width:0;min-height:100vh;line-height:1.45;font-family:Pretendard,Arial,sans-serif}
main.publishing-content:has(>.lx-insights-list-hero),main.warranty-page{padding-top:0}
.publishing-content .lx-insights-list-hero{color:#111}
.publishing-content .lx-insights-list-title{font-size:60px;font-weight:500;line-height:1.12;letter-spacing:0;margin:0 auto}
[data-media="videos"] .lx-insights-list-title,[data-media="news"] .lx-insights-list-title{font-weight:600}
.publishing-content .lx-insights-list-lead{font-size:19px;font-weight:400;line-height:1.7;letter-spacing:-.02em;margin:18px auto 0}
.publishing-content .lx-insights-hero-eyebrow{font-weight:500}
.media-width{width:calc(100% - 64px);max-width:1400px}
.article-width{width:calc(100% - 64px);max-width:970.667px}
.pattern-width,.pattern-nav>div,.pattern-hero-copy,.resource-card,.resource-tabs,.request-box{width:calc(100% - 64px);max-width:1280px}
.pattern-detail-page .pattern-detail-width,.pattern-detail-page .pattern-nav>div,.pattern-detail-page>.pattern-cta>.pattern-cta-inner{width:calc(100% - 64px);max-width:1280px;margin-left:auto;margin-right:auto}
.pattern-cases-section .pattern-projects{width:100%}
.pattern-detail-hero{grid-template-columns:minmax(0,550px) minmax(0,1fr)}
.pattern-hero-live{font-family:Pretendard,Arial,sans-serif;height:320px}
.pattern-hero-copy h1{font-size:60px;font-weight:600;line-height:1.12;letter-spacing:0}
.pattern-hero-copy p{font-size:23px;font-weight:400;line-height:1.5}
.social-art-hero{background:#a39765 url('../images/social-hero-background.png') center/cover no-repeat}
.publishing-content .social-art-hero,.publishing-content .social-art-hero .lx-insights-list-lead,.social-art-hero .lx-insights-hero-eyebrow__text{color:#fff}
.social-art-hero .lx-insights-hero-eyebrow__text{border-color:transparent}
.resource-hero{padding:40px 0 0}
.resource-hero .search-box{width:calc(100% - 64px);max-width:900px}
.resource-tabs{gap:10px;flex-wrap:wrap}
.resource-tabs button{flex:1 1 auto;white-space:nowrap}
.warranty-width{width:calc(100% - 64px);max-width:1340px;margin-left:auto;margin-right:auto}
.publishing-content .lx-philosophy-hero__title{font-size:clamp(38px,3.1vw,58px);font-weight:600;line-height:1.15;letter-spacing:normal}
.publishing-content .lx-philosophy-hero__lead{font-weight:400}
.warranty-width table{width:100%}
.warranty-table-scroll{overflow-x:auto}
.page-directory{width:calc(100% - 64px);max-width:1400px;margin:64px auto 100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.page-directory>a{position:relative;padding:28px;border:1px solid #e0e3e6;transition:border-color .2s,background .2s}
.page-directory>a:hover{background:#f6f7f8;border-color:#222}
.page-directory>a>span{font-size:13px;color:#8c9198}
.page-directory h2{margin:24px 0 8px;font-size:25px;font-weight:500}
.page-directory p{color:#777;font-size:15px}
.page-directory b{position:absolute;right:28px;top:28px;font-size:22px;font-weight:400}
@media(max-width:1100px){
 .pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 .pattern-detail-hero{grid-template-columns:1fr 1fr;gap:36px}.pattern-detail-photo{height:430px}
 .pattern-detail-actions{flex-wrap:wrap}.pattern-detail-page .pattern-specs>div{grid-template-columns:100px 1fr;padding:12px}
 .similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-media="social"] .social-intro h2{font-size:36px}
 .request-box{flex-wrap:wrap}.request-box>div{flex-basis:70%}
 .resource-row,.resource-columns{grid-template-columns:minmax(0,1fr) 110px 150px;gap:12px}
 .resource-title a,.resource-title h3{font-size:16px}
}
@media(max-width:991px){
 main.publishing-content{padding-top:70px}
 main.publishing-content:has(>.lx-insights-list-hero),main.warranty-page{padding-top:0}
 .publishing-content .lx-insights-list-title{font-size:46px}
 .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pattern-hero-copy h1{font-size:46px}.pattern-hero-copy p{font-size:20px}
 .pattern-cases-section .pattern-projects{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tech-grid{grid-template-columns:1fr}
 .pattern-detail-page>.pattern-cta>.pattern-cta-inner{flex-wrap:wrap}
 .pattern-cta-inner>.pattern-cta-copy{flex:1 1 100%}
}
@media(max-width:767px){
 .media-width,.article-width,.pattern-width,.pattern-nav>div,.pattern-hero-copy,.resource-card,.resource-tabs,.request-box,.warranty-width,.page-directory{width:calc(100% - 32px)}
 .pattern-detail-page .pattern-detail-width,.pattern-detail-page .pattern-nav>div,.pattern-detail-page>.pattern-cta>.pattern-cta-inner{width:calc(100% - 32px)}
 .publishing-content .lx-insights-list-title{font-size:36px}
 .publishing-content .lx-insights-list-lead{font-size:17px;line-height:1.6;word-break:keep-all}
 .publishing-content .lx-insights-list-container{width:calc(100% - 32px)}
 .pattern-nav>div,.pattern-detail-page .pattern-nav>div{overflow-x:auto;gap:24px;white-space:nowrap}
 .pattern-nav a{flex:none}.pattern-hero-live{height:300px;background-position:60% center}
 .pattern-hero-live{background-image:linear-gradient(90deg,#f1f0e9ed,#f1f0e9cc),url('../images/pattern-hero-background.png')}
 .pattern-hero-copy h1{font-size:36px}.pattern-hero-copy p{font-size:19px;line-height:1.5}.pattern-hero-copy small{font-size:14px;max-width:400px}
 .pattern-controls .search-box{height:50px}.search-box input{font-size:15px;padding-left:14px}
 .filter-line{align-items:flex-start;flex-direction:column;gap:10px;margin:20px 0}.filter-line>strong{width:auto}
 .filter-chip{font-size:13px;padding:0 12px}.filter-line>div{gap:6px}
 .patterns-page .selected-filters{align-items:flex-start;flex-wrap:wrap;gap:10px}.selected-filters>strong{flex-basis:100%}
 .result-toolbar{gap:12px;font-size:14px;flex-wrap:wrap}.result-toolbar select{font-size:14px}
 .pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.pattern-card>div:last-child{padding:12px}
 .pattern-grid.is-list{grid-template-columns:1fr}
 .pattern-detail-hero{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.pattern-detail-photo{height:auto;aspect-ratio:1}
 .pattern-detail-info h1{font-size:32px}.pattern-detail-info .pattern-description{font-size:15px}
 .pattern-detail-page .pattern-specs{font-size:13px}.pattern-detail-page h2{font-size:24px}
 .pattern-section-heading{gap:12px;flex-wrap:wrap}.pattern-cases-section .pattern-projects{grid-auto-rows:210px;gap:12px}
 .pattern-project strong{font-size:16px}.pattern-technology .tech-item{padding:24px 16px;gap:16px}
 .similar-grid{gap:12px}.pattern-similar .similar-grid a{padding:10px;gap:10px}
 .pattern-similar .similar-grid img{width:48px;height:48px}
 .pattern-detail-page>.pattern-cta{padding:32px 0}.pattern-cta-inner>.pattern-cta-copy{margin-bottom:10px}
 .news-list-section,.video-list-section{padding-top:40px}
 .news-list-section .search-box{width:100%;height:48px}
 [data-media="news"] .news-row{grid-template-columns:120px minmax(0,1fr);gap:18px;min-height:160px;padding:24px 0}
 [data-media="news"] .news-image{height:95px}
 [data-media="news"] .news-row h2{font-size:18px;line-height:1.5}.news-row .external{display:none}
 .news-row p{font-size:13px;margin-top:12px}
 .publishing-content .pagination{padding-top:48px;gap:6px;flex-wrap:wrap}.pagination button{min-width:32px;font-size:14px;padding:0 8px}
 .video-grid{gap:32px 16px}[data-media="videos"] .video-grid{row-gap:32px}
 .article-width .breadcrumb{margin-bottom:32px;padding:24px 0;gap:12px;font-size:12px}
 .article-heading h1{font-size:28px;line-height:1.4}.article-meta{gap:14px;flex-wrap:wrap;font-size:13px}
 [data-media="news-detail"] .article-meta strong{font-size:18px}
 [data-media="news-detail"] .article-heading{margin-bottom:40px}
 [data-media="news-detail"] .article-body{font-size:16px}.article-subtitle{font-size:18px!important}
 .article-neighbors a{gap:14px}.article-neighbors time{display:none}.article-back{margin-top:48px}
 .video-player{margin-top:32px}[data-media="video-detail"] .video-description{margin-top:32px;font-size:15px}
 [data-media="video-detail"] .video-player .play-symbol{width:64px;height:64px;left:calc(50% - 32px);top:calc(50% - 32px);padding:20px}
 [data-media="social"] .social-intro{padding:32px 0 64px;gap:24px;flex-direction:column;align-items:flex-start}
 [data-media="social"] .social-intro h2{font-size:28px}[data-media="social"] .social-intro p{font-size:16px;margin-top:24px}
 [data-media="social"] .social-illustration{transform:none;align-self:center}
 #social-dialog{width:calc(100% - 24px);max-width:none;padding:52px 20px 24px}
 #social-story h2{font-size:24px}.social-grid h2{min-height:0}
 #pattern-image-dialog{width:calc(100% - 24px);padding:48px 16px 16px}
 .resource-hero{padding-top:28px}.resource-hero .search-box{width:calc(100% - 32px);height:56px}
 .resource-tabs{margin-top:24px;gap:0;display:grid;grid-template-columns:repeat(3,1fr)}.resource-tabs button{height:54px;font-size:13px}
 .resource-area{padding:28px 0 40px}.resource-card{padding:20px 16px}.resource-columns{display:none}
 .resource-row{height:auto;min-height:130px;grid-template-columns:1fr auto;padding:20px 0;gap:16px}
 .resource-title{grid-column:1/-1;gap:12px}.resource-title a,.resource-title h3{font-size:16px}
 .resource-row time{text-align:left;font-size:13px}.resource-row .button{font-size:13px;min-height:40px}
 .request-box{padding:24px 20px;gap:16px}.request-box>img{width:40px;height:40px}.request-box h2{font-size:22px}
 .request-box>div{flex-basis:calc(100% - 56px)}.request-box .button{font-size:14px;height:48px;min-height:48px;padding:10px 16px}
 .warranty-heading{padding:48px 0 32px}.warranty-heading h2{font-size:32px}
 .warranty-tabs{overflow-x:auto;gap:16px;white-space:nowrap;margin-bottom:32px}.warranty-tabs a{padding:0 0 16px;font-size:16px}
 .warranty-stats{flex-direction:column}.warranty-stats>div{border-right:0;border-bottom:1px solid #ddd;padding:20px}
 .warranty-stats strong{font-size:38px}.warranty-width table{min-width:660px;font-size:13px}
 .warranty-width th,.warranty-width td{padding:12px}.warranty-width .table-title{font-size:23px;margin-top:40px}
 .exclusions-box{padding:24px 20px}.warranty-downloads{gap:16px}.warranty-downloads a{font-size:13px}
 .page-directory{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;gap:12px}.page-directory>a{padding:20px}.page-directory h2{font-size:21px}.page-directory b{right:20px;top:20px}
 .footer-space{height:100px}.back-top{bottom:16px;right:16px;padding:10px}
}
@media(max-width:479px){
 .pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-grid.is-list{grid-template-columns:1fr}
 .video-grid{grid-template-columns:1fr}.page-directory{grid-template-columns:1fr}
 .pattern-detail-page .pattern-specs>div{grid-template-columns:90px 1fr}
 .pattern-detail-actions{gap:8px}.pattern-detail-page .button{padding:10px 14px}
 .pattern-cases-section .pattern-projects{grid-auto-rows:175px}.pattern-project strong{font-size:14px}
 .similar-grid{grid-template-columns:1fr 1fr}.pattern-similar .similar-grid a{align-items:flex-start;flex-direction:column}
}