.cin{background:var(--color-navy-deep);isolation:isolate;--cin-gold:#d8b25c;--cin-gold-bright:#f4dc9a;--cin-ease:cubic-bezier(.16, 1, .3, 1);position:fixed;inset:0;overflow:hidden}.cin-h1{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cin-stage{position:absolute;inset:0}.cin-video,.cin-still{object-fit:cover;object-position:50% 42%;width:100%;height:100%;display:block;position:absolute;inset:0}.cin-video{display:none}.cin[data-state=film] .cin-video,.cin[data-state=settling] .cin-video{display:block}.cin-still{opacity:1;transition:opacity .55s}.cin[data-state=film] .cin-still{opacity:0;transition:none}.cin-vignette,.cin-scrim{pointer-events:none;position:absolute;inset:0}.cin-vignette{background:radial-gradient(120% 95% at 50% 42%,#0000 42%,#04081280 100%)}.cin-scrim{background:linear-gradient(#060b1800 0%,#060b184d 52%,#050914a8 82%,#040812d1 100%);height:48%;inset:auto 0 0}.cin-skip{z-index:3;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#eaeefbc7;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#060b186b;border:1px solid #becdf529;border-radius:999px;padding:.42rem .8rem;font-size:.64rem;transition:color .3s,border-color .3s,background-color .3s;display:none;position:absolute;inset-block-start:max(.85rem, env(safe-area-inset-top));inset-inline-end:max(.85rem, env(safe-area-inset-right))}.cin[data-state=film] .cin-skip{display:inline-flex}.cin-skip:hover{color:var(--cin-gold-bright);background:#060b189e;border-color:#d8b25c66}.cin-nav{z-index:2;padding-inline:max(.9rem, env(safe-area-inset-left)) max(.9rem, env(safe-area-inset-right));padding-block-end:max(1.2rem, env(safe-area-inset-bottom) + .9rem);position:absolute;inset-block-end:0;inset-inline:0}.cin-list{gap:.55rem;width:min(25rem,100%);margin-inline:auto;padding:0;list-style:none;display:grid}.cin-slot{position:relative}.cin-glow{z-index:-1;pointer-events:none;filter:blur(12px);opacity:.88;transition:opacity .5s ease, transform .5s var(--cin-ease);background:radial-gradient(52% 56% at 50% 54%,#eac97e80 0%,#d8b25c30 46%,#d8b25c00 74%),radial-gradient(78% 86% at 50% 56%,#d8b25c2b 0%,#c69e5013 52%,#c69e5000 82%);border-radius:34px;position:absolute;inset:-26px -18px -30px}.cin-btn{color:inherit;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(10px)saturate(1.2);transition:transform .5s var(--cin-ease), border-color .4s ease, box-shadow .5s ease;background:linear-gradient(168deg,#131e389e 0%,#060b18cc 100%);border:1px solid #d8b25c52;border-radius:12px;align-items:center;gap:.75rem;padding:.62rem .85rem .68rem .95rem;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff4db38,inset 0 0 0 1px #d8b25c17,inset 0 -1px #d8b25c0d,inset 0 14px 26px -18px #ffeec829,0 6px 16px -10px #000000b3,0 18px 40px -24px #000000d9,0 0 20px #d8b25c3d,0 0 54px 4px #d8b25c29}.cin-btn:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(168deg,#fff3d61a 0%,#fff3d607 34%,#fff3d600 58%);position:absolute;inset:0}.cin-btn:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#fff4db00 0%,#fff4db24 46%,#fff9e833 54%,#fff4db00 100%);width:42%;position:absolute;inset-block:-30%;inset-inline-start:0;transform:translate(-160%)skew(-16deg)}@keyframes cin-sheen{0%{opacity:0;transform:translate(-160%)skew(-16deg)}36%{opacity:.85}to{opacity:0;transform:translate(320%)skew(-16deg)}}.cin-btn-text{flex:auto;min-width:0}.cin-eyebrow,.cin-title,.cin-body{display:block}.cin-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cin-gold);font-size:.59rem;font-weight:500}.cin-title{letter-spacing:-.015em;color:#f3f6ff;margin-block-start:.18rem;font-size:.96rem;font-weight:600;line-height:1.2}.cin-body{color:#ced7ebeb;text-wrap:pretty;margin-block-start:.2rem;font-size:.72rem;line-height:1.45}.cin-go{width:1.15rem;height:1.15rem;color:var(--cin-gold);transition:transform .5s var(--cin-ease), color .4s ease;flex:none}@media (hover:hover) and (pointer:fine){.cin-slot:hover .cin-glow{opacity:1;transform:scale(1.07)}.cin-btn:hover{border-color:#f4dc9a75;transform:translateY(-2px);box-shadow:inset 0 1px #fff8e64d,inset 0 0 0 1px #f4dc9a24,inset 0 -1px #d8b25c14,inset 0 14px 26px -18px #fff2d438,0 10px 22px -12px #000000b8,0 24px 48px -26px #000000e0,0 0 26px 1px #e8c47466,0 0 70px 8px #d8b25c42}.cin-btn:hover .cin-go{color:var(--cin-gold-bright);transform:translate(4px)}.cin-btn:hover:after{animation:.95s cubic-bezier(.22,.61,.36,1) cin-sheen}}.cin-slot:focus-within .cin-glow{opacity:1;transform:scale(1.07)}.cin-btn:focus-visible{border-color:#f4dc9a75}.cin-btn:focus-visible:after{animation:.95s cubic-bezier(.22,.61,.36,1) cin-sheen}.cin-btn:focus-visible .cin-go{color:var(--cin-gold-bright);transform:translate(4px)}.cin-btn:active{border-color:#f4dc9a85;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px #fff8e64d,inset 0 0 0 1px #f4dc9a29,inset 0 14px 26px -18px #fff2d43d,0 6px 16px -10px #000000b3,0 0 26px 1px #e8c4746b,0 0 70px 8px #d8b25c47}.cin-slot:active .cin-glow{opacity:1;transition:opacity .12s}.cin a:focus-visible,.cin button:focus-visible{outline:2px solid var(--cin-gold-bright);outline-offset:3px}@media (min-width:48rem) and (min-aspect-ratio:1){.cin-nav{padding-block-end:clamp(1.75rem,5vh,3rem)}.cin-list{justify-content:center;align-items:stretch;gap:clamp(.85rem,1.8vw,1.5rem);width:auto;display:flex}.cin-slot{flex:0 21rem}.cin-btn{height:100%;padding:.7rem .95rem .75rem 1.05rem}.cin-title{font-size:1.02rem}.cin-body{font-size:.75rem}.cin-scrim{height:42%}}@media (prefers-reduced-motion:reduce){.cin-still,.cin-glow,.cin-btn,.cin-go,.cin-skip{transition:none}.cin-btn:hover:after,.cin-btn:focus-visible:after{animation:none}.cin-slot:hover .cin-glow,.cin-slot:focus-within .cin-glow,.cin-btn:hover,.cin-btn:hover .cin-go,.cin-btn:focus-visible .cin-go{transform:none}}
