@charset "UTF-8";
.cinematic-intro{--film-styles-ready:1;position:fixed;inset:0;z-index:100;background:#000;overflow:hidden;isolation:isolate;color:#edf5ed;pointer-events:none;opacity:0;visibility:hidden}
.cinematic-intro[hidden]{display:none!important}
.cinematic-intro.is-playing{pointer-events:auto;visibility:visible;opacity:1;animation:film-curtain 6.6s linear both}
html.film-is-playing{overflow:hidden}
.film-atmosphere{position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 47%,#12484752 0,transparent 42%),conic-gradient(from 35deg at 50% 48%,transparent 0 22%,#397c7a0c 24%,transparent 27% 70%,#40788c12 73%,transparent 76%);opacity:0;transform:scale(.75) rotate(-16deg)}
.is-playing .film-atmosphere{animation:film-atmosphere 6.1s .5s cubic-bezier(.2,.65,.2,1) both}
.film-light-pass{position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#6ed9ca11 16%,#b6f4e3c9 50%,#6ed9ca11 84%,transparent);opacity:0;transform:scaleX(0);filter:drop-shadow(0 0 9px #86e9dc)}
.is-playing .film-light-pass{animation:film-first-light 2.9s .6s cubic-bezier(.2,.65,.2,1) both}
.film-sculpture{width:min(86vmin,750px);aspect-ratio:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.76) rotate(-13deg);opacity:0}
.is-playing .film-sculpture{animation:film-sculpture 5.8s .6s cubic-bezier(.2,.65,.2,1) both}
.film-thyroid{position:absolute;inset:6%;width:88%;height:88%;filter:drop-shadow(0 0 8px #8be9d93d)}
.film-trace{stroke:url(#film-silver);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;stroke-width:1.1;fill:none}
.film-trace-middle{stroke-width:.75;opacity:.53}
.film-trace-inner{stroke-width:.55;opacity:.29}
.is-playing .film-trace-outer{animation:film-draw 2.65s .8s cubic-bezier(.25,.45,.24,1) both}
.is-playing .film-trace-middle{animation:film-draw 2.6s 1.12s cubic-bezier(.25,.45,.24,1) both}
.is-playing .film-trace-inner{animation:film-draw 2.4s 1.42s cubic-bezier(.25,.45,.24,1) both}
.film-glass{fill:url(#film-glass);opacity:0}
.is-playing .film-glass{animation:film-glass 3.9s 1.2s ease both}
.film-seed{fill:#dcf8ed;opacity:0;filter:drop-shadow(0 0 6px #aef8df)}
.is-playing .film-seed{animation:film-seed 3s .6s ease both}
.film-orbit{position:absolute;inset:0;border:1px solid #93e0d338;border-radius:50%;opacity:0;transform:rotate(-35deg) scaleY(.34)}
.film-orbit-one{border-left-color:transparent;border-bottom-color:#527c8a12}
.film-orbit-two{inset:10%;border-color:#a8cecb14;border-right-color:#c4f6e95c;transform:rotate(45deg) scaleY(.7)}
.is-playing .film-orbit-one{animation:film-orbit-one 4.7s 1.05s cubic-bezier(.12,.6,.2,1) both}
.is-playing .film-orbit-two{animation:film-orbit-two 4.4s 1.3s cubic-bezier(.12,.6,.2,1) both}
.film-title-frame{position:absolute;left:0;right:0;top:50%;transform:translateY(-41%);text-align:center;padding:0 24px}
.film-brand{width:176px;height:auto;display:block;margin:0 auto 34px;filter:brightness(0) invert(1);opacity:0}
.is-playing .film-brand{animation:film-brand 2s 2.9s cubic-bezier(.2,.65,.2,1) both}
.film-title{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:clamp(35px,7.5vw,112px);font-weight:400;letter-spacing:.18em;line-height:1.2;margin:0;padding-left:.18em;color:#e8f4ee;opacity:0;white-space:nowrap;text-shadow:0 0 60px #a8ead318}
.film-title span{display:inline-block}
.film-title span+span{margin-left:.04em}
.is-playing .film-title{animation:film-title 2.5s 3.1s cubic-bezier(.16,.65,.2,1) both}
.film-title-line{height:1px;width:min(620px,66vw);position:relative;margin:26px auto 22px;background:linear-gradient(90deg,transparent,#b5e0d740,transparent);transform:scaleX(0);opacity:0}
.film-title-line::after{content:"";position:absolute;left:50%;top:0;width:80px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#edfff5,transparent);box-shadow:0 0 11px #b8ffe3,0 0 35px #a2ead452}
.is-playing .film-title-line{animation:film-underline 1.8s 3.55s cubic-bezier(.1,.7,.2,1) both}
.film-subtitle{font-family:Georgia,'Times New Roman',serif;font-size:clamp(12px,1.2vw,17px);font-style:italic;letter-spacing:.03em;color:#a3bcb3;line-height:1.6;margin:0;opacity:0}
.is-playing .film-subtitle{animation:film-subtitle 1.4s 4s ease both}
.film-skip{position:absolute;right:clamp(24px,5.5vw,88px);bottom:30px;padding:11px 0 11px 13px;display:inline-flex;align-items:center;gap:17px;font:9px Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#94a5a2;background:none;border:0;border-bottom:1px solid #7a96913b;cursor:pointer;z-index:5}
.film-skip span{font-size:15px;letter-spacing:0;color:#b9cbc6}
.film-skip:hover,.film-skip:focus-visible{color:#fff;border-color:#b6ded1}
.film-skip:focus-visible{outline:2px solid #b6f8e7;outline-offset:6px}
@keyframes film-curtain{0%,85%{opacity:1;visibility:visible;pointer-events:auto}99.9%{opacity:0;visibility:visible;pointer-events:auto}100%{opacity:0;visibility:hidden;pointer-events:none}}
@keyframes film-atmosphere{0%{opacity:0;transform:scale(.75) rotate(-16deg)}28%{opacity:.7}68%{opacity:1}100%{opacity:.15;transform:scale(1.2) rotate(9deg)}}
@keyframes film-first-light{0%{opacity:0;transform:scaleX(.005)}16%{opacity:.8;transform:scaleX(.03)}42%{opacity:.38;transform:scaleX(.7)}80%,100%{opacity:0;transform:scaleX(1.16)}}
@keyframes film-sculpture{0%{opacity:0;transform:translate(-50%,-50%) scale(.76) rotate(-13deg)}14%{opacity:1}43%{opacity:1;transform:translate(-50%,-50%) scale(.97) rotate(0deg)}65%{opacity:.18;transform:translate(-50%,-50%) scale(1.12) rotate(5deg)}100%{opacity:.07;transform:translate(-50%,-50%) scale(1.2) rotate(8deg)}}
@keyframes film-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes film-glass{0%{opacity:0}42%,70%{opacity:1}100%{opacity:.1}}
@keyframes film-seed{0%{opacity:0;transform:scale(.98);transform-origin:center}20%,55%{opacity:.85}100%{opacity:0}}
@keyframes film-orbit-one{0%{opacity:0;transform:rotate(-55deg) scaleY(.18)}38%{opacity:.65}70%{opacity:.18}100%{opacity:0;transform:rotate(-9deg) scaleY(.48)}}
@keyframes film-orbit-two{0%{opacity:0;transform:rotate(75deg) scaleY(.6)}40%{opacity:.48}100%{opacity:0;transform:rotate(37deg) scaleY(.32)}}
@keyframes film-brand{from{opacity:0;transform:translateY(8px);filter:brightness(0) invert(1) blur(4px)}to{opacity:.8;transform:translateY(0);filter:brightness(0) invert(1) blur(0)}}
@keyframes film-title{0%{opacity:0;transform:translateY(16px) scale(.98);filter:blur(10px);letter-spacing:.27em}45%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);letter-spacing:.18em}}
@keyframes film-underline{0%{opacity:0;transform:scaleX(0)}35%{opacity:1}100%{opacity:.72;transform:scaleX(1)}}
@keyframes film-subtitle{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.film-sculpture{width:108vmin}.film-title-frame{transform:translateY(-40%);padding:0 22px}.film-brand{width:151px;margin-bottom:32px}.film-title{white-space:normal;font-size:clamp(36px,11.5vw,65px);line-height:1.42;letter-spacing:.17em}.film-title span{display:block}.film-title span+span{margin-left:0}.film-title-line{margin-top:20px;margin-bottom:20px;width:64vw}.film-skip{bottom:24px;font-size:8px}.film-subtitle{font-size:12px}}
@media(max-height:500px) and (min-width:601px){.film-brand{width:125px;margin-bottom:18px}.film-title{font-size:clamp(35px,6.7vw,70px)}.film-title-line{margin:18px auto 16px}.film-skip{bottom:17px}}
@media(prefers-reduced-motion:reduce){.cinematic-intro{display:none!important}html.film-is-playing{overflow:auto}}