*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#111721;color:#eee9db;font-family:"Hiragino Sans","Yu Gothic",Arial,sans-serif;font-size:18px;line-height:1.85}a{color:inherit;text-underline-offset:6px}button,select,input{font:inherit}button,select{color:inherit;background:#192731;border:1px solid #63767f;padding:10px 17px;cursor:pointer}button:hover,a:hover{color:#8be1db}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #efb856;outline-offset:5px}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip{position:fixed;top:-100px;z-index:100;background:#fff;color:#000;padding:10px}.skip:focus{top:0}header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;gap:30px;padding:23px 5vw;background:linear-gradient(#111721dd,transparent)}.wordmark{font-weight:900;letter-spacing:2px;white-space:nowrap;text-decoration:none}nav{display:flex;justify-content:center;gap:24px;flex:1;font-size:14px}nav a{text-decoration:none}header select{font-size:14px}.hero{position:relative;min-height:850px;height:100svh;max-height:1250px;overflow:hidden}.hero-poster,.hero-film,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,#111721e8 0%,#1117218a 46%,#11172105),linear-gradient(0deg,#111721 0%,transparent 25%)}.hero-copy{position:relative;padding:180px 6vw 120px;max-width:1000px}.eyebrow,.section-number{font-size:14px;letter-spacing:3px;color:#8fcec9}.hero h1{margin:28px 0 20px;max-width:780px}.hero h1 img{width:100%;height:auto}.main-copy{font-size:clamp(27px,3.5vw,44px);font-weight:700;line-height:1.6;max-width:730px}.intro{max-width:570px;font-size:19px}.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin:28px 0}.button{display:inline-block;border:1px solid #789a9f;padding:13px 24px;text-decoration:none}.button.light{background:#eee9db;color:#111721;border-color:#eee9db}.text-link{font-size:16px}.hero-bottom{position:absolute;bottom:28px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13px}.hero-bottom button{font-size:14px}.section{padding:90px 7vw;max-width:1560px;margin:auto}h2{font-size:clamp(28px,3.7vw,49px);line-height:1.5;letter-spacing:-.03em;max-width:1100px;margin:20px 0 28px}h3{font-size:25px;line-height:1.6}.lead{font-size:21px;max-width:930px}.muted{color:#b8c6c9;font-size:15px}.story{padding-top:100px;padding-bottom:55px}.five{display:flex;gap:22px;margin:48px 0}.five i{width:48px;height:4px;background:#76bfb8}.five i.empty{background:transparent;border-bottom:1px dashed #a7a7a7}.comparison{position:relative;height:560px;margin-top:40px;overflow:hidden}.comparison>img,.comparison #realLayer,.comparison #realLayer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#realLayer{clip-path:inset(0 50% 0 0)}.compare-labels{position:absolute;inset:18px 24px auto;display:flex;justify-content:space-between}.compare-labels span{background:#111721e6;padding:6px 14px;font-size:15px}#divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff}input[type=range]{width:100%;accent-color:#54b8b0;cursor:pointer;min-height:35px}.slider-label{display:block;font-size:14px;color:#b8c6c9;margin-top:16px}.statement{font-size:26px;margin:35px 0}.wide{margin:0;position:relative}.wide img{width:100%;height:350px;object-fit:cover}.wide figcaption{position:absolute;left:24px;bottom:25px;background:#111721dc;padding:5px 18px}.cast-section{background:#18242c}.cast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0}.cast-card{border-top:1px solid #59666b;padding-top:20px}.cast-card img{width:100%;height:280px;object-fit:contain;background:#eee9db}.cast-card h3{margin:18px 0 10px}.cast-card p{font-size:16px;color:#d1d9d8}.compact{grid-template-columns:repeat(3,1fr)}summary{cursor:pointer;padding:18px 0;border-top:1px solid #63767f}img{max-width:100%}.tabs{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.tabs button[aria-pressed=true]{background:#eee9db;color:#111721}#kvImage{width:100%;max-height:780px;object-fit:contain}video{width:100%;max-height:760px;background:#111721}video:not(.hero-film){display:block;border:1px solid #40515a}.music{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;border-top:1px solid #455862;margin-top:65px;padding-top:40px}.player{align-self:center}.player label{font-size:15px}.player a{display:block;font-size:16px}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin:30px 0}.game-grid figure{margin:0}.game-grid img{width:100%;height:auto}.game-grid figcaption{font-size:16px}.concept-label{color:#efb856;font-size:15px}.download-list{margin-top:35px}.download-list a{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #45616b;padding:23px 0;text-decoration:none;font-size:20px}footer{border-top:1px solid #3a4d56;padding:40px 7vw;font-size:14px;color:#aebcbd}.media-error{position:absolute;bottom:90px;left:6vw;background:#111721;padding:12px;font-size:14px}@media(max-width:900px){nav{display:none}header{justify-content:space-between}.hero{min-height:760px}.hero-copy{padding-top:165px}.hero-poster,.hero-film{object-position:60%}.shade{background:linear-gradient(90deg,#111721dd,#11172155),linear-gradient(0deg,#111721,transparent)}.cast-grid,.compact{grid-template-columns:repeat(2,1fr)}.comparison{height:420px}.music{grid-template-columns:1fr;gap:24px}}@media(max-width:540px){body{font-size:16px}.section{padding:60px 6vw}.hero-copy{padding:155px 6vw 120px}.hero{height:100svh;min-height:760px}.main-copy{font-size:28px}.intro{font-size:17px}.hero-bottom{align-items:flex-start}.hero-bottom span{max-width:170px}.hero-bottom button{max-width:155px;font-size:13px}.lead{font-size:18px}.cast-grid,.compact{grid-template-columns:1fr}.cast-card img{height:330px}.game-grid{grid-template-columns:1fr}.comparison{height:350px}.compare-labels{inset:12px}.compare-labels span{font-size:12px;padding:4px 7px}.statement{font-size:22px}.download-list a{font-size:17px}.actions{gap:20px}.wide img{height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-film{display:none}}video.hero-film{max-height:none}
