:root{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;color:#202222;background:#e8e9e8;--canvas-width:600px;--canvas-height:600px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input{padding:10px 12px;border:1px solid #d5d8d6;border-radius:6px;background:#fff;color:#252927}button{cursor:pointer;background:#252927;border-color:#252927;color:#fff}button.secondary{background:#fff;color:#252927;border-color:#d5d8d6}button:disabled{opacity:.5;cursor:wait}a{color:#475c53;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7b9488;outline-offset:3px}
.tools{padding:16px 24px;background:#fafbf9;border-bottom:1px solid #d9dcd9;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.workspace-name{display:flex;align-items:center;gap:20px}.workspace-name strong{letter-spacing:1px}.workspace-name span,.workspace-name a{font-size:13px}.workspace-name span{color:#747b76}.tools nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.resolution-control,.ratio-control{display:flex;align-items:center;gap:7px;color:#626b65}.resolution-control input{width:82px}#export-size{color:#747b76;white-space:nowrap;font-size:11px;margin-right:6px}.collection-intro{max-width:1240px;margin:34px auto 24px;padding:0 20px;display:flex;justify-content:space-between;align-items:end;gap:20px}.collection-intro p{font-size:10px;letter-spacing:2px;color:#747b76;margin:0 0 10px}.collection-intro h1{font-size:24px;letter-spacing:1px;margin:0;font-weight:500}.collection-intro>span{font-size:12px;color:#747b76;line-height:1.9;text-align:right}
#main-images{display:grid;grid-template-columns:repeat(2,var(--canvas-width));gap:24px;justify-content:center;margin:0 auto}.poster{width:var(--canvas-width);height:var(--canvas-height);position:relative;overflow:hidden;padding:32px 36px;background:#f7f8f6;isolation:isolate;cursor:zoom-in}.brand{display:flex;align-items:center;justify-content:space-between;height:24px;position:relative;z-index:2}.brand img{width:114px;height:auto;display:block;filter:brightness(0)}.brand span{font-size:9px;letter-spacing:1.5px;color:#858b85}.copy{position:absolute;top:76px;left:36px;right:36px;z-index:2}.copy h2{font-size:43px;font-weight:600;letter-spacing:-1.8px;line-height:1.25;margin:0;white-space:nowrap}.copy p{font-size:17px;font-weight:400;line-height:1.8;color:#777f78;margin:17px 0 0;letter-spacing:.1px}.visual{position:absolute;top:233px;left:36px;right:36px;height:322px;display:flex;align-items:center;justify-content:center}.visual>img{width:100%;height:100%;object-fit:contain;display:block}.cover .visual{top:244px;height:306px}.cover .visual img{width:306px}.precision .visual{left:16px;right:16px;top:246px;height:280px}.endurance .visual{left:38px;right:15px;top:246px;height:286px}.lightweight .visual{top:auto;bottom:0;height:396px}.lightweight .visual img{width:396px;max-width:none;flex-shrink:0;object-position:center bottom;transform:translateX(20px)}.fineprint{position:absolute;left:36px;right:36px;bottom:18px;margin:0;font-size:9px;line-height:1.5;color:#949a94;z-index:2}.model-visual{top:248px;height:286px;display:block;--model-size:260px;--side-size:232px;--fan-offset:110px;--card-top:0px}
.model-visual figure{position:absolute;left:50%;top:var(--card-top);width:var(--model-size);height:var(--model-size);margin:0;transform:translateX(-50%);transform-origin:50% 85%}
.model-visual figure:first-child{z-index:3;transform:translateX(-50%) rotate(-3deg)}
.model-visual figure:nth-child(2){z-index:2;width:var(--side-size);height:var(--side-size);top:calc(var(--card-top) + 17px);transform:translateX(calc(-50% - var(--fan-offset))) rotate(-17deg)}
.model-visual figure:nth-child(3){z-index:1;width:var(--side-size);height:var(--side-size);top:calc(var(--card-top) + 17px);transform:translateX(calc(-50% + var(--fan-offset))) rotate(17deg)}
.model-visual img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 7px #18221b20)}
.model-visual figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.team-visual{top:266px;height:304px;gap:10px}.team-visual>img:first-child{width:calc(46% - 5px)}.team-visual>img:last-child{width:calc(54% - 5px)}.team-visual>img{object-fit:contain}.teams .copy p{font-size:16px;line-height:1.65;margin-top:14px}
/* The portrait edition preserves the compact heading and adds room around the imagery. */
body.portrait{--canvas-height:800px}
.portrait .visual{top:284px;height:420px}
.portrait .cover .visual{top:282px;height:420px}
.portrait .cover .visual img{width:420px}
.portrait .precision .visual{left:24px;right:24px;top:283px;height:410px}
.portrait .endurance .visual{left:36px;right:24px;top:279px;height:416px}
.portrait .lightweight .visual{top:auto;bottom:0;height:594px}
.portrait .lightweight .visual img{width:594px}
.portrait .model-visual{left:24px;right:24px;top:278px;height:418px;--model-size:340px;--side-size:290px;--fan-offset:75px;--card-top:44px}
.portrait .team-visual{top:286px;height:413px}
.portrait .fineprint{bottom:28px}
/* Keep the note on one line at its original lower-left anchor. */
.lightweight .fineprint{white-space:nowrap}
.gallery-note{text-align:center;color:#747b76;font-size:12px;margin:28px 20px 38px;line-height:1.8}#export-status{position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 48px);padding:14px 20px;border:1px solid #d8e0da;border-radius:8px;background:#fff;color:#324139;box-shadow:0 4px 24px #0002;font-size:14px;line-height:1.6;z-index:30}#export-status[data-error="true"]{color:#a32121;border-color:#f0cccc}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.poster[hidden]{display:none}body.single #main-images{grid-template-columns:var(--canvas-width)}body.single .collection-intro{max-width:calc(var(--canvas-width) + 40px)}body.single .collection-intro>span{display:none}body.single .poster{cursor:default}body.capture .tools,body.capture .collection-intro,body.capture .gallery-note,body.capture #export-status{display:none}body.capture{background:#f7f8f6}body.capture #main-images{display:block;width:var(--canvas-width);margin:0 auto}body.capture .poster{cursor:default}body.export-render #main-images{margin:0!important}body.export-render{padding:0!important}
@media(max-width:1250px){#main-images{grid-template-columns:var(--canvas-width)}.collection-intro{max-width:calc(var(--canvas-width) + 40px)}.collection-intro>span{display:none}}
@media(max-width:640px){.tools{padding:16px}.workspace-name{gap:14px}.collection-intro{margin-top:26px}#main-images{justify-content:start;width:var(--canvas-width)}.gallery-note{width:560px}}
@media print{.tools,.collection-intro,.gallery-note,#export-status{display:none}#main-images{display:block;margin:0}.poster{break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:600px 600px;margin:0}body.portrait .poster{page:portrait}@page portrait{size:600px 800px;margin:0}}