*{box-sizing:border-box}body{margin:0;background:#005a9c;color:#edf2ed;font-family:"Microsoft YaHei",Arial,sans-serif}header{height:90px;padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18;position:relative;z-index:3}.brand{color:inherit;text-decoration:none;font-weight:900;font-size:26px;letter-spacing:2px}.brand span{display:block;font-size:10px;font-weight:400;letter-spacing:3px;margin-top:5px}.edition{text-align:right;font-size:11px;line-height:1.7;color:#c0c9cc;letter-spacing:2px}main{height:calc(100dvh - 160px);position:relative;overflow:hidden}.page{height:100%;overflow:auto;display:none;position:relative;background:radial-gradient(ellipse at 80% 40%,#17445755,transparent 65%)}.page.active{display:block;animation:enter .55s ease}.content{max-width:1320px;margin:auto;padding:clamp(24px,4vh,60px) 5vw;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:3px;color:#ffcb69;margin:0 0 24px}h1,h2{font-weight:400;line-height:1.22;letter-spacing:2px;margin:18px 0 24px}h1{font-size:clamp(46px,5.6vw,88px)}h2{font-size:clamp(30px,3.7vw,54px)}em{font-style:normal;color:#ffa600}p{line-height:1.9}.intro{color:#daefff;font-size:15px}.cover-art{position:absolute;right:0;top:0;width:58%;height:100%;background:linear-gradient(90deg,#005a9c,transparent 55%),linear-gradient(0deg,#005a9c,transparent 70%),url('assets/media-1835f37ba90844.webp') center/cover;opacity:.65}.cover .content{padding-top:4vh}.event{display:flex;gap:36px;margin:28px 0}.event div{border-left:1px solid #ffa600;padding-left:15px;display:flex;flex-direction:column;gap:8px}small{font-size:11px;color:#daefff}strong{font-size:23px;font-weight:400}.event span{font-size:11px;color:#daefff}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a.primary{display:inline-block;text-decoration:none}.primary,.secondary{border:1px solid #ffa600;background:#ffa600;color:#102536;padding:15px 25px;font-size:13px;letter-spacing:2px}.primary span{margin-left:40px}.secondary{background:transparent;color:#ffa600}.watermark{position:absolute;right:3vw;bottom:0;font-size:8vw;letter-spacing:12px;color:#ffffff08;pointer-events:none}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}article img{width:100%;object-fit:contain;background:#e9eff0}.projects img{height:clamp(130px,24vh,240px);object-fit:cover}.projects article{border-bottom:1px solid #ffffff30;padding-bottom:18px}.projects article span{font-size:10px;color:#ffa600;display:block;letter-spacing:2px;margin-top:20px}h3{font-size:18px;font-weight:400}.projects p{font-size:13px;color:#daefff}.components{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}.components img{height:180px;padding:20px}.components h3{font-size:15px}.subhead{margin-top:30px}.applications,.flow{padding:20px 0;border-top:1px solid #ffffff26;line-height:2;color:#daefff;font-size:14px}.applications b{color:#ffa600;padding:0 20px}.ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:24px}figure{margin:0}.ecosystem img{width:100%;height:25vh;object-fit:cover}figcaption{margin-top:15px;font-size:13px;letter-spacing:2px;color:#ffa600}.location,.closing{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.map{width:100%;max-height:58vh;object-fit:contain}.location p{font-size:14px;color:#daefff}.qr{background:#f1f1e8;padding:35px;text-align:center;max-width:320px;justify-self:center}.qr img{width:100%;max-width:230px}.qr figcaption{color:#102536}.qr small{display:block;color:#54646b;margin-top:15px;line-height:1.8}.closing{min-height:100%}footer{height:70px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff20}footer span{font-size:12px;letter-spacing:3px;color:#ffa600}footer button{background:none;border:1px solid #ffffff30;color:white;width:42px;height:38px;margin-left:8px}button:disabled{opacity:.25;cursor:default}nav{display:flex;gap:12px}nav button{width:7px;height:7px;border:0;border-radius:50%;padding:0;margin:0;background:#647883}nav button[aria-current=true]{background:#ffa600;box-shadow:0 0 0 4px #ffa60020}:focus-visible{outline:2px solid #f2d59e;outline-offset:5px}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:650px){header{height:72px;padding:16px 6vw}.brand{font-size:21px}.brand span{font-size:8px;letter-spacing:1px}.edition{font-size:8px;letter-spacing:1px}main{height:calc(100dvh - 136px)}footer{height:64px;padding:10px 6vw}.content{padding:25px 6vw 32px}.eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:2px}h1{font-size:49px}h2{font-size:32px}.cover-art{width:100%;opacity:.28;background-position:60% center}.intro{font-size:13px}.event{gap:22px;margin:24px 0}.event strong{font-size:19px}.event span{font-size:10px;max-width:130px;line-height:1.7}.projects{grid-template-columns:1fr;gap:18px;margin-top:22px}.projects article{display:grid;grid-template-columns:42% 1fr;column-gap:16px;padding-bottom:16px}.projects img{height:120px;grid-row:1/4}.projects article span{margin-top:4px;font-size:8px}.projects h3{font-size:16px;margin:8px 0}.projects p{font-size:11px;margin:0}.components{grid-template-columns:1fr 1fr;gap:16px}.components img{height:120px;padding:12px}.components h3{font-size:12px}.applications{font-size:12px}.applications b{padding:0 5px}.ecosystem{grid-template-columns:1fr;gap:20px}.ecosystem img{height:140px}.location,.closing{grid-template-columns:1fr;gap:28px}.map{max-height:none}.closing{min-height:auto}.qr{padding:22px;max-width:240px}.qr img{max-width:170px}.flow{font-size:12px}.watermark{display:none}}@media(prefers-reduced-motion:reduce){.page.active{animation:none}}
/* Exhibition blue + ENEROC orange */
body{background:#0066ac}header{background:linear-gradient(100deg,#0078c1,#005c9e);height:88px}.brand img{width:150px;height:58px;object-fit:contain}.exhibition-brand{display:flex;align-items:center;gap:10px;background:#fff;padding:9px 14px;border-radius:3px}.exhibition-brand img{width:210px;height:39px;object-fit:contain}.exhibition-brand span{font-size:25px;color:#0072b7;font-weight:600}main{height:calc(100dvh - 158px)}.page{background:radial-gradient(ellipse at 85% 15%,#49c2f477,transparent 65%),linear-gradient(140deg,#0078be,#00519a)}.cover-art{width:60%;height:100%;opacity:1;background-image:linear-gradient(90deg,#0079bf 0%,#0079bf00 23%),url('assets/poster.webp');background-size:auto 100%;background-position:right center}.cover{background:#0079bf}.cover .content{padding-top:5vh}.cover h1{font-weight:700;font-size:clamp(44px,5vw,76px)}.cover .intro{color:#eefaff}.cover #guest{font-size:20px;max-width:44%;overflow-wrap:anywhere}.primary{font-weight:600;background:#f7a300;border-color:#f7a300;color:#073e6b;border-radius:4px}.secondary{color:#ffcf72;border-color:#ffb12b}.eyebrow{color:#ffdc90}.event strong{font-weight:650}.event small,.event span{color:#e1f2ff}.watermark{color:#ffffff12}.content{max-width:1480px}.products-page .content{padding-top:24px;padding-bottom:30px}.products-page h2{font-size:clamp(27px,3vw,42px);margin:10px 0 20px}.products-page .eyebrow{margin-bottom:8px}.projects{margin-top:0;gap:20px}.projects article{padding:0 0 10px;border-bottom:1px solid #ffffff50}.scene{width:100%;height:clamp(135px,22vh,230px);background-image:url('assets/scenes.webp');background-size:300% 100%;border-radius:8px}.scene-0{background-position:left}.scene-1{background-position:center}.scene-2{background-position:right}.projects h3{font-weight:600;font-size:17px;margin:12px 0 5px}.projects p{margin:0;font-size:12px}.scene-note{font-size:10px;color:#cfebff;text-align:right;margin:5px 0 12px}.product-lower{display:grid;grid-template-columns:3fr 4fr;gap:30px}.group-title{font-size:21px;margin:8px 0 12px;padding-left:10px;border-left:3px solid #ffa600}.group-title small{font-size:10px;color:#c8e8fb;margin-left:8px}.components,.batteries{display:grid;gap:10px;margin:0}.components{grid-template-columns:repeat(3,1fr)}.batteries{grid-template-columns:repeat(4,1fr)}.components article,.batteries article{background:linear-gradient(160deg,#8bd4f433,#0068b330);border-radius:7px;text-align:center}.components img{height:100px;padding:12px;background:transparent;filter:drop-shadow(0 8px 9px #00345f55)}.components h3,.batteries h3{font-size:12px;margin:5px 4px 12px}.battery-image{height:100px;display:flex;align-items:center;justify-content:center;padding:7px}.battery-image img{width:100%;height:100%;min-width:0;object-fit:contain;background:transparent;filter:drop-shadow(0 8px 9px #00345f55)}.battery-image:has(img+img) img{width:50%}.ecosystem img{border-radius:8px}footer{background:#00518e}footer span{color:#ffce6b}nav button{background:#6bb7e3}nav button[aria-current=true]{background:#ffa600}.booth-map{padding:30px;background:#e3f5ff;color:#075185;border-radius:12px;text-align:center}.booth-map>span{font-size:10px;letter-spacing:3px}.booth-map h3{font-size:25px}.hall{padding:35px;background:#b8dced;border:1px solid #75aaca;font-size:26px}.north{padding:12px}.booth{margin:auto;width:180px;padding:18px;background:#ffa600;font-size:25px;font-weight:bold}.booth small{display:block;color:#075185;margin-top:10px}.road{margin:20px 0;background:#006daf;color:#fff;padding:14px}.booth-map>small{color:#456c84}.qr figcaption{color:#075185}
@media(min-width:900px){.cover .intro{max-width:43%}.cover .event{max-width:48%}}@media(max-width:650px){header{height:72px}.brand img{width:110px;height:44px}.exhibition-brand{gap:5px;padding:5px 7px}.exhibition-brand img{width:112px;height:25px}.exhibition-brand span{font-size:15px}main{height:calc(100dvh - 136px)}.cover-art{width:100%;height:49%;top:auto;bottom:0;background-size:auto 100%;background-image:linear-gradient(180deg,#0079bf,transparent 28%),url('assets/poster.webp');opacity:.95}.cover .content{padding-top:25px;padding-bottom:240px}.cover h1{font-size:43px;margin:12px 0}.cover #guest{max-width:100%;font-size:17px;margin:10px 0}.cover .intro{font-size:12px;line-height:1.8}.cover .event{margin:20px 0}.cover .eyebrow{margin-bottom:10px}.products-page .content{padding-top:20px}.products-page h2{font-size:26px}.products-page h2 em{display:block;margin-top:5px;font-size:20px}.projects{grid-template-columns:1fr;gap:12px}.projects article{display:grid;grid-template-columns:43% 1fr;column-gap:13px;align-content:center}.scene{height:115px;grid-row:1/3}.projects h3{font-size:15px;margin:8px 0;line-height:1.5}.projects p{font-size:10px}.product-lower{grid-template-columns:1fr;gap:20px}.group-title{font-size:20px}.components img{height:95px}.batteries{grid-template-columns:repeat(2,1fr)}.battery-image{height:115px}.booth-map{padding:20px}.products-page .scene-note{font-size:9px}.closing{gap:25px}}

/* Mobile-first revision 3 */
.exhibition-brand{background:transparent;padding:0}.exhibition-brand span{color:#fff}.cover-art{background:linear-gradient(90deg,#0079bf,transparent 40%),url('assets/hero-clean.webp') right center/cover;width:70%}.hero-logo{display:block;width:290px;height:170px;object-fit:contain;object-position:left}.full-name{font-size:12px;line-height:1.6;margin:10px 0}.cover h1{font-size:48px;margin:12px 0}.cover h1 small{font-size:13px;color:white;letter-spacing:3px}.cover .intro{display:none}.cover .content{padding-top:22px}.cover .eyebrow{margin-bottom:10px}.cover #guest{margin:10px 0}.cover .event{margin:20px 0}.contact{height:34px;display:flex;justify-content:center;align-items:center;gap:32px;background:#00518e}.contact a{color:#e0f4ff;text-decoration:none;font-size:12px;display:flex;align-items:center;gap:6px}.contact img{width:18px;height:18px;object-fit:contain}main{height:calc(100dvh - 192px)}footer{height:70px}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;border:0}.flow>div{position:relative;text-align:center}.flow>div:not(:last-child):after{content:'→';position:absolute;right:-10px;top:20px}.flow img{display:block;width:45px;height:45px;object-fit:contain;margin:0 auto 8px}.flow span{font-size:12px}.ecosystem img{height:auto;max-height:none;object-fit:contain;max-width:700px}.ecosystem figure{text-align:center}.info-row{display:flex;align-items:center;gap:10px;margin:10px 0}.info-row img{width:22px;height:22px;object-fit:contain}.venue-map{display:block;background:#eaf8ff;border-radius:8px;padding:10px}.venue-map img{display:block;width:100%;max-height:58vh;object-fit:contain}.address{font-size:12px}.products-page h2.group-title{font-size:26px;border-left:3px solid #ffa600;padding-left:10px}.products-page h2 small{font-size:12px;color:#d6ecfc}.battery-image:has(img+img) img{width:33.33%}
@media(max-width:650px){header{height:60px;padding:8px 5vw}.brand img{width:95px;height:40px}.exhibition-brand img{width:133px;height:28px}.exhibition-brand span{font-size:14px}main{height:calc(100dvh - 134px)}footer{height:44px;padding:4px 5vw}footer button{height:30px;width:35px}.contact{height:30px;gap:18px}.contact a{font-size:10px}.contact img{width:15px;height:15px}.content{padding:16px 5vw}.cover .content{padding:16px 5vw 180px}.cover-art{height:210px;width:100%;top:auto;bottom:0;background:linear-gradient(180deg,#0079bf,transparent 30%),url('assets/hero-clean.webp') right bottom/auto 100%}.hero-logo{width:210px;height:122px}.cover h1{font-size:37px;margin:8px 0}.cover #guest{font-size:15px;margin:7px 0}.full-name{font-size:10px;line-height:1.5;margin:6px 0}.cover .event{margin:14px 0;gap:20px}.cover .event strong{font-size:20px}.cover .event span{max-width:155px}.primary,.secondary{padding:10px 16px}.cover .primary{display:none}.products-page .eyebrow{display:none}.products-page .content{padding:12px 4vw}.products-page h2.group-title,.group-title{font-size:17px;margin:8px 0}.group-title small,.products-page h2 small{font-size:9px;margin-left:4px}.projects{gap:7px}.projects article{grid-template-columns:33% 1fr;gap:9px;padding-bottom:6px}.scene{height:74px}.projects h3{font-size:13px;margin:4px 0;line-height:1.4}.projects p{font-size:10px;line-height:1.4}.product-lower{gap:8px;margin-top:8px}.components{gap:6px}.components img{height:65px;padding:6px}.components h3,.batteries h3{font-size:10px;margin:2px 2px 5px;line-height:1.4}.batteries{grid-template-columns:repeat(4,1fr);gap:4px}.battery-image{height:65px;padding:3px}.battery-image:has(img+img){height:65px}.group-title{line-height:1.5}.ecosystem{gap:14px}.ecosystem img{width:100%;height:auto}.ecosystem figcaption{margin-top:5px;font-size:11px}.page h2{font-size:27px;margin:8px 0 15px}.page .eyebrow{margin-bottom:12px}.flow{grid-template-columns:repeat(3,1fr);gap:14px 8px;padding:10px 0}.flow img{width:32px;height:32px;margin-bottom:4px}.flow span{font-size:10px}.flow>div:nth-child(3):after{display:none}.location{gap:12px}.location h2{font-size:27px}.location .intro{margin:5px 0}.location p{font-size:11px}.info-row{margin:6px 0;gap:8px}.venue-map img{max-height:260px}.location .primary{font-size:11px}.location .secondary{font-size:10px}.location .address{margin:6px 0}.qr{max-width:220px}.closing{gap:20px}.closing .intro{font-size:12px}}@media(max-width:380px){.scene{height:64px}.components img,.battery-image{height:54px}.projects h3{font-size:12px}.hero-logo{height:105px;width:180px}.cover .content{padding-bottom:150px}}

/* Revision 4: gesture-only pagination */
main{height:calc(100dvh - 122px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.booth-number{font-size:29px;color:#ffca35;line-height:1}.event .venue-name{font-size:22px}.venue-map{background:#003e70;padding:10px;border:1px solid #4ba2d1}.scene-0{background:linear-gradient(160deg,#88cbe7,#2784b2 60%,#55666a);display:flex;align-items:center;justify-content:center}.scene-0 img{width:100%;height:100%;object-fit:contain;background:none;padding:5px}.projects h3{font-size:19px;font-weight:700}.page{overscroll-behavior:contain}.cover-art{background-position:right center;background-size:auto 100%}@media(max-width:650px){main{height:calc(100dvh - 90px)}.event .venue-name{font-size:17px}.booth-number{font-size:26px}.cover .event{gap:18px}.cover .event span{max-width:185px}.cover-art{height:225px;background-position:right bottom;background-size:auto 100%}.projects h3{font-size:15px;line-height:1.4}.products-page .content{min-height:100%;display:flex;flex-direction:column;justify-content:space-evenly;gap:14px}.product-lower{gap:22px;margin-top:5px}.group-title{margin-bottom:12px}.scene{height:84px}.venue-map img{max-height:370px}.location{gap:24px}}@media(max-height:720px) and (max-width:650px){.products-page .content{gap:9px}.product-lower{gap:16px}.scene{height:76px}}

/* Keep layout available on browsers without dynamic viewport units. */
main{height:calc(100vh - 122px);height:calc(100dvh - 122px)}@media(max-width:650px){main{height:calc(100vh - 90px);height:calc(100dvh - 90px)}}

.scene-0{background:url('assets/quarry.webp') center/cover}.energy-page .content{min-height:100%;display:flex;flex-direction:column;justify-content:space-evenly;gap:22px}.energy-page .eyebrow,.energy-page h2,.energy-page .intro{margin-top:0;margin-bottom:0}.location .info-row{font-size:20px;font-weight:700;line-height:1.6}.venue-map{background:#f2f8fc;border-color:#d2e7f3}.address-box{padding-top:12px}.address-box p{font-size:13px;color:#e4f4ff}.address-box #copy-status{min-height:18px;font-size:12px;margin:5px 0}@media(max-width:650px){.products-page .eyebrow{display:block;font-size:9px;margin:0 0 6px}.energy-page .content{gap:24px;padding-top:22px;padding-bottom:24px}.energy-page .flow{margin:0}.location .info-row{font-size:17px;font-weight:700}.location{gap:16px}.address-box{padding-top:8px}}