:root{--blue:#2985e5;--bg:#12161b;--panel:#1b2026;--line:#39414a;--text:#f3f5f7;--muted:#a8b1bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif}a{color:inherit;text-decoration:none}header{padding:22px 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font:bold italic 38px/1 Arial;letter-spacing:-2px}.logo span{display:block;font:10px/2 Arial;letter-spacing:4px;margin-left:3px}nav{display:flex;gap:32px;font-size:14px}.edition,.eyebrow{font:12px/1.6 monospace;letter-spacing:2px;color:var(--muted)}main{max-width:1400px;margin:auto}.workshop{padding:44px 5vw 68px}.intro{padding-bottom:26px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.intro .eyebrow{grid-column:1/-1;color:var(--blue)}h1{font-size:clamp(30px,3vw,44px);line-height:1.3;margin:15px 0 0;letter-spacing:-1px}h1 span{color:var(--muted)}.intro p{color:var(--muted);text-align:right;margin:0}.workspace{display:grid;grid-template-columns:1.12fr 1fr;border:1px solid var(--line)}.stage{background:#929292;position:relative;min-height:610px;overflow:hidden;display:flex;align-items:center;justify-content:center}.stage canvas{display:block;height:610px;max-width:100%;object-fit:contain;width:auto}.stage-label,.stage-footer{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;color:#13171b;font-size:14px}.stage-label{top:20px}.stage-label span:last-child{font-weight:700}.stage-footer{bottom:18px;font-size:12px}.controls{padding:32px 36px;background:var(--panel)}h2{font-size:28px;line-height:1.3;margin:10px 0 24px}.field-label{font-size:14px;display:block;margin:18px 0 8px}select,input,textarea{border:1px solid #515b67;background:#12161b;color:var(--text);padding:12px 14px;border-radius:0;width:100%;font:inherit}select{cursor:pointer}.hint{font-size:13px;color:var(--muted);margin:8px 0 16px}.color-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.color-heading output{color:var(--muted)}fieldset{border:0;padding:0;margin:20px 0}.swatches{display:flex;flex-wrap:wrap;gap:9px}.swatch{width:38px;height:38px;padding:5px;border:1px solid #68707b;border-radius:50%;background:none;cursor:pointer}.swatch span{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch)}.swatch[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:3px}.swatch:hover{transform:translateY(-2px)}button,.button{font:inherit;cursor:pointer;border-radius:0}.actions{display:flex;gap:12px}.primary,.secondary{padding:12px 20px;text-align:center;border:1px solid var(--blue);display:inline-block;font-weight:600}.primary{background:var(--blue);color:#fff}.primary:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:var(--text);border-color:#606a76}.actions>*{flex:1;font-size:14px}.selection{border-top:1px solid var(--line);padding:16px 0;font-size:14px}.selection span{color:var(--muted);display:block}.selection strong{font-weight:500}.purchase-link{display:block;text-align:center;padding:13px;text-decoration:underline;text-underline-offset:5px}.preview-note{font-size:12px;color:var(--muted);border-left:2px solid #586371;padding-left:12px;margin-bottom:0}.detail{padding:60px 5vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.detail p,.purchase p{color:var(--muted)}.material-note{display:block;font-size:12px;margin-top:36px;color:var(--muted)}figure{margin:0;background:#242a30}figure img{display:block;width:100%;height:330px;object-fit:cover;object-position:50% 64%}figcaption{padding:13px 16px;font:12px/1.6 monospace;letter-spacing:1px}.purchase{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:60px 5vw 70px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:block;font-size:14px}form input,form textarea{margin-top:7px}form>label{margin:18px 0}form button{width:100%}.order-summary{border-left:3px solid var(--blue);padding:12px 18px;margin-top:30px}.order-summary span{display:block;color:var(--blue)}.order-summary strong{font-weight:400}footer{border-top:1px solid var(--line);padding:30px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted)}footer .logo{color:var(--text);font-size:28px}footer>span{font:12px monospace}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;color:#14191f;padding:14px 22px;border-left:4px solid var(--blue);box-shadow:0 8px 35px #0008;display:none;max-width:90vw}*:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media(max-width:900px){.edition{display:none}.intro{display:block}.intro p{text-align:left;margin-top:18px}.controls{padding:26px}.detail{grid-template-columns:1fr 1fr}.detail>div{grid-column:1/-1}.purchase{gap:30px;grid-template-columns:1fr}.stage canvas{height:600px}.stage{min-height:600px}}@media(max-width:620px){header{padding:20px 6vw;align-items:flex-start}nav{gap:14px;font-size:13px;flex-wrap:wrap;justify-content:flex-end}.logo{font-size:32px}.workspace{grid-template-columns:1fr}.stage,.stage canvas{min-height:0;height:480px}.stage-label,.stage-footer{left:16px;right:16px}.workshop{padding-top:30px}.detail{gap:14px;padding-top:40px}figure img{height:250px}h2{font-size:25px}.form-grid{grid-template-columns:1fr}.purchase{padding-top:40px}footer{align-items:flex-start;flex-wrap:wrap}footer p{font-size:13px}footer>span{display:none}}@media print{body{background:#fff;color:#000}}
.color-heading{width:100%}.stage{background:#929292}.stage canvas{width:100%;height:100%;max-height:720px;object-fit:cover;object-position:center}.download-result{margin-top:20px;font-size:14px}.download-result a{color:#66b1ff;text-decoration:underline}.download-result:empty{display:none}
.stage canvas{height:700px;max-height:700px}@media(max-width:620px){.stage{height:560px}.stage canvas{height:560px;max-height:560px}}#restore{display:block!important;position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.actions{position:relative}
#restore{display:none!important}
#model-placeholder{position:absolute;inset:0;align-content:center;text-align:center;color:#242a32;background:#dadde0;font-size:20px}#model-placeholder[hidden]{display:none}#model-placeholder strong{font-size:28px}.stage{min-height:820px}.stage canvas{max-height:none;height:820px}@media(max-width:620px){.stage{min-height:560px}.stage canvas{height:560px}}
.swatch span{background:linear-gradient(135deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.12) 30%,transparent 47%,rgba(0,0,0,.38) 100%),var(--swatch)}
:root{--blue:#0096cf}.logo{display:block;letter-spacing:0}.logo img{display:block;width:146px;height:40px;object-fit:contain}.logo span{letter-spacing:3px;margin:3px 0 0;font-size:9px}footer .logo img{width:120px;height:33px}nav a:hover{color:var(--blue)}.home-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:55px 5vw;gap:42px;background:linear-gradient(120deg,#12161b,#242b32)}.home-hero h1{font-size:clamp(34px,4vw,58px)}.home-hero p{color:var(--muted);max-width:520px}.home-hero>img{width:100%;height:470px;object-fit:cover;object-position:center 55%;border:1px solid var(--line)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.home-section{padding:64px 5vw;border-top:1px solid var(--line)}.section-head{max-width:740px;margin-bottom:32px}.section-head p{color:var(--muted)}.event{background:#161c23}.event-info{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;margin-bottom:30px;border-left:3px solid var(--blue);padding-left:22px}.event-info strong,.event-info span{display:block}.event-info span{font-size:14px;color:var(--muted)}.invitation{display:block;max-width:1050px;margin:auto;background:#090605;border:1px solid var(--line)}.invitation img{width:100%;display:block;height:auto}.invitation>span{display:block;padding:12px 20px;color:#c9d2dd;font-size:14px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.model-grid article{background:var(--panel);border:1px solid var(--line);padding:30px;display:flex;flex-direction:column}.model-number{font:600 48px/1.2 monospace;color:var(--blue)}.model-grid h3{font-size:19px;margin-top:24px}.model-grid p{color:var(--muted);flex:1}.model-grid a{color:#66c4e9;padding-top:18px;border-top:1px solid var(--line)}.modes,.checkin{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.modes>img,.checkin>img{display:block;width:100%;height:auto;max-width:350px;justify-self:center}.modes dt{margin-top:20px;font-weight:600}.modes dd{margin:5px 0 0 20px;color:var(--muted);font-size:14px}.modes i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px}.modes dl{margin-bottom:32px}.checkin p{color:var(--muted);margin-bottom:26px}@media(max-width:900px){header{gap:16px}nav{gap:18px}.home-hero{gap:26px}.home-hero>img{height:390px}.model-grid article{padding:22px}.event-info{grid-template-columns:1fr 1fr}.event-info>div:last-child{grid-column:1/-1}.modes,.checkin{gap:30px}}@media(max-width:620px){.logo img{width:106px;height:30px}nav{font-size:12px;gap:10px}.home-hero,.modes,.checkin{grid-template-columns:1fr}.home-hero{padding-top:35px}.home-hero>img{height:360px}.home-section{padding-top:42px;padding-bottom:42px}.model-grid{grid-template-columns:1fr}.model-grid article{padding:26px}.model-number{font-size:40px}.modes>img,.checkin>img{max-width:280px}}
.logo img{mix-blend-mode:screen}.home-hero>img{object-fit:contain;background:#929292}
.line-submit{display:block;width:100%;text-align:center}.hero-actions+.hint{margin-top:12px}
.color-carousel{background:#929292;overflow:hidden;border:1px solid var(--line);margin:0}.color-carousel img{width:100%;height:370px;display:block;object-fit:contain;object-position:center;background:#929292}.color-carousel figcaption{padding:12px 14px;background:#141a20;display:flex;flex-direction:column;gap:8px;letter-spacing:0;font:12px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;min-height:80px}.slide-buttons{display:flex;gap:8px}.slide-buttons button{padding:3px 12px;border:1px solid #536170;background:#202832;color:#f3f5f7;font-size:12px}.home-hero>.color-carousel img{height:470px}.home-hero>.color-carousel{width:100%;max-width:470px;justify-self:center}.model-grid .color-carousel{margin:-10px -10px 24px}.model-grid .color-carousel img{height:290px}.model-grid .color-carousel+ .model-number{margin-top:0}@media(max-width:620px){.home-hero>.color-carousel{max-width:none}.home-hero>.color-carousel img{height:420px}.model-grid .color-carousel img{height:360px}}

/* Continuous studio backdrop with the original brand mark. */
.color-carousel{position:relative;border:0;background:linear-gradient(#dadada,#828282)}
.color-carousel img:not(.carousel-logo){background:transparent;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
.color-carousel .carousel-logo{position:absolute;z-index:2;top:22px;left:50%;transform:translateX(-50%);width:132px;height:36px!important;object-fit:contain;background:transparent;mix-blend-mode:screen;pointer-events:none}
.home-hero>.color-carousel img:not(.carousel-logo){padding-top:58px}
.model-grid .color-carousel img:not(.carousel-logo){padding-top:48px}
.model-grid .color-carousel .carousel-logo{width:106px;height:29px!important;top:14px}
.home-hero>.color-carousel img:not(.carousel-logo),.model-grid .color-carousel img:not(.carousel-logo){padding-top:0}
.color-carousel .carousel-logo{left:18px;transform:none;width:106px;top:20px}
.model-grid .color-carousel .carousel-logo{left:12px;width:82px;height:24px!important}
/* Portrait photos fill their own frame; brand mark rests below the product. */
.home-hero>.color-carousel{max-width:300px;width:100%;background:#141a20}
.color-carousel{background:#141a20}
.color-carousel img:not(.carousel-logo),.home-hero>.color-carousel img:not(.carousel-logo),.model-grid .color-carousel img:not(.carousel-logo){height:auto;width:100%;object-fit:contain;mask-image:none;padding:0}
.color-carousel .carousel-logo,.model-grid .color-carousel .carousel-logo{position:static;transform:none;display:block;float:none;width:106px;height:29px!important;margin:18px auto 4px;mix-blend-mode:screen}
.color-carousel{display:flex;flex-direction:column}
.color-carousel img:not(.carousel-logo){order:0}
.color-carousel .carousel-logo{order:1}
.color-carousel figcaption{order:2}
@media(max-width:620px){.home-hero>.color-carousel{max-width:300px}}

.color-carousel [data-slide-label]{display:block;text-align:center;width:100%}.color-carousel .use-slide{display:block;margin:4px auto;font-size:13px;padding:8px 16px;width:auto;border-top:1px solid var(--blue);color:#fff}.color-carousel .slide-buttons{justify-content:center}
/* Language control stays visible at every width. */
header{flex-wrap:wrap}header nav{flex:1;justify-content:center;flex-wrap:wrap}#race-language{width:auto;max-width:170px;min-height:44px;padding:8px 12px;font-size:13px;flex-shrink:0;letter-spacing:0}.language-select:focus-visible{outline:3px solid var(--blue)}[hidden]{display:none!important}@media(max-width:620px){header{gap:12px;align-items:center}header .logo{order:0}#race-language{order:1;margin-left:auto;max-width:165px}header nav{order:2;flex-basis:100%;justify-content:center;gap:12px}.home-hero h1{overflow-wrap:anywhere}.stage-footer{font-size:10px;gap:12px}.selection strong{overflow-wrap:anywhere}}
