@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#111;background:white}a{color:inherit;text-decoration:none}.concept{background:#fff4e9;color:#7a390e;font-size:10px;text-align:center;padding:6px}.header{height:84px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2.4%;gap:20px}.brand img{width:125px;display:block}.nav{display:flex;align-items:center;gap:clamp(20px,3.7vw,52px)}.nav a{text-transform:uppercase;font-size:13px;font-weight:800;white-space:nowrap}.nav a:hover,.nav a.selected{color:#f5681d}.nav-toggle{display:none}.hero{height:630px;position:relative;background:#d9e0e1 url('assets/hero.jpg') center center/cover no-repeat}.hero-message{position:absolute;bottom:0;left:0;width:55%;min-height:205px;background:#f76b1c;color:#fff;padding:36px 13% 25px 2.4%;clip-path:polygon(0 0,72% 0,100% 100%,0 100%)}.hero-message h1{font-size:36px;margin:0 0 12px;font-weight:700}.hero-message p{font-size:18px;line-height:1.3;margin:0;max-width:500px}.section{max-width:1400px;margin:0 auto;padding:75px 2.8%}.section h2{text-align:center;font-size:32px;margin:0;font-weight:700}.underline{width:45px;height:3px;background:#f76b1c;margin:18px auto 38px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature-grid h3{font-size:16px;text-transform:uppercase}.feature-grid p,.intro{font-size:14px;line-height:1.8;color:#666}.intro{text-align:center;margin:-8px auto 34px;max-width:760px}.products{background:white}.filters{display:flex;flex-wrap:wrap;gap:12px 35px;justify-content:center;margin-bottom:30px}.filters button{font:800 13px Montserrat,Arial,sans-serif;text-transform:uppercase;background:none;border:0;cursor:pointer;padding:8px 0}.filters button.selected,.filters button:hover{color:#f5681d}.grid,.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.card,.project-grid a{min-width:0;background:#f4f4f4}.card img,.project-grid img{display:block;width:100%;height:205px;object-fit:cover;background:#fff}.card-info,.project-grid a>div{padding:15px;min-height:90px}.card h3,.project-grid h3{font-size:14px;margin:0 0 7px;font-weight:700}.card p,.project-grid p{font-size:10px;line-height:1.4;color:#555;margin:0}.source{display:block;color:#e65f1a;font-size:10px;margin-top:8px}.reference-note{border-left:3px solid #f76b1c;background:#f8f8f8;color:#666;padding:15px 18px;margin-top:30px;font-size:11px;line-height:1.6}.projects{padding-top:30px}.view-all{display:block;width:max-content;margin:40px auto 0;background:#f76b1c;color:#fff;padding:13px 27px;text-transform:uppercase;font-size:12px;font-weight:700}footer{background:#292929;color:#ddd}.footer-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:60px;padding:60px 3%}.footer-grid h2{font-size:26px;color:white}.footer-grid h3{color:white;font-size:16px}.footer-grid p,.footer-grid a{font-size:12px;line-height:1.8}.footer-grid a{display:block}.copyright{padding:20px 3%;background:#1d1d1d;font-size:11px;color:#999}@media(max-width:900px){.nav{gap:18px}.nav a{font-size:11px}.grid,.project-grid{grid-template-columns:repeat(3,1fr)}.hero-message{width:70%}}@media(max-width:650px){.header{height:70px}.brand img{width:110px}.nav-toggle{display:block;border:0;background:none;font-size:25px}.nav{display:none;position:absolute;z-index:5;top:94px;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{height:430px}.hero-message{width:100%;min-height:145px;padding:22px 18% 20px 5%;clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}.hero-message h1{font-size:26px}.hero-message p{font-size:13px}.section{padding:55px 5%}.feature-grid,.footer-grid{grid-template-columns:1fr;gap:15px}.grid,.project-grid{grid-template-columns:repeat(2,1fr);gap:14px}.card img,.project-grid img{height:150px}.filters{gap:5px 16px}.filters button{font-size:11px}.footer-grid{padding:45px 5%}}
.page-banner{height:128px;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.1)),url('assets/hero.jpg') center 58%/cover;display:flex;align-items:center;padding:0 2.5%;color:white}.page-banner h1{font-size:32px;margin:0}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.collection-grid a{background:#f4f4f4;padding:24px;font-size:15px;font-weight:700;display:flex;justify-content:space-between}.collection-grid a:hover{color:#f5681d}.filters a{font-size:13px;font-weight:800;padding:8px 0}.filters a:hover{color:#f5681d}.product-page{padding-top:45px}.crumb{font-size:12px;color:#777;margin:0 0 35px}.crumb a,.orange-link{color:#ed6a20}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.detail-grid>img{width:100%;max-height:550px;object-fit:contain;background:#f7f7f7}.detail-grid h2{text-align:left;font-size:28px}.detail-grid p,.text-page p{line-height:1.8;color:#555;font-size:14px}.detail-grid .detail-label{font-size:11px;color:#888}.reference-note a{color:#e65f1a;text-decoration:underline}.inline-button{display:inline-block;margin-top:20px;background:#f76b1c;color:white;padding:14px 22px;font-size:12px;font-weight:700;text-transform:uppercase}.text-page{max-width:900px}.text-page p{max-width:720px;margin:20px auto}.text-page .inline-button{margin-left:0}@media(max-width:650px){.collection-grid,.detail-grid{grid-template-columns:1fr}.page-banner h1{font-size:25px}.detail-grid{gap:25px}.filters a{font-size:11px}}
/* Match the original RoyalSlider dimensions and fade timing. */
.hero{height:100vh;background:none;overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{background-position:center;background-size:cover;opacity:0;transition:opacity 1.1s ease}.hero-slide.active{opacity:1}.hero-message{z-index:1}.animated-grid [hidden]{display:none!important}.filters button.selected,.filters a.selected{color:#f5681d}.project-filters{margin-bottom:30px}.animated-grid>*{will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
.original-detail{padding-top:45px}.original-product-content{max-width:1050px;font-size:15px;line-height:1.8;color:#555}.original-product-content p{margin:0 0 16px}.original-product-content ul,.original-product-content ol{padding-left:22px;margin:0 0 20px}.original-product-content a{color:#ec6b21;text-decoration:underline}.product-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:40px 0}.gallery-item{position:relative;border:0;padding:0;cursor:pointer;background:#eee;aspect-ratio:4/3;overflow:hidden}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover}.gallery-item span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;background:rgba(0,0,0,.48);font-size:36px;opacity:0;transition:opacity .2s}.gallery-item:hover span,.gallery-item:focus-visible span{opacity:1}.photo-dialog{position:fixed;margin:auto;padding:0;border:0;background:#181818;color:white;max-width:min(95vw,1200px);max-height:95vh;overflow:visible}.photo-dialog::backdrop{background:rgba(0,0,0,.86)}.photo-dialog img{display:block;max-width:90vw;max-height:85vh;width:auto;height:auto;object-fit:contain}.photo-dialog button{position:absolute;z-index:1;border:0;color:white;background:rgba(0,0,0,.6);font-size:28px;cursor:pointer;width:44px;height:44px}.photo-dialog .photo-close{right:0;top:0}.photo-dialog .photo-prev{left:0;top:calc(50% - 22px)}.photo-dialog .photo-next{right:0;top:calc(50% - 22px)}@media(max-width:650px){.nav{top:70px}.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.original-detail{padding-top:30px}}
/* Keep the header and homepage image within the initial viewport. */
:root{--site-header-height:84px}.header{height:var(--site-header-height)}.hero{height:calc(100vh - var(--site-header-height));height:calc(100dvh - var(--site-header-height))}@media(max-width:650px){:root{--site-header-height:70px}}
/* Project support pages follow KOHL's existing orange and charcoal visual language. */
.header .nav{gap:clamp(12px,2.3vw,32px)}.header .nav a{font-size:12px}.page-copy h3,.company-intro h3,.contact-layout h3{font-size:18px}.page-copy p,.company-intro p,.contact-layout p{font-size:14px;line-height:1.8;color:#606060}.company-intro,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.company-intro h2,.contact-layout h2{text-align:left;font-size:36px;line-height:1.25}.company-intro figure{margin:0}.company-intro img{display:block;width:100%;height:380px;object-fit:cover}.company-intro figcaption,.service-rows small{display:block;color:#888;font-size:10px;margin-top:6px}.section-kicker{color:#f5681d!important;font-weight:800;font-size:11px!important;letter-spacing:.12em}.capability-grid h3{text-transform:none}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps b{font-size:25px;color:#f5681d}.steps h3{margin:10px 0}.callout,.resource-callout{background:#f4f4f4;padding:30px;margin-top:45px}.service-strip{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:28px max(3%,calc((100% - 1330px)/2));background:#f3f3f3}.service-strip strong,.service-strip span{display:block}.service-strip strong{font-size:14px}.service-strip span{font-size:11px;color:#777;margin-top:7px}.service-strip>a{font-weight:700;font-size:12px;color:#f5681d}.service-rows article{padding:35px 0;border-bottom:1px solid #ddd;position:relative}.service-rows article:first-child{display:grid;grid-template-columns:1fr 1fr;gap:30px}.service-rows img{width:100%;height:260px;object-fit:cover}.service-rows small{grid-column:2}.resource-list{padding:0;list-style:none}.resource-list li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #ddd;font-size:13px}.resource-list a:first-child,.orange-link{color:#e9651a}.resource-product{white-space:nowrap;font-size:11px}.contact-layout{align-items:start}.enquiry-form{background:#f4f4f4;padding:30px}.enquiry-form h3{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:12px}.form-grid input,.form-grid select,.form-grid textarea{font:14px Montserrat,Arial,sans-serif;border:1px solid #ccc;background:#fff;padding:12px;width:100%;min-width:0}.form-grid .wide{grid-column:1/-1}.enquiry-form button{border:0;cursor:pointer}.form-help{font-size:11px!important}.product-support{border-top:1px solid #ddd;margin-top:35px;padding-top:20px;font-size:13px;line-height:1.7}.product-support h3{font-size:16px}.product-search{max-width:460px;margin:0 auto 24px}.product-search label{display:block;font-weight:700;font-size:12px;margin-bottom:8px}.product-search input{width:100%;font:14px Montserrat,Arial,sans-serif;padding:12px;border:1px solid #ccc}.search-result-count{font-size:12px;color:#777;min-height:18px;margin:8px 0}.search-link{color:#e9651a}@media(max-width:900px){.header .nav{gap:12px}.header .nav a{font-size:10px}.service-strip{flex-wrap:wrap}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.company-intro,.contact-layout{grid-template-columns:1fr;gap:30px}.company-intro h2,.contact-layout h2{font-size:28px}.company-intro img{height:260px}.service-rows article:first-child{grid-template-columns:1fr}.service-rows small{grid-column:1}.service-strip{display:grid;grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.resource-list li{display:block}.resource-product{display:block;margin-top:6px}}
.project-evidence{margin-top:50px}.project-evidence h3{font-size:19px}.project-evidence ul{font-size:14px;line-height:1.9;color:#555}
.page-banner{min-height:156px;height:auto;padding-top:26px;padding-bottom:26px}.banner-inner h1{margin:0}.banner-inner p{color:#fff;font-size:13px;line-height:1.45;margin:8px 0 0;max-width:750px;font-weight:500}.project-facts,.specification-guidance,.related-solutions{margin-top:45px;padding-top:30px;border-top:1px solid #dedede}.project-facts h3,.specification-guidance h3,.related-solutions h3{font-size:19px;margin:0 0 18px}.facts-grid,.spec-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.facts-grid div{background:#f4f4f4;padding:18px}.facts-grid small,.facts-grid strong{display:block}.facts-grid small{font-size:10px;color:#777;margin-bottom:8px}.facts-grid strong{font-size:15px}.project-facts p,.specification-guidance p,.related-solutions p{font-size:13px;line-height:1.75;color:#555}.source-caption{font-size:11px!important;color:#777!important}.source-caption a,.related-solutions a{color:#e9651a}.related-solutions div{display:flex;gap:25px;flex-wrap:wrap;font-size:13px;font-weight:700}.spec-columns{grid-template-columns:repeat(2,1fr);margin:22px 0}.spec-columns strong{font-size:13px}@media(max-width:650px){.page-banner{min-height:140px}.banner-inner p{font-size:11px}.facts-grid{grid-template-columns:1fr}.spec-columns{grid-template-columns:1fr}}
.resource-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.resource-feature img{width:100%;height:250px;object-fit:cover}@media(max-width:650px){.resource-feature{grid-template-columns:1fr}.resource-feature img{height:200px}}
.project-scope{margin-top:40px}.project-scope h3{font-size:19px}.project-scope ul{font-size:14px;line-height:1.9;color:#555}
.project-search-count{font-size:12px;color:#777;min-height:18px;margin:8px 0}
@media (min-width:651px) and (max-width:1000px){.nav-toggle{display:block;margin-left:auto;border:0;background:none;font-size:25px;cursor:pointer}.nav{display:none;position:absolute;z-index:5;top:var(--site-header-height);left:0;right:0;background:#fff;padding:22px 3%;flex-direction:column;align-items:flex-start;gap:18px}.nav.open{display:flex}.header .nav a{font-size:12px}}
/* Product detail mockup: procurement-oriented hierarchy */
.procurement-product{max-width:1330px;margin:auto}.procurement-product .crumb{margin:0 0 30px;color:#888;font-size:12px}.procurement-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}.procurement-image{background:#f2f2f2}.procurement-image img{display:block;width:100%;aspect-ratio:1.28;object-fit:cover}.image-caption{font-size:11px;color:#888;margin:10px 0 0}.procurement-kicker{color:#f5681d;font-weight:700;letter-spacing:.09em;font-size:11px}.procurement-intro h2{font-size:38px;line-height:1.15;margin:13px 0 20px}.procurement-lead{font-size:16px;line-height:1.8;color:#555;max-width:540px}.procurement-key{margin:30px 0;border-top:1px solid #dedede}.procurement-key div,.procurement-table div{display:grid;grid-template-columns:150px 1fr;gap:18px;border-bottom:1px solid #dedede;padding:13px 0;font-size:13px}.procurement-key span,.procurement-table dd{color:#666}.procurement-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.procurement-download,.procurement-aside>a:not(.inline-button),.document-row a{color:#ef681c;font-size:13px;font-weight:700}.procurement-nav{display:flex;gap:36px;flex-wrap:wrap;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:60px 0 45px;padding:20px 0}.procurement-nav a{font-size:12px;font-weight:700;color:#343434}.procurement-nav a:hover{color:#f5681d}.procurement-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:85px}.procurement-section{padding:0 0 34px;margin:0 0 40px;border-bottom:1px solid #e5e5e5;scroll-margin-top:30px}.procurement-section h2{font-size:24px;text-align:left;margin:0 0 20px}.procurement-section p,.procurement-section li,.procurement-aside p{font-size:14px;line-height:1.8;color:#626262}.procurement-section ul{padding-left:20px}.procurement-table{margin:24px 0}.procurement-table dt{font-weight:700}.procurement-table dd{margin:0}.procurement-note{font-size:12px!important;color:#777!important}.procurement-aside{align-self:start;background:#f4f4f4;padding:28px}.procurement-aside h3{margin-top:0;font-size:19px}.procurement-aside>a{display:block;margin:18px 0}.procurement-aside hr{border:0;border-top:1px solid #ddd;margin:30px 0}.document-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #ddd}.document-row p{margin:5px 0 0}.document-row a{white-space:nowrap}@media(max-width:800px){.procurement-hero,.procurement-body{grid-template-columns:1fr;gap:32px}.procurement-intro h2{font-size:30px}.procurement-nav{gap:18px;margin:40px 0 35px}.procurement-body{gap:0}.procurement-aside{margin-bottom:30px}}@media(max-width:480px){.procurement-key div,.procurement-table div{grid-template-columns:1fr;gap:5px}.document-row{align-items:start;flex-direction:column}.procurement-image img{aspect-ratio:1.15}}
.procurement-intro h2{text-align:left}
.procurement-main-image{display:block;width:100%;aspect-ratio:1.28}.procurement-main-image img{height:100%}.procurement-thumbnails{display:flex;gap:12px;margin-top:16px}.procurement-thumbnails .gallery-item{width:120px;aspect-ratio:4/3}.procurement-related{border-top:1px solid #ddd;padding-top:42px;margin-top:48px}.related-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.related-heading h2{font-size:25px;text-align:left;margin:0 0 10px}.related-heading p{margin:0;color:#666;font-size:13px;line-height:1.6}.related-heading>a,.reference-card strong,.related-product-card span{font-size:12px;font-weight:700;color:#e9651a}.related-heading>a{white-space:nowrap}.reference-card{display:grid;grid-template-columns:1fr 1.3fr;gap:35px;align-items:center;background:#f4f4f4;color:inherit}.reference-card img{display:block;width:100%;height:255px;object-fit:cover}.reference-card>div{padding:25px 35px 25px 0}.reference-card h3,.related-product-card h3{font-size:18px;margin:12px 0}.reference-card p{font-size:13px;line-height:1.8;color:#666;max-width:590px}.related-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related-product-card{color:inherit;background:#f4f4f4}.related-product-card img{display:block;width:100%;height:190px;object-fit:contain;background:#fff}.related-product-card>div{padding:20px}.related-product-card h3{margin:0 0 7px}.related-product-card p{font-size:12px;color:#777;margin:0 0 18px}.related-product-card:hover h3,.reference-card:hover h3{color:#e9651a}@media(max-width:650px){.related-heading{align-items:start;flex-direction:column;gap:12px}.reference-card{grid-template-columns:1fr;gap:0}.reference-card img{height:210px}.reference-card>div{padding:24px}.related-product-grid{grid-template-columns:1fr 1fr;gap:14px}.related-product-card img{height:140px}.related-product-card>div{padding:15px}.procurement-thumbnails .gallery-item{width:100px}}
.system-illustration{background:#f5f5f5;margin-top:25px}.system-illustration img{display:block;width:100%;height:auto}.system-illustration p{font-size:11px!important;line-height:1.6!important;color:#777!important;padding:0 20px 18px;margin:0}.project-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin:25px 0}.project-brief-grid>div{border-top:2px solid #f5681d;padding-top:13px}.project-brief-grid h3{font-size:14px;margin:0 0 7px}.project-brief-grid p{margin:0;font-size:13px}.delivery-note,.documentation-check{background:#f5f5f5;padding:20px 22px;margin-top:28px}.delivery-note strong,.documentation-check strong{font-size:14px}.delivery-note p,.documentation-check p{font-size:13px;margin:8px 0 0}.documentation-check a{color:#e9651a;text-decoration:underline}.compare-wrap{overflow-x:auto;margin:0 0 30px}.compare-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.compare-table caption{text-align:left;font-weight:700;font-size:15px;margin-bottom:12px}.compare-table th,.compare-table td{padding:12px 14px;border-bottom:1px solid #ddd;vertical-align:top}.compare-table thead{background:#f4f4f4}.compare-table td{color:#666}.compare-table th:first-child{width:25%}@media(max-width:650px){.project-brief-grid{grid-template-columns:1fr;gap:18px}.compare-table{min-width:480px}}
/* Small planning illustrations accompany the project brief, without adding content to screen readers. */
.project-brief-grid>div{position:relative;padding-left:76px;min-height:76px}.project-brief-grid>div::before{content:"";position:absolute;left:0;top:13px;width:64px;height:44px;background-image:url('assets/project-planning-illustrations.png');background-repeat:no-repeat;background-size:200% 200%;background-position:0 0}.project-brief-grid>div:nth-child(2)::before{background-position:100% 0}.project-brief-grid>div:nth-child(3)::before{background-position:0 100%}.project-brief-grid>div:nth-child(4)::before{background-position:100% 100%}@media(max-width:480px){.project-brief-grid>div{padding-left:70px}.project-brief-grid>div::before{width:60px;height:42px}}
/* Enlarge the visible artwork while keeping the text aligned across the grid. */
.project-brief-grid>div{padding-left:90px;min-height:82px}.project-brief-grid>div::before{width:76px;height:56px;background-size:260% 260%;background-position:9.375% 9.375%}.project-brief-grid>div:nth-child(2)::before{background-position:90.625% 9.375%}.project-brief-grid>div:nth-child(3)::before{background-position:9.375% 90.625%}.project-brief-grid>div:nth-child(4)::before{background-position:90.625% 90.625%}@media(max-width:480px){.project-brief-grid>div{padding-left:80px}.project-brief-grid>div::before{width:68px;height:51px}}
/* Related products follow the product information, stopping at its boundary. */
.procurement-sidebar{min-width:0;align-self:stretch}.sidebar-recommendations{position:sticky;top:24px;margin-top:24px;max-height:calc(100vh - 48px);overflow:auto;border:1px solid #e6e6e6;background:#fff;padding:22px}.sidebar-recommendations h3{font-size:16px;line-height:1.35;margin:0 0 14px}.sidebar-product{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:14px;padding:12px 0;border-top:1px solid #e8e8e8;color:#222}.sidebar-product img{width:68px;height:56px;object-fit:contain;background:#f7f7f7}.sidebar-product strong,.sidebar-product small{display:block}.sidebar-product strong{font-size:12px;line-height:1.4}.sidebar-product small{font-size:11px;line-height:1.45;color:#777;margin-top:4px}.sidebar-product:hover strong,.sidebar-product:focus-visible strong{color:#e9651a}@media(max-width:800px){.sidebar-recommendations{position:static;max-height:none;overflow:visible;margin:0 0 32px}.procurement-sidebar{display:flex;flex-direction:column;gap:20px}.procurement-sidebar .procurement-aside{margin-bottom:0}}
/* Related products expand with the available viewport while remaining within the detail area. */
@media(min-width:801px){.sidebar-recommendations{height:clamp(480px,78vh,720px);display:flex;flex-direction:column}.sidebar-recommendations>div{display:flex;flex:1;flex-direction:column}.sidebar-product{flex:1;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px 0}.sidebar-product img{width:92px;height:clamp(70px,9vh,96px)}.sidebar-product strong{font-size:13px}.sidebar-product .sidebar-summary{margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#666;font-size:11px;line-height:1.5}}
@media(min-width:801px) and (max-height:700px){.sidebar-recommendations{height:auto}.sidebar-product{padding:9px 0}.sidebar-product img{height:65px}.sidebar-product .sidebar-summary{-webkit-line-clamp:2}}
@media(max-width:800px){.sidebar-product{grid-template-columns:82px minmax(0,1fr)}.sidebar-product img{width:82px;height:68px}.sidebar-product .sidebar-summary{margin-top:5px;font-size:11px;color:#666;line-height:1.5}}
/* Exchange case study */
.exchange-case .detail-grid{align-items:center}.exchange-case .detail-grid>img{width:100%;height:440px;object-fit:cover}.exchange-kicker{font-size:11px!important;letter-spacing:.1em;color:#ed681b!important;font-weight:800;margin:0 0 14px}.exchange-lead{font-size:17px!important;line-height:1.7!important;color:#333!important}.exchange-section{border-top:1px solid #e3e3e3;margin-top:60px;padding-top:45px}.exchange-section h2,.exchange-cta h2{text-align:left;font-size:27px;line-height:1.25;margin:0 0 16px}.exchange-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:28px}.exchange-heading p:not(.exchange-kicker),.exchange-case p,.exchange-case li{font-size:14px;line-height:1.8;color:#666}.exchange-heading>p{max-width:500px;margin:0}.exchange-facts{display:grid;grid-template-columns:repeat(4,1fr);background:#f5f5f5}.exchange-facts div{padding:25px;border-right:1px solid #ddd}.exchange-facts div:last-child{border:0}.exchange-facts strong,.exchange-facts span{display:block}.exchange-facts strong{font-size:25px;color:#222}.exchange-facts span{font-size:12px;color:#777;line-height:1.5;margin-top:9px}.exchange-case .source-caption{font-size:11px!important;color:#888}.exchange-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.exchange-scope article{border-top:3px solid #f5681d;padding-top:20px}.exchange-scope article>span{font-size:11px;color:#f5681d;font-weight:700}.exchange-scope h3{font-size:18px;margin:10px 0}.exchange-scope a,.exchange-related span{font-size:12px;font-weight:700;color:#e9651a}.exchange-story{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:start}.exchange-story-note{background:#f5f5f5;padding:30px}.exchange-story-note h3{font-size:17px;margin:0}.exchange-story-note ul{padding-left:20px;margin-bottom:0}.exchange-gallery{margin:0;grid-template-columns:repeat(3,1fr);gap:20px}.exchange-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.exchange-scenes figure{margin:0}.exchange-scenes img{width:100%;height:220px;object-fit:cover;display:block}.exchange-scenes figcaption{font-size:12px;font-weight:700;margin-top:10px}.exchange-related{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.exchange-related a{background:#f4f4f4;padding:24px;color:#222}.exchange-related strong,.exchange-related span{display:block}.exchange-related strong{font-size:16px;margin-bottom:10px}.exchange-cta{background:#292929;color:#fff;padding:38px;margin-top:60px;display:flex;gap:30px;align-items:center;justify-content:space-between}.exchange-cta p{color:#ccc;max-width:700px;margin-bottom:0}.exchange-cta .inline-button{white-space:nowrap}@media(max-width:800px){.exchange-case .detail-grid>img{height:300px}.exchange-heading,.exchange-story{grid-template-columns:1fr;gap:20px}.exchange-facts{grid-template-columns:repeat(2,1fr)}.exchange-facts div:nth-child(2){border-right:0}.exchange-facts div:nth-child(-n+2){border-bottom:1px solid #ddd}.exchange-scope,.exchange-related{grid-template-columns:1fr}.exchange-scenes{grid-template-columns:1fr 1fr}.exchange-scenes img{height:180px}.exchange-gallery{grid-template-columns:1fr 1fr}.exchange-cta{align-items:flex-start;flex-direction:column}.exchange-section{margin-top:40px;padding-top:35px}}
.exchange-hero-visual{margin:0}.exchange-hero-visual img{display:block;width:100%;height:440px;object-fit:cover}.exchange-hero-visual figcaption{font-size:11px;line-height:1.5;color:#888;margin-top:8px}@media(max-width:800px){.exchange-hero-visual img{height:300px}}
/* In-page preview for external resources */
.external-preview{width:min(1100px,94vw);height:min(820px,88vh);max-width:none;max-height:none;padding:0;border:0;background:#fff;color:#222;overflow:hidden}.external-preview[open]{display:flex;flex-direction:column}.external-preview::backdrop{background:rgba(20,20,20,.52);backdrop-filter:blur(7px)}.external-preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #e5e5e5}.external-preview-header h2{font-size:17px;line-height:1.3;margin:0;text-align:left}.external-preview-domain{font-size:11px;color:#777;margin:4px 0 0}.external-preview-close{border:0;background:transparent;font-size:30px;line-height:1;color:#333;cursor:pointer;padding:4px 8px}.external-preview-frame{display:block;flex:1;width:100%;min-height:0;border:0;background:#f6f6f6}.external-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px;border-top:1px solid #e5e5e5;font-size:12px;color:#666}.external-preview-open{color:#e9651a;font-weight:700;white-space:nowrap}.external-preview :focus-visible{outline:2px solid #f5681d;outline-offset:3px}@media(max-width:650px){.external-preview{width:96vw;height:90dvh}.external-preview-header{padding:14px 16px}.external-preview-footer{padding:12px 16px;align-items:flex-start;flex-direction:column;gap:8px}}
.exchange-scenes-heading{font-size:15px;margin:12px 0 18px}
@media(min-width:801px){.exchange-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
/* A single installation visual remains balanced with the surrounding text. */
.exchange-scenes:has(> figure:only-child){grid-template-columns:minmax(0,640px)}
.exchange-scenes:has(> figure:only-child) img{height:auto;aspect-ratio:16/9}
@media(max-width:800px){.exchange-scenes:has(> figure:only-child){grid-template-columns:1fr}}

.opus-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.opus-scenes img{height:auto;aspect-ratio:16/10;object-fit:cover}@media(max-width:560px){.opus-scenes{grid-template-columns:1fr}}