/* Promotional art direction. The atmosphere is shared by both language pages. */
body{background:#020d17}.cinematic-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#020d17}.cinematic-backdrop>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cinematic-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020d1733,transparent 55%),linear-gradient(0deg,#00101b44,transparent 28%)}.cinematic-haze{position:absolute;left:35%;right:-8%;top:22%;height:45%;background:radial-gradient(ellipse,#7bb7db14,transparent 62%);filter:blur(35px);opacity:.7;animation:haze-drift 16s ease-in-out infinite;transform:translate3d(0,0,0)}.site-header{background:linear-gradient(#01101b55,transparent);height:100px}.exhibition{z-index:1}.exhibition::before{display:none}.hero-copy{top:12%;left:5.5%;width:34%}.hero-copy .eyebrow{opacity:.55}.hero-copy h1{color:#f8faf8;text-shadow:0 4px 25px #0005;font-weight:500}.hero-copy p{color:#dae1e5;text-shadow:0 2px 12px #001424}.primary{background:linear-gradient(110deg,#00b8c4,#008796 55%,#005d79);border-color:#45edf0;box-shadow:inset 0 1px 0 #ffffff33,0 8px 28px #03b1c827}.outline{background:#00132155;backdrop-filter:blur(3px);border-color:#adc8d4}.hero-actions .primary,.hero-actions .outline{padding:14px 27px;min-height:50px}.hero-actions .primary::after,.hero-actions .outline::after{content:'→';display:inline-block;margin-left:19px;font-size:21px;line-height:1;transition:transform .25s}.hero-actions .primary:hover::after,.hero-actions .outline:hover::after{transform:translateX(4px)}
.product-stage{left:35%;right:0;top:-1%;bottom:17%}.product-stage::before{inset:19% 8% 23%;background:radial-gradient(ellipse,#4daee724,transparent 68%);filter:blur(16px)}.photo-frame{inset:1% -8% 12% -7%}.photo-frame::before{content:'';position:absolute;left:8%;right:8%;top:62%;height:22%;border-radius:100%;background:radial-gradient(ellipse,var(--dust-color,#e5b858),transparent 66%);opacity:.075;filter:blur(22px);pointer-events:none}.hero-product-photo{filter:drop-shadow(0 28px 20px #0007)}.photo-dust{inset:-2% 6% 12%;z-index:2}.photo-dust i{box-shadow:0 0 5px var(--dust-color,#e5b858);opacity:0}.photo-switching .hero-product-photo{opacity:0;filter:blur(10px)}.stage-label{bottom:.5%;left:7%;right:7%;text-shadow:0 2px 15px #00101b}.stage-label h2{font-size:clamp(26px,2.3vw,39px);letter-spacing:.08em}.stage-label p{color:#e1ebf0;letter-spacing:.28em;font-size:11px}.stage-kicker{display:none}.stage-label .tiny-rule{margin:15px auto 0;width:25px}.stage-controls{bottom:16%;right:7%;color:#c9dce7}.gesture{color:#bfd0dc;opacity:.72;font-size:11px}.icon-button{background:#03233680;border-color:#7ba4b24d;backdrop-filter:blur(5px)}.product-counter{bottom:5%;color:#e2edf2}.product-counter span{color:#fff}.product-counter i{background:#a7c6d3}
.product-dock{left:50%;right:auto;width:650px;max-width:56%;transform:translateX(-50%);bottom:2.4%}.dock-row{gap:10px}.dock-arrow{width:31px;color:#d2e3ed}.product-list{gap:17px;padding:7px 0 11px}.product-option{width:174px;min-width:174px;min-height:88px;color:#b2c6d3;font-size:12px;gap:5px}.product-option .product-thumb{width:103px;height:57px;filter:drop-shadow(0 5px 9px #0008);transition:transform .3s,filter .3s}.product-option.active .product-thumb{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 0 12px #e6bb4030)}.product-option.active::after{height:3px;background:#11eeeb;box-shadow:0 0 12px #31ddd888}.dock-tabs{margin:0 8%;gap:32px;border-color:#96bec533;font-size:13px;color:#b8ccd9;padding-top:6px}.dock-tabs a,.dock-tabs button{padding-bottom:6px}.dock-tabs button:first-child{border-bottom:1px solid #21d8d1}.language a.active{background:linear-gradient(100deg,#00b4c4,#007691);box-shadow:inset 0 0 0 1px #2ae4e7}.language{border-color:#93c5d25e;background:#00152155}.desktop-nav .active::after{background:#14e6e2;box-shadow:0 0 10px #2cebe130}.detail-dialog,.about-dialog{background:linear-gradient(130deg,#102f42ee,#061d2ced);backdrop-filter:blur(22px);border-color:#46738c99}
.process-page .cinematic-backdrop{opacity:.36}.process-main{position:relative;z-index:1}.process-page .site-header{position:relative}.process-page .diagram-panel{background:linear-gradient(145deg,#0d2c3fed,#051522e8);backdrop-filter:blur(18px);border-color:#3f66817d}.process-page .process-heading h1{text-shadow:0 2px 20px #0005}.process-page .node-info-icon{background:radial-gradient(ellipse,#20849a20,transparent 70%)}
@keyframes haze-drift{50%{transform:translate3d(-20px,8px,0);opacity:.45}}
@media(min-width:1600px){.hero-copy{top:14%}.product-stage{left:35%;right:1%;top:0;bottom:16%}.photo-frame{inset:0 -5% 11% -5%}.product-dock{bottom:2.5%}}
@media(max-width:1100px) and (min-width:821px){.site-header{height:86px}.hero-copy{top:12%;width:33%}.hero-actions .primary,.hero-actions .outline{padding:12px 21px}.product-dock{max-width:61%;width:610px}.product-option{min-width:157px;width:157px}.photo-frame{inset:0 -7% 13%}.stage-label h2{font-size:28px}}
@media(max-width:820px){.site-header{height:76px}.cinematic-backdrop>img{object-position:61% center}.cinematic-backdrop::after{background:linear-gradient(180deg,#00121c55,transparent 45%,#0010193d)}.hero-copy{top:3%;width:54%;left:6%}.hero-copy h1{font-size:clamp(36px,6vw,49px)}.hero-actions .primary,.hero-actions .outline{padding:11px 18px;min-height:44px}.hero-actions .primary::after,.hero-actions .outline::after{margin-left:10px;font-size:17px}.product-stage{left:22%;right:-4%;top:14%;bottom:21%}.photo-frame{inset:0 -6% 11%}.stage-label{bottom:-2%}.stage-label h2{font-size:25px}.stage-controls{bottom:18%;right:12%}.product-dock{left:50%;width:90%;max-width:90%;bottom:2%}.product-option{width:158px;min-width:158px}.product-dock .dock-tabs{margin:0 8%;gap:32px}.cinematic-haze{filter:blur(20px);animation:none;opacity:.35}.photo-frame::before{display:none}}
@media(max-width:540px){.site-header{height:70px}.cinematic-backdrop>img{object-position:66% center}.cinematic-backdrop::after{background:linear-gradient(180deg,#00111e88,transparent 36%,#00101966)}.hero-copy{top:2%;left:7%;width:87%}.hero-copy h1{font-size:39px;line-height:1.3}.hero-copy p{font-size:14px;letter-spacing:.08em}.hero-actions{gap:12px;margin-top:17px}.hero-actions .primary,.hero-actions .outline{min-height:43px;padding:10px 19px;font-size:13px}.product-stage{left:-9%;right:-9%;top:23%;bottom:23%}.photo-frame{inset:0 -4% 13%}.stage-label{bottom:-3%;left:11%;right:11%}.stage-label h2{font-size:23px;line-height:1.3;letter-spacing:.04em}.stage-label p{font-size:9px;letter-spacing:.18em;margin-top:7px}.stage-label .tiny-rule{margin-top:9px;width:21px}.stage-controls{bottom:19%;right:13%}.stage-controls .icon-button{width:36px;height:36px}.gesture{right:52px;bottom:10px;font-size:9px;white-space:nowrap}.gesture svg{width:16px;height:16px}.product-dock{width:94%;max-width:94%;bottom:1.5%}.product-list{gap:10px;padding:7px 0 10px}.product-option{min-width:115px;width:115px;min-height:88px;font-size:11px}.product-option .product-thumb{width:87px;height:51px}.dock-arrow{width:25px}.dock-row{gap:1px}.product-dock .dock-tabs{margin:0 5%;gap:26px;font-size:12px;padding-top:6px}.photo-dust{inset:3% 8% 15%}.photo-dust i:nth-child(n+20){display:none}html[lang=en] .hero-copy h1{font-size:36px}html[lang=en] .product-option{font-size:10px}html[lang=en] .stage-label h2{font-size:22px}}
@media(max-height:650px) and (min-width:821px){.hero-copy{top:8%}.product-stage{top:-5%;bottom:20%}.product-dock{bottom:1%}.product-option{min-height:75px}.product-option .product-thumb{height:46px}.stage-label{bottom:0}.hero-actions .primary,.hero-actions .outline{min-height:44px;padding:10px 23px}}
@media(prefers-reduced-motion:reduce){.cinematic-haze,.hero-product-photo,.photo-dust i{animation:none!important}.product-option .product-thumb{transition:none}}
.photo-stage{touch-action:pan-y pinch-zoom!important}.effects-paused .cinematic-haze{animation-play-state:paused}
@media(min-width:821px){.stage-label{bottom:clamp(82px,10vh,96px)}.photo-frame{transform:translate3d(var(--pan,0px),-24px,0)}.stage-label h2{font-size:clamp(25px,2.2vw,37px)}}
.product-option,.dock-tabs,.gesture{text-shadow:0 2px 8px #001019,0 0 16px #001019}.photo-stage:focus-visible{outline:1px solid #49d8dc77;outline-offset:-20px;border-radius:30px}
.photo-frame .hero-product-photo{position:absolute;inset:0;width:100%;height:100%;animation:none;transition:filter .25s;pointer-events:none}.photo-frame .rotation-overlay{opacity:0}.photo-stage{cursor:grab!important}.photo-stage.is-dragging{cursor:grabbing!important}.photo-stage:not(.has-rotation) .rotation-overlay{display:none}.rotation-angle{position:absolute;right:10%;bottom:26%;color:#c9e4ee8c;font:11px/1.2 monospace;letter-spacing:.12em;pointer-events:none}.photo-stage[aria-busy=true]{pointer-events:none}.photo-frame{animation:sequence-float 7s ease-in-out infinite}.photo-paused .photo-frame{animation-play-state:paused}@keyframes sequence-float{0%,100%{transform:translate3d(0,var(--float-y,0px),0)}50%{transform:translate3d(0,calc(var(--float-y,0px) - 6px),0)}}
@media(min-width:821px){.photo-frame{--float-y:-50px}}
@media(max-width:540px){.photo-frame{inset:0 7% 13%}.rotation-angle{right:16%;bottom:29%}html[lang=en] .hero-copy h1 br{display:initial}}
@media(prefers-reduced-motion:reduce){.photo-frame{animation:none!important}}
@keyframes photo-dust{0%{transform:translate(0,20px);opacity:0}25%{opacity:.6}70%{opacity:.35}100%{transform:translate(18px,-40px);opacity:0}}