:root{--ink:#232c29;--cream:#f6f5ef;--line:#d9ddd4;--olive:#54634a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.65 Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font:27px Georgia;letter-spacing:1px}.brand span{display:block;font:8px Arial;letter-spacing:3px;margin-top:7px}nav{display:flex;gap:32px;align-items:center}nav button{border:0;background:none}.demo{font-size:11px;border:1px solid var(--line);padding:5px 12px;border-radius:30px}.intro{padding:65px 5% 35px;display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--olive);text-transform:uppercase}h1{font:clamp(38px,5vw,76px)/1.13 Georgia,'Microsoft YaHei';margin:15px 0 20px;letter-spacing:-1px}h2{font:clamp(27px,3vw,45px)/1.3 Georgia,'Microsoft YaHei';margin:10px 0}p{color:#70796e}.intro p{max-width:330px}.tabs{display:flex;gap:9px;padding:0 5% 25px;flex-wrap:wrap}.tabs button,.chip{border:1px solid var(--line);border-radius:30px;background:transparent;padding:10px 22px}.tabs .active{background:var(--ink);color:white;border-color:var(--ink)}.stage{margin:0 3%;position:relative;background:#dce1d8;overflow:hidden}.stage>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.hot{position:absolute;display:flex;gap:8px;align-items:center;transform:translate(-12px,-12px);border:0;background:none;padding:0;color:#232c29}.dot{width:22px;height:22px;flex:none;border:4px solid white;border-radius:50%;background:#56674a;box-shadow:0 0 0 5px #ffffff44}.hot .label{background:#fffffff0;padding:7px 13px;box-shadow:0 2px 15px #0001;font-size:12px;border-radius:2px;white-space:nowrap}.hot:hover .label,.hot:focus-visible .label{background:var(--ink);color:white}.hot.right{flex-direction:row-reverse;transform:translate(calc(-100% + 12px),-12px)}.caption{display:flex;justify-content:space-between;margin:15px 5% 45px;font-size:12px;color:#798073;gap:15px}.sceneinfo{margin:0 5% 80px;display:grid;grid-template-columns:1fr 2fr;gap:6%}.links{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.links a{padding:10px 15px;border-bottom:1px solid var(--line)}.links a:hover{color:var(--olive);border-color:var(--olive)}.catalog{border-top:1px solid var(--line);padding:55px 5% 80px}.sectiontitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;padding:13px;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eceee8}.card h3{font-weight:400;margin:15px 0 3px}.card small{color:#899180}.card .arrow{float:right}.back{display:inline-block;margin:35px 5% 0}.detail{padding:35px 5% 70px}.detailgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:start}.detailimage{width:100%;max-height:580px;object-fit:contain;background:white}.spec{border-top:1px solid var(--line);padding:12px 0;display:flex;gap:30px}.spec span:first-child{width:80px;flex:none;color:#78816e}.cta{display:inline-block;background:var(--ink);color:white;padding:13px 22px;margin-top:25px}.note{font-size:12px}.related{margin-top:60px}.related img{width:100%;max-height:480px;object-fit:cover}.accessory{margin:0 5% 60px;border-top:1px solid var(--line);padding-top:35px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.accessory img{width:100px;height:85px;object-fit:contain;background:white}.accrow{display:flex;gap:20px;flex-wrap:wrap}.accrow a{font-size:12px;text-align:center}.accrow span{display:block}footer{background:#25312b;color:#f6f5ef;padding:45px 5%;display:flex;justify-content:space-between;gap:30px}footer p{margin:0;color:#bfc7ba}footer small{font-size:11px}button:focus-visible,a:focus-visible{outline:3px solid #8aab65;outline-offset:4px}@media(max-width:700px){header{height:75px;padding:0 5%}.brand{font-size:20px}.brand span{font-size:6px}nav{gap:13px;font-size:12px}.demo{display:none}.intro{padding-top:35px;display:block}.intro p{max-width:none}.stage{margin:0}.hot .label{font-size:9px;padding:4px 6px}.dot{width:15px;height:15px;border-width:3px}.hot{gap:4px}.caption{font-size:10px}.sceneinfo,.detailgrid,.accessory{grid-template-columns:1fr}.sceneinfo{margin-bottom:40px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:8px}.card h3{font-size:14px}.sectiontitle{display:block}.detailimage{max-height:350px}.detailgrid{gap:25px}footer{flex-direction:column}.tabs button{padding:8px 14px;font-size:12px}.hot.right{transform:translate(calc(-100% + 8px),-8px)}.hot{transform:translate(-8px,-8px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.categorygroup{margin-top:35px}.categorygroup>h3{font-weight:400;font-size:24px;border-bottom:1px solid var(--line);padding-bottom:15px}.intro h1{max-width:850px;font-size:clamp(32px,4.2vw,64px);text-wrap:balance}

.categoryscenes{margin:0 3%;display:grid;gap:28px}.categoryscene{position:relative;display:block;overflow:hidden;background:#344238}.categoryscene>img{display:block;width:100%;height:580px;object-fit:cover;transition:transform .5s}.categoryscene:hover>img{transform:scale(1.02)}.sceneoverlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:45px;color:white;background:linear-gradient(transparent 45%,#101d16bb)}.sceneoverlay .eyebrow{color:#e4e8dc}.sceneoverlay h2{font-size:48px;margin:12px 0}.sceneaction{align-self:flex-start;border-bottom:1px solid #ffffff88;padding:6px 0}.scene-disclaimer{margin:15px 5% 65px;font-size:11px}.enquiry{padding:65px 5%;background:#e9ece3;display:grid;grid-template-columns:1fr 1.35fr;gap:8%}.enquiry h2{font-size:36px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.enquiry label{display:block;font-size:13px;margin-bottom:16px}.enquiry input,.enquiry select,.enquiry textarea{display:block;width:100%;padding:12px;border:1px solid #c9d0c2;margin-top:7px;background:#fafbf7;font:inherit;border-radius:0;color:var(--ink)}.enquiry .cta{border:0;margin-top:0}.contactline{margin:23px 0}.contactline small{display:block;color:#7b8576}.contactline a{font-size:18px}.category-bottom{padding:20px 5% 65px}.selected{background:var(--ink);color:white}#enquiry-result .chip{display:inline-block;margin:5px 8px 5px 0;font-size:13px}@media(max-width:700px){.categoryscene>img{height:380px}.sceneoverlay{padding:22px}.sceneoverlay h2{font-size:32px}.enquiry{grid-template-columns:1fr;gap:25px}.formgrid{grid-template-columns:1fr 1fr}.categoryscenes{gap:16px}.contactline a{font-size:16px}}

/* Architectural editorial identity */
:root{--ink:#192427;--cream:#f9f9f6;--olive:#6b7675;--line:#d8ddda}header{height:96px;background:#f9f9f6;padding:0 4.5%;gap:45px}.brand{font:bold 26px Arial,sans-serif;letter-spacing:2px}.brand span{font-size:9px;letter-spacing:2px;color:#64706c;font-weight:400}nav{margin-left:auto;gap:42px;font-size:13px}nav a:last-of-type{padding-left:32px;border-left:1px solid #cfd5d1}.demo{border:0;border-radius:0;font-size:8px;letter-spacing:1.5px;color:#7f8a84}.brandhero{position:relative;height:calc(100svh - 96px);min-height:650px;max-height:1000px;isolation:isolate;color:white;background:#26332c}.heroimage,.heroshade{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}.heroimage{object-position:center 52%}.heroshade{z-index:-1;background:linear-gradient(90deg,#0a1c1fd4 0%,#0c1b1d72 35%,#0000 75%),linear-gradient(0deg,#0d1a1e66,transparent 35%)}.herotop{position:absolute;top:32px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#e0e5df}.herocopy{position:absolute;left:8%;top:50%;transform:translateY(-48%)}.herocopy .eyebrow{color:#d4ddd6;font-size:9px;letter-spacing:2px}.herocopy h1{font:400 clamp(40px,4.6vw,72px)/1.4 'Microsoft YaHei',Arial,sans-serif;letter-spacing:5px;margin:22px 0 18px}.herocopy p{font-size:15px;letter-spacing:4px;color:#e1e4df;margin-bottom:35px}.outlinebtn{border:1px solid #ffffff80;display:flex;align-items:center;justify-content:space-between;padding:13px 19px;width:210px;font-size:12px;transition:background .2s}.outlinebtn:hover{background:white;color:var(--ink)}.outlinebtn span{font-size:20px}.herobottom{position:absolute;left:4.5%;right:4.5%;bottom:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#e0e5df}.herocount{font-size:12px;font-variant-numeric:tabular-nums}.brandstatement{padding:85px 8% 75px;border-bottom:1px solid var(--line)}.brandstatement>div{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-top:25px}.brandstatement h2{font:400 clamp(27px,3vw,45px)/1.6 Arial,'Microsoft YaHei';letter-spacing:2px;margin:0}.brandstatement p{font-size:12px;line-height:2.2;max-width:340px;color:#75817b}.editorial{display:grid;grid-template-columns:62% 38%;margin:80px 0 110px}.editorialphoto{position:relative;display:block}.editorialphoto img{width:100%;height:620px;display:block;object-fit:cover}.photocorner{position:absolute;bottom:25px;left:30px;font-size:9px;letter-spacing:2px;color:white}.editorialcopy{padding:65px 12% 30px 14%;display:flex;flex-direction:column;align-items:start;justify-content:center}.editorialcopy h2,.facadecopy h2{font:400 34px/1.5 Arial,'Microsoft YaHei';letter-spacing:2px;margin:22px 0 12px}.englishheadline{font:normal 35px/1.1 Georgia,serif;letter-spacing:-.6px;color:#8c9992;margin:10px 0 24px}.editorialcopy>p:not(.englishheadline),.facadecopy>p:not(.englishheadline){font-size:12px;line-height:2;color:#7a857f}.textlink{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8c9992;padding:14px 0;width:200px;font-size:12px;margin-top:24px}.textlink span{font-size:22px}.facadefeature{position:relative;padding:0 5.5% 95px}.facadephoto{display:block;margin-left:23%;height:650px}.facadephoto img{width:100%;height:100%;object-fit:cover}.facadecopy{position:absolute;left:8%;bottom:15px;background:#f9f9f6;padding:40px 65px 40px 0;max-width:460px}.facadecopy .englishheadline{font-size:31px}.scene-disclaimer{margin:20px 5.5% 75px;color:#8d958e;font-size:10px}.accessory{margin:0;padding:60px 8%;background:#ecefeb;border-top:0;gap:8%;grid-template-columns:1fr 1.3fr}.accessory h2{font:400 30px Arial,'Microsoft YaHei';letter-spacing:2px;margin:18px 0}.accessory p{font-size:12px}.accessory>div>a{font-size:12px;display:inline-block;border-bottom:1px solid #a6b1a7;padding-bottom:5px}.accrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:center}.accrow img{width:100%;height:125px;object-fit:contain;background:#f9faf7}.accrow span{padding-top:10px;font-size:11px}.enquiry{padding:85px 8%;background:#19282b;color:#f1f4f0;gap:10%}.enquiry .eyebrow{color:#a0b2aa}.enquiry h2{font:400 34px Arial,'Microsoft YaHei';letter-spacing:2px;margin:25px 0}.enquiry p{color:#a0b1a9;font-size:12px;line-height:2}.enquiry label{font-size:11px;color:#b7c3bd}.enquiry input,.enquiry select,.enquiry textarea{background:transparent;border:0;border-bottom:1px solid #5c6d66;color:#f2f5f1;padding:10px 0;font-size:13px}.enquiry select option,.enquiry select optgroup{background:#19282b;color:white}.enquiry .cta{background:#e3e9df;color:#23302a;font-size:12px;padding:13px 30px}.contactline small{font-size:9px;letter-spacing:2px;color:#8d9f96}.contactline a{font-size:16px}.enquiry .note{font-size:10px}.enquiry .chip{color:white}.enquiry-result{color:white}footer{border-top:1px solid #3c4c45;background:#19282b;padding:35px 8%;font-size:11px;align-items:start}footer .brand{font-size:22px}footer p{font-size:10px;line-height:2;color:#9eafa6}footer small{font-size:9px}footer>a:last-child{color:#abbab2}.catalog .card{background:#f1f3ed}.detail h1{font-family:Arial,'Microsoft YaHei';font-size:48px}.categoryscenes{margin:0}.eyebrow{font-size:9px;letter-spacing:2px}@media(min-width:1500px){.editorialphoto img{height:730px}}@media(max-width:900px){header{height:82px;gap:15px}nav{gap:20px}.demo{display:none}.brandhero{height:calc(90svh - 82px);min-height:570px}.editorialcopy{padding:35px 9%}.editorialphoto img{height:550px}.englishheadline{font-size:28px}.editorialcopy h2,.facadecopy h2{font-size:27px}.facadecopy{max-width:380px;padding-right:25px}.facadephoto{height:570px}}@media(max-width:600px){header{height:76px;padding:0 5%}.brand{font-size:19px;letter-spacing:1px}.brand span{font-size:7px;letter-spacing:1px}nav{gap:16px;font-size:11px}nav a:nth-child(2){display:none}nav a:last-of-type{padding-left:0;border:0}.brandhero{height:calc(88svh - 76px);min-height:560px}.herotop{font-size:7px;letter-spacing:1px}.herotop span:last-child{display:none}.heroimage{object-position:58% center}.heroshade{background:linear-gradient(90deg,#102022c9,#10202222),linear-gradient(0deg,#10202288,transparent)}.herocopy{left:7%;right:7%}.herocopy h1{font-size:37px;letter-spacing:3px;line-height:1.5}.herocopy .eyebrow{font-size:7px;letter-spacing:1px}.herocopy p{font-size:12px}.herobottom{font-size:8px}.herobottom>span:first-child{display:none}.brandstatement{padding:50px 7%}.brandstatement>div{display:block;margin-top:20px}.brandstatement h2{font-size:25px}.brandstatement p{margin-top:25px;font-size:11px}.editorial{display:flex;flex-direction:column;margin:45px 0 55px}.editorialphoto img{height:370px}.editorialcopy{padding:32px 7% 0}.editorialcopy h2{font-size:29px;margin:18px 0 8px}.englishheadline{font-size:30px}.editorialcopy>p:not(.englishheadline){font-size:12px}.facadefeature{padding:0 0 35px}.facadephoto{height:390px;margin:0}.facadecopy{position:relative;left:auto;bottom:auto;margin:-45px 5% 0;padding:30px 6% 10px;max-width:none}.facadecopy h2{font-size:29px}.facadecopy .englishheadline{font-size:28px}.scene-disclaimer{margin:10px 7% 40px;font-size:9px}.accessory{padding:40px 7%;display:block}.accrow{margin-top:25px;gap:9px}.accrow img{height:95px}.accrow span{font-size:9px}.enquiry{padding:50px 7%;gap:35px}.enquiry h2{font-size:27px}.contactline a{font-size:15px}.formgrid{gap:15px}.detail h1{font-size:34px}footer{padding:30px 7%;gap:20px}.intro{padding:35px 7%}.textlink{margin-top:14px}.herocopy .outlinebtn{width:180px;font-size:11px}}
/* Immersive interactive homepage */
[hidden]{display:none!important}.reference-header{height:100px;padding:0 3%;gap:25px;position:relative;z-index:30;background:#253e52;color:white}.reference-header .brand{font-size:22px;letter-spacing:1px}.reference-header .brand span{color:#cbd9e0;font-size:7px}.reference-header nav{gap:20px;font-size:12px;margin-left:auto}.reference-header nav a:last-of-type{border:0;padding-left:0}.headercontact{text-align:right;line-height:1.45;flex-shrink:0}.headercontact a{display:block;font-size:11px}.headercontact a:first-child{font-size:16px;font-weight:bold;letter-spacing:.5px}.headercontact span{display:block;color:#d0dce1;font-size:9px;margin-top:3px}.reference-header select{color:white;background:transparent;border:1px solid #ffffff70;padding:9px 10px;font:inherit;font-size:12px;max-width:100px}.reference-header select option{color:#253e52;background:white}.navdropdown{position:relative;padding:30px 0}.navmenu{display:none;position:absolute;top:70px;left:-20px;background:#fffffffa;color:#253e52;min-width:180px;padding:15px;box-shadow:0 10px 30px #0002}.navmenu a{display:block;padding:10px!important;border:0!important}.navmenu a:hover{background:#e9eef0}.navdropdown:hover .navmenu,.navdropdown:focus-within .navmenu{display:block}.panorama-home .reference-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(#1a374bc9,#1a374b80);border-bottom:1px solid #ffffff30;backdrop-filter:blur(9px)}.panorama{position:relative;height:100svh;min-height:760px;overflow:hidden;background:#728c99;isolation:isolate}.panorama-world{position:absolute;inset:-10px;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .8s ease-out}.panorama-world>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:scene-in 1s ease-out}.panorama-shade{position:absolute;inset:0;background:linear-gradient(0deg,#132d3d90,transparent 25%,transparent 68%,#24435a66);pointer-events:none}.panorama-heading{position:absolute;top:150px;left:5%;pointer-events:none;text-shadow:0 2px 20px #0008;color:white}.panorama-heading>span{font-size:9px;letter-spacing:3px}.panorama-heading h1{font:400 clamp(27px,3.1vw,48px)/1.4 Arial,'Microsoft YaHei';letter-spacing:3px;margin:13px 0}.panorama-heading p{font-size:12px;color:#f0f5f4;margin:0}.scenehot{position:absolute;transform:translate(-12px,-12px);display:flex;align-items:center;gap:12px;z-index:3}.scenedot{width:23px;height:23px;flex:none;border:2px solid white;border-radius:50%;background:#ffffff80;box-shadow:0 0 0 7px #ffffff20;position:relative}.scenedot:after{content:'';position:absolute;inset:-9px;border:1px solid #ffffff99;border-radius:50%;animation:hotpulse 3s infinite}.scenehot-label{position:relative;background:#ffffffed;backdrop-filter:blur(8px);color:#233d4c;padding:10px 37px 10px 14px;box-shadow:0 4px 20px #15283925;border-radius:3px;font-size:13px;white-space:nowrap;transition:background .2s}.scenehot-label small{display:block;font-size:8px;letter-spacing:.3px;color:#6e7d83}.scenehot-label b{position:absolute;right:12px;top:15px;font-weight:normal}.scenehot:hover .scenehot-label,.scenehot:focus-visible .scenehot-label{background:#223e50;color:white}.scenehot:hover small{color:#c4d5dc}.scenehot.onright{flex-direction:row-reverse;transform:translate(calc(-100% + 12px),-12px)}.scene-switch{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;background:#223e50b8;backdrop-filter:blur(15px);border:1px solid #ffffff55;border-radius:5px;white-space:nowrap}.scene-switch button{border:0;background:none;color:#e4eced;font-size:12px;padding:11px 22px;border-radius:2px}.scene-switch button.active{background:#fffffff0;color:#223e50}.panorama-bottom{position:absolute;bottom:25px;left:4%;right:4%;display:flex;align-items:center;gap:30px;color:#e6eeed;font-size:10px}.panorama-bottom>button{margin:auto;background:transparent;border:1px solid #ffffff70;color:white;font-size:12px;padding:9px 20px}.panorama-bottom>button b{margin-left:30px;font-weight:normal}.panorama-bottom>a{margin-right:150px}.productdock{position:absolute;right:5%;bottom:145px;background:#fffffff5;backdrop-filter:blur(18px);width:430px;max-height:62%;overflow:auto;padding:24px 28px;box-shadow:0 12px 50px #0003;border-radius:4px}.docktitle{display:flex;justify-content:space-between;border-bottom:1px solid #d9e0df;padding-bottom:13px;font-size:18px}.docktitle button{background:none;border:0;font-size:24px}.dockcat{font-size:13px;display:block;margin-top:20px;color:#23445a}.docklinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px}.docklinks a{font-size:11px;color:#77858c;border-bottom:1px solid #dce2e0;padding-bottom:4px}.floating-contact{position:fixed;right:25px;bottom:23px;z-index:90}.floating-contact>button{border:1px solid #ffffff60;background:#294c61;color:white;border-radius:30px;box-shadow:0 5px 30px #0003;padding:13px 23px;font-size:12px;display:flex;gap:12px;align-items:center}.floating-contact>button>span{font-size:23px;line-height:1}#float-panel{width:300px;background:#fff;color:#243d4d;box-shadow:0 10px 50px #0004;border-radius:8px;margin-bottom:15px;overflow:hidden;padding:0 22px 20px}.float-panel-head{margin:0 -22px 20px;padding:18px 22px;display:flex;justify-content:space-between;background:#294c61;color:white;align-items:center;font-size:15px;letter-spacing:1px}.float-panel-head button{color:white;background:none;border:0;font-size:22px}#float-panel p{color:#243d4d;font-size:15px;margin:0 0 10px}#float-panel small{font-size:11px;color:#7d898c;display:block;line-height:1.8;margin-bottom:15px}#float-panel>a{display:block;padding:9px 0;font-size:12px}.float-whatsapp{background:#eff5f0;border:1px solid #cfded2;padding:12px!important;text-align:center;margin:12px 0}.panorama-home .accessory{margin-top:0}@keyframes hotpulse{0%,100%{transform:scale(.8);opacity:.3}50%{transform:scale(1.2);opacity:.8}}@keyframes scene-in{from{opacity:.6}to{opacity:1}}@media(max-width:1150px){.reference-header{gap:16px;padding:0 2%}.reference-header nav{gap:13px;font-size:10px}.reference-header .brand{font-size:18px}.headercontact a:first-child{font-size:13px}.headercontact a{font-size:9px}.headercontact span{font-size:8px}.panorama-heading{top:140px}.scenehot-label{font-size:11px;padding:8px 26px 8px 10px}.scenehot-label small{font-size:7px}}@media(max-width:700px){.reference-header{height:90px;flex-wrap:wrap;gap:5px;padding:10px 4%;align-content:center}.reference-header .brand{font-size:17px}.reference-header .brand span{font-size:6px}.headercontact{margin-left:auto}.headercontact a:first-child{font-size:11px}.headercontact span,.headercontact a:nth-child(2){display:none}.reference-header select{padding:5px;font-size:10px}.reference-header nav{order:4;justify-content:space-between;width:100%;margin:3px 0 0;gap:10px;font-size:10px}.reference-header nav a:nth-child(2){display:block}.navdropdown{padding:3px 0}.navmenu{top:20px;left:-25px}.panorama{min-height:680px;height:100svh}.panorama-heading{top:118px;left:6%;right:6%}.panorama-heading h1{font-size:25px;letter-spacing:1px}.panorama-heading p{font-size:10px}.panorama-heading>span{font-size:7px;letter-spacing:2px}.panorama-world{inset:0;top:0}.panorama-world>img{object-fit:cover;object-position:center}.scenehot{gap:4px;transform:translate(-8px,-8px)}.scenedot{width:15px;height:15px}.scenehot-label{font-size:9px;padding:6px 19px 6px 7px;max-width:130px}.scenehot-label small{display:none}.scenehot-label b{right:6px;top:6px;font-size:10px}.scenehot.onright{transform:translate(calc(-100% + 8px),-8px)}.scene-switch{bottom:115px;padding:4px;gap:0}.scene-switch button{padding:10px 11px;font-size:10px}.panorama-bottom{bottom:68px;gap:10px;font-size:8px;left:5%;right:5%}.panorama-bottom>span{max-width:100px}.panorama-bottom>button{font-size:10px;padding:7px 11px}.panorama-bottom>button b{margin-left:10px}.panorama-bottom>a{margin-right:0;font-size:8px}.productdock{right:5%;left:5%;width:90%;bottom:170px;max-height:55%;padding:18px}.floating-contact{right:15px;bottom:14px}.floating-contact>button{font-size:11px;padding:10px 16px}.floating-contact>button>span{font-size:18px}#float-panel{width:280px}}@media(prefers-reduced-motion:reduce){.scenedot:after,.panorama-world>img{animation:none}.panorama-world{transition:none}}

.panorama-world{inset:auto;left:50%;top:50%;width:max(100vw,calc(max(760px,100svh) * var(--ratio)));height:auto;aspect-ratio:var(--ratio);transform:translate(calc(-50% + var(--mx,0px)),calc(-50% + var(--my,0px)))}.panorama-world>img{position:absolute;inset:0;object-fit:cover}.panorama-home #catalog{position:absolute;top:0}@media(max-width:700px){.panorama-world{left:0;top:230px;width:100%;height:auto;aspect-ratio:var(--ratio);transform:none}.panorama{background:linear-gradient(#47657c,#adc2cc 45%,#1d394c)}.scenehot-label{padding:5px 18px 5px 6px;font-size:8px}.scenehot{gap:3px}.panorama-world .scenedot{width:12px;height:12px}.scenehot-label b{top:5px}.panorama-world .scenehot:nth-of-type(5){flex-direction:row-reverse;transform:translate(calc(-100% + 8px),-8px)}}

.preview-open{overflow:hidden}.previewbackdrop{position:fixed;inset:0;z-index:120;background:#142a3d66;backdrop-filter:blur(5px);display:grid;place-items:center;padding:30px}.previewcard{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#f9fbf8;width:min(860px,94vw);box-shadow:0 22px 90px #0005;max-height:86svh;overflow:auto;border-radius:6px}.previewclose{position:absolute;right:14px;top:10px;z-index:2;border:0;background:#ffffffdf;border-radius:50%;width:34px;height:34px;font-size:24px;color:#284657}.previewphoto{position:relative;background:#eef1ec;min-height:360px;overflow:hidden}.previewphoto img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.previewphoto span{position:absolute;bottom:12px;left:12px;background:#ffffffe8;color:#647479;padding:5px 9px;font-size:9px}.previewphoto.fish-photo img{width:330%;height:230%;max-width:none;object-fit:cover;left:-20%;top:-38%}.previewcontent{padding:50px 35px 35px}.previewcontent h2{font:400 30px/1.4 Arial,'Microsoft YaHei';margin:18px 0 5px}.previewcontent>p{font-size:13px;color:#6c7d81}.previewcontent .previewenglish{font-size:10px;letter-spacing:.4px;color:#819090}.previewcontent>small{display:block;font-size:10px;color:#8b9697;margin-top:22px}.previewactions{margin-top:25px}.previewactions .cta{margin:0;background:#294c61;padding:12px 18px;font-size:12px}.preview-enquire{display:block;font-size:12px;margin-top:16px;color:#294c61}.previewcard a:focus-visible,.previewclose:focus-visible{outline:3px solid #729bb0;outline-offset:3px}@media(max-width:650px){.previewbackdrop{padding:16px}.previewcard{display:block;width:100%;max-height:88svh}.previewphoto{min-height:190px;height:190px}.previewcontent{padding:25px}.previewcontent h2{font-size:25px;margin-top:12px}.previewcontent>p{font-size:12px}.previewactions{display:flex;align-items:center;gap:20px}.preview-enquire{margin:0}.previewphoto.fish-photo img{height:350%;width:260%;left:-9%;top:-65%}}
.panorama-tools{display:flex;gap:15px;margin:auto;align-items:center}.panorama-tools>a{border-bottom:1px solid #ffffff80;padding:8px 0;font-size:11px}.panorama-tools>button{background:transparent;color:white;border:1px solid #ffffff80;padding:9px 15px;font-size:11px}.panorama-tools b{margin-left:15px;font-weight:normal}.previewuse{font-size:11px!important;border-top:1px solid #dce2dc;padding-top:13px}.image-open{display:block;position:relative;background:#f1f3ee;border:1px solid #dde3de;padding:0;color:#294b5d;text-align:left;width:100%;overflow:hidden}.image-open>span{display:block;padding:14px 16px;font-size:12px;border-top:1px solid #dde3de}.image-open>span b{float:right;font-weight:normal;font-size:10px;color:#819090}.image-open img{display:block;width:100%;height:300px;object-fit:contain;background:white}.detail-photo>span{position:absolute;bottom:12px;right:12px;border:0;background:#ffffffe8;padding:5px 10px;font-size:10px}.detail-photo img{height:480px}.detail-compare{display:inline-block;margin:20px 0 0 20px;font-size:12px;border-bottom:1px solid #9bacad}.detailnav{display:flex;position:sticky;top:0;z-index:10;gap:35px;background:#f8faf7ed;backdrop-filter:blur(12px);border-bottom:1px solid #cfd9d2;padding:17px 0;margin-top:45px;font-size:12px}.detailsection{padding-top:55px;scroll-margin-top:75px}.detailsection h2{font-size:31px;margin:15px 0 25px}.detail-scene-img{width:100%;max-height:580px;object-fit:cover}.technical-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:25px}.installationgrid{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:30px 0}.installationgrid h3,.checkpanel h3{font-weight:400;font-size:18px}.installationgrid p{font-size:13px;line-height:2}.checkpanel{padding:25px 30px;background:#eaf0e9}.checkpanel ul{padding-left:18px;font-size:12px;line-height:2.3;color:#6b7d75}.checkpanel .cta{font-size:12px}.honest-note{background:#edf1ea;border-left:3px solid #80928b;padding:24px;font-size:13px;line-height:2;color:#6c7c78}.imageviewer{position:fixed;inset:0;z-index:140;background:#0e1d2ce8;display:grid;place-items:center;padding:35px}.imageviewer section{position:relative;max-width:92vw;max-height:94svh;display:flex;flex-direction:column;align-items:center}.imageviewer img{max-width:90vw;max-height:82svh;object-fit:contain;background:#fff}.imageviewer p{color:white;font-size:12px;margin:12px 0}.viewerclose{position:absolute;right:-15px;top:-18px;border:0;border-radius:50%;background:white;color:#294c61;width:36px;height:36px;font-size:26px;z-index:2}.compareintro{padding:35px 5% 30px;display:flex;justify-content:space-between;gap:6%;align-items:end}.compareintro h1{font:400 clamp(28px,3vw,45px)/1.5 Arial,'Microsoft YaHei';max-width:750px;margin:14px 0}.compareintro>p{max-width:300px;font-size:12px}.configurator{display:grid;grid-template-columns:1fr 330px;align-items:start;gap:30px;margin:0 4% 70px}.config-image{position:sticky;top:20px;overflow:hidden;background:#e6ece7}.config-image>img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.compare-badge{position:absolute;bottom:15px;left:18px;background:#ffffffe8;padding:8px 13px;font-size:11px}.config-panel{background:white;border:1px solid #dbe2dc;padding:25px}.config-panel h2{font:400 23px Arial;margin:16px 0}.config-panel fieldset{border:0;border-top:1px solid #dbe2dc;padding:18px 0 14px;margin:20px 0 0}.config-panel legend{font-size:10px;padding:0 8px 0 0;color:#72817a;letter-spacing:.5px}.materialchoice{display:flex;width:100%;justify-content:space-between;align-items:center;border:1px solid #dbe2dc;background:transparent;text-align:left;padding:11px 14px;margin-bottom:8px;font-size:13px;color:#294c61}.materialchoice small{display:block;font-size:9px;color:#829087;margin-top:3px}.materialchoice b{font-weight:normal}.chosen{border-color:#294c61!important;box-shadow:inset 0 0 0 1px #294c61;background:#f0f5ef!important}.tones{display:flex;gap:10px}.tone{flex:1;border:1px solid #dbe2dc;padding:9px;background:none;color:#294c61;font-size:11px}.tone i{display:block;width:35px;height:35px;border-radius:50%;margin:0 auto 7px;border:2px solid #ffffff;box-shadow:0 0 0 1px #c4ccc7}.config-panel fieldset>small{display:block;font-size:9px;color:#8a9690;margin-top:10px}.originaltoggle{width:100%;border:0;border-bottom:1px solid #ccd6ce;background:none;padding:12px;font-size:11px;color:#294c61}.config-actions .textlink{width:100%;margin-top:10px}.config-actions .cta{font-size:12px;display:block;text-align:center;margin-top:15px;background:#294c61}.full-detail>.detailgrid{align-items:start}.detailsection>.grid{margin-bottom:35px}@media(max-width:900px){.configurator{grid-template-columns:1fr 280px;gap:18px}.config-panel{padding:20px}.technical-gallery img{height:240px}.detail-photo img{height:380px}}@media(max-width:650px){.panorama-tools{gap:8px}.panorama-tools>a{font-size:9px}.panorama-tools>button{font-size:9px;padding:7px 9px}.panorama-tools b{margin-left:5px}.panorama-bottom>span{display:none}.compareintro{display:block;padding:25px 6%}.compareintro>p{max-width:none}.compareintro h1{font-size:27px}.configurator{grid-template-columns:1fr;margin:0 5% 45px;gap:20px}.config-image{position:static}.config-panel{padding:23px}.config-panel fieldset{margin-top:20px}.tones{max-width:260px}.technical-gallery{grid-template-columns:1fr;gap:15px}.technical-gallery img{height:260px}.installationgrid{grid-template-columns:1fr;gap:15px}.detailnav{gap:17px;font-size:10px;overflow:auto;white-space:nowrap}.detailsection{padding-top:35px}.detailsection h2{font-size:24px}.detail-photo img{height:300px}.detail-compare{display:block;margin:20px 0 0;width:fit-content}.imageviewer{padding:16px}.imageviewer img{max-width:92vw}.checkpanel{padding:20px}.compare-badge{font-size:9px;bottom:10px;left:10px;padding:5px 8px}}

/* Static presentation: no camera motion, pulses, fades or hover scaling. */
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.categoryscene:hover>img{transform:none!important}.scenedot:after{display:none!important}.panorama-world{transform:translate(-50%,-50%)!important}.heroimage{animation:none!important}@media(max-width:700px){.panorama-world{transform:none!important}}
.seriesgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin:20px 5% 65px}.series-card{display:block;border:1px solid #d9e1da;background:#fff}.series-reference{position:relative;height:clamp(240px,24vw,360px);overflow:hidden;background:#edf1eb}.series-reference img{display:block;height:100%;width:100%;object-fit:contain}.series-reference>span{position:absolute;bottom:12px;left:15px;font-size:10px;background:#ffffffdf;padding:5px 9px;color:#7a8b81}.series-card>div:last-child{padding:28px}.series-card h2{font:400 28px Arial,'Microsoft YaHei';margin:14px 0}.series-card small{color:#8a998f;font-size:10px;letter-spacing:1px}.series-card p{font-size:12px}.series-card>div>span:last-child{font-size:12px}.series-model-index{padding:35px 5% 50px}.series-model-index h2,.series-staging h2{font-size:30px;font-weight:400}.model-index-row{display:grid;grid-template-columns:190px 1fr;gap:30px;border-top:1px solid #dce3dc;padding:23px 0}.model-index-row h3{font-size:17px;font-weight:400;margin:5px 0}.model-index-row>div{display:flex;gap:12px 25px;flex-wrap:wrap;align-items:center}.model-index-row a{font-size:13px;color:#586d66}.series-products{margin:25px 5% 60px}.series-staging{padding:45px 5% 60px;background:#edf2ed}.series-staging>p{font-size:12px}.staging-block{padding:22px;background:#fff;border:1px solid #dae3da;margin:22px 0}.staging-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.staging-header h3{font-size:17px;font-weight:400;margin:0 0 4px}.staging-header small{font-size:10px;color:#86958c}.stage-upload{display:block;position:relative;overflow:hidden;border:1px solid #aebeb4;padding:9px 16px;font-size:12px;color:#294c61;cursor:pointer;white-space:nowrap}.stage-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.stage-upload:focus-within{outline:3px solid #86a49b;outline-offset:3px}.stage-images{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.stage-empty{grid-column:1/-1;border:1px dashed #bac9be;background:#f4f7f2;min-height:140px;display:grid;place-items:center;font-size:12px;color:#95a397}.stage-images figure{position:relative;margin:0;border:1px solid #dee6dc;background:#f7f9f5}.stage-images img{width:100%;height:180px;object-fit:contain}.stage-images figcaption{font-size:10px;color:#7d8e82;padding:7px;overflow-wrap:anywhere}.stage-images button{position:absolute;top:8px;right:8px;background:#ffffffeb;border:1px solid #ccd9ce;padding:4px 9px;font-size:10px}.stage-status{font-size:11px;margin-bottom:0;color:#6a7e70}@media(max-width:650px){.seriesgrid{grid-template-columns:1fr;gap:20px}.series-reference{height:clamp(180px,55vw,300px)}.series-card>div:last-child{padding:23px}.series-card h2{font-size:25px}.model-index-row{grid-template-columns:1fr;gap:12px}.model-index-row a{font-size:12px}.stage-images{grid-template-columns:repeat(2,1fr)}.stage-images img{height:130px}.staging-block{padding:16px}.stage-upload{padding:8px 10px;font-size:11px}.staging-header h3{font-size:15px}.series-staging{padding:35px 5%}}
.seam-options{margin:10px 5% 75px;display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.seam-option{display:block;background:white;border:1px solid #d8e1da}.seam-option>img{width:100%;height:290px;object-fit:contain;background:#f1f4ee}.seam-option>div{padding:28px}.seam-option h2{font-size:32px;margin:15px 0 5px}.seam-option h3{font-size:16px;font-weight:400}.seam-option p{font-size:12px}.seam-option>div>span{display:inline-block;border-bottom:1px solid #a6b5ac;margin-top:15px;font-size:12px;padding-bottom:5px}.source-specs{margin:20px 0}.source-specs h3{font-size:14px;font-weight:400}.source-specs table{border-collapse:collapse;width:100%;font-size:12px}.source-specs th,.source-specs td{border:1px solid #d8e0d8;padding:10px 12px;text-align:left;vertical-align:top}.source-specs th{font-weight:400;width:110px;background:#edf2eb}.system-advantages{padding-left:20px;color:#6b7c73;font-size:13px;line-height:2}@media(max-width:650px){.seam-options{grid-template-columns:1fr}.seam-option>img{height:240px}.source-specs table{font-size:11px}.source-specs th,.source-specs td{padding:8px}.source-specs th{width:90px}}
.original-sections>section{padding:20px 0;border-top:1px solid #dce3db;display:grid;grid-template-columns:190px 1fr;gap:30px}.original-sections h3{font-size:16px;font-weight:400;margin:3px 0}.original-sections p{margin:0;font-size:13px;line-height:2;color:#6d7e74}@media(max-width:650px){.original-sections>section{grid-template-columns:1fr;gap:10px}}

/* Uniform, edge-to-edge presentation; original files remain available in the viewer. */
.card{overflow:hidden}.card img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}
.detail-photo img,.seam-option>img{display:block;width:100%;aspect-ratio:4/3;height:auto!important;max-height:none;object-fit:cover;background:#dfe5e3}
.technical-gallery .image-open img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#dfe5e3}
.stage-images img{object-fit:cover}.demo-image-label{display:block;font-size:10px;color:#7b8984;margin-top:7px}
.stage-default{grid-column:1/-1}.stage-default img{height:auto!important;max-height:340px;aspect-ratio:16/9;object-fit:cover}.stage-default figcaption{padding:10px 12px}
.whatsapp-fab{position:fixed;right:25px;bottom:85px;z-index:89;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#08774e;color:#fff!important;padding:12px 16px;text-decoration:none;box-shadow:0 5px 20px #0004;font:600 14px/1.2 system-ui}
.whatsapp-fab:hover,.whatsapp-fab:focus-visible{background:#065e3d}.whatsapp-fab span{font-size:19px}
@media(max-width:640px){.whatsapp-fab{right:15px;bottom:65px;padding:10px 13px}}

.portfolio-group { margin: 2.5rem 0; }
.portfolio-grid .portfolio-card { overflow: hidden; padding: 0; }
.portfolio-card img { display: block; width: 100%; height: auto; aspect-ratio: 10 / 7; object-fit: cover; }
.portfolio-card > div { padding: 1rem; }
.portfolio-card h3 { margin: 0 0 .4rem; }
.portfolio-card p { margin: 0; }
.company-profile { margin: 2rem 0; }
.company-profile address { font-style: normal; }

.portfolio-photo { display: block; }

.company-profile figure { margin: 0; }

.company-profile h2 { margin-top: 2rem; }
.company-timeline { padding-inline-start: 1.4rem; }
.company-timeline li + li { margin-top: .65rem; }
.company-timeline strong { margin-inline-end: .5rem; }
.company-systems p { margin-bottom: 0; }

.fish-detail .detail-photo .detailimage { height: min(72vh, 750px); object-fit: contain; background: #eceeea; }

.installation-guide > section { margin: 2.75rem 0; }
.guide-step { margin: 1.6rem 0; padding: 1.2rem 0; border-top: 1px solid #d8dfd9; }
.guide-step h3, .guide-step h4 { margin-top: .5rem; }
.guide-table { overflow-x: auto; margin: 1rem 0; }
.guide-table table { width: 100%; border-collapse: collapse; }
.guide-table th, .guide-table td { text-align: start; padding: .65rem .8rem; border: 1px solid #d8dfd9; }
.guide-table thead th { background: #e9eee8; }
.guide-photos { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: .75rem; margin: 1rem 0; }
.guide-photos img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: contain; background: #eceeea; }

/* Preserve the full frame for product references and technical figures. */
.card:not(.portfolio-card) img,
.series-reference img,
.seam-option > img { object-fit: contain; }
.detail-photo { display: grid; justify-items: center; }
.detail-photo img,
.fish-detail .detail-photo .detailimage {
  width: auto;
  max-width: 100%;
  height: auto !important;
  max-height: min(72vh, 750px);
  aspect-ratio: auto;
  object-fit: contain;
}
.detail-photo > span { width: 100%; box-sizing: border-box; }
.technical-gallery .image-open img { object-fit: contain; }
.detail-scene-img { object-fit: contain; background: #eceeea; }
.portfolio-card img { object-fit: contain; background: #eceeea; }

.embedded-installation-guide { margin-block: 3rem; padding-block: 2rem; border-block: 1px solid #d8dfd9; }

.reference-header .header-brand { display: block; flex: none; width: clamp(145px, 14vw, 190px); }
.panorama-home .reference-header .header-brand { width: clamp(160px, 16vw, 225px); }
@media (max-width: 700px) {
  .reference-header .header-brand,
  .panorama-home .reference-header .header-brand { width: clamp(118px, 33vw, 150px); }
}
.header-brand img { display: block; width: 100%; height: auto; }

.category-products { border-top: 0; padding-block: 1rem 2.5rem; }
.category-products h1 { font-size: clamp(30px, 4vw, 56px); margin: 0 0 1.25rem; }
.category-product-group + .category-product-group { margin-top: 2rem; }
.category-product-group h2 { margin: 0 0 .8rem; font-size: clamp(20px, 2.4vw, 28px); }

/* Point-fixed diagrams use the dimensions of the supplied JPGs. */
.technical-gallery.point-fixed-gallery {
  grid-template-columns: repeat(2, minmax(0, 470px));
  align-items: start;
}
.point-fixed-gallery .original-diagram img {
  width: auto;
  max-width: 100%;
  margin-inline: auto;
  aspect-ratio: auto;
  background: #fff;
}
@media (max-width: 650px) {
  .technical-gallery.point-fixed-gallery { grid-template-columns: minmax(0, 470px); }
}

/* Batten-cap drawings and photographs each use a layout suited to their content. */
.technical-gallery.cap-technical-gallery {
  grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  gap: 18px;
}
.cap-technical-gallery .image-open {
  display: flex;
  flex-direction: column;
  background: #fff;
}
.cap-technical-gallery .image-open img {
  width: auto;
  max-width: 100%;
  aspect-ratio: auto;
  margin: auto;
  background: #fff;
}
.cap-technical-gallery .image-open > span { width: 100%; background: #f1f3ee; }
.cap-applications { margin-top: 2rem; }
.cap-applications h3 { margin: 0; }
.technical-gallery.cap-application-gallery {
  grid-template-columns: repeat(2, minmax(0, 368px));
  gap: 16px;
  margin-top: 14px;
}
.cap-application-gallery .image-open img {
  aspect-ratio: 366 / 229;
  object-fit: contain;
  background: #fff;
}
.cap-application-gallery .image-open > span { padding: 10px 12px; }
@media (min-width: 1250px) {
  .technical-gallery.cap-application-gallery { grid-template-columns: repeat(4, minmax(0, 368px)); }
}
@media (max-width: 700px) {
  .technical-gallery.cap-technical-gallery { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 580px) {
  .technical-gallery.cap-application-gallery { grid-template-columns: minmax(0, 368px); }
}

.modern-roofing-category .grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 24px);
}
.roofing-cover {
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 3;
  background: #fff;
}
.modern-roofing-category .roofing-cover img {
  width: auto;
  max-width: 100%;
  height: auto;
  aspect-ratio: auto;
}
@media (max-width: 800px) {
  .modern-roofing-category .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 460px) {
  .modern-roofing-category .grid { grid-template-columns: minmax(0, 1fr); }
}

.accessory-gallery .accessory-photo {
  position: relative;
  aspect-ratio: 4 / 3;
  background: #eaeaea;
}
.accessory-gallery .accessory-photo img {
  position: absolute;
  inset: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: auto;
  background: transparent;
}

.product-overview { grid-template-columns: repeat(3,minmax(0,1fr)); }
.product-overview .card { display: flex; flex-direction: column; padding: 24px; }
.product-overview h2 { font-size: clamp(22px,2.3vw,34px); margin-top: 0; }
.product-overview .card span { margin-top: auto; padding-top: 12px; }
.resource-downloads .card { display: block; min-width: 0; }
.resource-downloads .card p { margin: .35rem 0; }
.reference-header .headercontact span { max-width: 15rem; }
@media (max-width: 700px) {
  .product-overview { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .resource-downloads { grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
  .reference-header { height: auto; min-height: 94px; }
  .reference-header nav { flex-wrap: wrap; justify-content: flex-start; gap: 5px 12px; }
}

/* Native-size source product images: no crop or upscaling. */
.tile-source-cover{display:grid;place-items:center;height:170px;background:#fff;margin-bottom:12px;}
.card .tile-source-cover img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:150px;aspect-ratio:auto!important;object-fit:contain;margin:0;}
.detail-photo img[src*="zc-tile-"],.stage-default img[src*="zc-tile-"]{width:auto!important;height:auto!important;max-width:100%;aspect-ratio:auto!important;object-fit:contain;}
.detail-photo:has(img[src*="zc-tile-"]){min-height:210px;display:grid;place-items:center;background:#fff;}