/* PC publishing: 1920px reference sizes. GNB remains 65px. */
.publishing-content{color:#181b20;font-weight:500}main.publishing-content{padding-top:65px;min-height:1066.667px}.publishing-content a{text-decoration:none}.publishing-content h1{font-size:50.667px;line-height:1.25;letter-spacing:-1.467px;font-weight:700}.publishing-content h2{font-size:30.667px;line-height:1.45;font-weight:700}.publishing-content h3{font-weight:700}.publishing-content img{display:block;max-width:100%}.publishing-content ul{padding:0;list-style:none}.publishing-content button,.publishing-content input,.publishing-content select{font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:10.667px;min-height:50.667px;padding:10.667px 24px;border:1px solid #c9cdd2;border-radius:4px;background:white;font-weight:600;white-space:nowrap}.button img{width:21.333px;height:21.333px}.button.primary{background:#152442;border-color:#152442;color:white}.button.primary img{filter:brightness(0) invert(1)}.button:hover{border-color:#152442}.button:disabled{opacity:.45;cursor:default}.search-box{display:flex;position:relative;align-items:center;border:1px solid #d7d7d7;border-radius:6.667px;background:white;height:58.667px;margin:0}.search-box input{width:100%;height:100%;border:0;background:none;padding:0 58.667px 0 21.333px;outline-offset:2.667px;font-size:17.333px}.search-box button{position:absolute;right:10.667px;padding:9.333px}.search-box img{width:24px;height:24px}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:26.667px;margin:32px 0 24px;font-size:17.333px}.result-toolbar>div{display:flex;align-items:center;gap:9.333px}.result-toolbar strong{font-weight:700}.result-toolbar select{border:1px solid #ddd;background:white;border-radius:4px;height:45.333px;padding:0 16px;font-size:16px}.pagination{display:flex;justify-content:center;gap:10.667px;padding:73.333px 0 26.667px}.pagination button{min-width:38.667px;height:40px;padding:0 10.667px;border:1px solid #e7e7e7;color:#777;font-size:16px}.pagination button[aria-current=page]{background:#c72030;color:#fff;border-color:#c72030}.pagination button:disabled{opacity:.35;cursor:default}.empty-results{grid-column:1/-1;padding:106.667px 0;text-align:center;color:#777}.breadcrumb{display:flex;gap:17.333px;font-size:14.667px;color:#999;padding:33.333px 0}.back-top{position:fixed;bottom:29.333px;right:29.333px;background:white;border:1px solid #ddd;padding:14.667px;font-size:14.667px;z-index:20}.media-width{width:1400px;margin:auto}.article-width{width:1000px;margin:auto}.pattern-width{width:1280px;margin:auto}.pattern-detail-width{width:1440px;margin:auto}.view-button{width:42.667px;height:42.667px;padding:10.667px;border:1px solid #ddd;border-radius:4px}.view-button img{width:21.333px;height:21.333px}.view-button[aria-pressed=true]{background:#242424}.view-button[aria-pressed=true] img{filter:brightness(0) invert(1)}
/* P03 */
.resource-hero{text-align:center;padding:92px 0 0;background:#fafcfd}.resource-hero h1{color:#172843}.resource-hero>p{color:#777;font-size:17.333px;margin:24px 0 41.333px}.resource-hero .search-box{width:900px;height:72px;margin:auto}.resource-tabs{width:1280px;margin:49.333px auto 0;display:flex}.resource-tabs button{flex:1;height:76px;font-size:16px;color:#777;border-bottom:2.667px solid transparent}.resource-tabs button[aria-pressed=true]{color:#182844;border-color:#182844;font-weight:700}.resource-area{background:#f5f9fc;padding:50.667px 0 66.667px}.resource-card{width:1280px;margin:auto;background:white;padding:30.667px 34.667px;border:1px solid #ecf0f4;border-radius:8px}.resource-card .result-toolbar{margin:0 0 25.333px}.resource-columns,.resource-row{display:grid;grid-template-columns:1fr 146.667px 166.667px;align-items:center;gap:18.667px}.resource-columns{height:48px;background:#f6f9fb;color:#7b8692;font-size:14.667px;padding:0 20px}.resource-row{height:109.333px;border-bottom:1px solid #eee;padding:0 20px}.resource-row:last-child{border:0}.resource-title{display:flex;gap:17.333px;align-items:center;min-width:0}.resource-title>img{width:36px}.resource-title a,.resource-title h3{font-size:18.667px;font-weight:700}.resource-title p{font-size:13.333px;color:#999;margin-top:5.333px}.resource-row time{font-size:16px;color:#999;text-align:center}.resource-row .button{font-size:14.667px;min-height:46.667px;padding:9.333px 16px}.resource-card .pagination{padding:36px 0 6.667px}.resource-columns span:nth-child(2){text-align:center}.request-box{width:1280px;margin:46.667px auto 0;border:1px solid #e4eaf0;display:flex;gap:21.333px;align-items:center;min-height:180px;padding:33.333px 40px}.request-box>img{width:70.667px;height:70.667px;opacity:.35}.request-box>div{flex:1}.request-box h2{font-size:28px;color:#182844}.request-box p{font-size:14.667px;color:#7f8895;margin-top:9.333px}.request-box .button{height:61.333px;font-size:16px}
/* P04/P05 */
.pattern-nav{border-bottom:1px solid #eee}.pattern-nav>div{width:1280px;margin:auto;display:flex;gap:33.333px;height:40px;align-items:center}.pattern-nav a{font-size:14.667px;color:#8b8b8b}.pattern-nav a[aria-current=page]{color:#111;font-weight:700}.pattern-hero{height:322.667px;background:#e0e3df;display:flex;align-items:center}.pattern-hero h1{font-size:50.667px}.pattern-hero p{font-size:18.667px;line-height:1.5;margin:21.333px 0 13.333px}.pattern-hero small{font-size:13.333px;color:#888}.pattern-controls{padding-top:26.667px}.pattern-controls .search-box{margin-bottom:22.667px}.filter-line{display:flex;align-items:center;min-height:52px;gap:21.333px}.filter-line>strong{width:70.667px;font-size:14.667px;font-weight:600}.filter-line>div{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid #ededed;border-radius:26.667px;height:34.667px;padding:0 16px;font-size:14.667px;display:inline-flex;gap:9.333px;align-items:center;color:#666}.filter-chip[aria-pressed=true]{background:#101010;color:white;border-color:#101010;font-weight:700}.family-dot{width:13.333px;height:13.333px;border-radius:50%;display:inline-block;border:1px solid #ddd}.selected-filters{display:flex;justify-content:space-between;margin-top:10.667px;padding-bottom:20px;color:#aaa;font-size:13.333px;border-bottom:1px solid #f1f1f1}.pattern-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 42.667px}.pattern-card{border:1px solid #e9e9e9;display:block;min-width:0}.pattern-card .pattern-thumb{aspect-ratio:1;overflow:hidden;background:#eee}.pattern-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.pattern-card:hover img{transform:scale(1.045)}.pattern-card>div:last-child{padding:13.333px}.pattern-card strong{font-size:16px;font-weight:700;display:block}.pattern-card p{font-size:14.667px;color:#777;line-height:1.4;margin-top:4px}.pattern-grid.is-list{grid-template-columns:1fr;gap:0}.pattern-grid.is-list .pattern-card{display:flex;align-items:center;padding:13.333px;border-width:0 0 1px}.pattern-grid.is-list .pattern-thumb{width:100px;flex:none}.pattern-detail-page .pattern-nav>div{width:1440px}.pattern-detail-hero{display:grid;grid-template-columns:553.333px 1fr;gap:69.333px;margin:16px 0 93.333px}.pattern-detail-photo{padding:0;display:block;width:100%;height:513.333px;overflow:hidden}.pattern-detail-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.pattern-detail-photo:hover>img{transform:scale(1.03)}.pattern-detail-info h1{font-size:45.333px;margin:0 0 20px}.pattern-description{font-size:16px;color:#777;line-height:1.7;margin-bottom:37.333px}.pattern-specs{font-size:14.667px}.pattern-specs>div{display:grid;grid-template-columns:126.667px 1fr;padding:13.333px 18.667px}.pattern-specs dt{color:#999}.pattern-specs dd{font-weight:500}.pattern-detail-actions{display:flex;gap:12px;margin-top:26.667px}.pattern-detail-actions .button{font-size:14.667px}.pattern-section{border-top:1px solid #eee;padding:37.333px 0 40px;margin-top:20px}.pattern-section h2{font-size:28px;margin-bottom:30.667px}.pattern-projects{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pattern-project{position:relative;height:246.667px;overflow:hidden;background:#eee;color:white}.pattern-project img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.pattern-project:hover img{transform:scale(1.045)}.pattern-project span{position:absolute;bottom:0;left:0;right:0;padding:13.333px;background:#0007;font-size:17.333px;font-weight:700}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tech-item{border:1px solid #eee;padding:29.333px;display:flex;gap:24px}.tech-item img{width:42.667px;height:42.667px;opacity:.65}.tech-item h3{font-size:18.667px;margin-bottom:9.333px}.tech-item p{font-size:14.667px;color:#888;line-height:1.6}.similar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.similar-grid a{display:flex;gap:17.333px;font-size:16px;align-items:center}.similar-grid img{width:126.667px;height:126.667px;object-fit:cover}.similar-grid span{font-size:13.333px;color:#777;display:block}.pattern-cta{display:flex;align-items:center;gap:13.333px;background:#ececec;padding:33.333px 46.667px;margin-top:33.333px}.pattern-cta>div{flex:1}.pattern-cta h3{font-size:18.667px}.pattern-cta p{font-size:14.667px;color:#888;margin-top:8px}#pattern-image-dialog{width:min(80vw,1133.333px);padding:46.667px}#pattern-image-dialog>img{max-height:80vh;max-width:100%;margin:auto}
/* P06-P10 */
.media-hero{height:333.333px;background:#f7f7f7;text-align:center;padding-top:97.333px}.media-hero>p{font-size:13.333px;color:#888;margin-bottom:17.333px}.media-hero h1{font-size:50.667px}.media-hero>span{display:block;font-size:17.333px;color:#888;margin-top:22.667px}.news-list-section{padding-top:90.667px}.news-list-section .search-box{width:426.667px;height:52px}.news-list{border-top:1px solid #333}.news-row{display:grid;grid-template-columns:256px 1fr 26.667px;align-items:center;gap:46.667px;padding:32px 0;border-bottom:1px solid #eee;min-height:210.667px}.news-image{height:153.333px;overflow:hidden}.news-image>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-row:hover .news-image>img{transform:scale(1.045)}.news-row h2{font-size:25.333px;line-height:1.4}.news-row p{font-size:14.667px;color:#999;margin-top:22.667px}.news-row .external{width:22.667px;opacity:.45}.article-width .breadcrumb{margin-bottom:80px}.article-heading{margin-bottom:64px}.article-heading h1{font-size:38.667px;line-height:1.35;letter-spacing:-.8px;margin-bottom:32px;word-break:keep-all}.article-meta{font-size:14.667px;display:flex;gap:29.333px;color:#999;border-bottom:1px solid #e8e8e8;padding-bottom:20px}.article-body{font-size:18.667px;line-height:1.9;color:#555;min-height:600px}.article-body p{margin-bottom:32px}.article-body>img{max-width:100%;height:auto;margin:40px auto}.article-source{text-align:right;font-size:17.333px;margin:26.667px 0 86.667px}.article-source a{display:inline-flex;align-items:center;gap:12px}.article-source img{width:20px;height:20px}.article-neighbors{border-top:1px solid #ddd;margin-top:86.667px}.article-neighbors a{display:flex;gap:26.667px;padding:25.333px 0;border-bottom:1px solid #eee;font-size:16px}.article-neighbors a>span:nth-child(2){flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.article-neighbors time{color:#888;font-size:13.333px}.article-back{text-align:center;margin:93.333px 0 0}.article-back .button{background:#272727;color:white;border:0;border-radius:0;min-width:186.667px;font-size:16px}.video-list-section{padding-top:73.333px}.media-tabs{display:flex;gap:12px}.media-tabs button{padding:6.667px 14.667px;border:1px solid #e2e2e2;border-radius:5.333px;font-size:14.667px}.media-tabs button[aria-pressed=true]{background:#333;color:#fff;border-color:#333}.video-list-section .search-box{width:293.333px;height:40px}.video-list-section .search-box input{font-size:14.667px}.video-list-section .result-toolbar{margin:0 0 29.333px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:69.333px 26.667px}.video-card{display:block;text-align:left;padding:0}.video-card .video-thumb{aspect-ratio:16/10;overflow:hidden;background:#eee}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover img{transform:scale(1.045)}.video-card h2{font-size:17.333px;line-height:1.4;margin-top:12px;font-weight:500;word-break:keep-all}.video-player{position:relative;aspect-ratio:16/9;background:#111;margin:66.667px 0 29.333px}.video-player iframe,.video-player>button{width:100%;height:100%;border:0;position:absolute;inset:0;padding:0}.video-player button>img:first-child{width:100%;height:100%;object-fit:cover;opacity:.82}.video-player .play-symbol{position:absolute;width:86.667px;height:86.667px;left:calc(50% - 42.667px);top:calc(50% - 42.667px);padding:22.667px;border-radius:50%;background:#000b;filter:invert(1)}.video-support{font-size:16px;color:#888;display:flex;align-items:center;justify-content:space-between;gap:20px}.video-support a{color:#222;text-decoration:underline}.video-description{font-size:17.333px;line-height:1.8;margin-top:36px}.social-hero{height:360px;background:#a39765;text-align:center;color:white;display:flex;justify-content:center;flex-direction:column}.social-hero h1{font-size:48px}.social-hero p{font-size:17.333px;margin-top:24px}.social-intro{display:flex;align-items:center;justify-content:space-between;padding:100px 0 146.667px}.social-intro h2{font-size:42.667px;line-height:1.4;letter-spacing:-.8px}.social-intro p{font-size:18.667px;line-height:1.7;margin-top:40px}.social-intro>img{width:120px;height:120px;margin-right:33.333px}.social-grid .video-thumb{aspect-ratio:1.65}.social-grid h2{font-size:20px}.social-grid .video-card{border:0;background:transparent}#social-dialog{width:1133.333px;max-height:85vh;padding:73.333px;overflow:auto}#social-story h2{margin-bottom:33.333px}#social-story p{line-height:1.85;white-space:pre-line}#social-story img{max-width:100%;margin:26.667px auto}
/* P11 */
.warranty-hero{height:320px;background:#514637;color:white;display:flex;align-items:center}.warranty-hero>div{width:1280px;margin:auto}.warranty-hero h1{font-size:56px}.warranty-hero p{font-size:18.667px;line-height:1.5;margin:26.667px 0 13.333px}.warranty-hero small{font-size:14.667px}.warranty-width{width:1340px;margin:auto;color:#333}.warranty-heading{text-align:center;padding:93.333px 0 66.667px}.warranty-heading h2{font-size:41.333px;font-weight:700;color:#111}.warranty-heading p{font-size:16px;margin-top:13.333px}.warranty-tabs{display:flex;gap:13.333px;border-bottom:1px solid #aaa;margin-bottom:46.667px}.warranty-tabs a{font-size:20px;color:#999;padding:0 26.667px 22.667px}.warranty-tabs a[aria-current=true]{color:#171717;font-weight:700;border-bottom:2.667px solid #333}.warranty-width section{scroll-margin-top:113.333px;margin-bottom:73.333px}.warranty-width h3{font-size:21.333px;margin:0 0 33.333px}.warranty-width h4{font-size:16px;font-weight:700;margin:32px 0 16px}.warranty-width p{font-size:14.667px;color:#777;line-height:1.9;margin-bottom:9.333px}.warranty-width strong{color:#333}.warranty-stats{display:flex;border-top:2.667px solid #333;border-bottom:1px solid #ddd}.warranty-stats>div{flex:1;text-align:center;padding:26.667px;border-right:1px solid #ddd}.warranty-stats>div:last-child{border:0}.warranty-stats strong{display:block;color:#111;font-size:44px;line-height:1.4}.warranty-stats strong small{font-size:20px}.warranty-stats b{display:block;font-size:16px;margin-bottom:8px}.warranty-stats span{font-size:13.333px;color:#999}.warranty-width .table-title{font-size:26.667px;margin:80px 0 24px}.warranty-width table{border-collapse:collapse;border-top:2.667px solid #666;width:90%;font-size:14.667px}.warranty-width th{font-weight:600;background:#f5f5f5;padding:20px}.warranty-width td{padding:18.667px;color:#777}.warranty-width th,.warranty-width td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center}.warranty-width th:last-child,.warranty-width td:last-child{border-right:0}.warranty-width td:first-child{min-width:213.333px}.warranty-width .footnote{margin-top:16px;font-size:13.333px}.exclusions-box{padding:33.333px 40px;background:#f6f6f6;border-radius:5.333px}.exclusions-box>b{font-size:14.667px;color:#ce2637}.exclusions-box h4{margin:21.333px 0 5.333px}.exclusions-box p{font-size:13.333px}.warranty-downloads{display:flex;align-items:center;gap:20px;border-top:1px solid #ddd;margin-top:33.333px;padding-top:29.333px}.warranty-downloads>img{width:213.333px}.warranty-downloads a{font-size:14.667px}.reference-banner{position:relative;overflow:hidden;display:block;padding:0}.reference-banner>img{position:absolute;left:0;top:var(--banner-offset);width:100%;height:auto;max-width:none}.reference-banner .banner-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Reference alignment corrections from first visual comparison. */
.resource-hero{padding-top:72px}.pattern-detail-width{margin-left:calc((100% - 1280px)/2);margin-right:auto}.pattern-detail-width>.breadcrumb{padding:20px 0}.media-hero{height:286.667px;padding-top:70.667px}.article-width{width:970.667px}.article-width .breadcrumb{padding:20px 0;margin-bottom:53.333px}.article-heading h1{font-size:38.667px}.article-heading{margin-bottom:53.333px}.video-support{font-size:14.667px}.video-description{white-space:pre-line}.social-intro h2{font-size:45.333px}.social-illustration{position:relative;width:206.667px;height:200px;overflow:hidden;flex:none;margin-right:26.667px}.social-illustration>img{position:absolute;max-width:none;width:1920px;left:-1426.667px;top:-593.333px}.warranty-heading{padding:76px 0 46.667px}.warranty-width h4{margin-top:24px}.warranty-width p{line-height:1.75;margin-bottom:6.667px}.warranty-width table{table-layout:fixed}.warranty-width th:nth-child(1){width:18%}.warranty-width th:nth-child(2){width:12%}.warranty-width th:nth-child(3){width:34%}.warranty-width th:nth-child(4){width:36%}.warranty-width td:first-child{min-width:0}.exclusions-box h4{margin-top:16px}.warranty-width .table-title{margin-top:66.667px}.warranty-downloads>img{display:block;min-width:173.333px;width:173.333px;height:auto}.warranty-downloads{flex-wrap:wrap}.news-list-section .pagination button[aria-current=page]{background:#666;border-color:#666}

.article-summary-label{font-size:14.667px;color:#999;margin-bottom:13.333px!important}

[data-media="video-detail"] .article-meta{display:none}.video-intro{font-size:16px;line-height:1.8;white-space:pre-line;color:#666}.video-player .play-symbol{background:#fff9;border:1px solid #111}.reference-banner>img{width:calc(100% + 18.667px)}

.warranty-width .coverage-table th{width:auto;padding:13.333px}.warranty-width .coverage-table td{padding:16px}

/* The widest detail layout requires a desktop canvas. */
.publishing-content{min-width:1600px}

/* Match section positions measured on the original 1920px reference. */
.resource-hero{padding-top:104px}
.pattern-nav>div{height:60px}
.media-hero{height:312px;padding-top:90px}
.news-list-section{padding-top:105px}
.video-list-section{padding-top:92px}
.article-width .breadcrumb{margin-bottom:77px}
.article-heading h1{font-size:40px}
.video-player{margin-top:75px}
.social-intro h2{font-size:48px}
.warranty-heading{padding-top:92px}

/* Original customer-support file-type icon dimensions. */
.resource-title .csr-doc-icon{flex:0 0 auto;width:40px;height:40px}

/* Pattern gallery reference: lower menu baseline and selected conditions. */
.patterns-page .pattern-nav>div{padding-top:10px}
.patterns-page .selected-filters{align-items:center;justify-content:flex-start;gap:16px;min-height:52px;margin-top:0;padding:13px 0}
.patterns-page .selected-filters>strong{width:76px;flex:none;font-size:13.333px;font-weight:600;color:#555}
#pattern-selection{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1}
.selected-filter-tag{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 8px 0 13px;border-radius:8px;background:#eef0f4;color:#152447;font-size:13px;font-weight:600}
.selected-filter-tag button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%}
.selected-filter-tag button:hover{background:#dfe2ea}
.selected-filter-tag img{width:14px;height:14px}
#pattern-reset{white-space:nowrap}

/* Pattern detail: align navigation, breadcrumb and content to the reference. */
.pattern-detail-page .pattern-nav>div{width:1280px;gap:34px}
.pattern-detail-page .pattern-nav a{position:relative;display:flex;align-items:center;height:60px;font-size:15px}
.pattern-detail-page .pattern-nav a[aria-current=page]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#152447}
.pattern-detail-page .pattern-detail-width{width:1280px;margin:0 auto}
.pattern-detail-width>.breadcrumb{gap:10px;font-size:13px;padding:24px 0;margin:0}
.pattern-detail-width>.breadcrumb img{width:12px;height:12px;opacity:.5}
.pattern-detail-width>.breadcrumb [aria-current=page]{color:#152447;font-weight:700}
.pattern-detail-hero{grid-template-columns:550px 1fr;gap:70px;margin-top:24px;margin-bottom:90px}
.pattern-detail-photo{border-radius:14px;}
.pattern-cases-section .pattern-projects{width:1440px;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:16px;grid-auto-flow:row dense}
.pattern-cases-section .pattern-project{height:auto;border-radius:4px;position:relative}
.pattern-project.is-tall{grid-row:span 2}
.pattern-project>a{display:block;height:100%}
.pattern-project>a>img{width:100%;height:100%;object-fit:cover}
.pattern-project a>span{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 16px;background:linear-gradient(transparent,#000b);color:#fff}
.pattern-project small{font-size:13px;display:block;margin-bottom:4px}
.pattern-project strong{font-size:20px;line-height:1.3;display:block}
.pattern-project-favorite{position:absolute;top:16px;right:16px;width:24px;height:24px;padding:2px}
.pattern-project-favorite img{width:20px;height:20px;filter:invert(1)}
.pattern-project-favorite[aria-pressed=true]{background:#152447;border-radius:4px}
.pattern-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}
.pattern-section-heading h2{margin:0}
.pattern-section-heading p{font-size:14px;color:#888}
.pattern-section-heading>a{display:flex;align-items:center;gap:6px;font-size:13px;color:#888}
.pattern-section-heading>a img{width:14px;height:14px}
.pattern-technology{border-top:0;margin-top:64px;padding-bottom:30px}
.pattern-technology h2{margin-bottom:12px}
.technology-intro{font-size:15px;color:#888;margin-bottom:28px}
.pattern-technology .tech-grid{gap:16px}
.pattern-technology .tech-item{align-items:center;gap:24px;padding:32px 24px;min-height:130px}
.tech-icon{width:58px;height:58px;border:1px solid #dedede;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.tech-icon img{width:28px;height:28px}
.pattern-technology .tech-item h3{font-size:17px;margin-bottom:8px}
.pattern-technology .tech-item p{font-size:13px;line-height:1.6}
.technology-more{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:24px 0 0 auto;font-size:14px;font-weight:600}
.technology-more img{width:20px;height:20px}
.pattern-similar{margin-top:0}
.pattern-similar .similar-grid{gap:16px}
.pattern-similar .similar-grid a{border:1px solid #f4f4f4;border-radius:8px;padding:12px;gap:14px;font-size:14px}
.pattern-similar .similar-grid img{width:64px;height:64px;border-radius:8px}
.pattern-similar .similar-grid span{font-size:12px;margin-top:4px}

/* Full-width consultation band, matching the final Webflow reference. */
.pattern-detail-page>.pattern-cta{width:100%;min-height:180px;margin:33.333px 0 0;padding:48px 0;background:#e4e4e4}
.pattern-detail-page>.pattern-cta>.pattern-cta-inner{display:flex;align-items:center;gap:13.333px;width:1280px;margin:0 auto;flex:none}
.pattern-cta-inner>.pattern-cta-copy{flex:1}

/* Detail fidelity pass against 00007 Webflow's final image. */
.pattern-detail-page .pattern-nav>div,.pattern-detail-page .pattern-nav a{height:50px}
.pattern-detail-width>.breadcrumb{padding:22px 0;font-weight:400}
.pattern-detail-page h2{font-size:28px}
.pattern-detail-photo{height:510px;box-shadow:0 14px 24px -20px #bcb39b}
.pattern-detail-info h1{font-size:42px;margin-bottom:20px}
.pattern-detail-info .pattern-description{font-size:14px;line-height:26px;font-weight:400;margin-bottom:28px}
.pattern-specs{border:1px solid #f4f4f1;border-radius:10px;font-size:13px;overflow:hidden}
.pattern-specs>div{min-height:48px;padding:13px 20px;grid-template-columns:126px 1fr}
.pattern-specs dt{font-weight:400}
.pattern-specs dd{display:flex;align-items:center;gap:8px}
.pattern-spec-dot{width:14px;height:14px;border-radius:50%;flex:none}
.pattern-detail-actions{margin-top:24px}
.pattern-detail-page .button{min-height:46px;border-radius:8px;font-size:13px;padding:10px 20px}
.pattern-detail-hero{margin-bottom:90px}
.pattern-project>a::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#0007);pointer-events:none}
.pattern-project a>span{z-index:1;background:none;padding:20px 16px 14px}
.pattern-project small{font-size:12px;font-weight:500}
.pattern-project strong{font-size:18px}
.pattern-project-favorite{z-index:2;width:20px;height:20px;top:14px;right:14px}
.pattern-project-favorite img{width:16px;height:16px}
.pattern-project .reference-hidden-caption{display:none}
.pattern-project:has(.reference-hidden-caption)>a::after{display:none}
.pattern-technology{margin-top:46px}
.pattern-technology .tech-icon{border:0;width:62px;height:62px}
.pattern-technology .tech-icon img{width:62px;height:62px;opacity:1}
.pattern-technology .tech-item{gap:20px}
.pattern-technology .tech-item p,.technology-intro{font-weight:400}
.pattern-similar .similar-grid strong{font-size:14px}
.pattern-similar .similar-grid span{font-weight:400}

.pattern-detail-page .pattern-detail-width,.pattern-detail-page .pattern-nav>div,.pattern-detail-page>.pattern-cta>.pattern-cta-inner{margin-left:calc((100% - 1280px)/2 - 8px);margin-right:auto}
.pattern-detail-info .pattern-description{font-size:16px}
.pattern-detail-page .pattern-specs{font-size:14px}
.pattern-detail-page .button{font-size:14px}
.pattern-project>a>img{transform:scale(1.12)}
.pattern-project:hover>a>img{transform:scale(1.16)}
.pattern-technology{padding-bottom:20px}

/* News, TV, social and warranty: approved reference review. */
[data-media="news"] .news-row{min-height:224px;padding:30px 0;grid-template-columns:256px 1fr 26px;gap:50px}
[data-media="news"] .news-image{height:160px}
[data-media="news"] .news-row h2{font-size:25px;font-weight:600}
[data-media="news"] .pagination{padding-top:200px}
[data-media="news"] .news-row p span{margin-left:22px;color:#739a9d}
[data-media="videos"] .video-grid{row-gap:76px}
[data-media="videos"] .video-thumb{aspect-ratio:1.62}
[data-media="videos"] .video-card h2{font-size:16px;line-height:1.5;min-height:48px}
[data-media="videos"] .media-tabs{gap:10px}
[data-media="videos"] .media-tabs button{height:32px;padding:0 12px;border:0;border-radius:6px;background:#ededed;color:#555;font-size:14px;font-weight:400}
[data-media="videos"] .media-tabs button[aria-pressed="true"]{background:#555;color:#fff}
[data-media="videos"] .media-hero h1{font-size:58px;font-weight:500;letter-spacing:-1.4px}
[data-media="videos"] .media-hero>span{font-size:20px;font-weight:400;margin-top:22px}
[data-media="videos"] .pagination{padding-top:140px}
.article-heading h1{white-space:normal}
.article-subtitle{font-size:20px!important;line-height:1.7!important;margin:0 0 40px}
[data-media="news-detail"] .article-heading{margin-bottom:85px}
[data-media="news-detail"] .article-body{font-size:18px;line-height:1.85;color:#333}
[data-media="news-detail"] .article-body>img{width:100%;margin-top:66px}
[data-media="news-detail"] .article-meta strong{font-size:22px;color:#111}
[data-media="news-detail"] .article-meta{align-items:center}
[data-media="video-detail"] .video-player .play-symbol{width:92px;height:92px;left:calc(50% - 46px);top:calc(50% - 46px);background:#fff;border:0;filter:none;padding:28px}
.video-duration{position:absolute;bottom:14px;right:16px;color:#fff;background:#0009;padding:2px 6px;font-size:14px}
[data-media="video-detail"] .video-description{font-size:16px;line-height:1.8;margin-top:60px}
[data-media="video-detail"] .article-neighbors{margin-top:110px}
[data-media="social"] .social-intro{padding-top:86px;padding-bottom:162px}
[data-media="social"] .social-intro h2{font-size:50px;line-height:1.4}
[data-media="social"] .social-intro p{font-size:20px;line-height:1.6}
[data-media="social"] .social-illustration{transform:translateY(-35px)}
[data-media="social"] .social-grid .video-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0}
[data-media="social"] .social-grid h2{font-size:16px;line-height:24px;min-height:72px;white-space:pre-line;margin:12px 0 0}
[data-media="social"] .social-grid .video-thumb{flex:none;width:100%}
[data-media="social"] .social-grid .video-thumb{aspect-ratio:1.62}
[data-media="social"] .pagination{padding-top:120px}
.warranty-width{width:1340px;margin-left:calc((100% - 1340px)/2 - 8px)}
.warranty-width h4{margin-top:32px}
.warranty-width p{line-height:1.9}
.warranty-width .coverage-table th{padding:18px}
.warranty-width .coverage-table td{height:58px}
.warranty-width .coverage-symbol{font-size:19px;color:#111}
.warranty-width .coverage-symbol sup{font-size:11px}
.warranty-width .coverage-symbol.is-excluded{color:#c33346;font-weight:700}
.warranty-width #warranty-conditions{padding-bottom:20px;border-bottom:1px solid #ddd;margin-bottom:0}

[data-media="news-detail"] .article-width,[data-media="video-detail"] .article-width{margin-left:calc((100% - 970.667px)/2 - 16px);margin-right:auto}
[data-media="news-detail"] .article-body>img{max-width:916px;margin-left:0;margin-right:0}
[data-media="video-detail"] .video-player .play-symbol{background:#fff9;border:1px solid #111;filter:invert(1)}
[data-media="video-detail"] .video-player button>img:first-child{opacity:.55}
.warranty-width .exclusions-box h4{margin-top:16px}
.warranty-width .exclusions-box{padding-top:33px;padding-bottom:33px}
.warranty-width .exclusions-box p{line-height:1.75}

/* Brand-page breadcrumbs use the reference home icon and separated steps. */
[data-media] .breadcrumb{display:flex;align-items:center;gap:16px;font-size:14px;line-height:20px;font-weight:400;color:#b9b9b9;white-space:nowrap}
[data-media] .breadcrumb .breadcrumb-home{display:inline-flex;align-items:center;flex:none}
[data-media] .breadcrumb .breadcrumb-home img{width:16px;height:18px;object-fit:contain}
[data-media] .breadcrumb .breadcrumb-separator{width:12px;height:12px;opacity:.2;flex:none}
[data-media] .breadcrumb [aria-current="page"]{color:#929292;font-weight:500}
[data-media="social"] .breadcrumb{padding:38px 0 28px}

/* Newsroom and TV heading typography approved on 2026-10-08. */
[data-media="news"] .media-hero,[data-media="videos"] .media-hero{font-family:Pretendard,sans-serif}
[data-media="news"] .media-hero>p,[data-media="videos"] .media-hero>p{font-size:15px;font-weight:500;color:#25262a}
[data-media="news"] .media-hero h1,[data-media="videos"] .media-hero h1{font-size:60px;font-weight:500;color:#111}
[data-media="news"] .media-hero>span,[data-media="videos"] .media-hero>span{font-size:19px;font-weight:400;color:#777}

/* Social contribution banner: supplied artwork with selectable text. */
.social-hero-live{position:relative;height:354px;overflow:hidden;font-family:Pretendard,sans-serif}
.social-hero-live>.social-hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.social-hero-copy{position:relative;z-index:1;text-align:center;color:#fff}
.social-hero-copy .social-hero-category{margin:0 0 18px;font-size:15px;line-height:22px;font-weight:500;color:#fff}
.social-hero-copy h1{margin:0;font-size:60px;line-height:1.2;font-weight:500;color:#fff}
.social-hero-copy .social-hero-description{margin:22px 0 0;font-size:19px;line-height:28px;font-weight:400;color:#fff}

/* Pattern gallery banner with supplied background and live text. */
.pattern-hero-live{height:320px;background:#e0e3df url('../images/pattern-hero-background.png') center/cover no-repeat;font-family:Pretendard,sans-serif}
.pattern-hero-copy{width:1280px;margin:0 auto}
.pattern-hero-copy h1{margin:0;font-size:60px;line-height:1.2;font-weight:600;color:#111}
.pattern-hero-copy p{margin:20px 0 14px;font-size:23px;line-height:30px;font-weight:400;color:#25262a}
.pattern-hero-copy small{display:block;font-size:16px;line-height:1.5;font-weight:400;color:#777}

/* Keep pattern sorting text clear of the inset arrow. */
.patterns-page #pattern-sort{min-width:160px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23171c27' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 12px;padding:0 44px 0 16px}