@layer theme,base;@layer components{:is(html:has(.serko),body:has(.serko)){background-color:var(--color-serko-ground)}.serko{--card-inset:16px;--peek:clamp(56px, 8.9dvh, 96px);--peek-radius:clamp(28px, 4.06vw, 78px);--hero-peek:clamp(190px, 31dvh, 380px);--doc-inset:14px;--doc-radius:18px;--doc-gap:clamp(40px, 10.5vw, 66px)}.serko .deck-overlay>*{pointer-events:auto}.serko .caption{transition:opacity .34s 60ms,transform .34s cubic-bezier(.2,.8,.3,1) 60ms,background .28s,box-shadow .28s}.serko .caption[data-hidden]{opacity:0;pointer-events:none;transition:opacity .16s}.serko .caption:not(.open){flex-direction:column;justify-content:center;display:flex}.serko .caption.settling{pointer-events:none}.serko .cap-inner>*{transition:opacity .26s,transform .26s cubic-bezier(.2,.8,.3,1)}.serko .cap-inner>:first-child{transition-delay:70ms}.serko .cap-inner>:nth-child(2){transition-delay:90ms}.serko .cap-inner>:nth-child(3){transition-delay:.11s}.serko .cap-chev{transition:opacity .26s 70ms,transform .26s cubic-bezier(.2,.8,.3,1) 70ms,color .2s}.serko .caption.settling :is(.cap-inner>*,.cap-chev){opacity:0;transition-duration:.13s;transition-delay:0s;transform:translateY(7px)}.serko .cap-chev svg{transition:transform .34s cubic-bezier(.2,.8,.3,1)}.serko .caption.open .cap-chev svg{transform:rotate(180deg)}.serko .caption .body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.3,1),opacity .3s;display:grid}.serko .caption.open{scrollbar-width:thin;max-height:calc(100dvh - 160px);overflow-y:auto}.serko .caption.open .body{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.3,1),opacity .32s}.serko .caption.open.settling .body{opacity:0;transition-duration:.12s}@media not (min-width:760px){.serko .beat.post-hero{animation:.76s cubic-bezier(.22,1,.36,1) .16s both serko-reel-settle}}@keyframes serko-reel-settle{0%{transform:translateY(calc(var(--doc-gap) * -1.4)) scale(.955);border-radius:var(--peek-radius);opacity:0}to{opacity:1;border-radius:0;transform:none}}.serko .timeline:before{content:"";pointer-events:none;filter:blur(42px);opacity:.35;background:radial-gradient(38% 46% at 22% 30%,#ffd6aa80,#0000 70%),radial-gradient(34% 42% at 76% 24%,#b6d4fa75,#0000 72%),radial-gradient(46% 42% at 58% 80%,#f4cdde61,#0000 74%);animation:41s ease-in-out infinite alternate serko-tl-drift;position:absolute;inset:-22%}@keyframes serko-tl-drift{0%{transform:translate3d(calc(var(--mx) * 7% - 2.4%), calc(var(--my) * 7% - 1.6%), 0) scale(1.04)}to{transform:translate3d(calc(var(--mx) * 7% + 2.4%), calc(var(--my) * 7% + 1.6%), 0) scale(1.11)}}.serko .timeline:after{content:"";pointer-events:none;background:radial-gradient(26% 38% at calc(var(--px,50) * 1%) calc(var(--py,50) * 1%), #ffe9ce9e, transparent 66%);opacity:var(--glow,0);transition:opacity .52s;position:absolute;inset:0}.serko .principle{opacity:.22;pointer-events:none;transform:translateX(calc(var(--o,0) * 100%));will-change:transform;transition:transform .72s cubic-bezier(.65,0,.2,1),opacity .72s}.serko .principle.on{opacity:1;pointer-events:auto}.serko .pc-title{transform:translateX(calc(var(--o,0) * -100cqw));transition:transform .72s cubic-bezier(.65,0,.2,1),opacity .72s}.serko .principle:not(.on) .pc-title{opacity:0}.serko .principle.snap,.serko .principle.snap .pc-title{transition:none}.serko .pc-pgi-bar:after{content:"";width:calc(2.4 * var(--u));height:calc(7.2 * var(--u));border-radius:calc(1.2 * var(--u));background:#0000004d;transition:width .4s,height .4s,border-radius .4s,background .2s;display:block}.serko .pc-pgi-bar:is(:hover,:focus-visible):after{background:#00000080}.serko .pc-pgi-bar[data-on]:after{width:calc(3.2 * var(--u));height:calc(14.4 * var(--u));border-radius:calc(1.6 * var(--u));background:#000}.serko .pc-say-line{opacity:0;filter:blur(7px);transition:opacity .34s,transform .34s,filter .34s;transform:translateY(-.5cqw)}.serko .pc-p-say.on .pc-say-line{animation:serko-say-line calc(var(--dur) / 3) linear calc(var(--n) * var(--dur) / 3) both}@keyframes serko-say-line{0%{opacity:0;filter:blur(9px);animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(.7cqw)}17%{opacity:1;filter:blur();transform:none}76%{opacity:1;filter:blur();animation-timing-function:cubic-bezier(.64,0,.78,0);transform:none}to{opacity:0;filter:blur(7px);transform:translateY(-.5cqw)}}.serko .pc-p1 :is(.pc-msg-b,.pc-msg-a>*){opacity:0}.serko .pc-p1.on .pc-msg-a>*{animation:serko-rise var(--dur) var(--ease-in) both}.serko .pc-p1.on .pc-msg-a .pc-tag{animation-delay:calc(var(--dur) * .04)}.serko .pc-p1.on .pc-msg-a{animation:serko-hold-a var(--dur) linear both}.serko .pc-p1.on .pc-msg-b{animation:serko-rise calc(var(--dur) * .52) var(--ease-in) calc(var(--dur) * .44) both}@keyframes serko-rise{0%{opacity:0;filter:blur(4px);transform:translateY(.75cqw)scale(.988)}13%,to{opacity:1;filter:blur();transform:none}}@keyframes serko-hold-a{0%{opacity:1}43%{opacity:1;animation-timing-function:var(--ease-move)}62%,to{opacity:.56}}.serko .pc-p2 :is(.pc-pref-head,.pc-pref-list){opacity:0}.serko .pc-p2 .pc-pref-list{transform:translateY(calc(90 * var(--u)))}.serko .pc-p2.on .pc-pref-head{animation:serko-pref-in var(--dur) linear var(--lead) both}.serko .pc-p2.on .pc-pref-list{opacity:1;transition:opacity .7s ease calc(var(--lead) + .28s), transform 3s cubic-bezier(.33, 1, .68, 1) calc(var(--lead) + .28s);transform:none}@keyframes serko-pref-in{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(.6cqw)}9%,to{opacity:1;transform:none}}.serko .pc-pref-step{--at:calc(.9s + var(--i) * .28s);opacity:0;transform:translateY(calc(28 * var(--u)))}.serko .pc-p2.on .pc-pref-step{opacity:1;transition:opacity .65s ease var(--at), transform 2.6s cubic-bezier(.33, 1, .68, 1) var(--at);transform:none}.serko .pc-p2.on .pc-pref-row{transition-duration:.6s,2.6s}.serko .pc-p2.on .pc-pref-scroll{transform:translateY(calc(var(--pref-push) * -1));transition:transform 1.1s cubic-bezier(.33, 1, .68, 1) calc(.9s + (var(--steps) - 1) * .28s + .7s)}.serko .spent:not(.on) :is(.pc-msg-a>*,.pc-msg-b,.pc-pref-head){opacity:1}.serko .spent:not(.on) :is(.pc-pref-list,.pc-pref-step){opacity:1;transform:none}.serko .spent:not(.on) .pc-pref-scroll{transform:translateY(calc(var(--pref-push) * -1))}.serko .spent:not(.on) .pc-msg-a{opacity:.56}.serko .pc-p3 .pc-screen,.serko .pc-p3 .pc-xg:not(.pc-xg-head){opacity:0}.serko .pc-p3 .pc-xg-flight1{transform-origin:26% 62%;transform:rotate(var(--tilt))}.serko .pc-p3 .pc-xg-flight0{transform-origin:20% 61%}.serko .pc-p3 .pc-xg-col1{transform-origin:50% 58%}.serko .pc-p3.on .pc-screen{animation-name:serko-screen-in,serko-screen-out;animation-duration:.3s,.22s;animation-delay:var(--in), calc(var(--in) + var(--life) - .22s);animation-timing-function:var(--ease-pop), var(--ease-out);animation-fill-mode:forwards,forwards}.serko .pc-p3.on .pc-s1{animation-name:serko-banner-in,serko-banner-out;animation-duration:.34s,.24s;animation-timing-function:linear, var(--ease-out)}.serko .pc-p3.on .pc-s4{animation-name:serko-screen-in}.serko .pc-p3.on .pc-s1 .pc-tap{animation:serko-tap-press .34s var(--ease-in) calc(var(--in) + 1.46s) both}.serko .pc-p3.on .pc-tap-ink{animation:serko-tap-ink .62s linear calc(var(--in) + var(--tap) + .23s) both}.serko .pc-p3.on .pc-tap-dot{animation:serko-tap-dot .7s var(--ease-in) calc(var(--in) + var(--tap)) both}.serko .pc-p3.on :is(.pc-s2,.pc-s4) .pc-xg-flight1{animation:serko-part-tilt .62s linear calc(var(--in) + .1s) both}.serko .pc-p3.on .pc-xg:not(.pc-xg-head,.pc-xg-flight1){animation:serko-part-in .2s var(--ease-pop) calc(var(--in) + var(--at)) both}.serko .pc-p3.on .pc-s2 .pc-xg-flight1{animation:serko-part-tilt .62s linear calc(var(--in) + .1s) both, serko-tap-squash .34s var(--ease-in) calc(var(--in) + 2.16s) both}.serko .pc-p3.on :is(.pc-s2 .pc-xg-flight0,.pc-s3 .pc-xg-col1){animation:serko-part-in .2s var(--ease-pop) calc(var(--in) + var(--at)) both, serko-tap-squash .34s var(--ease-in) calc(var(--in) + var(--tap) + .21s) both}@keyframes serko-banner-in{0%{opacity:0;animation-timing-function:var(--ease-drop);transform:translateY(-2.6cqw)scale(.965)}38%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.35,1);transform:translateY(.3cqw)scale(1.008)}66%{opacity:1;animation-timing-function:cubic-bezier(.33,0,.2,1);transform:translateY(-.1cqw)scale(.997)}to{opacity:1;transform:none}}@keyframes serko-banner-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-1.6cqw)scale(.985)}}@keyframes serko-screen-in{0%{opacity:0;transform:translateY(.6cqw)scale(.99)}to{opacity:1;transform:none}}@keyframes serko-screen-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.4cqw)}}@keyframes serko-tap-press{0%,to{transform:scale(1)}38%{transform:scale(.976)}}@keyframes serko-tap-squash{0%,to{scale:1}38%{scale:.978}}@keyframes serko-tap-ink{0%{opacity:0;animation-timing-function:var(--ease-in);transform:translate(-50%,-50%)scale(0)}12%{opacity:.85;animation-timing-function:var(--ease-settle);transform:translate(-50%,-50%)scale(.18)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes serko-tap-dot{0%{opacity:0;transform:translate(-50%,-50%)scale(1.7)}35%,62%{opacity:1;transform:translate(-50%,-50%)scale(.92)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes serko-part-in{0%{opacity:0;transform:translateY(.3cqw) rotate(var(--tilt))}to{opacity:1;transform:rotate(var(--tilt))}}@keyframes serko-part-tilt{0%{opacity:0;animation-timing-function:var(--ease-in);transform:translateY(.3cqw)rotate(0)}32%{opacity:1;transform:translateY(0)rotate(0)}42%{opacity:1;animation-timing-function:var(--ease-settle);transform:rotate(0)}85%{opacity:1;transform:rotate(calc(var(--tilt) * 1.25))}to{opacity:1;transform:rotate(var(--tilt))}}.serko .dg-rgrp{transition:opacity .52s,transform .52s cubic-bezier(.22,1,.36,1)}.serko .dg-armed .dg-rgrp:not(.in){opacity:0;transform:translateY(16px)}.serko .dg-spark{fill:none;stroke:url(#dgTrail);stroke-width:1.60735px;stroke-dasharray:.22 .78;stroke-dashoffset:.22px;filter:drop-shadow(0 0 6px #f451fa)drop-shadow(0 0 16px #f451fa);animation:5.5s linear infinite serko-dg-spark;animation-delay:calc(var(--s) * .715s)}.serko .dg-spark.short{stroke-dasharray:.6 .4;stroke-dashoffset:.6px;animation-name:serko-dg-spark-short}@keyframes serko-dg-spark{0%{stroke-dashoffset:.22px;opacity:0}6%,26%{opacity:1}34%,to{stroke-dashoffset:-1px;opacity:0}}@keyframes serko-dg-spark-short{0%{stroke-dashoffset:.6px;opacity:0}6%,26%{opacity:1}34%,to{stroke-dashoffset:-1px;opacity:0}}.serko .pa-hotel{transform:rotate(var(--r))}.serko .dg-armed .pa-gallery:not(.play) .pa-hotel{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 28px)) rotate(var(--r0))}.serko .dg-armed .pa-gallery.play .pa-hotel{animation:2.3s both serko-pa-deal}@keyframes serko-pa-deal{0%{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 28px)) rotate(var(--r0));animation-timing-function:cubic-bezier(.22,1,.36,1)}30%{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(var(--r0))}39%{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(var(--r0));animation-timing-function:cubic-bezier(.65,0,.35,1)}to{opacity:1;transform:rotate(var(--r))}}.serko .dg-cue-dot{animation:3.2s ease-in-out infinite serko-dg-scroll-dot}@keyframes serko-dg-scroll-dot{0%,to{transform:translate(-4.5px)}50%{transform:translate(4.5px)}}.serko .foot-quote{--fq-ease:cubic-bezier(.22, 1, .36, 1);--fq-shot-ease:cubic-bezier(.2, .8, .2, 1)}.serko .foot-quote.anim .fq-shot{clip-path:inset(0 100% 0 0 round var(--fq-r));transition:clip-path .24s}.serko .foot-quote.anim .fq-portrait{filter:blur(1.2px);transition:transform .24s,filter .24s;transform:translate(-24px)}.serko .foot-quote.anim .fq-line>span{opacity:0;filter:blur(6px);transition:opacity .24s,transform .24s,filter .24s;transform:translateY(17.4px)}.serko .foot-quote.anim.in .fq-shot{clip-path:inset(0 0 0 0 round var(--fq-r));transition:clip-path .374s var(--fq-shot-ease)}.serko .foot-quote.anim.in .fq-portrait{filter:none;transition:transform .374s var(--fq-shot-ease), filter .374s var(--fq-shot-ease);transform:none}.serko .foot-quote.anim.in .fq-line>span{opacity:1;filter:none;transition:opacity .547s var(--fq-ease) var(--fq-d), transform .547s var(--fq-ease) var(--fq-d), filter .547s var(--fq-ease) var(--fq-d);transform:none}.serko .foot-quote.instant :is(.fq-shot,.fq-portrait,.fq-line>span){transition:none!important}@media not (min-width:760px){.serko .foot-quote.anim :is(.fq-shot,.fq-portrait){clip-path:none;filter:none;transform:none}.serko .foot-quote.anim .fq-shot{opacity:0;transition:opacity .24s,transform .24s;transform:translateY(10px)scale(.86)}.serko .foot-quote.anim.in .fq-shot{opacity:1;transition:opacity .547s var(--fq-ease) var(--fq-d), transform .547s var(--fq-ease) var(--fq-d);transform:none}}@media (prefers-reduced-motion:reduce){.serko .timeline:before{animation:none;transform:scale(1.06)}.serko .timeline:after{display:none}.serko .principle *,.serko .principle :after{animation:none!important}.serko .principle :is(.pc-msg-a>*,.pc-msg-b,.pc-xg,.pc-s4,.pc-pref-head,.pc-pref-list,.pc-pref-step){opacity:1;transform:none}.serko .pc-p2:is(.on,.spent) .pc-pref-scroll{transform:translateY(calc(var(--pref-push) * -1));transition:none}.serko .pc-say{display:block}.serko .pc-say-line{opacity:1;margin-top:.8cqw}.serko .pc-say-line:first-child{margin-top:0}.serko .pc-p3 :is(.pc-tap-ink,.pc-tap-dot){display:none}.serko .dg-rgrp{opacity:1;transition:none;transform:none}.serko .dg-flow{display:none}.serko .dg-armed .pa-gallery .pa-hotel{opacity:1;transform:rotate(var(--r));animation:none}.serko .dg-cue-dot{animation:none}.serko .beat.post-hero{opacity:1;animation:none}}}@layer utilities;