@layer components.wave-divider{@layer wave-divider{.wave-divider{block-size:calc(8 * var(--rd-4));animation-timing-function:var(--ease-linear);overflow:clip}.wave-divider:before{content:" ";background:var(--primary);block-size:var(--rd-4);position:absolute;inset:auto 0 0}.wave-divider .wave{background:url(/img/others/wave.webp) left top / 160rem calc(6 * var(--rd-4)) repeat-x;filter:contrast(1.1)saturate(1.1);block-size:calc(6 * var(--rd-4));inline-size:100%;animation-timing-function:var(--ease-linear);animation-iteration-count:infinite;position:absolute;inset-block-end:0}.wave-divider .wave:nth-child(1 of .wave-divider .wave){opacity:.9;animation-name:wave1;animation-duration:calc(7 * var(--dur-7));z-index:10}.wave-divider .wave:nth-child(2 of .wave-divider .wave){opacity:.5;animation-name:wave2;animation-duration:calc(4 * var(--dur-7));z-index:9}.wave-divider .wave:nth-child(3 of .wave-divider .wave){opacity:.2;animation-name:wave2;animation-duration:calc(2 * var(--dur-6));z-index:8;inset-block-end:var(--gap-md)}.wave-divider .wave:nth-child(4 of .wave-divider .wave){opacity:.7;animation-name:wave2;animation-duration:var(--dur-7);z-index:7;inset-block-end:var(--rd-4)}}}@layer components.overlay{@layer overlay{.overlay{background:var(--secondary-subtle);isolation:isolate;z-index:-1;position:fixed;inset:0}.overlay:before,.overlay:after{content:" ";position:absolute;inset:0}.overlay:before{background:radial-gradient(circle at left top in oklch, var(--accent) 0%, transparent 70%), radial-gradient(circle at right top in oklch, var(--surface) 0%, transparent 70%), linear-gradient(to bottom in oklch, var(--secondary) 60%, transparent)}@supports (color:color-mix(in lab, red, red)){.overlay:before{background:radial-gradient(circle at left top in oklch, color-mix(in oklch, var(--accent) 60%, var(--secondary) 40%) 0%, transparent 70%), radial-gradient(circle at right top in oklch, color-mix(in oklch, var(--surface) 60%, var(--secondary) 40%) 0%, transparent 70%), linear-gradient(to bottom in oklch, var(--secondary) 60%, transparent)}}.overlay:before{mix-blend-mode:soft-light}.overlay:after{background:linear-gradient(to top in oklch, var(--secondary) 60%, transparent);mix-blend-mode:multiply}}}@layer home{main section:first-of-type{isolation:isolate}main section:first-of-type:before{content:" ";background-image:linear-gradient(90deg in oklch, var(--primary-subtle) var(--px-1), transparent var(--px-1)), linear-gradient(180deg in oklch, var(--primary-subtle) var(--px-1), transparent var(--px-1));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){main section:first-of-type:before{background-image:linear-gradient(90deg in oklch, color-mix(in oklch, var(--primary-subtle) 50%, transparent) var(--px-1), transparent var(--px-1)), linear-gradient(180deg in oklch, color-mix(in oklch, var(--primary-subtle) 50%, transparent) var(--px-1), transparent var(--px-1))}}main section:first-of-type:before{background-size:calc(var(--rd-2) + var(--sz-7)) var(--sz-7);-webkit-mask-image:radial-gradient(ellipse at 50% 50% in oklch, var(--primary) 45%, transparent 55%);-webkit-mask-image:radial-gradient(ellipse at 50% 50% in oklch, var(--primary) 45%, transparent 55%);-webkit-mask-image:radial-gradient(ellipse at 50% 50% in oklch, var(--primary) 45%, transparent 55%);mask-image:radial-gradient(ellipse at 50% 50% in oklch, var(--primary) 45%, transparent 55%);mix-blend-mode:multiply;-webkit-mask-source-type:auto;-webkit-mask-source-type:auto;-webkit-mask-source-type:auto;mask-mode:match-source}main section:first-of-type .bound .rail .panel{display:grid;position:relative}main section:first-of-type .bound .rail .panel:first-of-type .cluster{place-items:center;inline-size:100%;display:grid}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type{gap:var(--sp-3)}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot{inline-size:100%}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot :is(span,h1){text-align:center}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:first-of-type{place-items:center;display:grid}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:first-of-type span{color:var(--primary);font-size:var(--fs-bd);background:var(--accent);border-radius:calc(2 * var(--rd-4));box-shadow:var(--primary-muted) 0 var(--bw-1) var(--bw-2);padding:var(--sp-1) var(--sp-2);position:relative;overflow:clip;rotate:-10deg}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:first-of-type span:before{content:" ";background:linear-gradient(120deg in oklch, transparent 40%, var(--secondary-muted) 50%, var(--secondary) 55%, transparent 65%);position:absolute;inset:-40% auto auto -60%}@supports (color:color-mix(in lab, red, red)){main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:first-of-type span:before{background:linear-gradient(120deg in oklch, transparent 40%, var(--secondary-muted) 50%, color-mix(in oklch, var(--secondary) 50%, var(--secondary-muted) 50%) 55%, transparent 65%)}}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:first-of-type span:before{filter:blur(var(--rd-1));block-size:180%;inline-size:60%;animation:glare var(--motion-6) infinite}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:nth-of-type(2){place-content:center;gap:var(--sp-3);display:flex}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:nth-of-type(2) svg{inline-size:calc(var(--sp-2) + var(--fs-bd))}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:nth-of-type(2) svg:first-of-type{color:var(--accent);transition:fill var(--motion-3);animation:shine var(--dur-7) var(--ease-linear) infinite alternate, pump var(--dur-7) var(--ease-linear) infinite alternate-reverse}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:nth-of-type(2) svg:nth-of-type(2){color:var(--surface);fill:currentColor;transform-style:preserve-3d;animation:autoRun calc(2 * var(--dur-7)) var(--ease-linear) infinite}main section:first-of-type .bound .rail .panel:first-of-type .cluster:first-of-type .slot:nth-of-type(2) h1{color:var(--primary);font-size:var(--sz-7);text-transform:uppercase;-webkit-user-select:none;user-select:none;paint-order:stroke fill;text-shadow:0 0;-webkit-text-stroke:var(--bw-1) currentColor}main section:first-of-type .bound .rail .panel:first-of-type .cluster:nth-of-type(2){gap:var(--rd-2)}main section:first-of-type .bound .rail .panel:first-of-type .cluster:nth-of-type(2) :is(h2,p){text-align:center}main section:first-of-type .bound .rail .panel:first-of-type .cluster:nth-of-type(2) h2{color:var(--primary);font-size:var(--sz-7);text-transform:uppercase;-webkit-user-select:none;user-select:none;paint-order:stroke fill;text-shadow:0 0;-webkit-text-stroke:var(--bw-1) currentColor;max-inline-size:20ch}main section:first-of-type .bound .rail .panel:first-of-type .cluster:nth-of-type(2) p{color:var(--primary-muted);font-size:var(--fs-bd);max-inline-size:35ch}main section:first-of-type .bound .rail .panel:first-of-type .cluster:nth-of-type(2) p :is(strong,em){color:var(--primary)}main section:first-of-type .bound .rail .panel:first-of-type .cluster:nth-of-type(2) p em{font-style:oblique}main section:first-of-type .bound .rail .panel:nth-of-type(2) .cluster{place-self:center;display:inline-grid}main section:nth-of-type(2) .bound .rail .carousel{border-block:var(--px-2) dashed var(--primary-muted);cursor:pointer;padding-block:var(--sp-2);backface-visibility:hidden;-webkit-mask:linear-gradient(to right in oklch, transparent 0%, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask:linear-gradient(to right in oklch, transparent 0%, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask:linear-gradient(to right in oklch, transparent 0%, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;mask:linear-gradient(to right in oklch, transparent 0%, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask-source-type:luminance;-webkit-mask-source-type:luminance;align-items:center;block-size:fit-content;inline-size:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-source-type:luminance;mask-mode:luminance}main section:nth-of-type(2) .bound .rail .carousel ul{align-items:center;gap:var(--sz-7);content:paint;will-change:translate;inline-size:fit-content;animation:translateXDN calc(10 * var(--dur-7)) var(--ease-linear) infinite;padding-inline-end:var(--sz-7);display:inline-flex}main section:nth-of-type(2) .bound .rail .carousel ul li{align-items:center;gap:var(--sz-7);display:inline-flex;position:relative}main section:nth-of-type(2) .bound .rail .carousel ul li :is(strong,span){font-size:var(--fs-md);-webkit-user-select:none;user-select:none}main section:nth-of-type(2) .bound .rail .carousel ul li strong{color:var(--primary);text-transform:uppercase;white-space:nowrap}main section:nth-of-type(2) .bound .rail .carousel ul li span{color:var(--accent);animation:rotate var(--dur-5) var(--ease-linear) infinite, pulse var(--dur-5) var(--ease-linear) infinite}main section:nth-of-type(2) .bound .rail .carousel:hover :is(ul,li>span){filter:grayscale();animation-play-state:paused}main section:nth-of-type(3){background:var(--primary)}main section:nth-of-type(3):before{content:" ";background:linear-gradient(to bottom in oklch, var(--primary-muted) 60%, var(--primary)), url(/img/others/rect.svg) center / cover no-repeat;background-blend-mode:multiply;position:absolute;inset:0}main section:nth-of-type(3) .bound .rail .panel{place-items:center;gap:var(--rd-2) var(--sp-3);min-block-size:var(--sz-7);inline-size:100%;display:grid;position:relative;overflow:hidden}main section:nth-of-type(3) .bound .rail .panel .cluster{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(3) .bound .rail .panel .cluster:first-of-type h2{color:var(--accent);font-size:var(--fs-lg)}main section:nth-of-type(3) .bound .rail .panel .cluster:nth-of-type(2) p{color:var(--secondary-muted);font-size:var(--fs-bd);text-align:center}main section:nth-of-type(3) .bound .rail .panel .cluster:nth-of-type(2) p strong{color:var(--secondary)}main section:nth-of-type(4) .bound .rail .panel{place-items:center;gap:var(--sp-3);block-size:fit-content;inline-size:100%;display:grid;position:relative}main section:nth-of-type(4) .bound .rail .panel:first-of-type{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--ct-lg)), 1fr));container-type:inline-size}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster{inline-size:100%;position:relative}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:first-of-type{animation:translateXUN var(--motion-accent) both;place-items:center start;animation-timeline:view();animation-range:entry contain 30%;display:grid}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:first-of-type h2{color:var(--primary);font-size:var(--fs-ttl)}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:nth-of-type(2){place-content:center end;gap:var(--sp-3);display:flex}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) .slot{transform-origin:100% 0;animation:scaleU var(--motion-accent) calc(sibling-index() * var(--dur-7)) both;place-items:center;animation-timeline:view();animation-range:entry contain 30%;display:grid;position:relative}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) .slot span{align-items:start;display:inline-flex;position:relative}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) .slot span :is(h3,svg){color:var(--primary)}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) .slot span h3{font-size:var(--fs-xl)}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) .slot span svg{inline-size:var(--fs-bd)}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) .slot small{color:var(--primary);font-size:var(--fs-cp)}@container (max-width:50.313rem){main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:first-of-type{place-items:center}main section:nth-of-type(4) .bound .rail .panel:first-of-type .cluster:nth-of-type(2){place-content:center}}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster{align-items:center;gap:var(--sp-3);flex-flow:wrap;block-size:100%;inline-size:100%;display:flex;position:relative}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot{box-shadow:var(--primary-muted) 0 var(--bw-1) var(--bw-2);clip-path:var(--shape);cursor:pointer;flex:1 0 var(--ct-lg);padding:var(--sz-4);block-size:var(--ct-lg);min-inline-size:min(100%, var(--ct-lg));animation:scaleU var(--motion-accent) calc(sibling-index() * var(--dur-7)) both;place-content:space-between normal;animation-timeline:view();animation-range:entry contain 30%;display:grid}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type{flex:2}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2){flex:1.5}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) h4 strong{display:inline-flex}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) h4 strong svg{inline-size:var(--fs-bd);place-self:start}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(3){flex:1.5}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(4){flex:2}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(odd){background:var(--primary);transform-origin:100% 100%}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(odd) .pin{inline-size:100%;display:grid;position:relative}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(odd) .pin:first-of-type{gap:var(--rd-2);transition:padding var(--motion-3)}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(odd) .pin:first-of-type h4{color:var(--secondary);font-size:var(--fs-lg)}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(odd) .pin:first-of-type p{color:var(--secondary-muted);font-size:var(--fs-bd)}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(odd) .pin:nth-of-type(2){place-items:end}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(odd) .pin:nth-of-type(2) svg{color:var(--secondary);transition:rotate var(--motion-3);inline-size:calc(var(--rd-1) + var(--sz-2))}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(odd):hover .pin:nth-of-type(2) svg{rotate:45deg}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2n){background:var(--accent);transform-origin:0 0}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2n) .pin{display:inline-grid;position:relative}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2n) .pin:first-of-type{transition:padding var(--motion-3);place-items:center start}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2n) .pin:first-of-type p{color:var(--primary-muted);font-size:var(--fs-bd)}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2n) .pin:nth-of-type(2){place-items:center end}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2n) .pin:nth-of-type(2) h4{color:var(--primary);font-size:var(--fs-lg);text-align:end;max-inline-size:10ch}main section:nth-of-type(4) .bound .rail .panel:nth-of-type(2) .cluster .slot:hover .pin:first-of-type{padding:var(--rd-4)}main section:nth-of-type(5) .bound .rail .carousel{border-block:var(--px-2) dashed var(--primary-muted);cursor:pointer;padding-block:var(--sp-2);backface-visibility:hidden;-webkit-mask:linear-gradient(to right in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask:linear-gradient(to right in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask:linear-gradient(to right in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;mask:linear-gradient(to right in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask-source-type:luminance;-webkit-mask-source-type:luminance;align-items:center;block-size:fit-content;inline-size:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-source-type:luminance;mask-mode:luminance}main section:nth-of-type(5) .bound .rail .carousel ul{align-items:center;gap:var(--sz-7);content:paint;will-change:translate;inline-size:fit-content;animation:translateXUN calc(10 * var(--dur-7)) var(--ease-linear) infinite;padding-inline-end:var(--sz-7);display:inline-flex}main section:nth-of-type(5) .bound .rail .carousel ul li{align-items:center;gap:var(--sz-7);display:inline-flex;position:relative}main section:nth-of-type(5) .bound .rail .carousel ul li :is(strong,span){font-size:var(--fs-md);-webkit-user-select:none;user-select:none}main section:nth-of-type(5) .bound .rail .carousel ul li strong{color:var(--primary);text-transform:uppercase;white-space:nowrap}main section:nth-of-type(5) .bound .rail .carousel ul li span{color:var(--accent);animation:rotate var(--dur-5) var(--ease-linear) infinite, pulse var(--dur-5) var(--ease-linear) infinite}main section:nth-of-type(5) .bound .rail .carousel:hover :is(ul,li>span){filter:grayscale();animation-play-state:paused}main section:nth-of-type(6) .bound .rail{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--ct-lg)), 1fr))}main section:nth-of-type(6) .bound .rail .panel{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(6) .bound .rail .panel:first-of-type{transform-origin:top;min-block-size:var(--ct-lg);animation:scaleYU var(--motion-accent) var(--dur-7) both;animation-timeline:view();animation-range:entry contain 30%}main section:nth-of-type(6) .bound .rail .panel:first-of-type:before{content:" ";background:url(/img/others/passion.gif) 50%/contain no-repeat;position:absolute;inset:0}main section:nth-of-type(6) .bound .rail .panel:nth-of-type(2) .cluster{gap:var(--rd-2);display:inline-grid}main section:nth-of-type(6) .bound .rail .panel:nth-of-type(2) .cluster h2{color:var(--primary);font-size:var(--fs-lg);text-align:start;transform-origin:50%;animation:scaleYU var(--motion-accent) var(--dur-7) both;animation-timeline:view();animation-range:entry contain 30%}main section:nth-of-type(6) .bound .rail .panel:nth-of-type(2) .cluster ul{place-items:start;gap:var(--rd-2);display:inline-grid;position:relative}main section:nth-of-type(6) .bound .rail .panel:nth-of-type(2) .cluster ul li{color:var(--primary-muted);font-size:var(--fs-bd);transform-origin:bottom;inline-size:100%;animation:scaleYU var(--motion-accent) calc(sibling-index() * var(--dur-7)) both;padding-inline-start:var(--sz-5);animation-timeline:view();animation-range:entry contain 30%;position:relative}main section:nth-of-type(6) .bound .rail .panel:nth-of-type(2) .cluster ul li strong{color:var(--primary)}main section:nth-of-type(6) .bound .rail .panel:nth-of-type(2) .cluster ul li:before{content:"✼";color:var(--primary);transition:color var(--motion-1);position:absolute;inset:0 auto auto 0}main section:nth-of-type(6) .bound .rail .panel:nth-of-type(2) .cluster ul li abbr{color:var(--primary)}main section:nth-of-type(6) .bound .rail .panel:nth-of-type(2) .cluster ul li:hover:before{color:var(--accent);animation:rotate var(--dur-5) var(--ease-linear) infinite, pulse var(--dur-5) var(--ease-linear) infinite}main section:nth-of-type(7) .bound .rail{grid-auto-flow:column;block-size:100%}main section:nth-of-type(7) .bound .rail .panel{align-items:center;display:flex}main section:nth-of-type(7) .bound .rail .panel:first-of-type{gap:var(--sp-3)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel{backface-visibility:hidden;cursor:pointer;-webkit-mask:linear-gradient(to top in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask:linear-gradient(to top in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask:linear-gradient(to top in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;mask:linear-gradient(to top in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;block-size:var(--ct-xl);animation:scaleYU var(--motion-accent) calc(sibling-index() * var(--dur-7)) both;-webkit-mask-source-type:luminance;-webkit-mask-source-type:luminance;align-items:center;animation-timeline:view();animation-range:entry contain 30%;display:inline-grid;position:relative;overflow:hidden;-webkit-mask-source-type:luminance;mask-mode:luminance}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel:first-of-type{transition:display var(--dur-1), opacity var(--motion-2);transition-behavior:allow-discrete;transform-origin:top}@starting-style{main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel:first-of-type{opacity:0}}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel:first-of-type ul{animation-name:translateYDN}@media (max-width:51.25rem){main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel:first-of-type{opacity:0;display:none}}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel:nth-of-type(2){transform-origin:bottom}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel:nth-of-type(2) ul{animation-name:translateYUN}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel:hover ul{animation-play-state:paused}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul{align-items:center;gap:var(--sz-7);content:paint;will-change:translate;inline-size:fit-content;animation:calc(10 * var(--dur-7)) var(--ease-linear) infinite;padding-block-end:var(--sz-7);display:inline-grid}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li{opacity:.7;transition:filter var(--motion-3), opacity var(--motion-3);--ratio:calc(2 * var(--sz-6));block-size:var(--ratio);inline-size:var(--ratio);place-items:center;display:grid;position:relative}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:hover{filter:contrast(1.1)saturate(1.1);opacity:1}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:before{content:" ";background:contain / center no-repeat;backface-visibility:visible;z-index:1;position:absolute;inset:0}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(1 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/python/python-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(2 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(3 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(4 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(5 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/typescript/typescript-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(6 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(7 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(8 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/tailwindcss/tailwindcss-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(9 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/postgresql/postgresql-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(10 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/mongodb/mongodb-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(11 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(12 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(13 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(14 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(15 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(16 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/figma/figma-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(17 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/sass/sass-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(18 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/webpack/webpack-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(19 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/firebase/firebase-original.svg)}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li:nth-child(20 of main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel ul li):before{background-image:url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/graphql/graphql-plain.svg)}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2){box-shadow:inset 0 0 0 var(--bw-1) var(--primary);gap:var(--rd-2);padding:var(--sz-4);block-size:100%;inline-size:100%;animation:translateXUP var(--motion-accent) both;animation-timeline:view();animation-range:entry contain 30%}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster{gap:var(--rd-2);flex-flow:wrap;display:flex}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster .slot{gap:var(--rd-2) var(--sp-3);flex:1 0 calc(6 * var(--sz-7));min-inline-size:min(100%, calc(6 * var(--sz-7)));display:grid}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type{place-content:end}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type small{color:var(--surface);font-size:var(--fs-bd)}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type h2{color:var(--primary);font-size:var(--fs-lg)}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster .slot:last-of-type{place-content:start}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster .slot:last-of-type p{color:var(--primary-muted);font-size:var(--fs-bd)}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster .slot:last-of-type p abbr{color:var(--primary)}@media (max-width:50.313rem){main section:nth-of-type(7) .bound .rail{grid-auto-flow:row}main section:nth-of-type(7) .bound .rail .panel:first-of-type{inline-size:100%;display:grid}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel{-webkit-mask:linear-gradient(to right in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask:linear-gradient(to right in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;-webkit-mask:linear-gradient(to right in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;mask:linear-gradient(to right in oklch, transparent, var(--secondary) 10%, var(--secondary) 90%, transparent) no-repeat 100% 100%;--ratio:calc(2 * var(--sz-6));block-size:var(--ratio);animation-name:translateXUN;display:inline-flex}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel:nth-of-type(2) ul{padding-block-end:0;padding-inline-end:var(--sz-7);animation-name:translateXDN;display:inline-flex}main section:nth-of-type(7) .bound .rail .panel:first-of-type .carousel:nth-of-type(2) ul li{display:flex}main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster:first-of-type :is(small,h2),main section:nth-of-type(7) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2) p{text-align:start}}main section:nth-of-type(8){background:var(--primary)}main section:nth-of-type(8) .bound .rail{animation:translateXUN var(--motion-accent) both;animation-timeline:view();animation-range:entry cover 30%}main section:nth-of-type(8) .bound .rail .panel{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(8) .bound .rail .panel:first-of-type{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--ct-lg)), 1fr));gap:var(--rd-2) var(--sp-3)}main section:nth-of-type(8) .bound .rail .panel:first-of-type .cluster{place-items:center start;inline-size:100%;display:grid;position:relative}main section:nth-of-type(8) .bound .rail .panel:first-of-type .cluster:first-of-type h2{color:var(--accent);font-size:var(--fs-ttl)}main section:nth-of-type(8) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) p{color:var(--secondary-muted);font-size:var(--fs-bd)}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2){gap:var(--sp-3);transition:opacity var(--motion-3), translate var(--motion-3)}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2).fade-out{opacity:0;translate:0 calc(-1 * var(--rd-4))}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2).fade-in{opacity:1;translate:0}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster{border-block-end:var(--px-1) solid var(--secondary-muted);align-items:start;gap:var(--sp-2) var(--sp-3);block-size:fit-content;inline-size:100%;flex-flow:wrap;padding-block-end:var(--sp-3);display:flex;position:relative}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster .slot{flex:1 0 calc(5 * var(--sz-7));min-inline-size:min(100%, calc(5 * var(--sz-7)));align-items:start;display:flex;position:relative;overflow:clip}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type{flex:1}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type h3{color:var(--secondary);font-size:var(--fs-lg)}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2){flex:2}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) p{color:var(--secondary-muted);font-size:var(--fs-bd)}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(3){place-content:space-between normal;gap:var(--sp-3);max-inline-size:var(--ct-lg);flex-flow:wrap;flex:1}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(3) .pin{align-items:center;display:flex;position:relative}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(3) .pin:first-of-type{gap:var(--rd-2);flex-flow:wrap}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(3) .pin:first-of-type span{color:var(--secondary);font-size:var(--fs-cp);white-space:nowrap;background:var(--secondary-subtle);-webkit-backdrop-filter:blur(var(--rd-2));backdrop-filter:blur(var(--rd-2));border-radius:calc(2 * var(--rd-4));box-shadow:inset 0 0 0 var(--bw-1) var(--secondary-muted);padding:var(--sp-1) var(--sp-2)}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(3) .pagination{place-items:start;inline-size:100%;display:grid;position:relative}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(3) .pagination .cluster{align-items:center;gap:var(--rd-2);display:inline-flex;position:relative}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(3) .pagination .cluster button{color:var(--secondary);font-size:var(--fs-bd);padding:var(--sp-1) var(--sp-2)}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(3) .pagination .cluster button.live{background:var(--secondary);color:var(--primary)}main section:nth-of-type(8) .bound .rail .panel:nth-of-type(3) .pagination .cluster button:not(.live){box-shadow:inset 0 0 0 var(--bw-1) var(--secondary)}main section:nth-of-type(8) .bound .rail .quote,main section:nth-of-type(8) .bound .rail .quote .cluster{place-items:center end;inline-size:100%;display:grid;position:relative}main section:nth-of-type(8) .bound .rail .quote .cluster .slot{place-items:center;display:inline-grid;position:relative}main section:nth-of-type(8) .bound .rail .quote .cluster .slot p{color:var(--accent);font-size:var(--fs-bd);text-transform:uppercase}main section:nth-of-type(9) .bound .rail .panel{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(9) .bound .rail .panel:first-of-type{gap:var(--rd-2)}main section:nth-of-type(9) .bound .rail .panel:first-of-type .cluster{place-items:center;gap:inherit;inline-size:100%;display:grid;position:relative}main section:nth-of-type(9) .bound .rail .panel:first-of-type .cluster:first-of-type small{color:var(--surface);font-size:var(--fs-bd)}main section:nth-of-type(9) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) :is(h2,p){text-align:center}main section:nth-of-type(9) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) h2{color:var(--primary);font-size:var(--fs-lg)}main section:nth-of-type(9) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) p{color:var(--primary-muted);font-size:var(--fs-bd)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster button{pointer-events:none;z-index:5;position:absolute;inset-block:0;transform:scaleX(0)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster button:first-of-type{transform-origin:0;inset-inline-start:0}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster button:first-of-type span{border-radius:0 var(--rd-2) var(--rd-2) 0}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster button:nth-of-type(2){transform-origin:100%;inset-inline-end:0}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster button:nth-of-type(2) span{border-radius:var(--rd-2) 0 0 var(--rd-2)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster button span{background:var(--accent-muted);box-shadow:inset 0 0 0 var(--bw-1) var(--accent);padding:var(--rd-1)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster button span svg{color:var(--primary);inline-size:calc(var(--rd-2) + var(--sz-2))}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster:hover button{pointer-events:auto;transform:scaleX(1)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;place-items:center;inline-size:100%;display:grid;position:relative;overflow:hidden}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider.is-dragging{cursor:grabbing}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item{background:var(--primary);box-shadow:var(--primary-muted) 0 var(--bw-1) var(--bw-2);flex:1 0 var(--ct-lg);gap:var(--sp-2);padding:var(--sz-4);opacity:0;pointer-events:none;transition:opacity var(--motion-3), transform var(--motion-3);block-size:var(--ct-lg);min-inline-size:min(100%, var(--ct-lg));grid-area:1/1;display:grid;position:relative;transform:translate(200%)scale(.9)}@media (max-width:50.313rem){main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item{inline-size:100%}}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item.is-active{opacity:1;pointer-events:auto;z-index:3;transform:translate(0)scale(1)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item.is-prev{opacity:.5;transform:translate(-100%)scale(.9)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item.is-next{opacity:.5;transform:translate(100%)scale(.9)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item.is-far-prev{opacity:0;z-index:1;transform:translate(-200%)scale(.9)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item.is-far-next{opacity:0;z-index:1;transform:translate(200%)scale(.9)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin{inline-size:100%;display:grid;position:relative}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin:first-of-type{place-items:start end}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin:first-of-type .rate{place-content:center;gap:var(--rd-1);display:inline-flex;position:relative}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin:first-of-type .rate svg{color:var(--accent);fill:currentColor;inline-size:calc(var(--rd-1) + var(--sz-2))}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin:nth-of-type(2){place-items:center}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin:nth-of-type(2) p{color:var(--secondary-muted);font-size:var(--fs-bd);text-align:center}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin:nth-of-type(3){place-items:end start}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin:nth-of-type(3) .partner{place-items:start;gap:var(--rd-2);display:inline-grid}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin:nth-of-type(3) .partner h3{font-size:var(--fs-lg);color:var(--secondary)}main section:nth-of-type(9) .bound .rail .panel:nth-of-type(2) .cluster .slider .slider-item .pin:nth-of-type(3) .partner p{color:var(--accent);font-size:var(--fs-cp);text-transform:uppercase}main section:nth-of-type(10) .bound .rail .panel{place-items:start center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(10) .bound .rail .panel:first-of-type{gap:var(--rd-2);animation:translateXUN var(--motion-accent) both;animation-timeline:view();animation-range:entry contain 30%}main section:nth-of-type(10) .bound .rail .panel:first-of-type .cluster{place-items:center start;inline-size:100%;display:grid;position:relative}main section:nth-of-type(10) .bound .rail .panel:first-of-type .cluster:first-of-type h2{color:var(--primary);font-size:var(--fs-ttl)}main section:nth-of-type(10) .bound .rail .panel:first-of-type .cluster:nth-of-type(2) p{color:var(--primary-muted);font-size:var(--fs-bd)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2){grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--ct-lg)), 1fr));gap:var(--sp-3)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster{box-shadow:var(--primary-muted) 0 var(--bw-1) var(--bw-2);clip-path:var(--shape);cursor:pointer;block-size:var(--ct-lg);inline-size:100%;animation:var(--motion-accent) both;animation-timeline:view();animation-range:entry contain 30%;display:grid;position:relative;overflow:clip}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(odd){background:var(--accent);animation-name:translateYUP}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(odd) .slot:first-of-type .pin:first-of-type span{background:var(--primary);color:var(--secondary)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(odd) .slot:first-of-type .pin:nth-of-type(2) p,main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(odd) .slot:nth-of-type(2) .pin:first-of-type h3{color:var(--primary)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(odd) .slot:nth-of-type(2) .pin:first-of-type p{color:var(--primary-muted)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(odd) .slot:nth-of-type(2) .pin:nth-of-type(2) a:before{background:var(--primary)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(odd) .slot:nth-of-type(2) .pin:nth-of-type(2) a:after{background:var(--surface)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(odd) .slot:nth-of-type(2) .pin:nth-of-type(2) a span,main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(odd) .slot:nth-of-type(2) .pin:nth-of-type(2) a span svg{color:var(--primary)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2n){background:var(--primary);animation-name:translateXUP}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2n) .slot:first-of-type .pin:first-of-type span{background:var(--accent);color:var(--primary)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2n) .slot:first-of-type .pin:nth-of-type(2) p,main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2n) .slot:nth-of-type(2) .pin:first-of-type h3{color:var(--secondary)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2n) .slot:nth-of-type(2) .pin:first-of-type p{color:var(--secondary-muted)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2n) .slot:nth-of-type(2) .pin:nth-of-type(2) a:before{background:var(--accent)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2n) .slot:nth-of-type(2) .pin:nth-of-type(2) a:after{background:var(--secondary)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2n) .slot:nth-of-type(2) .pin:nth-of-type(2) a span,main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:nth-of-type(2n) .slot:nth-of-type(2) .pin:nth-of-type(2) a span svg{color:var(--secondary)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot{padding:var(--sz-4);place-content:space-between normal;inline-size:100%;display:grid;position:relative}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type{grid-auto-flow:column;place-content:start space-between}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type .pin{place-items:center;display:inline-grid}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type .pin:first-of-type span{font-size:var(--sz-2);text-transform:uppercase;border-radius:calc(2 * var(--rd-4));padding:var(--sp-1) var(--sp-2)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:first-of-type .pin:nth-of-type(2) p{font-size:var(--sz-2)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2){gap:var(--sp-3)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin{place-items:center start;block-size:max-content;inline-size:100%;display:grid}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:first-of-type{gap:var(--rd-2)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:first-of-type h3{font-size:var(--fs-lg)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:first-of-type p{font-size:var(--sz-2)}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) a{place-items:center;padding-block-end:var(--sp-1);display:inline-grid;position:relative}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) a:before,main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) a:after{content:" ";block-size:var(--bw-1);position:absolute;inset:auto 0 0}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) a:after{transition:scale var(--motion-3);transform-origin:0;will-change:scale;scale:0 1 0}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) a:hover:after{scale:1}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) a span{font-size:var(--fs-bd);text-transform:uppercase;align-items:center;gap:var(--rd-2);transition:color var(--motion-3);display:inline-flex}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) a span svg{transition:color var(--motion-3), rotate var(--motion-3);inline-size:calc(var(--rd-1) + var(--sz-2))}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster .slot:nth-of-type(2) .pin:nth-of-type(2) a:hover svg{rotate:45deg}main section:nth-of-type(10) .bound .rail .panel:nth-of-type(2) .cluster:hover .slot:first-of-type>.pin:first-of-type{animation:shake var(--motion-3)}main section:nth-last-of-type(2) .bound{container-type:inline-size}main section:nth-last-of-type(2) .bound .rail{box-shadow:inset var(--bw-1) 0 0 0 var(--primary-muted), inset 0 var(--bw-1) 0 0 var(--primary-muted), inset calc(-1 * var(--bw-1)) 0 0 0 var(--primary-muted);padding-block:var(--sz-4);transition:box-shadow var(--dur-1);transition-behavior:allow-discrete}@starting-style{main section:nth-last-of-type(2) .bound .rail{box-shadow:none}}@container (max-width:50.313rem){main section:nth-last-of-type(2) .bound .rail{box-shadow:none}}main section:nth-last-of-type(2) .bound .rail .panel{place-items:center;block-size:100%;inline-size:100%;display:grid;position:relative}main section:nth-last-of-type(2) .bound .rail .panel:first-of-type .cluster{place-items:center;gap:var(--rd-2);inline-size:100%;display:grid;position:relative}main section:nth-last-of-type(2) .bound .rail .panel:first-of-type .cluster :is(small,h1,p){text-align:center}main section:nth-last-of-type(2) .bound .rail .panel:first-of-type .cluster small{color:var(--surface);font-size:var(--fs-bd)}main section:nth-last-of-type(2) .bound .rail .panel:first-of-type .cluster h2{color:var(--primary);font-size:var(--fs-lg)}main section:nth-last-of-type(2) .bound .rail .panel:first-of-type .cluster p{color:var(--primary-muted);font-size:var(--fs-bd)}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion{align-items:start;inline-size:100%;display:grid}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item{border-block-end:var(--px-1) solid var(--primary-muted);transition:transform var(--motion-3);transform-origin:50%;will-change:transform;overflow:clip}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item button[type=button]{padding-block:var(--sz-4);place-content:normal space-between;inline-size:100%}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item button[type=button] span{place-content:center space-between;gap:var(--sp-3);inline-size:100%;display:flex}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item button[type=button] span p{color:var(--primary);font-size:calc(var(--bw-1) + var(--fs-bd))}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item button[type=button] span .pin{place-content:center;display:inline-flex}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item button[type=button] span .pin svg{color:var(--primary);inline-size:calc(var(--rd-1) + var(--sz-2));flex-shrink:0}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item button[type=button] span .pin svg line{transition:scale var(--motion-2);transform-origin:50%;will-change:scale}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item .wrapper{transition:grid-template-rows var(--motion-3), margin-block var(--motion-3);will-change:grid-template-rows;grid-template-rows:0fr;display:grid;overflow:clip}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item .wrapper .context{opacity:0;translate:0 calc(-1 * var(--sz-3));transition:opacity var(--motion-3), translate var(--motion-3);will-change:opacity, translate;place-items:center start;min-block-size:fit-content;display:grid;position:relative}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item .wrapper .context p{color:var(--primary-muted);font-size:var(--fs-bd)}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item.reveal line:nth-of-type(2){scale:0}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item.reveal .wrapper{margin-block:0 var(--sz-4);grid-template-rows:1fr}main section:nth-last-of-type(2) .bound .rail .panel:nth-of-type(2) .accordion .item.reveal .context{opacity:1;translate:0}main section:last-of-type .bound .rail{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--ct-lg)), 1fr));container-type:inline-size}main section:last-of-type .bound .rail .panel{place-items:center;inline-size:100%;display:grid;position:relative}main section:last-of-type .bound .rail .panel:first-of-type{gap:var(--rd-2)}main section:last-of-type .bound .rail .panel:first-of-type :is(h2,p){text-align:start}main section:last-of-type .bound .rail .panel:first-of-type h2{color:var(--primary);font-size:var(--fs-xl)}main section:last-of-type .bound .rail .panel:first-of-type p{color:var(--primary-muted);font-size:var(--fs-bd)}@container (max-width:50.313rem){main section:last-of-type .bound .rail .panel:first-of-type :is(h2,p){text-align:center}}}