@layer footer{@layer footer{footer{background:var(--primary)}footer .control{padding-block:var(--jumbo)}footer .control .container{grid-template-columns:repeat(auto-fit, minmax(var(--stretch), 1fr))}footer .control .container .content{place-items:start;gap:calc(2 * var(--md-space));block-size:100%;inline-size:100%;display:grid;position:relative}footer .control .container .content:first-of-type .wrap{block-size:100%;inline-size:100%;display:grid;position:relative}footer .control .container .content:first-of-type .wrap:first-of-type{place-items:center start}footer .control .container .content:first-of-type .wrap:first-of-type a{color:var(--secondary);font-size:var(--fs-h3)}footer .control .container .content:first-of-type .wrap:first-of-type a span{color:var(--accent)}footer .control .container .content:first-of-type .wrap:nth-of-type(2){gap:var(--sm);place-content:space-between normal}footer .control .container .content:first-of-type .wrap:nth-of-type(2) h2{color:var(--secondary);font-size:var(--fs-h2)}footer .control .container .content:first-of-type .wrap:nth-of-type(2) .here{gap:var(--md);max-inline-size:var(--stretch);min-inline-size:var(--ultra);flex-flow:wrap;align-items:center;inline-size:100%;display:flex;position:relative}footer .control .container .content:first-of-type .wrap:nth-of-type(2) .here a{place-items:center;display:inline-grid;position:relative}footer .control .container .content:first-of-type .wrap:nth-of-type(2) .here a span{color:var(--secondary);font-size:var(--fs-body);text-transform:uppercase;align-items:center;gap:var(--sm);transition:color var(--fx-smooth);display:inline-flex}footer .control .container .content:first-of-type .wrap:nth-of-type(2) .here a span svg{color:var(--secondary);transition:color var(--fx-smooth), rotate var(--fx-smooth);inline-size:calc(var(--xs) + var(--fs-body))}footer .control .container .content:first-of-type .wrap:nth-of-type(2) .here a:hover :is(span,svg){color:var(--secondary-o)}footer .control .container .content:first-of-type .wrap:nth-of-type(2) .here a:hover svg{rotate:45deg}footer .control .container .content:nth-of-type(2){gap:calc(2 * var(--md-space))}footer .control .container .content:nth-of-type(2) .wrap{block-size:100%;inline-size:100%;display:grid;position:relative}footer .control .container .content:nth-of-type(2) .wrap:first-of-type{place-content:space-between normal;gap:calc(2 * var(--md-space))}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here{place-items:center start;inline-size:100%;display:grid;position:relative}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:first-of-type{gap:var(--sm)}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:first-of-type h2{color:var(--secondary);font-size:var(--fs-h4)}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:first-of-type p{color:var(--secondary-o);font-size:var(--fs-body)}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:nth-of-type(2) a{place-items:center;padding-block-end:var(--sm-space);display:inline-grid;position:relative}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:nth-of-type(2) a:before,footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:nth-of-type(2) a:after{content:" ";block-size:var(--sm-border);position:absolute;inset-block-end:0;inset-inline:0}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:nth-of-type(2) a:before{background:var(--secondary)}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:nth-of-type(2) a:after{background:var(--accent);transition:inline-size var(--fx-short);will-change:inline-size;inline-size:0;inset-inline-start:0}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:nth-of-type(2) a:hover:after{inline-size:100%}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:nth-of-type(2) a span{color:var(--secondary);font-size:var(--fs-body);text-transform:uppercase;align-items:center;gap:var(--sm);display:inline-flex}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:nth-of-type(2) a span svg{color:var(--secondary);transition:rotate var(--fx-smooth);inline-size:calc(var(--xs) + var(--fs-body))}footer .control .container .content:nth-of-type(2) .wrap:first-of-type .here:nth-of-type(2) a:hover svg{rotate:45deg}footer .control .container .content:nth-of-type(2) .wrap:nth-of-type(2){place-items:end}footer .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here{place-items:center;display:inline-grid}footer .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here p{color:var(--secondary);font-size:var(--fs-body)}}}@layer main{main section:first-of-type{isolation:isolate}main section:first-of-type:before{content:" ";background-image:linear-gradient(90deg in oklch, var(--primary-l) var(--one), transparent var(--one)), linear-gradient(180deg in oklch, var(--primary-l) var(--one), transparent var(--one));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-l) 50%, transparent) var(--one), transparent var(--one)), linear-gradient(180deg in oklch, color-mix(in oklch, var(--primary-l) 50%, transparent) var(--one), transparent var(--one))}}main section:first-of-type:before{background-size:calc(var(--sm) + var(--ultra)) var(--ultra);-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 .control .container .content{display:grid;position:relative}main section:first-of-type .control .container .content:first-of-type .wrap{place-items:center;inline-size:100%;display:grid;position:relative}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type{gap:calc(2 * var(--md-space))}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here{inline-size:100%;position:relative}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here :is(span,h1){text-align:center}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here:first-of-type{place-items:center;display:grid}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here:first-of-type span{color:var(--primary);font-size:var(--fs-body);background:var(--accent);border-radius:calc(2 * var(--md));box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);padding:var(--sm-space) var(--md-space);position:relative;overflow:clip;rotate:-10deg}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here:first-of-type span:before{content:" ";background:linear-gradient(120deg in oklch, transparent 40%, var(--secondary-o) 50%, var(--secondary) 55%, transparent 65%);position:absolute;inset-block-start:-40%;inset-inline-start:-60%}@supports (color:color-mix(in lab, red, red)){main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here:first-of-type span:before{background:linear-gradient(120deg in oklch, transparent 40%, var(--secondary-o) 50%, color-mix(in oklch, var(--secondary) 50%, var(--secondary-o) 50%) 55%, transparent 65%)}}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here:first-of-type span:before{filter:blur(var(--xs));block-size:180%;inline-size:60%;animation:glare var(--fx-due) infinite}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here:nth-of-type(2){place-content:center;gap:calc(2 * var(--md-space));display:flex}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here:nth-of-type(2) svg{inline-size:calc(var(--md-space) + var(--fs-body))}main section:first-of-type .control .container .content:first-of-type .wrap:first-of-type .here:nth-of-type(2) svg:first-of-type{color:var(--accent);transition:fill var(--fx-smooth);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 .control .container .content:first-of-type .wrap:first-of-type .here: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 .control .container .content:first-of-type .wrap:first-of-type .here:nth-of-type(2) h1{color:var(--primary);font-size:calc(var(--sm-space) + var(--ultra));text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-text-stroke:var(--sm-border) currentColor;position:relative}main section:first-of-type .control .container .content:first-of-type .wrap:nth-of-type(2){gap:var(--sm)}main section:first-of-type .control .container .content:first-of-type .wrap:nth-of-type(2) :is(h2,p){text-align:center}main section:first-of-type .control .container .content:first-of-type .wrap:nth-of-type(2) h2{color:var(--primary);font-size:calc(var(--sm-space) + var(--ultra));text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-text-stroke:var(--sm-border) currentColor;max-inline-size:20ch;position:relative}main section:first-of-type .control .container .content:first-of-type .wrap:nth-of-type(2) p{color:var(--primary-o);font-size:var(--fs-body);max-inline-size:35ch}main section:first-of-type .control .container .content:first-of-type .wrap:nth-of-type(2) p :is(strong,em){color:var(--primary)}main section:first-of-type .control .container .content:first-of-type .wrap:nth-of-type(2) p em{font-style:oblique}main section:first-of-type .control .container .content:nth-of-type(2) .wrap{place-items:center;display:inline-grid;position:relative}main section:first-of-type .control .container .content:nth-of-type(2) .wrap a[class=btn]{background:var(--primary);border-radius:calc(2 * var(--md));box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);color:var(--secondary);font-size:var(--fs-body);gap:var(--sm);padding-block:calc(var(--sm-border) + var(--xs));padding-inline:var(--md-space) var(--xs)}main section:first-of-type .control .container .content:nth-of-type(2) .wrap a[class=btn]:hover{color:var(--secondary)}main section:first-of-type .control .container .content:nth-of-type(2) .wrap a[class=btn]:before{content:" ";background:var(--surface);transition:scale var(--fx-short);transform-origin:0;z-index:-1;position:absolute;inset:0;scale:0 1 0}main section:first-of-type .control .container .content:nth-of-type(2) .wrap a[class=btn]:hover:before{scale:1}main section:first-of-type .control .container .content:nth-of-type(2) .wrap a[class=btn] span{padding:calc(var(--sm-border) + var(--xs));background:var(--secondary);border-radius:calc(2 * var(--md));position:relative;overflow:clip}main section:first-of-type .control .container .content:nth-of-type(2) .wrap a[class=btn] span:before{content:" ";background:var(--primary);border-radius:calc(2 * var(--md));transition:border-radius var(--fx-smooth), scale var(--fx-smooth);transform-origin:50%;will-change:scale;position:absolute;inset:0;scale:0 0 0}main section:first-of-type .control .container .content:nth-of-type(2) .wrap a[class=btn] span svg{color:var(--primary);transition:color var(--fx-smooth), rotate var(--fx-smooth) var(--dur-1);inline-size:calc(var(--xs) + var(--fs-body))}main section:first-of-type .control .container .content:nth-of-type(2) .wrap a[class=btn]:hover span:before{border-radius:0;scale:1}main section:first-of-type .control .container .content:nth-of-type(2) .wrap a[class=btn]:hover svg{color:var(--secondary);rotate:45deg}main section:nth-of-type(2) .control .container .carousel{border-block:var(--two) dashed var(--primary-o);cursor:pointer;padding-block:var(--md-space);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) .control .container .carousel ul{align-items:center;gap:var(--ultra);content:paint;will-change:translate;inline-size:fit-content;animation:translateXDN calc(10 * var(--dur-7)) var(--ease-linear) infinite;padding-inline-end:var(--ultra);display:inline-flex}main section:nth-of-type(2) .control .container .carousel ul li{align-items:center;gap:var(--ultra);display:inline-flex;position:relative}main section:nth-of-type(2) .control .container .carousel ul li :is(strong,span){font-size:var(--fs-h4);-webkit-user-select:none;user-select:none}main section:nth-of-type(2) .control .container .carousel ul li strong{color:var(--primary);text-transform:uppercase;white-space:nowrap}main section:nth-of-type(2) .control .container .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) .control .container .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-o) 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) .control .container .content{place-items:center;gap:var(--sm) calc(2 * var(--md-space));min-block-size:var(--ultra);inline-size:100%;display:grid;position:relative;overflow:hidden}main section:nth-of-type(3) .control .container .content .wrap{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(3) .control .container .content .wrap:first-of-type h2{color:var(--accent);font-size:var(--fs-h3)}main section:nth-of-type(3) .control .container .content .wrap:nth-of-type(2) p{color:var(--secondary-o);font-size:var(--fs-body);text-align:center}main section:nth-of-type(3) .control .container .content .wrap:nth-of-type(2) p strong{color:var(--secondary)}main section:nth-of-type(4) .control .container .content{place-items:center;gap:calc(2 * var(--md-space));block-size:fit-content;inline-size:100%;display:grid;position:relative}main section:nth-of-type(4) .control .container .content:first-of-type{grid-template-columns:repeat(auto-fit, minmax(var(--stretch), 1fr));container-type:inline-size}main section:nth-of-type(4) .control .container .content:first-of-type .wrap{inline-size:100%;position:relative}main section:nth-of-type(4) .control .container .content:first-of-type .wrap:first-of-type{animation:translateXUN var(--fx-cv-long) both;place-items:center start;animation-timeline:view();animation-range:entry contain 30%;display:grid}main section:nth-of-type(4) .control .container .content:first-of-type .wrap:first-of-type h2{color:var(--primary);font-size:var(--fs-h1)}main section:nth-of-type(4) .control .container .content:first-of-type .wrap:nth-of-type(2){place-content:center end;gap:calc(2 * var(--md-space));display:flex}main section:nth-of-type(4) .control .container .content:first-of-type .wrap:nth-of-type(2) .here{transform-origin:100% 0;animation:scaleU var(--fx-cv-long) 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) .control .container .content:first-of-type .wrap:nth-of-type(2) .here span{align-items:start;display:inline-flex;position:relative}main section:nth-of-type(4) .control .container .content:first-of-type .wrap:nth-of-type(2) .here span :is(h3,svg){color:var(--primary)}main section:nth-of-type(4) .control .container .content:first-of-type .wrap:nth-of-type(2) .here span h3{font-size:var(--fs-h2)}main section:nth-of-type(4) .control .container .content:first-of-type .wrap:nth-of-type(2) .here span svg{inline-size:var(--fs-body)}main section:nth-of-type(4) .control .container .content:first-of-type .wrap:nth-of-type(2) .here small{color:var(--primary);font-size:var(--fs-small)}@container (max-width:50.313rem){main section:nth-of-type(4) .control .container .content:first-of-type .wrap:first-of-type{place-items:center}main section:nth-of-type(4) .control .container .content:first-of-type .wrap:nth-of-type(2){place-content:center}}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap{align-items:center;gap:calc(2 * var(--md-space));flex-flow:wrap;block-size:100%;inline-size:100%;display:flex;position:relative}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here{box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);clip-path:var(--shape);cursor:pointer;padding:var(--x-large);block-size:var(--stretch);min-inline-size:var(--stretch);animation:scaleU var(--fx-cv-long) calc(sibling-index() * var(--dur-7)) both;place-content:space-between normal;animation-timeline:view();animation-range:entry contain 30%;display:grid;position:relative}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:first-of-type{flex:2}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2){flex:1.5}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) h4 strong{display:inline-flex}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) h4 strong svg{inline-size:var(--fs-body);place-self:start}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3){flex:1.5}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(4){flex:2}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(odd){background:var(--primary);transform-origin:100% 100%}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(odd) .align{inline-size:100%;display:grid;position:relative}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(odd) .align:first-of-type{gap:var(--sm);transition:padding var(--fx-smooth)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(odd) .align:first-of-type h4{color:var(--secondary);font-size:var(--fs-h3)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(odd) .align:first-of-type p{color:var(--secondary-o);font-size:var(--fs-body)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(odd) .align:nth-of-type(2){place-items:end}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(odd) .align:nth-of-type(2) svg{color:var(--secondary);transition:rotate var(--fx-smooth);inline-size:calc(var(--xs) + var(--fs-body))}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(odd):hover .align:nth-of-type(2) svg{rotate:45deg}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2n){background:var(--accent);transform-origin:0 0}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2n) .align{display:inline-grid;position:relative}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2n) .align:first-of-type{transition:padding var(--fx-smooth);place-items:center start}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2n) .align:first-of-type p{color:var(--primary-o);font-size:var(--fs-body)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2n) .align:nth-of-type(2){place-items:center end}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2n) .align:nth-of-type(2) h4{color:var(--primary);font-size:var(--fs-h3);text-align:end;max-inline-size:10ch}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap .here:hover .align:first-of-type{padding:var(--md)}main section:nth-of-type(5) .control .container .carousel{border-block:var(--two) dashed var(--primary-o);cursor:pointer;padding-block:var(--md-space);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) .control .container .carousel ul{align-items:center;gap:var(--ultra);content:paint;will-change:translate;inline-size:fit-content;animation:translateXUN calc(10 * var(--dur-7)) var(--ease-linear) infinite;padding-inline-end:var(--ultra);display:inline-flex}main section:nth-of-type(5) .control .container .carousel ul li{align-items:center;gap:var(--ultra);display:inline-flex;position:relative}main section:nth-of-type(5) .control .container .carousel ul li :is(strong,span){font-size:var(--fs-h4);-webkit-user-select:none;user-select:none}main section:nth-of-type(5) .control .container .carousel ul li strong{color:var(--primary);text-transform:uppercase;white-space:nowrap}main section:nth-of-type(5) .control .container .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) .control .container .carousel:hover :is(ul,li>span){filter:grayscale();animation-play-state:paused}main section:nth-of-type(6) .control .container{grid-template-columns:repeat(auto-fit, minmax(var(--stretch), 1fr));container-type:inline-size}main section:nth-of-type(6) .control .container .content{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(6) .control .container .content:first-of-type{transform-origin:top;min-block-size:var(--stretch);animation:scaleYU var(--fx-cv-long) var(--dur-7) both;animation-timeline:view();animation-range:entry contain 30%}main section:nth-of-type(6) .control .container .content: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) .control .container .content:nth-of-type(2){gap:var(--sm)}main section:nth-of-type(6) .control .container .content:nth-of-type(2) h2{color:var(--primary);font-size:var(--fs-h3);text-align:start;transform-origin:50%;animation:scaleYU var(--fx-cv-long) var(--dur-7) both;animation-timeline:view();animation-range:entry contain 30%}main section:nth-of-type(6) .control .container .content:nth-of-type(2) ul{place-items:start;gap:var(--sm);display:inline-grid;position:relative}main section:nth-of-type(6) .control .container .content:nth-of-type(2) ul li{color:var(--primary-o);font-size:var(--fs-body);transform-origin:bottom;inline-size:100%;animation:scaleYU var(--fx-cv-long) calc(sibling-index() * var(--dur-7)) both;padding-inline-start:var(--xx-large);animation-timeline:view();animation-range:entry contain 30%;position:relative}main section:nth-of-type(6) .control .container .content:nth-of-type(2) ul li strong{color:var(--primary)}main section:nth-of-type(6) .control .container .content:nth-of-type(2) ul li:before{content:"✼";color:var(--primary);transition:color var(--fx-fast);position:absolute;inset-inline-start:0}main section:nth-of-type(6) .control .container .content:nth-of-type(2) ul li abbr{color:var(--primary)}main section:nth-of-type(6) .control .container .content:nth-of-type(2) ul li:hover:before{color:var(--accent);animation:rotate var(--dur-5) var(--ease-linear) infinite, pulse var(--dur-5) var(--ease-linear) infinite}@container (max-width:50.313rem){main section:nth-of-type(6) .control .container .content{place-items:center}}main section:nth-of-type(7) .control .container{grid-auto-flow:column dense;block-size:100%}main section:nth-of-type(7) .control .container .content{position:relative}main section:nth-of-type(7) .control .container .content:first-of-type{align-items:center;gap:calc(2 * var(--md-space));display:inline-flex}main section:nth-of-type(7) .control .container .content: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(--stretch);animation:scaleYU var(--fx-cv-long) 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) .control .container .content:first-of-type .carousel:first-of-type{transition:display var(--dur-1), opacity var(--fx-short);transition-behavior:allow-discrete;transform-origin:top}@starting-style{main section:nth-of-type(7) .control .container .content:first-of-type .carousel:first-of-type{opacity:0}}main section:nth-of-type(7) .control .container .content:first-of-type .carousel:first-of-type ul{animation-name:translateYDN}@media (max-width:51.25rem){main section:nth-of-type(7) .control .container .content:first-of-type .carousel:first-of-type{opacity:0;display:none}}main section:nth-of-type(7) .control .container .content:first-of-type .carousel:nth-of-type(2){transform-origin:bottom}main section:nth-of-type(7) .control .container .content:first-of-type .carousel:nth-of-type(2) ul{animation-name:translateYUN}main section:nth-of-type(7) .control .container .content:first-of-type .carousel:hover ul{animation-play-state:paused}main section:nth-of-type(7) .control .container .content:first-of-type .carousel ul{align-items:center;gap:var(--ultra);content:paint;will-change:translate;inline-size:fit-content;animation:calc(10 * var(--dur-7)) var(--ease-linear) infinite;padding-block-end:var(--ultra);display:inline-grid}main section:nth-of-type(7) .control .container .content:first-of-type .carousel ul li{opacity:.7;transition:filter var(--fx-smooth), opacity var(--fx-smooth);--ratio:calc(2 * var(--jumbo));block-size:var(--ratio);inline-size:var(--ratio);place-items:center;display:grid;position:relative}main section:nth-of-type(7) .control .container .content:first-of-type .carousel ul li:hover{filter:contrast(1.1)saturate(1.1);opacity:1}main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(1 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(2 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(3 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(4 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(5 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(6 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(7 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(8 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(9 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(10 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(11 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(12 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(13 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(14 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(15 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(16 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(17 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(18 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(19 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:first-of-type .carousel ul li:nth-child(20 of main section:nth-of-type(7) .control .container .content: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) .control .container .content:nth-of-type(2){box-shadow:inset 0 0 0 var(--sm-border) var(--primary);place-items:center;gap:var(--sm);padding:var(--x-large);inline-size:100%;animation:translateXUP var(--fx-cv-long) both;animation-timeline:view();animation-range:entry contain 30%;display:grid}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap{place-items:center start;inline-size:100%;display:grid;position:relative}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:first-of-type{gap:var(--sm)}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:first-of-type small{color:var(--surface);font-size:var(--fs-body)}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:first-of-type h2{color:var(--primary);font-size:var(--fs-h3)}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) p{color:var(--primary-o);font-size:var(--fs-body)}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) p abbr{color:var(--primary)}@media (max-width:50.313rem){main section:nth-of-type(7) .control .container{grid-auto-flow:dense}main section:nth-of-type(7) .control .container .content:first-of-type{inline-size:100%;display:grid}main section:nth-of-type(7) .control .container .content: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(--jumbo));block-size:var(--ratio);display:inline-flex}main section:nth-of-type(7) .control .container .content:first-of-type .carousel:nth-of-type(2){padding-block:calc(var(--sm) + var(--x-large))}main section:nth-of-type(7) .control .container .content:first-of-type .carousel:nth-of-type(2) ul{padding-block-end:0;padding-inline-end:var(--ultra);animation-name:translateXDN;display:inline-flex}main section:nth-of-type(7) .control .container .content:first-of-type .carousel:nth-of-type(2) ul li{display:flex}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:first-of-type :is(small,h2),main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) p{text-align:start}}main section:nth-of-type(8){background:var(--primary)}main section:nth-of-type(8) .control .container{animation:translateXUN var(--fx-cv-long) both;animation-timeline:view();animation-range:entry cover 30%}main section:nth-of-type(8) .control .container .content{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(8) .control .container .content:first-of-type{grid-template-columns:repeat(auto-fit, minmax(var(--stretch), 1fr));gap:var(--sm) calc(2 * var(--md-space))}main section:nth-of-type(8) .control .container .content:first-of-type .wrap{place-items:center start;inline-size:100%;display:grid;position:relative}main section:nth-of-type(8) .control .container .content:first-of-type .wrap:first-of-type h2{color:var(--accent);font-size:var(--fs-h1)}main section:nth-of-type(8) .control .container .content:first-of-type .wrap:nth-of-type(2) p{color:var(--secondary-o);font-size:var(--fs-body)}main section:nth-of-type(8) .control .container .content:nth-of-type(2){gap:calc(2 * var(--md-space));transition:opacity var(--fx-smooth), translate var(--fx-smooth)}main section:nth-of-type(8) .control .container .content:nth-of-type(2).fade-out{opacity:0;translate:0 calc(-1 * var(--md))}main section:nth-of-type(8) .control .container .content:nth-of-type(2).fade-in{opacity:1;translate:0}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap{border-block-end:var(--one) solid var(--secondary-o);align-items:start;gap:var(--md-space) calc(2 * var(--md-space));block-size:fit-content;inline-size:100%;flex-flow:wrap;padding-block-end:calc(2 * var(--md-space));display:flex;position:relative}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here{min-inline-size:calc(5 * var(--ultra));align-items:start;display:inline-flex;position:relative;overflow:clip}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:first-of-type{flex:1}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:first-of-type h3{color:var(--secondary);font-size:var(--fs-h3)}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2){flex:2}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) p{color:var(--secondary-o);font-size:var(--fs-body)}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3){place-content:space-between normal;gap:calc(2 * var(--md-space));max-inline-size:var(--stretch);flex-flow:wrap;flex:1}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align{align-items:center;display:flex;position:relative}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:first-of-type{gap:var(--sm);flex-flow:wrap}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:first-of-type span{color:var(--secondary);font-size:var(--fs-small);white-space:nowrap;background:var(--secondary-l);-webkit-backdrop-filter:blur(var(--sm));backdrop-filter:blur(var(--sm));border-radius:calc(2 * var(--md));box-shadow:inset 0 0 0 var(--sm-border) var(--secondary-o);padding:var(--sm-space) var(--md-space)}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(2) a{place-items:center;padding-block-end:var(--sm-space);display:inline-grid;position:relative}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(2) a:before,main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(2) a:after{content:" ";block-size:var(--sm-border);position:absolute;inset-block-end:0;inset-inline:0}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(2) a:before{background:var(--secondary)}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(2) a:after{background:var(--accent);transition:inline-size var(--fx-short);will-change:inline-size;inline-size:0;inset-inline-start:0}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(2) a:hover:after{inline-size:100%}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(2) a span{color:var(--secondary);font-size:var(--fs-body);align-items:center;gap:var(--sm);text-transform:uppercase;display:inline-flex}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(2) a span svg{color:var(--secondary);transition:rotate var(--fx-smooth);inline-size:calc(var(--xs) + var(--fs-body))}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(2) a:hover svg{rotate:45deg}main section:nth-of-type(8) .control .container .content:nth-of-type(3) .pagination{place-items:start;inline-size:100%;display:grid;position:relative}main section:nth-of-type(8) .control .container .content:nth-of-type(3) .pagination .wrap{align-items:center;gap:var(--sm);display:inline-flex;position:relative}main section:nth-of-type(8) .control .container .content:nth-of-type(3) .pagination .wrap button{color:var(--secondary);font-size:var(--fs-body);padding:var(--sm-space) var(--md-space)}main section:nth-of-type(8) .control .container .content:nth-of-type(3) .pagination .wrap button.live{background:var(--secondary);color:var(--primary)}main section:nth-of-type(8) .control .container .content:nth-of-type(3) .pagination .wrap button:not(.live){box-shadow:inset 0 0 0 var(--sm-border) var(--secondary)}main section:nth-of-type(8) .control .container .quote,main section:nth-of-type(8) .control .container .quote .wrap{place-items:center end;inline-size:100%;display:grid;position:relative}main section:nth-of-type(8) .control .container .quote .wrap .here{place-items:center;display:inline-grid;position:relative}main section:nth-of-type(8) .control .container .quote .wrap .here p{color:var(--accent);font-size:var(--fs-body);text-transform:uppercase}main section:nth-of-type(9) .control .container .content{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(9) .control .container .content:first-of-type{gap:var(--sm)}main section:nth-of-type(9) .control .container .content:first-of-type .wrap{place-items:center;gap:var(--sm);inline-size:100%;display:grid;position:relative}main section:nth-of-type(9) .control .container .content:first-of-type .wrap:first-of-type small{color:var(--surface);font-size:var(--fs-body)}main section:nth-of-type(9) .control .container .content:first-of-type .wrap:nth-of-type(2) :is(h2,p){text-align:center}main section:nth-of-type(9) .control .container .content:first-of-type .wrap:nth-of-type(2) h2{color:var(--primary);font-size:var(--fs-h3)}main section:nth-of-type(9) .control .container .content:first-of-type .wrap:nth-of-type(2) p{color:var(--primary-o);font-size:var(--fs-body)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button{pointer-events:none;z-index:5;position:absolute;inset-block:0;transform:scaleX(0)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button:first-of-type{transform-origin:0;inset-inline-start:0}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button:first-of-type span{border-radius:0 var(--sm) var(--sm) 0}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button:nth-of-type(2){transform-origin:100%;inset-inline-end:0}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button:nth-of-type(2) span{border-radius:var(--sm) 0 0 var(--sm)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button span{background:var(--accent-o);box-shadow:inset 0 0 0 var(--sm-border) var(--accent);padding:var(--xs)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button span svg{color:var(--primary);inline-size:calc(var(--sm) + var(--fs-body))}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap:hover button{pointer-events:auto;transform:scaleX(1)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .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) .control .container .content:nth-of-type(2) .wrap .slider.is-dragging{cursor:grabbing}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item{background:var(--primary);box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);opacity:0;gap:var(--md-space);padding:var(--x-large);pointer-events:none;transition:opacity var(--fx-smooth), transform var(--fx-smooth);block-size:var(--stretch);min-inline-size:var(--stretch);grid-area:1/1;display:grid;position:relative;transform:translate(200%)scale(.9)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item.is-active{opacity:1;pointer-events:auto;z-index:3;transform:translate(0)scale(1)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item.is-prev{opacity:.5;transform:translate(-100%)scale(.9)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item.is-next{opacity:.5;transform:translate(100%)scale(.9)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item.is-far-prev{opacity:0;z-index:1;transform:translate(-200%)scale(.9)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item.is-far-next{opacity:0;z-index:1;transform:translate(200%)scale(.9)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align{inline-size:100%;display:grid;position:relative}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:first-of-type{place-items:start end}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:first-of-type .rate{place-content:center;gap:var(--xs);display:inline-flex;position:relative}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:first-of-type .rate svg{color:var(--accent);fill:currentColor;inline-size:calc(var(--xs) + var(--fs-body))}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:nth-of-type(2){place-items:center}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:nth-of-type(2) p{color:var(--secondary-o);font-size:var(--fs-body);text-align:center}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:nth-of-type(3){place-items:end start}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:nth-of-type(3) .partner{place-items:start;gap:var(--sm);display:inline-grid}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:nth-of-type(3) .partner h3{font-size:var(--fs-h3);color:var(--secondary)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:nth-of-type(3) .partner p{color:var(--accent);font-size:var(--fs-small);text-transform:uppercase}main section:nth-of-type(10) .control .container .content{place-items:start center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(10) .control .container .content:first-of-type{gap:var(--sm);animation:translateXUN var(--fx-cv-long) both;animation-timeline:view();animation-range:entry contain 30%}main section:nth-of-type(10) .control .container .content:first-of-type .wrap{place-items:center start;inline-size:100%;display:grid;position:relative}main section:nth-of-type(10) .control .container .content:first-of-type .wrap:first-of-type h2{color:var(--primary);font-size:var(--fs-h1)}main section:nth-of-type(10) .control .container .content:first-of-type .wrap:nth-of-type(2) p{color:var(--primary-o);font-size:var(--fs-body)}main section:nth-of-type(10) .control .container .content:nth-of-type(2){grid-template-columns:repeat(auto-fit, minmax(var(--stretch), 1fr));gap:calc(2 * var(--md-space))}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap{box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);clip-path:var(--shape);cursor:pointer;block-size:var(--stretch);inline-size:100%;animation:var(--fx-cv-long) both;animation-timeline:view();animation-range:entry contain 30%;display:grid;position:relative;overflow:clip}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(odd){background:var(--accent);animation-name:translateYUP}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(odd) .here:first-of-type .align:first-of-type span{background:var(--primary);color:var(--secondary)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(odd) .here:first-of-type .align:nth-of-type(2) p,main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(odd) .here:nth-of-type(2) .align:first-of-type h3{color:var(--primary)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(odd) .here:nth-of-type(2) .align:first-of-type p{color:var(--primary-o)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(odd) .here:nth-of-type(2) .align:nth-of-type(2) a:before{background:var(--primary)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(odd) .here:nth-of-type(2) .align:nth-of-type(2) a:after{background:var(--surface)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(odd) .here:nth-of-type(2) .align:nth-of-type(2) a span,main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(odd) .here:nth-of-type(2) .align:nth-of-type(2) a span svg{color:var(--primary)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2n){background:var(--primary);animation-name:translateXUP}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2n) .here:first-of-type .align:first-of-type span{background:var(--accent);color:var(--primary)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2n) .here:first-of-type .align:nth-of-type(2) p,main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2n) .here:nth-of-type(2) .align:first-of-type h3{color:var(--secondary)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2n) .here:nth-of-type(2) .align:first-of-type p{color:var(--secondary-o)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2n) .here:nth-of-type(2) .align:nth-of-type(2) a:before{background:var(--accent)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2n) .here:nth-of-type(2) .align:nth-of-type(2) a:after{background:var(--secondary)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2n) .here:nth-of-type(2) .align:nth-of-type(2) a span,main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2n) .here:nth-of-type(2) .align:nth-of-type(2) a span svg{color:var(--secondary)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here{padding:var(--x-large);place-content:space-between normal;inline-size:100%;display:grid;position:relative}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:first-of-type{grid-auto-flow:column;place-content:start space-between}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:first-of-type .align{place-items:center;display:inline-grid}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:first-of-type .align:first-of-type span{font-size:var(--body);text-transform:uppercase;border-radius:calc(2 * var(--md));padding:var(--sm-space) var(--md-space)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:first-of-type .align:nth-of-type(2) p{font-size:var(--body)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2){gap:calc(2 * var(--md-space))}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align{place-items:center start;block-size:max-content;inline-size:100%;display:grid}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:first-of-type{gap:var(--sm)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:first-of-type h3{font-size:var(--fs-h3)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:first-of-type p{font-size:var(--body)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) a{place-items:center;padding-block-end:var(--sm-space);display:inline-grid;position:relative}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) a:before,main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) a:after{content:" ";block-size:var(--sm-border);position:absolute;inset-block-end:0;inset-inline:0}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) a:after{transition:scale var(--fx-smooth);transform-origin:0;will-change:scale;scale:0 1 0}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) a:hover:after{scale:1}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) a span{font-size:var(--fs-body);text-transform:uppercase;align-items:center;gap:var(--sm);transition:color var(--fx-smooth);display:inline-flex}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) a span svg{transition:color var(--fx-smooth), rotate var(--fx-smooth);inline-size:calc(var(--xs) + var(--fs-body))}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(2) a:hover svg{rotate:45deg}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap:hover .here:first-of-type>.align:first-of-type{animation:shake var(--fx-smooth)}main section:nth-of-type(11) .control{container-type:inline-size}main section:nth-of-type(11) .control .container{box-shadow:inset var(--sm-border) 0 0 0 var(--primary-o), inset 0 var(--sm-border) 0 0 var(--primary-o), inset calc(-1 * var(--sm-border)) 0 0 0 var(--primary-o);padding-block:var(--x-large);transition:box-shadow var(--dur-1);transition-behavior:allow-discrete}@starting-style{main section:nth-of-type(11) .control .container{box-shadow:none}}@container (max-width:50.313rem){main section:nth-of-type(11) .control .container{box-shadow:none}}main section:nth-of-type(11) .control .container .content{place-items:center;block-size:100%;inline-size:100%;display:grid;position:relative}main section:nth-of-type(11) .control .container .content:first-of-type .wrap{place-items:center;gap:var(--sm);inline-size:100%;display:grid;position:relative}main section:nth-of-type(11) .control .container .content:first-of-type .wrap :is(small,h1,p){text-align:center}main section:nth-of-type(11) .control .container .content:first-of-type .wrap small{color:var(--surface);font-size:var(--fs-body)}main section:nth-of-type(11) .control .container .content:first-of-type .wrap h2{color:var(--primary);font-size:var(--fs-h3)}main section:nth-of-type(11) .control .container .content:first-of-type .wrap p{color:var(--primary-o);font-size:var(--fs-body)}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion{align-items:start;inline-size:100%;display:grid}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item{border-block-end:var(--one) solid var(--primary-o);transition:transform var(--fx-smooth);transform-origin:50%;will-change:transform;overflow:clip}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button[type=button]{padding-block:var(--x-large);place-content:normal space-between;inline-size:100%}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button[type=button] span{place-content:center space-between;gap:calc(2 * var(--md-space));inline-size:100%;display:flex}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button[type=button] span p{color:var(--primary);font-size:calc(var(--sm-border) + var(--fs-body))}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button[type=button] span .align{place-content:center;display:inline-flex;position:relative}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button[type=button] span .align svg{color:var(--primary);inline-size:calc(var(--xs) + var(--fs-body))}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button[type=button] span .align svg line{transition:scale var(--fx-smooth);transform-origin:50%;will-change:scale}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item .wrapper{transition:grid-template-rows var(--fx-smooth), margin-block var(--fx-smooth);will-change:grid-template-rows;grid-template-rows:0fr;display:grid;overflow:clip}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item .wrapper .context{opacity:0;translate:0 calc(-1 * var(--large));transition:opacity var(--fx-smooth), translate var(--fx-smooth);will-change:opacity, translate;place-items:center start;min-block-size:fit-content;display:grid;position:relative}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item .wrapper .context p{color:var(--primary-o);font-size:var(--fs-body)}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item.reveal line:nth-of-type(2){scale:0}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item.reveal .wrapper{margin-block:0 var(--x-large);grid-template-rows:1fr}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item.reveal .context{opacity:1;translate:0}main section:nth-of-type(12) .control .container{grid-template-columns:repeat(auto-fit, minmax(var(--stretch), 1fr));container-type:inline-size}main section:nth-of-type(12) .control .container .content{place-items:center;inline-size:100%;display:grid;position:relative}main section:nth-of-type(12) .control .container .content:first-of-type{gap:var(--sm)}main section:nth-of-type(12) .control .container .content:first-of-type :is(h2,p){text-align:start}main section:nth-of-type(12) .control .container .content:first-of-type h2{color:var(--primary);font-size:var(--fs-h2)}main section:nth-of-type(12) .control .container .content:first-of-type p{color:var(--primary-o);font-size:var(--fs-body)}@container (max-width:50.313rem){main section:nth-of-type(12) .control .container .content:first-of-type :is(h2,p){text-align:center}}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[class=btn]{background:var(--primary);border-radius:calc(2 * var(--md));box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);color:var(--secondary);font-size:var(--fs-body);gap:var(--sm);padding-block:calc(var(--sm-border) + var(--xs));padding-inline:var(--md-space) var(--xs)}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[class=btn]:hover{color:var(--secondary)}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[class=btn]:before{content:" ";background:var(--surface);transition:scale var(--fx-short);transform-origin:0;z-index:-1;position:absolute;inset:0;scale:0 1 0}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[class=btn]:hover:before{scale:1}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[class=btn] span{padding:calc(var(--sm-border) + var(--xs));background:var(--secondary);border-radius:calc(2 * var(--md));position:relative;overflow:clip}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[class=btn] span:before{content:" ";background:var(--primary);border-radius:calc(2 * var(--md));transition:border-radius var(--fx-smooth), scale var(--fx-smooth);transform-origin:50%;will-change:scale;position:absolute;inset:0;scale:0 0 0}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[class=btn] span svg{color:var(--primary);transition:color var(--fx-smooth), rotate var(--fx-smooth) var(--dur-1);inline-size:calc(var(--xs) + var(--fs-body))}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[class=btn]:hover span:before{border-radius:0;scale:1}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[class=btn]:hover svg{color:var(--secondary);rotate:45deg}.visual{block-size:calc(8 * var(--md));animation-timing-function:var(--ease-linear);overflow:clip}.visual:before{content:" ";background:var(--primary);block-size:var(--md);position:absolute;inset-block-end:0;inset-inline:0}.visual .wave{background:url(/img/others/wave.webp) left top / 160rem calc(6 * var(--md)) repeat-x;filter:contrast(1.1)saturate(1.1);block-size:calc(6 * var(--md));inline-size:100%;animation-timing-function:var(--ease-linear);animation-iteration-count:infinite;position:absolute;inset-block-end:0}.visual .wave:nth-child(1 of .visual .wave){opacity:.9;animation-name:wave1;animation-duration:calc(7 * var(--dur-7));z-index:10}.visual .wave:nth-child(2 of .visual .wave){opacity:.5;animation-name:wave2;animation-duration:calc(4 * var(--dur-7));z-index:9}.visual .wave:nth-child(3 of .visual .wave){opacity:.2;animation-name:wave2;animation-duration:calc(2 * var(--dur-6));z-index:8;inset-block-end:var(--sp)}.visual .wave:nth-child(4 of .visual .wave){opacity:.7;animation-name:wave2;animation-duration:var(--dur-7);z-index:7;inset-block-end:var(--md)}}@layer gotop{@layer gotop{#GoTop{background:var(--primary);border-radius:calc(2 * var(--md));box-shadow:var(--secondary-o) 0 var(--sm-border) var(--md-border);color:var(--secondary);padding:calc(var(--two) + var(--xs));transition:background var(--fx-smooth), scale var(--fx-short);transform-origin:50%;will-change:scale;z-index:15;place-items:center;display:inline-grid;position:fixed;inset-block-end:max(calc(var(--ultra) + var(--md-space)), calc(env(safe-area-inset-bottom) + var(--sm)));inset-inline-end:max(var(--large), calc(env(safe-area-inset-right) + var(--sm)));scale:0 1 0}#GoTop.show{animation:float var(--fx-smooth) infinite alternate;scale:1}#GoTop:is(:hover,:focus-visible){color:var(--primary);background:var(--primary-o);animation-play-state:paused}#GoTop span{place-items:center;block-size:100%;inline-size:100%;display:grid;position:relative}#GoTop span:before{content:" ";background:var(--secondary-o);border-radius:calc(2 * var(--md));transition:scale var(--fx-smooth);transform-origin:50%;will-change:scale;position:absolute;inset:0;scale:0 0 0}#GoTop span:hover:before{scale:2}#GoTop span svg{color:var(--secondary);transition:color var(--fx-smooth), translate var(--fx-smooth) var(--dur-1);inline-size:calc(var(--sm) + var(--fs-body))}#GoTop span:hover svg{color:var(--primary);translate:0 calc(-1.5 * var(--three)) 0}}}@layer header{@layer header{header nav{padding-block:var(--x-large)}header nav .container{box-shadow:inset 0 calc(-1 * var(--sm-border)) 0 0 var(--primary-o)}header nav .container .content{place-content:normal space-between;gap:calc(2 * var(--md-space));inline-size:100%;padding-block-end:var(--md-space);display:flex;position:relative}header nav .container .content .wrap{place-items:center;display:inline-grid;position:relative}header nav .container .content .wrap:first-of-type a{color:var(--primary);font-size:var(--fs-h3);text-transform:uppercase;white-space:nowrap}header nav .container .content .wrap:nth-of-type(2){gap:var(--sm)}header nav .container .content .wrap:nth-of-type(2) button{padding:var(--sm-border);transition-behavior:allow-discrete}header nav .container .content .wrap:nth-of-type(2) button svg{color:var(--primary);transition:color var(--fx-short), scale var(--fx-smooth);will-change:scale;inline-size:calc(var(--xs) + var(--fs-body))}header nav .container .content .wrap:nth-of-type(2) button svg:hover{color:var(--accent);scale:.9}aside[popover=manual]{place-items:center;gap:calc(2 * var(--md-space));padding-block:var(--x-large);background:var(--primary);backface-visibility:hidden;transition:display var(--dur-1), opacity var(--fx-short), scale var(--fx-smooth);transition-behavior:allow-discrete;transform-origin:100%;will-change:opacity, translate;block-size:100dvb;max-inline-size:var(--limit);inline-size:calc(100% - var(--ultra));z-index:20;margin-inline-start:auto;display:grid;position:fixed;inset:0;overflow:clip;scale:0 1 0}@starting-style{aside[popover=manual]{opacity:0}}aside[popover=manual]:popover-open{backface-visibility:visible;overflow:auto;scale:1}aside[popover=manual] .control{block-size:100%}aside[popover=manual] .control .container{place-content:space-between normal;block-size:100%}aside[popover=manual] .control .container .content{place-items:center;gap:calc(2 * var(--md-space));inline-size:100%;display:grid;position:relative;overflow:clip}aside[popover=manual] .control .container .content:first-of-type .wrap{align-items:center;inline-size:100%;display:flex}aside[popover=manual] .control .container .content:first-of-type .wrap:first-of-type{box-shadow:inset 0 calc(-1 * var(--sm-border)) 0 0 var(--secondary-o);padding-block-end:var(--md-space)}aside[popover=manual] .control .container .content:first-of-type .wrap:first-of-type .here{block-size:100%;inline-size:100%;display:grid;position:relative}aside[popover=manual] .control .container .content:first-of-type .wrap:first-of-type .here:first-of-type{place-items:center start}aside[popover=manual] .control .container .content:first-of-type .wrap:first-of-type .here:first-of-type a{color:var(--secondary);font-size:var(--fs-h3)}aside[popover=manual] .control .container .content:first-of-type .wrap:first-of-type .here:first-of-type a span{color:var(--accent)}aside[popover=manual] .control .container .content:first-of-type .wrap:first-of-type .here:nth-of-type(2){place-items:center end}aside[popover=manual] .control .container .content:first-of-type .wrap:first-of-type .here:nth-of-type(2) button.close svg{color:var(--secondary);transition:color var(--fx-short), rotate var(--fx-smooth);inline-size:calc(var(--sm) + var(--fs-body))}aside[popover=manual] .control .container .content:first-of-type .wrap:first-of-type .here:nth-of-type(2) button.close svg:hover{color:var(--accent);rotate:45deg 0 0}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2){padding-block:var(--md-space)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav{place-items:start;block-size:100%;inline-size:100%;display:grid;position:relative}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav:has(a:not(:first-of-type):hover) * span{color:var(--secondary-l)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav:has(a:not(:first-of-type):hover) * span sub{color:var(--secondary-l)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav:has(a:not(:first-of-type):hover) * svg{color:var(--secondary-l)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a{padding-block:calc(2 * var(--md-space));place-content:normal space-between;inline-size:100%;display:flex;position:relative;overflow:clip}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a span{font-size:var(--fs-h2);text-transform:capitalize;white-space:nowrap;transition:color var(--fx-smooth)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a span sub{font-size:var(--fs-small);transition:color var(--fx-smooth)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a:first-of-type{color:var(--accent);transition:background var(--fx-smooth)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a:first-of-type sub{color:var(--accent-o)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a:first-of-type svg{color:var(--accent)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a:not(:nth-of-type(4)):before{content:" ";background:var(--secondary-l);block-size:var(--one);position:absolute;inset-block-end:0;inset-inline:0}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a:not(:first-of-type) span{color:var(--secondary)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a:not(:first-of-type):hover span{color:var(--accent)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a:not(:first-of-type):hover span sub{color:var(--accent-o)}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a:not(:first-of-type):hover svg{color:var(--accent);rotate:none}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a svg{transition:color var(--fx-short), rotate var(--fx-smooth), scale var(--fx-short);inline-size:calc(var(--xs) + var(--fs-h4))}aside[popover=manual] .control .container .content:first-of-type .wrap:nth-of-type(2) nav a:not(:first-of-type) svg{color:var(--secondary);will-change:rotate, scale;rotate:45deg;scale:.9 1}aside[popover=manual] .control .container .content:nth-of-type(2) .wrap{padding-block:var(--md-space);place-items:center;inline-size:100%;display:grid;position:relative}aside[popover=manual] .control .container .content:nth-of-type(2) .wrap .here{place-items:center end;inline-size:100%;display:grid;position:relative}aside[popover=manual] .control .container .content:nth-of-type(2) .wrap .here a{white-space:nowrap;align-items:center;gap:var(--sm);display:inline-flex;position:relative}aside[popover=manual] .control .container .content:nth-of-type(2) .wrap .here a span{color:var(--secondary);font-size:var(--fs-body)}aside[popover=manual] .control .container .content:nth-of-type(2) .wrap .here a svg{color:var(--secondary);inline-size:calc(var(--xs) + var(--fs-body))}:is(html,body):has(#sidebar:popover-open){scrollbar-gutter:auto;overflow:hidden}body:has(#sidebar:popover-open){scrollbar-gutter:auto;overflow:clip}body:has(#sidebar:popover-open) button.open{opacity:0;transition:display var(--dur-1), opacity var(--fx-short);transition-behavior:allow-discrete;display:none}body:has(#sidebar:popover-open)>:not(#sidebar){filter:blur(var(--three));pointer-events:none;transition:filter var(--fx-short) var(--dur-1)}body:has(#sidebar:popover-open) .appear{transform-origin:0;animation:var(--fx-smooth) calc(var(--i) * var(--dur-3)) both}body:has(#sidebar:popover-open) .appear.one{--i:1;animation-name:translateXUN}body:has(#sidebar:popover-open) .appear.two{--i:2;animation-name:translateXUN}body:has(#sidebar:popover-open) .appear.three{--i:3;animation-name:translateXUP}}}@layer skipmain{@layer skipmain{#skip_main{opacity:0;pointer-events:none;transition:opacity var(--fx-smooth), translate var(--fx-smooth);will-change:opacity, translate;z-index:15;inline-size:fit-content;margin-inline:auto;display:grid;position:fixed;inset-block-start:var(--md);inset-inline:0;translate:0 -100%}#skip_main span{background:var(--primary);color:var(--secondary);padding:var(--sm-space) var(--md-space)}#skip_main:focus-visible{opacity:1;pointer-events:auto;outline:var(--one) solid var(--accent);outline-offset:var(--three);translate:0}}}@layer overlay{@layer overlay{.overlay{background:var(--secondary-l);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 progressbar{@layer progressbar{[role=progressbar]{appearance:none;contain:strict;block-size:calc(var(--md-border) * 3);z-index:15;background:0 0;border:0;inline-size:100%;padding:0;position:fixed;inset:0 0 auto}[role=progressbar]::-webkit-progress-bar{background:0 0}[role=progressbar]::-webkit-progress-value{background:var(--accent)}[role=progressbar]::-moz-progress-bar{background:var(--accent)}}}@layer loader{@layer loader{:where(html,body):has(.loader){scrollbar-gutter:auto;overflow:hidden}.loader{clip-path:inset(0%);transition:clip-path var(--fx-smooth);z-index:30;block-size:100dvb;inline-size:100%;position:fixed;inset:0;overflow:hidden}.loader.is-exiting{clip-path:inset(0% 0% 100%)}.loader .part{opacity:1;transition:opacity var(--fx-fast);block-size:100%;inline-size:100%;position:relative}.loader .part.is-fading{opacity:0}@media (prefers-reduced-motion:reduce){.loader{transition:none!important;animation:none!important}}.square{--area:calc(2.5 * var(--ultra));--mid:calc(var(--area) / 2);perspective:var(--x-stretch);perspective-origin:50%;transform-style:preserve-3d;block-size:var(--area);inline-size:var(--area)}.square .cube{transform-style:preserve-3d;transform-origin:50%;will-change:transform;block-size:var(--area);inline-size:var(--area);position:relative}.square .face{position:absolute;inset:0;overflow:hidden}.square .face.face-front{transform:translateZ(var(--mid))}.square .face.face-back{transform:rotateY(180deg) translateZ(var(--mid))}.square .face.face-right{transform:rotateY(90deg) translateZ(var(--mid))}.square .face.face-left{transform:rotateY(-90deg) translateZ(var(--mid))}.square .face.face-top{transform:rotateX(90deg) translateZ(var(--mid))}.square .face.face-bottom{transform:rotateX(-90deg) translateZ(var(--mid))}:is(.square .face.face-front,.square .face.face-back,.square .face.face-right,.square .face.face-left,.square .face.face-top,.square .face.face-bottom){background:linear-gradient(in oklch, var(--surface-o), var(--primary-o))}@supports (color:color-mix(in lab, red, red)){:is(.square .face.face-front,.square .face.face-back,.square .face.face-right,.square .face.face-left,.square .face.face-top,.square .face.face-bottom){background:linear-gradient(in oklch, color-mix(in oklch, var(--surface-o) 80%, var(--secondary)), color-mix(in oklch, var(--primary-o) 55%, var(--secondary)))}}:is(.square .face.face-front,.square .face.face-back,.square .face.face-right,.square .face.face-left,.square .face.face-top,.square .face.face-bottom){border:var(--one) solid var(--secondary)}@supports (color:color-mix(in lab, red, red)){:is(.square .face.face-front,.square .face.face-back,.square .face.face-right,.square .face.face-left,.square .face.face-top,.square .face.face-bottom){border:var(--one) solid color-mix(in oklch, var(--secondary) 42%, transparent)}}.square .face .face-inner{background-image:repeating-linear-gradient(0deg in oklch, var(--secondary) 0, var(--secondary) var(--one), transparent var(--one), transparent 25%), repeating-linear-gradient(90deg in oklch, var(--secondary) 0, var(--secondary) var(--one), transparent var(--one), transparent 25%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.square .face .face-inner{background-image:repeating-linear-gradient(0deg in oklch, color-mix(in oklch, var(--secondary) 6%, transparent) 0, color-mix(in oklch, var(--secondary) 6%, transparent) var(--one), transparent var(--one), transparent 25%), repeating-linear-gradient(90deg in oklch, color-mix(in oklch, var(--secondary) 6%, transparent) 0, color-mix(in oklch, var(--secondary) 6%, transparent) var(--one), transparent var(--one), transparent 25%)}}.square .face .face-inner{pointer-events:none}.square .face .face-shine{background:linear-gradient(130deg in oklch, var(--secondary), var(--secondary) 30%, transparent 55%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.square .face .face-shine{background:linear-gradient(130deg in oklch, color-mix(in oklch, var(--secondary) 22%, transparent), color-mix(in oklch, var(--secondary) 8%, transparent) 30%, transparent 55%)}}.square .face .face-shine{pointer-events:none}.stage{pointer-events:none;position:absolute;inset:0;overflow:hidden}.stage .plane{--grid-gap:calc(1.1 * var(--ultra));background-image:repeating-linear-gradient(90deg in oklch, var(--primary) 0, var(--primary) var(--one), transparent var(--one), transparent var(--grid-gap)), repeating-linear-gradient(180deg in oklch, var(--primary) 0, var(--primary) var(--one), transparent var(--one), transparent var(--grid-gap));position:absolute;inset-block:50% -62%;inset-inline:-56%}@supports (color:color-mix(in lab, red, red)){.stage .plane{background-image:repeating-linear-gradient(90deg in oklch, color-mix(in oklch, var(--primary) 11%, transparent) 0, color-mix(in oklch, var(--primary) 11%, transparent) var(--one), transparent var(--one), transparent var(--grid-gap)), repeating-linear-gradient(180deg in oklch, color-mix(in oklch, var(--primary) 11%, transparent) 0, color-mix(in oklch, var(--primary) 11%, transparent) var(--one), transparent var(--one), transparent var(--grid-gap))}}.stage .plane{transform-origin:50% 0;transform:perspective(var(--stretch)) rotateX(70deg);opacity:.52;-webkit-mask-image:linear-gradient(to bottom in oklch, transparent, var(--primary) 12%, var(--primary) 84%, transparent);-webkit-mask-image:linear-gradient(to bottom in oklch, transparent, var(--primary) 12%, var(--primary) 84%, transparent);-webkit-mask-image:linear-gradient(to bottom in oklch, transparent, var(--primary) 12%, var(--primary) 84%, transparent);mask-image:linear-gradient(to bottom in oklch, transparent, var(--primary) 12%, var(--primary) 84%, transparent)}@supports (color:color-mix(in lab, red, red)){.stage .plane{-webkit-mask-image:linear-gradient(to bottom in oklch, transparent, color-mix(in oklch, var(--primary) 80%, transparent) 12%, var(--primary) 84%, transparent);-webkit-mask-image:linear-gradient(to bottom in oklch, transparent, color-mix(in oklch, var(--primary) 80%, transparent) 12%, var(--primary) 84%, transparent);-webkit-mask-image:linear-gradient(to bottom in oklch, transparent, color-mix(in oklch, var(--primary) 80%, transparent) 12%, var(--primary) 84%, transparent);mask-image:linear-gradient(to bottom in oklch, transparent, color-mix(in oklch, var(--primary) 80%, transparent) 12%, var(--primary) 84%, transparent)}}.stage .plane{-webkit-mask-source-type:auto;-webkit-mask-source-type:auto;-webkit-mask-source-type:auto;mask-mode:match-source}.stage .fade{background:radial-gradient(ellipse 75% 58% at 50% 100% in oklch, transparent, var(--secondary-l) 76%, var(--secondary-l));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.stage .fade{background:radial-gradient(ellipse 75% 58% at 50% 100% in oklch, transparent, color-mix(in oklch, var(--secondary-l) 82%, transparent) 76%, color-mix(in oklch, var(--secondary-l) 92%, var(--secondary)))}}.spinner{background:var(--secondary);place-items:center;block-size:100%;inline-size:100%;display:grid;position:absolute;inset:0;overflow:hidden}.spinner .bloom{background:linear-gradient(to bottom in oklch, var(--secondary) 60%, transparent);pointer-events:none;position:absolute;inset:0}.spinner .box{place-items:center;gap:calc(2 * var(--md-space));z-index:1;display:grid;position:relative}.spinner .box .con{animation:loaderFloat var(--fx-due) infinite;z-index:1;position:relative}.spinner .box .hollow{inset:calc(var(--area,calc(3 * var(--ultra))) * -.9);background:radial-gradient(circle in oklch, var(--secondary), var(--secondary) 50%, transparent 72%);position:absolute}@supports (color:color-mix(in lab, red, red)){.spinner .box .hollow{background:radial-gradient(circle in oklch, color-mix(in oklch, var(--secondary) 12%, transparent), color-mix(in oklch, var(--secondary) 6%, transparent) 50%, transparent 72%)}}.spinner .box .hollow{border-radius:calc(2 * var(--md));pointer-events:none;animation:loaderHollow var(--fx-due) infinite;transform-origin:50%;z-index:0}.spinner .box .shadow{--area:calc(3 * var(--ultra));border-radius:calc(2 * var(--md));background:radial-gradient(ellipse 88% 100% at 50% 50% in oklch, var(--primary), var(--primary) 60%, transparent 78%)}@supports (color:color-mix(in lab, red, red)){.spinner .box .shadow{background:radial-gradient(ellipse 88% 100% at 50% 50% in oklch, color-mix(in oklch, var(--primary) 65%, transparent), color-mix(in oklch, var(--primary) 35%, transparent) 60%, transparent 78%)}}.spinner .box .shadow{filter:blur(calc(var(--two) + var(--xs)));block-size:calc(var(--area) * .07);inline-size:calc(var(--area) * .68);animation:loaderShadow var(--fx-due) infinite;transform-origin:50%}.spinner .box .cube{animation:loaderCube calc(2 * var(--dur-7)) var(--ease-linear) infinite}.spinner .box .label{color:var(--primary);font-size:var(--fs-body);text-transform:uppercase;gap:var(--xs);display:flex}.spinner .box .label .loader-letter{opacity:.2;animation:loaderLabel var(--fx-extra) calc((sibling-index() - 1) * .1s) infinite;display:grid}}}
