/* YUYA v3 — a short optical reveal, followed by an unobstructed showroom. */
.brand-opening{display:none}.intro-skip[hidden]{display:none}.cinema-hero{isolation:isolate;background:#080b0a}.cinema-hero .hero-media{left:0;transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(1.025);will-change:transform}.cinema-hero .scene-light img{object-position:64% 50%;filter:contrast(1.13) saturate(.45);animation:showroom-reveal 2s cubic-bezier(.16,1,.3,1) both}.cinema-vignette{background:linear-gradient(90deg,#090e0cf5 0%,#090e0cbd 26%,#090e0c10 63%),linear-gradient(0deg,#080d0cfc,transparent 27%,transparent 70%,#080d0c88);z-index:1}.cinema-hero .hero-content{z-index:4}.cinema-hero .hero-content .eyebrow{font-size:10px;letter-spacing:2px;color:#c2cbbd}.cinema-hero h1{font-size:clamp(102px,11.3vw,182px);letter-spacing:-.023em}.cinema-hero h1 .title-light{color:#e3fdad;text-shadow:0 0 65px #baf34c18}.cinema-hero .hero-foot{z-index:5}.hero-aside{z-index:3;font-size:9px;color:#e0e8d7}.optical-reticle{display:none}.hero-summary p{font-size:13px;color:#c1c9bb}.hero-button{background:#d5ff5f;color:#10160c;border:1px solid #d5ff5f}.hero-button span{color:#10160c}.hero-button:hover{background:#ebffb7}.hero-utility{display:flex;flex-direction:column;align-items:end;gap:10px}.intro-replay{background:none;color:#dce8d0;border:0;padding:8px 0;font:9px monospace;letter-spacing:1px;cursor:pointer;min-height:34px}.intro-replay>span{display:inline-block;font-size:16px;margin-right:8px;transition:transform .4s}.intro-replay:hover>span{transform:rotate(-80deg)}.hero-foot .concept-label{font-size:8px;color:#8c9b83}.scene-controls{gap:22px}.scene-controls button{min-height:44px;font-size:10px;transition:color .3s}.scene-controls button:after{transition:width .4s}.optical-caption{position:absolute;right:11%;top:65%;z-index:3;display:flex;align-items:start;gap:16px;font:9px/1.9 monospace;letter-spacing:1px;color:#b3c0a7}.optical-caption:before{content:'';position:absolute;width:80px;height:1px;background:#bbd2a755;right:calc(100% + 14px);top:9px;transform:rotate(-25deg);transform-origin:right}.caption-cross{font-size:24px;line-height:1;color:#d5ff5f}.optical-caption b{font-size:8px;font-weight:400;color:#75876b}.light-atmosphere{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.light-horizon{position:absolute;left:37%;right:-15%;top:43%;height:1px;background:linear-gradient(90deg,transparent,#dfffbf88,#efffe022,transparent);transform:rotate(-19deg);box-shadow:0 0 25px 2px #def5b422;opacity:.4}.light-flare{position:absolute;left:75%;top:28%;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#e5ffc920,transparent 62%);opacity:.6}.optical-drawing{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;color:#eaffbd;opacity:0;stroke-width:1}.optical-contours path{stroke-dasharray:1;stroke-dashoffset:0}.optical-contours .outline-major{stroke-width:2}.optical-contours .trace-dimension{opacity:.5;stroke-width:.7}
.intro-playing .brand-opening{display:block;position:absolute;inset:0;z-index:10;background:#070c09;pointer-events:none;animation:opening-aperture 3s cubic-bezier(.7,0,.2,1) forwards;overflow:hidden}.opening-mark{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);font:800 clamp(100px,17vw,275px)/1 Manrope,sans-serif;letter-spacing:-.09em;white-space:nowrap;display:flex;padding-right:.09em}.opening-mark span{display:block;color:#e8eee0;animation:brand-letter 1.2s cubic-bezier(.16,1,.3,1) both}.opening-mark span:nth-child(2){animation-delay:.06s}.opening-mark span:nth-child(3){animation-delay:.12s}.opening-mark span:nth-child(4){animation-delay:.18s}.opening-mark span:first-child{color:#d5ff5f}.brand-opening>p{position:absolute;left:0;right:0;top:64%;text-align:center;color:#a4b396;font:9px monospace;letter-spacing:3px;animation:brand-tagline 1.2s .3s both}.opening-hairline{position:absolute;top:47%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c9fc6588,transparent);animation:opening-line 1.7s cubic-bezier(.76,0,.24,1) both}.opening-coordinate{position:absolute;left:5.4%;right:5.4%;bottom:120px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.2px;color:#5f7755}.intro-skip{position:absolute;right:5.4%;top:116px;z-index:12;min-height:44px;display:flex;align-items:center;gap:20px;border:1px solid #68775a;background:#10180dee;color:#d8eac7;padding:0 16px;font:10px monospace;letter-spacing:1px}.intro-skip:hover{background:#d5ff5f;color:#14200b}.intro-playing .scene-light img{animation:showroom-opening 3.4s cubic-bezier(.16,1,.3,1) both}.intro-playing .optical-drawing{animation:optical-fade 3.7s both}.intro-playing .optical-contours path{animation:optical-trace 2.5s .65s cubic-bezier(.65,0,.35,1) both}.intro-playing .optical-contours path:nth-child(2){animation-delay:.8s}.intro-playing .optical-contours path:nth-child(3){animation-delay:.95s}.intro-playing .optical-contours path:nth-child(4){animation-delay:1.05s}.intro-playing .optical-contours path:nth-child(5){animation-delay:1.1s}.intro-playing h1 .title-line{animation:headline-cut 1.25s 1.65s cubic-bezier(.16,1,.3,1) both}.intro-playing h1 .title-line:nth-child(2){animation-delay:1.82s}.intro-playing h1 .title-line:nth-child(3){animation-delay:1.99s}.intro-playing .hero-summary{animation:title-enter 1s 2.2s both}.intro-playing .hero-content>.eyebrow,.intro-playing .optical-caption{animation:title-enter .9s 2.25s both}.intro-playing .light-horizon{animation:light-sweep 3.6s both}.intro-playing .light-flare{animation:flare-awake 3.6s both}.intro-playing .hero-foot{animation:title-enter 1s 2.3s both}.brand-home .header{z-index:21}.cinema-hero:not(.is-light) .optical-caption,.cinema-hero:not(.is-light) .light-atmosphere{opacity:0}.cinema-hero.is-light .optical-caption,.cinema-hero.is-light .light-atmosphere{transition:opacity .5s}.cinema-hero .scene-craft img{filter:saturate(.25) brightness(.72)}.cinema-hero .scene-tool img{max-width:75%;margin-left:25%;mix-blend-mode:normal;filter:brightness(.85);padding:7%}.cinema-hero .scene-tool{background:#10170f}
@keyframes opening-aperture{0%,35%{clip-path:inset(0)}65%{clip-path:inset(49.9% 0)}100%{clip-path:inset(50% 0);visibility:hidden}}
@keyframes brand-letter{from{opacity:0;transform:translateY(65%) rotateX(-50deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes brand-tagline{from{opacity:0;letter-spacing:6px}to{opacity:1;letter-spacing:3px}}
@keyframes opening-line{0%{transform:scaleX(0);opacity:0}35%{opacity:.5}70%{transform:scaleX(1);opacity:.6}100%{opacity:0;transform:scaleX(1)}}
@keyframes showroom-opening{0%,23%{transform:scale(1.22);filter:brightness(.15) contrast(1.2) saturate(.4)}70%{filter:brightness(.85) contrast(1.1) saturate(.45)}100%{transform:scale(1);filter:brightness(1) contrast(1.13) saturate(.45)}}
@keyframes showroom-reveal{from{transform:scale(1.08);opacity:.5}to{transform:scale(1);opacity:1}}
@keyframes headline-cut{from{opacity:0;clip-path:inset(0 0 100%);transform:translateY(35%)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes optical-trace{0%{stroke-dashoffset:1}100%{stroke-dashoffset:0}}
@keyframes optical-fade{0%,22%{opacity:0}42%,62%{opacity:.8}100%{opacity:0}}
@keyframes light-sweep{0%,30%{opacity:0;transform:translateX(-20%) rotate(-19deg) scaleX(.2)}65%{opacity:.8}100%{opacity:.4;transform:rotate(-19deg) scaleX(1)}}
@keyframes flare-awake{0%,30%{opacity:0;scale:.2}70%{opacity:1;scale:1.5}100%{opacity:.6;scale:1}}
@media(min-width:1100px) and (max-height:850px){.cinema-hero{min-height:690px}.cinema-hero .hero-content{padding-top:127px}.cinema-hero h1{font-size:min(10vw,140px)}.cinema-hero .eyebrow{margin-bottom:22px}.hero-summary{margin-top:25px}}
@media(max-width:1050px){.hero-utility{max-width:200px}.optical-caption{right:10%;top:70%}.cinema-hero h1{font-size:125px}}
@media(max-width:760px){.cinema-hero{min-height:760px;height:100svh;max-height:none}.cinema-hero .hero-content{padding:130px 6% 0}.cinema-hero h1{font-size:clamp(88px,20vw,145px)}.cinema-hero .hero-content .eyebrow{font-size:8px;letter-spacing:.6px;margin-bottom:30px}.cinema-hero .hero-media{transform:none;will-change:auto}.cinema-vignette{background:linear-gradient(90deg,#090e0ceb,transparent 100%),linear-gradient(0deg,#080d0cfc,transparent 45%,#080d0c22 85%)}.cinema-hero .scene-light img{object-position:69% center}.hero-summary{margin-top:25px;gap:23px}.hero-summary p{font-size:12px;line-height:1.8}.optical-caption{display:none}.hero-aside{display:none}.cinema-hero .hero-foot{grid-template-columns:1fr;gap:12px;bottom:20px;padding-top:12px}.hero-foot .scroll-cue{display:none}.scene-controls{justify-content:space-between;gap:6px}.scene-controls button{font-size:10px;min-height:44px;padding:10px 5px}.hero-utility{max-width:none;flex-direction:row;justify-content:space-between;gap:8px;align-items:center}.intro-replay{font-size:8px;min-height:35px}.hero-foot .concept-label{max-width:52%;text-align:right;font-size:6px!important;line-height:1.7}.opening-mark{font-size:27vw;top:43%}.brand-opening>p{top:53%;font-size:7px;letter-spacing:2px}.opening-coordinate{bottom:125px;left:6%;right:6%;font-size:6px;gap:25px}.opening-hairline{top:43%}.intro-skip{top:104px;right:6%;min-height:40px;font-size:9px;padding:0 12px}.optical-drawing{width:150%;left:-50%}.cinema-hero .scene-tool img{max-width:100%;margin-left:0;padding:36% 0 18%;object-position:center;filter:brightness(.65)}.light-horizon{top:48%;left:0}.light-flare{left:70%;top:43%;width:70%}}
@media(max-width:380px){.cinema-hero h1{font-size:84px}.cinema-hero .hero-content{padding-top:125px}.hero-summary{gap:18px}.hero-foot .concept-label{font-size:6px!important}}
@media(prefers-reduced-motion:reduce){.brand-opening,.intro-skip,.intro-replay,.optical-drawing{display:none!important}.cinema-hero .hero-media{transform:none!important}.cinema-hero .scene img,.cinema-hero h1 .title-line,.hero-summary,.hero-foot,.hero-content>.eyebrow,.optical-caption{animation:none!important;opacity:1;transform:none;clip-path:none}.light-atmosphere{display:none}}
.cinema-hero .scene{opacity:0;transition:opacity .65s ease;pointer-events:none}.cinema-hero .scene.is-current{opacity:1;animation:perspective-fade .8s cubic-bezier(.2,.7,.2,1) both}.cinema-hero .scene-light img{animation:none}.cinema-hero.intro-playing .scene-light img{animation:showroom-opening 3.4s cubic-bezier(.16,1,.3,1) both}
@keyframes perspective-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.cinema-hero .scene{transition:none!important}.cinema-hero .scene.is-current,.cinema-hero.intro-playing .scene-light img{animation:none!important}}