:root{--orange:#c86d35;--white:#eeede8}*{box-sizing:border-box}html,body{margin:0;background:#020303;color:var(--white);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.experience{position:relative;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#020303}.film,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:radial-gradient(circle at 50% 50%,transparent 25%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.72) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 36%,rgba(0,0,0,.26));pointer-events:none}.frame{position:absolute;inset:24px;pointer-events:none}.frame:before,.frame:after{content:"";position:absolute;background:rgba(200,109,53,.2)}.frame:before{left:0;right:0;top:50%;height:1px}.frame:after{top:0;bottom:0;left:50%;width:1px}.frame i{position:absolute;width:28px;height:28px;border-color:var(--orange);border-style:solid;opacity:.72}.frame i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.frame i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.frame i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.frame i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}.ready-card,.sequence,.end-card{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.ready-card{transition:opacity .6s}.ready-card>p{position:absolute;top:8vh;margin:0;font:500 clamp(13px,1.25vw,19px) ui-monospace,monospace;letter-spacing:.28em;text-shadow:0 2px 18px #000}.ready-card em,.line em{font-style:normal;color:var(--orange)}.ready-card button{position:absolute;bottom:8vh;display:grid;grid-template-columns:76px max-content;grid-template-rows:1fr 1fr;align-items:center;padding:6px 10px;border:0;background:transparent;color:#f4f3ee;cursor:pointer;text-align:left}.ready-card button:before{content:"";position:absolute;left:0;top:50%;width:54px;height:1px;background:linear-gradient(90deg,transparent,var(--orange))}.ready-card button>b{position:absolute;left:52px;top:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(200,109,53,.12),0 0 22px rgba(200,109,53,.45)}.ready-card button>span{grid-column:2;grid-row:1/3;font:600 12px ui-monospace,monospace;letter-spacing:.26em;text-shadow:0 2px 16px #000}.ready-card button small{display:block;margin-top:6px;color:#959b97;font-size:6px;letter-spacing:.2em}.ready-card button:hover>b{background:#ed8b50;box-shadow:0 0 0 7px rgba(200,109,53,.16),0 0 30px rgba(235,133,76,.65)}.sequence{pointer-events:none}.line{position:absolute;width:88%;margin:0;font-size:clamp(38px,5.7vw,94px);font-weight:420;line-height:.96;letter-spacing:.055em;text-shadow:0 3px 28px #000;opacity:0}.state-playing .ready-card{opacity:0;pointer-events:none}.state-playing .l1{animation:t1 15s both}.state-playing .l2{animation:t2 15s both}.state-playing .l3{animation:t3 15s both}.state-playing .progress i{animation:progress 15s linear both}@keyframes t1{0%,5%{opacity:0;transform:translateY(20px)}10%,27%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-16px)}}@keyframes t2{0%,35%{opacity:0;transform:translateY(20px)}41%,56%{opacity:1;transform:none}63%,100%{opacity:0;transform:translateY(-16px)}}@keyframes t3{0%,60%{opacity:0;transform:translateY(20px)}66%,78%{opacity:1;transform:none}84%,100%{opacity:0;transform:translateY(-16px)}}.end-card{opacity:0;visibility:hidden;transform:scale(.985);transition:opacity 1.2s,transform 1.2s,visibility 1.2s;background:rgba(2,3,3,.36);backdrop-filter:blur(2px)}.state-end .end-card{opacity:1;visibility:visible;transform:none}.state-end .film{filter:brightness(.54) saturate(.78)}.celestiq{display:block;width:min(68vw,890px);height:auto;filter:drop-shadow(0 0 3px #000) drop-shadow(0 8px 26px #000)}.coming{width:min(680px,68vw);display:flex;align-items:center;gap:22px;margin:24px 0 15px;color:#d9d9d4;font:500 clamp(10px,1vw,14px) ui-monospace,monospace;letter-spacing:.48em}.coming span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--orange))}.coming span:last-child{transform:scaleX(-1)}.origin{display:flex;align-items:center;gap:15px;padding-top:10px}.origin small{color:#838985;font:500 6px ui-monospace,monospace;letter-spacing:.2em;writing-mode:vertical-rl;transform:rotate(180deg)}.origin img{width:clamp(74px,6.5vw,104px);height:auto;filter:drop-shadow(0 3px 12px #000)}.end-actions{display:flex;align-items:center;gap:26px;margin-top:18px}.end-actions a,.end-actions button,.visit{border:0;background:transparent;color:#bdc1bd;font:500 8px ui-monospace,monospace;letter-spacing:.17em;text-decoration:none;cursor:pointer}.end-actions a{color:#f0efea}.end-actions a span,.visit span{color:var(--orange);margin-left:8px}.end-actions button{padding-left:26px;border-left:1px solid rgba(255,255,255,.2)}.visit{position:absolute;z-index:4;right:42px;top:42px}.domain{position:absolute;z-index:3;left:42px;bottom:29px;margin:0;color:#565c58;font:500 7px ui-monospace,monospace;letter-spacing:.18em}.progress{position:absolute;z-index:5;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.07)}.progress i{display:block;width:0;height:100%;background:var(--orange)}@keyframes progress{to{width:100%}}
@media(max-width:700px){.experience{min-height:640px}.film{object-position:center}.frame{inset:12px}.frame:before,.frame:after{display:none}.ready-card>p{top:10vh;width:80%;line-height:1.7}.ready-card button{bottom:7vh;grid-template-columns:64px max-content}.ready-card button:before{width:44px}.ready-card button>b{left:43px}.ready-card button>span{font-size:11px;letter-spacing:.2em}.line{font-size:clamp(34px,10vw,58px);letter-spacing:.02em}.celestiq{width:88vw}.coming{width:82vw;gap:12px;letter-spacing:.32em}.origin img{width:72px}.end-actions{flex-direction:column;gap:13px}.end-actions button{padding:13px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}.visit{top:25px;right:24px}.domain{left:24px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.line,.progress i{animation-duration:.01ms!important}.film{display:none}.experience{background:url('/assets/poster.jpg') center/cover no-repeat}}
.seo-summary{max-width:620px;margin:0 24px 12px;color:#8f9591;font:400 clamp(9px,.75vw,12px)/1.6 ui-monospace,monospace;letter-spacing:.08em}