:root{font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{min-width:320px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.experience{--ease-out:cubic-bezier(.22, 1, .36, 1);isolation:isolate;color:#fff;background-color:var(--scene-color);width:100%;height:100svh;min-height:620px;transition:background-color var(--orbit-duration,.72s) var(--ease-out);background-image:linear-gradient(90deg,#00000024 0%,#0000 42%),linear-gradient(#0000 72%,#0000001f 100%);position:relative;overflow:clip}.experience:after{z-index:80;content:"";pointer-events:none;opacity:.17;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.18'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:absolute;inset:0}.brand-watermark{z-index:2;color:#ffffff14;letter-spacing:.015em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-text-stroke:2px #ffffff36;font-size:clamp(126px,18.4vw,350px);font-weight:900;line-height:.84;position:absolute;top:8.5%;left:3.8%}.hero{position:absolute;inset:0}.attitude-copy{z-index:100;text-shadow:0 2px 20px #0000001a;width:min(35vw,540px);min-width:430px;animation:copy-reveal .58s var(--ease-out) both;position:absolute;top:clamp(220px,27vh,340px);left:clamp(40px,5vw,96px)}.attitude-copy h1{letter-spacing:.06em;max-width:12em;margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(64px,6.2vw,108px);font-weight:800;line-height:1.08}.english-title{letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin:12px 0 0;font-size:clamp(20px,1.7vw,30px);font-weight:700;line-height:1.2}.attitude-description{letter-spacing:.015em;opacity:.9;max-width:500px;min-height:5.55em;margin:clamp(24px,3.4vh,36px) 0 0;font-size:clamp(15.5px,1.22vw,19px);font-weight:500;line-height:1.85}.character-item:focus-visible,.attitude-nav-item:focus-visible,.site-footer a:focus-visible{outline-offset:4px;outline:2px solid #fff}.attitude-nav-item:disabled{cursor:wait}.character-stage:before{z-index:4;aspect-ratio:1;content:"";pointer-events:none;background:color-mix(in srgb, var(--panel-color) 88%, transparent);opacity:.74;width:min(40vw,650px);transition:background-color var(--orbit-duration,.72s) var(--ease-out);border:1px solid #ffffff2b;border-radius:50%;position:absolute;top:13%;left:69%;transform:translate(-50%);box-shadow:inset 0 0 80px #ffffff0d,0 40px 100px #0000000f}.character-stage{z-index:5;pointer-events:none;position:absolute;inset:0}.character-item{aspect-ratio:.6;width:auto;color:inherit;cursor:default;offset-path:ellipse(23vw 18vh at 69vw 82vh);offset-distance:var(--orbit-distance);offset-anchor:50% 100%;offset-rotate:0deg;pointer-events:auto;transform-origin:bottom;transition:offset-distance var(--orbit-duration,.72s) var(--ease-out), height var(--orbit-duration,.72s) var(--ease-out), opacity .56s ease, filter var(--orbit-duration,.72s) var(--ease-out), translate var(--orbit-duration,.72s) var(--ease-out);will-change:offset-distance, height, opacity, filter, translate;background:0 0;border:0;margin:0;padding:0;position:absolute;top:0;left:0;translate:0}.character-stage[data-clickable-hover=true] .character-item{cursor:pointer}.character-item img{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom center;object-position:bottom center;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 26px 25px #291e1729);width:100%;height:100%;transition:filter .22s,transform .22s;display:block}.character-item[data-role=center]{z-index:20;opacity:1;filter:blur();height:min(91%,950px)}.character-item[data-role=center] img{animation:5s ease-in-out infinite character-breathe}.character-item[data-role=left]{z-index:9;opacity:.76;filter:blur(1.3px)saturate(.88);height:40%}.character-item[data-role=right]{z-index:10;opacity:.78;filter:blur(1.1px)saturate(.9);height:42%}.character-item[data-role=back]{z-index:8;opacity:.58;filter:blur(2.3px)saturate(.78);height:23%;translate:17.5vw -25vh}.character-item[data-pixel-hovered=true]:not([aria-disabled=true]) img{filter:drop-shadow(0 30px 30px #291e1733)brightness(1.06);transform:translateY(-6px)scale(1.035)}.attitude-nav{z-index:60;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,24px);width:min(46vw,720px);display:grid;position:absolute;bottom:clamp(62px,6.2vh,68px);left:clamp(40px,5vw,96px)}.attitude-nav-item{color:#ffffff94;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff4d;min-width:0;padding:13px 0 0;transition:color .22s,transform .22s;display:block;position:relative}.attitude-nav-item:before{content:"";transform-origin:0;background:#fff;width:100%;height:3px;position:absolute;top:-2px;left:0;transform:scaleX(0)}.attitude-nav-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,1vw,15px);font-weight:700;overflow:hidden}.attitude-nav-item[data-hovered=true]:not(:disabled){color:#fff;transform:translateY(-3px)}.attitude-nav-item[aria-current=true]{color:#fff}.attitude-nav-item[data-progress=running]:before{animation:nav-progress var(--autoplay-duration,6s) linear forwards}.attitude-nav-item[data-paused=true]:before{animation-play-state:paused}.site-footer{z-index:60;letter-spacing:.06em;opacity:.52;font-size:9px;font-weight:700;line-height:1.5;position:absolute;bottom:15px;left:clamp(40px,5vw,96px)}.site-footer a{color:inherit;text-decoration:none;transition:opacity .18s}@media (hover:hover) and (pointer:fine){.site-footer a:hover{opacity:1}}@keyframes copy-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes character-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=1100px) and (width>=701px){.attitude-copy{width:42vw;min-width:380px}.attitude-copy h1{font-size:clamp(58px,7vw,78px)}.character-item[data-role=center]{height:min(86%,860px)}.character-item[data-role=left],.character-item[data-role=right]{height:24%}.attitude-nav{width:clamp(252px,67vw - 218px,520px)}}@media (width<=700px){.experience{background-image:linear-gradient(#0000 32%,#00000014 56%,#00000047 100%),linear-gradient(90deg,#00000014,#0000 70%);min-height:560px}.experience:after{opacity:.14}.brand-watermark{text-align:center;-webkit-text-stroke-width:1px;font-size:22vw;top:8%;left:16px;right:16px}.character-stage:before{opacity:.58;width:80vw;top:14%;left:50%}.character-item{offset-path:ellipse(42vw 12vh at 50vw 57vh)}.character-item[data-role=center]{height:58%}.character-item[data-role=left]{opacity:.62;filter:blur(1.5px)saturate(.82);height:28%}.character-item[data-role=right]{opacity:.65;filter:blur(1.3px)saturate(.84);height:29%}.character-item[data-role=back]{opacity:.48;height:20%;translate:24vw -6vh}.attitude-copy{width:calc(100% - 40px);min-width:0;top:auto;bottom:112px;left:20px}.attitude-copy h1{font-size:clamp(40px,13vw,54px);line-height:1.08}.english-title{margin-top:4px;font-size:15px}.attitude-description{opacity:.86;max-width:100%;min-height:4.74em;margin-top:12px;font-size:13px;line-height:1.58}.attitude-nav{gap:8px;width:calc(100% - 40px);bottom:42px;left:20px}.attitude-nav-item{padding-top:8px}.attitude-nav-item strong{text-align:center;font-size:clamp(10px,3vw,12px);display:block}.site-footer{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;bottom:10px;left:20px;right:20px;overflow:hidden}}@media (width<=700px) and (height<=700px){.character-item{offset-path:ellipse(42vw 11vh at 50vw 51vh)}.character-item[data-role=center]{height:54%}.attitude-copy{bottom:104px}.attitude-copy h1{font-size:38px}.attitude-description{margin-top:8px}.attitude-nav{bottom:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}