@layer reset,theme,base,performance,animations,layout,typography,capsules,style;@layer reset.reset{@scope (:where(html,body)){:is(*,*:before,*:after){margin:0;padding:0;box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}}}@layer theme.theme{@property --primary-hex{syntax: "<color>"; inherits: false; initial-value: #101616;}@property --secondary-hex{syntax: "<color>"; inherits: false; initial-value: #fbfbff;}@property --accent-hex{syntax: "<color>"; inherits: false; initial-value: #C09562;}@property --surface-hex{syntax: "<color>"; inherits: false; initial-value: #033431;}:root{--primary: oklch(from var(--primary-hex) calc(l - 30) calc(c*10) calc(h*10) );--secondary: oklch(from var(--secondary-hex) calc(l*15) calc(c*5) calc(h + 20) );--accent: oklch(from var(--accent-hex) l calc(c*1.5) calc(h - 3) );--surface: oklch(from var(--surface-hex) l calc(c*1.5) calc(h - 3) );--valid: oklch(from var(--valid-hex) l calc(c*1.5) calc(h - 3) );--invalid: oklch(from var(--invalid-hex) l calc(c*1.5) calc(h - 3) );--primary-o: oklch(from var(--primary) l c h / .75);--secondary-o: oklch(from var(--secondary) l c h / .75);--accent-o: oklch(from var(--accent) l c h / .75);--surface-o: oklch(from var(--surface) l c h / .75);--primary-l: oklch(from var(--primary) l c h / .15);--secondary-l: oklch(from var(--secondary) l c h / .15);--accent-l: oklch(from var(--accent) l c h / .15);--surface-l: oklch(from var(--surface) l c h / .15);--x-stretch: clamp(21.875rem, calc(18.125rem + 15dvw) , 31.25rem);--stretch: clamp(18.75rem, calc(15rem + 15dvw) , 28.125rem);--ultra: clamp(2.5rem, calc(1.875rem + 2.5dvw) , 4.0625rem);--jumbo: clamp(1.875rem, calc(1.25rem + 2.5dvw) , 3.4375rem);--xx-large: clamp(1.5625rem, calc(1.0625rem + 2dvw) , 2.8125rem);--x-large: clamp(1.25rem, calc(.875rem + 1.5dvw) , 2.1875rem);--large: clamp(1.0625rem, calc(.7375rem + 1.3dvw) , 1.875rem);--body: clamp(.875rem, calc(.725rem + .6dvw) , 1.25rem);--small: clamp(.75rem, calc(.625rem + .5dvw) , 1.0625rem);--md-space: clamp(.9375rem, calc(.8125rem + .5dvw) , 1.25rem);--sm-space: clamp(.4375rem, calc(.3625rem + .3dvw) , .625rem);--md-border: clamp(.125rem, calc(.0998rem + .1008dvw) , .188rem);--sm-border: clamp(.063rem, calc(.0382rem + .0992dvw) , .125rem);--one: .063rem;--two: .125rem;--three: .188rem;--xs: .313rem;--sm: .625rem;--sp: .938rem;--md: 1.25rem;--fs-h1: var(--jumbo);--fs-h2: var(--xx-large);--fs-h3: var(--x-large);--fs-h4: var(--large);--fs-body: var(--body);--fs-small: var(--small);--lh-dense: clamp(1.1, calc(1 + .2dvw) , 1.3);--lh-regular: clamp(1.4, calc(1.3 + .2dvw) , 1.55);--lh-relaxed: clamp(1.5, calc(1.4 + .3dvw) , 1.8);--rh-dense: calc(1lh * var(--lh-dense));--rh-regular: calc(1lh * var(--lh-regular));--rh-relaxed: calc(1lh * var(--lh-relaxed));--dur-1: .25s;--dur-2: .35s;--dur-3: .5s;--dur-4: .8s;--dur-5: 1.2s;--dur-6: 2s;--dur-7: 4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.32, 0, .67, 0);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-linear: linear;--curve-fast: cubic-bezier(.32, .72, 0, 1);--curve-short: cubic-bezier(.34, .69, .1, 1);--curve-long: cubic-bezier(.22, .61, .08, 1);--fx-fast: var(--dur-1) var(--ease-out);--fx-short: var(--dur-2) var(--ease-out);--fx-smooth: var(--dur-3) var(--ease-in-out);--fx-long: var(--dur-4) var(--ease-in-out);--fx-xlong: var(--dur-5) var(--ease-in-out);--fx-due: var(--dur-7) var(--ease-linear);--fx-cv-fast: var(--dur-5) var(--curve-fast);--fx-cv-short: var(--dur-6) var(--curve-short);--fx-cv-long: var(--dur-7) var(--curve-long)}}@layer base.base{@scope (:where(html,body)){:is(img,svg){aspect-ratio:1 / 1;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;forced-color-adjust:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact;cursor:pointer;object-fit:contain;object-position:center;image-rendering:auto;contain:layout style;interpolate-size:allow-keywords;block-size:auto;max-inline-size:100%}img{content-visibility:auto;contain-intrinsic-size:auto calc(5 * var(--ultra));color-scheme:light dark;filter:contrast(1.1) saturate(1.1);image-orientation:from-image;translate:0 0 0}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;vector-effect:non-scaling-stroke;transform-box:fill-box;paint-order:stroke fill markers}html{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-synthesis:none;font-feature-settings:"liga" 1,"kern" 1;font-variant-ligatures:common-ligatures contextual;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-kerning:normal;hanging-punctuation:first last;text-size-adjust:100%;text-spacing-trim:trim-start;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;image-rendering:auto;scroll-padding-top:var(--md);-webkit-overflow-scrolling:touch;accent-color:var(--accent);forced-color-adjust:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-stroke:0 transparent;overflow-anchor:auto;min-block-size:100dvh;max-inline-size:100%}body{background:var(--secondary-l);color:var(--primary);overflow-wrap:anywhere;line-height-step:calc(var(--xs) + var(--md));touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-display:swap;inline-size:100%}}}@layer performance{@layer performance{@scope (section){@supports (animation-timeline: view(block)){:scope{will-change:filter;animation:faded var(--fx-smooth) both;animation-timeline:view(block);animation-range:exit 0% cover 100%}}.container>*{animation-timeline:view(block);animation-range:entry 0% cover 30%}@supports not (animation-timeline: view(block)){.container>*{animation:none;filter:grayscale(.3);transition:filter var(--fx-smooth)}}}@scope (html){@supports (animation-timeline: scroll(root)){div[role=status]{position:fixed;inset:0;background:var(--accent);transform-origin:left;contain:strict;will-change:scale;block-size:calc(var(--md-border) * 3);inline-size:100%;animation:scaleXU var(--ease-linear) forwards;animation-timeline:scroll(root);animation-range:entry 0% exit 100%;z-index:999}}@supports selector(::-webkit-scrollbar){:scope ::-webkit-scrollbar{--bar: calc(var(--md-border) * 3);block-size:var(--bar);inline-size:var(--bar)}:scope ::-webkit-scrollbar-thumb{background:var(--accent);cursor:pointer}}}@keyframes faded{0%{filter:grayscale(0)}to{filter:grayscale(1)}}@media(prefers-reduced-motion:reduce){.intro{animation:none!important}.intro:before,.intro:after{animation:none!important;transform:none!important;transition:none!important}}}@media(max-height:30.625rem)and (max-width:59.375rem)and (orientation:landscape)and (prefers-reduced-motion:no-preference)and (pointer:fine)and (hover:hover)and (min-resolution:2dppx){img{image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;content-visibility:auto;contain-intrinsic-size:auto calc(3 * var(--ultra));contain:content}}@media(min-resolution:2dppx),(-webkit-min-device-pixel-ratio:2){svg path{fill-rule:evenodd;vector-effect:non-scaling-stroke;stroke-width:1.5;paint-order:stroke fill markers;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:crisp-edges;transform-box:fill-box;will-change:opacity,transform;translate:0;color-scheme:light dark;forced-color-adjust:auto;contain:layout style}:is(svg line,svg circle,svg rect,svg polygon){shape-rendering:crispEdges;vector-effect:non-scaling-stroke}:is(svg path,svg line,svg circle){transition:fill var(--fx-fast),stroke var(--fx-short),opacity var(--fx-short),transform var(--fx-smooth)}}}@layer animations.animations{@keyframes scaleU{0%{scale:0 0 0}to{scale:1 1 1}}@keyframes scaleD{0%{scale:1 1 1}to{scale:0 0 0}}@keyframes scaleXU{0%{scale:0 1 0}to{scale:1 1 1}}@keyframes scaleXD{0%{scale:1 1 1}to{scale:0 1 0}}@keyframes scaleYU{0%{scale:1 0 0}to{scale:1 1 1}}@keyframes scaleYD{0%{scale:1 1 1}to{scale:1 0 0}}@keyframes translateXUN{0%{translate:-100% 0 0}to{translate:0 0 0}}@keyframes translateXDP{0%{translate:0 0 0}to{translate:100% 0 0}}@keyframes translateXUP{0%{translate:100% 0 0}to{translate:0 0 0}}@keyframes translateXDN{0%{translate:0 0 0}to{translate:-100% 0 0}}@keyframes translateYUP{0%{translate:0 100% 0}to{translate:0 0 0}}@keyframes translateYDN{0%{translate:0 0 0}to{translate:0 -100% 0}}@keyframes translateYUN{0%{translate:0 -100% 0}to{translate:0 0 0}}@keyframes translateYDP{0%{translate:0 0 0}to{translate:0 100% 0}}@keyframes rotate{0%{rotate:0deg}to{rotate:360deg}}@keyframes rotateX{0%{rotate:0deg x}to{rotate:360deg x}}@keyframes rotateY{0%{rotate:0deg y}to{rotate:360deg y}}@keyframes opacityA{0%{opacity:0}to{opacity:1}}@keyframes opacityD{0%{opacity:1}to{opacity:0}}@keyframes float{0%,to{translate:0 0 0}50%{translate:0 calc(-1 * var(--sm)) 0}}@keyframes iconCC{0%{fill:var(--accent)}to{fill:transparent}}@keyframes pulse{0%,to{scale:.8}50%{scale:1}}@keyframes shake{0%,to{translate:0 0}20%{translate:calc(-1 * var(--xs)) 0}40%{translate:var(--xs) 0}60%{translate:calc(-1 * var(--three)) 0}80%{translate:var(--three) 0}}@keyframes activate{0%,to{translate:0 0 0}50%{translate:calc(-1 * var(--xs)) 0 0}}@keyframes wave1{0%{background-position:0 0}to{background-position:160rem 0}}@keyframes wave2{0%{background-position:0 0}to{background-position:-160rem 0}}}@layer layout{@layer layout{@scope (:is(aside,header,main,footer)){:scope{content-visibility:auto;contain-intrinsic-block-size:auto var(--stretch);isolation:isolate}}@scope (:is(header,main,footer)){:scope{display:grid;position:relative;place-items:center;min-inline-size:31.25rem;inline-size:100%}:scope :is(nav,section){display:grid;position:relative;place-items:center;block-size:100%;inline-size:100%}}@scope (:is(header,footer)){:is(nav,section){max-inline-size:90.625rem}}@scope (:is(main)){section{display:grid;position:relative;place-items:center;padding-block:var(--jumbo);block-size:100%;inline-size:100%}section .control{max-inline-size:90.625rem}}.control{display:grid;position:relative;place-items:center;block-size:100%;inline-size:100%}.container{display:grid;position:relative;place-items:center;gap:calc(2 * var(--md-space));inline-size:calc(100% - var(--ultra))}}@media(min-width:21.25rem)and (max-width:30rem)and (min-height:30rem)and (max-height:61.25rem)and (orientation:portrait)and (prefers-reduced-motion:no-preference)and (pointer:coarse){:is(header,main,footer){min-inline-size:unset}}}@layer typography.typography{@scope (:where(html,body)){:is(button,input,textarea){all:unset;box-sizing:border-box;color:inherit;font:inherit}:is(input,textarea){display:block;position:relative;cursor:text;appearance:none;-webkit-appearance:none;field-sizing:content;accent-color:var(--accent);caret-color:currentColor;min-inline-size:0;inline-size:100%}:is(a,button,[role=button]){cursor:pointer;user-select:none;-webkit-user-select:none}:is(a,b,abbr,button,em,span,strong){color:inherit;font-weight:400;letter-spacing:.005rem}:is(a,abbr,u,ins,s,del){text-decoration:none}:is(h1,h2,h3,h4,small,p,li){text-wrap:pretty;text-box-trim:both;text-box-edge:cap alphabetic;overflow-wrap:break-word;word-break:normal}:is(h1,h2,h3,h4,summary){font-family:Outfit,system-ui,sans-serif;font-weight:500;-webkit-hyphens:none;hyphens:none;letter-spacing:.01em;line-height:var(--rh-dense);text-wrap-style:balance}:is(a,b,button,em,span,small,p,li,label,input,strong,textarea){font-family:DM Sans,system-ui,sans-serif;line-height:var(--rh-regular)}:is(small,p,li){font-weight:300;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.005em;max-inline-size:clamp(45ch,50dvw,60ch)}p+p{margin-block-start:1lh}li{list-style:none}}}@layer capsules.capsules{@scope (:is(button,[role="button"]):not(#tap)){:scope{display:inline-grid;position:relative;place-items:center;isolation:isolate;overflow:clip;transition:background var(--fx-smooth),box-shadow var(--fx-smooth),color var(--fx-smooth),display var(--dur-1),opacity var(--fx-short),scale var(--fx-short),transform var(--fx-smooth)}:scope:focus-visible{outline:var(--one) solid var(--accent);outline-offset:var(--xs)}:scope:active{scale:.9}:scope span{display:inline-flex;align-items:center}}}@layer style.style{#root:empty{visibility:hidden}div[role=alert]{color:var(--primary);text-align:center;gap:var(--sm);padding:var(--x-large)}#skip_main{display:grid;position:fixed;inset-block-start:var(--md);inset-inline:0;margin-inline:auto;opacity:0;pointer-events:none;translate:0 -100%;transition:opacity var(--fx-smooth),translate var(--fx-smooth);will-change:opacity,translate;inline-size:fit-content;z-index: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;translate:0 0;outline:var(--sm-border) solid var(--accent);outline-offset:var(--three)}.overlay{position:fixed;inset:0;place-items:center;background:var(--secondary-l);isolation:isolate;block-size:100dvh;inline-size:100%;z-index:-1}.overlay:before,.overlay:after{content:" ";position:absolute;inset:0;block-size:100%;inline-size:100%}.overlay:before{background:radial-gradient(circle at left top,color-mix(in oklch,var(--accent) 60%,var(--secondary) 40%) 0%,transparent 70%),radial-gradient(circle at right top,color-mix(in oklch,var(--surface) 60%,var(--secondary) 40%) 0%,transparent 70%),linear-gradient(to bottom,var(--secondary) 60%,var(--secondary) 100%);mix-blend-mode:soft-light}.overlay:after{background:var(--secondary);mix-blend-mode:multiply}#ToTop{display:inline-grid;position:fixed;place-items:center;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)));background:var(--primary);border-radius:calc(2 * var(--md));box-shadow:var(--secondary-o) 0 var(--sm-border) var(--md-border);color:var(--secondary);scale:0 1 0;padding:calc(var(--two) + var(--xs));transition:background var(--fx-smooth),scale var(--fx-short);transform-origin:center;will-change:scale;z-index:100}#ToTop.show{scale:1 1 1;animation:float var(--fx-smooth) infinite alternate}#ToTop:is(:hover,:focus-visible){color:var(--primary);background:var(--primary-o);animation-play-state:paused}#ToTop span{display:grid;position:relative;place-items:center;block-size:100%;inline-size:100%}#ToTop span:before{content:" ";position:absolute;inset:0;background:var(--secondary-o);border-radius:calc(2 * var(--md));transition:scale var(--fx-smooth);scale:0 0 0;transform-origin:center;will-change:scale;block-size:100%;inline-size:100%}#ToTop span:hover:before{scale:2 2 1}#ToTop span svg{color:var(--secondary);transition:color var(--fx-smooth),translate var(--fx-smooth);inline-size:calc(var(--sm) + var(--fs-body))}#ToTop span:hover svg{color:var(--primary);translate:0 calc(-1.5 * var(--three)) 0}aside[id=sidebar]{display:grid;position:fixed;place-items:center;inset:0;gap:calc(2 * var(--md-space));padding-block:var(--x-large);background:var(--primary);backface-visibility:visible;overflow-y:auto;transition:display var(--dur-1),opacity var(--fx-short) var(--dur-1),scale var(--fx-smooth) var(--dur-1);transition-behavior:allow-discrete;opacity:.5;scale:.5 0 1;transform-origin:center;will-change:opacity,scale;block-size:100svh;inline-size:100%;z-index:100}@starting-style{aside[id=sidebar]{opacity:0}}aside[id=sidebar].is-open{opacity:1;scale:1 1 1}aside[id=sidebar]::-webkit-scrollbar{--bar: calc(var(--sm-border) * 3);block-size:var(--bar);inline-size:var(--bar)}aside[id=sidebar]::-webkit-scrollbar-thumb{background:var(--accent-o);cursor:pointer}aside[id=sidebar] .control .container{place-content:space-between normal;gap:calc(2 * var(--md-space));block-size:100%}aside[id=sidebar] .control .container .content{display:grid;position:relative;place-items:center;gap:calc(2 * var(--md-space));inline-size:100%}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap{display:flex;align-items:center;inline-size:100%}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(1){padding-block-end:var(--md-space);box-shadow:inset 0 calc(-1 * var(--sm-border)) 0 0 var(--secondary-o)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here{display:grid;position:relative;block-size:100%;inline-size:100%}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(1){place-items:center start}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(1) a{color:var(--secondary);font-size:var(--fs-h3)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(1) a span{color:var(--accent)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(2){place-items:center end}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(2) button svg{color:var(--secondary);transition:color var(--fx-short),rotate var(--fx-smooth);inline-size:calc(var(--sm) + var(--fs-body))}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(2) button svg:hover{color:var(--accent);rotate:45deg 0 0}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2){padding-block:var(--md-space)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav{display:grid;position:relative;place-items:start;block-size:100%;inline-size:100%}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav:has(a:not(:nth-of-type(1)):hover) * span{color:var(--secondary-l)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav:has(a:not(:nth-of-type(1)):hover) * span sub{color:var(--secondary-l)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav:has(a:not(:nth-of-type(1)):hover) * svg{color:var(--secondary-l)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a{display:flex;position:relative;justify-content:space-between;padding-block:calc(2 * var(--md-space));overflow:clip;inline-size:100%}aside[id=sidebar] .control .container .content:nth-of-type(1) .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[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a span sub{font-size:var(--fs-small);transition:color var(--fx-smooth)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a:nth-of-type(1){color:var(--accent);transition:background var(--fx-smooth)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a:nth-of-type(1) sub{color:var(--accent-o)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a:nth-of-type(1) svg{color:var(--accent)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a:not(:nth-of-type(4)):before{content:" ";position:absolute;inset-block-end:0;background:var(--secondary-l);block-size:var(--one);inline-size:100%}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a:not(:nth-of-type(1)) span{color:var(--secondary)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a:not(:nth-of-type(1)):hover span{color:var(--accent)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a:not(:nth-of-type(1)):hover span sub{color:var(--accent-o)}aside[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a:not(:nth-of-type(1)):hover svg{color:var(--accent);rotate:0deg}aside[id=sidebar] .control .container .content:nth-of-type(1) .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[id=sidebar] .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) nav a:not(:nth-of-type(1)) svg{color:var(--secondary);rotate:45deg;scale:.9 1 1;will-change:rotate,scale}aside[id=sidebar] .control .container .content:nth-of-type(2) .wrap{display:grid;position:relative;place-items:center;padding-block:var(--md-space);inline-size:100%}aside[id=sidebar] .control .container .content:nth-of-type(2) .wrap .here{display:grid;position:relative;place-items:center end;inline-size:100%}aside[id=sidebar] .control .container .content:nth-of-type(2) .wrap .here a{display:inline-flex;position:relative;align-items:center;white-space:nowrap;gap:var(--sm)}aside[id=sidebar] .control .container .content:nth-of-type(2) .wrap .here a span{color:var(--secondary);font-size:var(--fs-body)}aside[id=sidebar] .control .container .content:nth-of-type(2) .wrap .here a svg{color:var(--secondary);inline-size:calc(var(--xs) + var(--fs-body))}@media(min-width:50.313rem)and (prefers-reduced-motion:no-preference){aside[id=sidebar]{display:none;opacity:0}}@media not ((min-width:50.313rem)and (prefers-reduced-motion:no-preference)){body:has(#sidebar.is-open){scrollbar-gutter:stable;overflow:hidden}}header nav{padding-block:var(--x-large)}header nav .container .content{display:flex;position:relative;justify-content:space-between;gap:calc(2 * var(--md-space));padding-block-end:var(--md-space);box-shadow:inset 0 calc(-1 * var(--sm-border)) 0 0 var(--primary-o);inline-size:100%}header nav .container .content .wrap{position:relative}header nav .container .content .wrap:nth-of-type(1){display:inline-grid;place-items:center}header nav .container .content .wrap:nth-of-type(1) a{color:var(--primary);font-size:var(--fs-h3);text-transform:uppercase}header nav .container .content .wrap:nth-of-type(2){display:inline-flex;align-items:center;gap:var(--sm)}header nav .container .content .wrap:nth-of-type(2) .here{display:inline-flex;align-items:center;gap:var(--sm);transition:display var(--dur-1),opacity var(--fx-short);transition-behavior:allow-discrete}@starting-style{header nav .container .content .wrap:nth-of-type(2) .here{opacity:0}}header nav .container .content .wrap:nth-of-type(2) .here a{display:inline-flex;position:relative;align-items:center;gap:var(--sm-space)}header nav .container .content .wrap:nth-of-type(2) .here a :is(span,svg){color:var(--primary)}header nav .container .content .wrap:nth-of-type(2) .here a span{font-size:var(--fs-body)}header nav .container .content .wrap:nth-of-type(2) .here a svg{inline-size:calc(var(--xs) + var(--fs-body))}@media(max-width:50.313rem)and (prefers-reduced-motion:no-preference){header nav .container .content .wrap:nth-of-type(2) .here{display:none;opacity:0}}header nav .container .content .wrap:nth-of-type(2) button{display:none;padding:var(--sm-border);transition-behavior:allow-discrete}@starting-style{header nav .container .content .wrap:nth-of-type(2) button{opacity:0}}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 .9 1}@media(max-width:50.313rem)and (prefers-reduced-motion:no-preference){header nav .container .content .wrap:nth-of-type(2) button{display:grid;opacity:1}}main section:nth-of-type(1) .control .container .content{display:grid;position:relative;place-items:center;inline-size:100%}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap{display:grid;position:relative;place-items:center;inline-size:100%}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1){gap:calc(2 * var(--md-space))}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here{position:relative;inline-size:100%}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here :is(span,h1){text-align:center}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(1){display:grid;place-items:center}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(1) 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);rotate:-10deg}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(2){display:flex;justify-content:center;gap:calc(2 * var(--md-space))}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(2) svg{inline-size:calc(var(--md-space) + var(--fs-body))}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(2) svg:nth-of-type(1){color:var(--accent);transition:fill var(--fx-smooth);animation:iconCC var(--dur-7) infinite alternate}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(2) svg:nth-of-type(2){color:var(--surface);fill:currentColor;animation:rotateY calc(2 * var(--dur-7)) infinite}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(2) h1{position:relative;font-size:calc(var(--sm-space) + var(--ultra));font-weight:500;text-transform:uppercase;white-space:nowrap;user-select:none;-webkit-user-select:none}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) .here:nth-of-type(2) h1:after{content:attr(data-label);position:absolute;inset:0;color:transparent;-webkit-text-stroke:var(--sm-border) var(--primary);z-index:2}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2){gap:var(--sm)}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) :is(h2,p){text-align:center}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) h2{position:relative;font-size:calc(var(--sm-space) + var(--ultra));text-transform:uppercase;user-select:none;-webkit-user-select:none;max-inline-size:20ch}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) h2:after{content:attr(data-label);position:absolute;inset:0;color:transparent;-webkit-text-stroke:var(--sm-border) var(--primary);z-index:2}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) p{color:var(--primary-o);font-size:var(--fs-body);max-inline-size:35ch}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) p :is(strong,em){color:var(--primary)}main section:nth-of-type(1) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) p em{font-style:oblique}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap{display:inline-grid;position:relative;place-items:center}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap a[role=button]{background:var(--primary);border-radius:calc(2 * var(--md));box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);padding-block:calc(var(--sm-border) + var(--xs));padding-inline:var(--md-space) var(--xs)}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap a[role=button]:before{content:" ";position:absolute;inset:0;background:var(--surface);transition:scale var(--fx-short);scale:0 1 0;transform-origin:left;will-change:scale;block-size:100%;inline-size:100%;z-index:-1}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap a[role=button]:hover:before{scale:1 1 1}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap a[role=button] span{color:var(--secondary);font-size:var(--fs-body);gap:var(--sm)}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap a[role=button] span span{position:relative;padding:calc(var(--sm-border) + var(--xs));background:var(--secondary);border-radius:calc(2 * var(--md));overflow:clip}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap a[role=button] span span:before{content:" ";position:absolute;inset:0;background:var(--primary);transition:scale var(--fx-smooth);scale:0 1 0;transform-origin:left;will-change:scale;block-size:100%;inline-size:100%}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap a[role=button] span span svg{color:var(--primary);transition:color var(--fx-smooth),rotate var(--fx-smooth);inline-size:calc(var(--xs) + var(--fs-body))}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap a[role=button]:hover span>span:before{scale:1 1 1}main section:nth-of-type(1) .control .container .content:nth-of-type(2) .wrap a[role=button]:hover svg{color:var(--secondary);rotate:45deg}main section:nth-of-type(2) .control .container .track[role=marquee]{display:flex;position:relative;align-items:center;cursor:pointer;border-block:var(--two) dashed var(--primary-o);padding-block:var(--md-space);overflow:hidden;backface-visibility:hidden;mask:linear-gradient(to right,color-mix(in oklch,var(--secondary) 0%,transparent) 0%,var(--secondary) 10%,var(--secondary) 90%,color-mix(in oklch,var(--secondary) 0%,transparent) 100%) no-repeat 100% 100%;mask-mode:luminance;-webkit-mask:linear-gradient(to right,color-mix(in oklch,var(--secondary) 0%,transparent) 0%,var(--secondary) 10%,var(--secondary) 90%,color-mix(in oklch,var(--secondary) 0%,transparent) 100%) no-repeat 100% 100%;-webkit-mask-mode:luminance;block-size:fit-content;inline-size:100%}main section:nth-of-type(2) .control .container .track[role=marquee] ul{display:inline-flex;align-items:center;gap:var(--ultra);padding-inline-end:var(--ultra);content:paint;will-change:translate;inline-size:fit-content;animation:translateXDN calc(10 * var(--dur-7)) var(--ease-linear) infinite}main section:nth-of-type(2) .control .container .track[role=marquee] ul li{display:inline-flex;position:relative;align-items:center;gap:var(--ultra);overflow:clip}main section:nth-of-type(2) .control .container .track[role=marquee] ul li :is(h2,span){font-size:var(--fs-h4);user-select:none;-webkit-user-select:none}main section:nth-of-type(2) .control .container .track[role=marquee] ul li h2{color:var(--primary);text-transform:uppercase;white-space:nowrap}main section:nth-of-type(2) .control .container .track[role=marquee] ul li span{color:var(--accent);animation:rotate var(--dur-5) var(--ease-linear) infinite}main section:nth-of-type(2) .control .container .track[role=marquee]:hover :is(ul,li>span){filter:grayscale(1);animation-play-state:paused}main section:nth-of-type(3) .control:before{content:" ";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--secondary) 75%,var(--surface)) 25%,color-mix(in oklch,var(--primary) 25%,var(--surface)) 75%),url(https://plus.unsplash.com/premium_photo-1670179694028-a74b92f49857?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) center / cover no-repeat;background-attachment:fixed;background-blend-mode:multiply;filter:contrast(1.1) saturate(1.1);block-size:100%;inline-size:100%}main section:nth-of-type(3) .control .container .content{display:grid;position:relative;place-items:center;grid-template-columns:repeat(auto-fit,minmax(var(--stretch),1fr));gap:var(--sm);padding-block:var(--x-large);overflow:hidden;min-block-size:calc(3 * var(--ultra));inline-size:100%}main section:nth-of-type(3) .control .container .content .wrap{display:grid;position:relative;place-items:center start;block-size:100%;inline-size:100%}main section:nth-of-type(3) .control .container .content .wrap:nth-of-type(1) h2{color:var(--secondary);font-size:var(--fs-h2)}main section:nth-of-type(3) .control .container .content .wrap:nth-of-type(2) p{color:var(--secondary-o);font-size:var(--fs-body)}@media(max-width:50.313rem)and (prefers-reduced-motion:no-preference){main section:nth-of-type(3) .control .container .content .wrap{place-items:center}main section:nth-of-type(3) .control .container .content .wrap:nth-of-type(2) p{text-align:center}}main section:nth-of-type(4) .control .container .content{display:grid;position:relative;place-items:center;gap:calc(2 * var(--md-space));block-size:fit-content;inline-size:100%}main section:nth-of-type(4) .control .container .content:nth-of-type(1){grid-template-columns:repeat(auto-fit,minmax(var(--stretch),1fr))}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap{position:relative;inline-size:100%}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1){display:grid;place-items:start;animation:translateXUN var(--fx-cv-long) both;animation-timeline:view(block);animation-range:entry 0% contain 30%}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) h2{font-size:var(--fs-h1);text-transform:uppercase}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2){display:flex;align-items:center;justify-content:end;gap:calc(2 * var(--md-space))}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here{display:grid;position:relative;place-items:center;transform-origin:top right;animation:scaleU var(--fx-cv-long) both;animation-timeline:view(block);animation-range:entry 0% contain 30%}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here:nth-of-type(1){animation-delay:var(--dur-7)}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here:nth-of-type(2){animation-delay:calc(2 * var(--dur-7))}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here:nth-of-type(3){animation-delay:calc(3 * var(--dur-7))}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here span{display:inline-flex;position:relative;align-items:start;gap:var(--sm)}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here span :is(h3,svg){color:var(--primary)}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here span h3{font-size:var(--fs-h2)}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here span svg{inline-size:calc(var(--sm-space) + var(--fs-body));animation:pulse var(--dur-7) infinite}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here small{color:var(--primary);font-size:var(--fs-small)}@media(max-width:50.313rem)and (prefers-reduced-motion:no-preference){main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1){place-items:center}main section:nth-of-type(4) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2){justify-content:center}}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap{position:relative;gap:calc(2 * var(--md-space));block-size:100%;inline-size:100%}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1){display:flex;align-items:center;flex-wrap:wrap}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here{display:grid;position:relative;box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);cursor:pointer;padding:var(--x-large);block-size:var(--stretch);min-inline-size:var(--stretch);inline-size:100%;animation:scaleU var(--fx-cv-long) both;animation-timeline:view(block);animation-range:entry 0% contain 30%}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1){place-content:space-between normal;flex:2;background:var(--primary);transform-origin:bottom right;animation-delay:var(--dur-7)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1) .align{display:grid;position:relative;inline-size:100%}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1) .align:nth-of-type(1){gap:var(--sm);transition:padding var(--fx-smooth)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1) .align:nth-of-type(1) h4{color:var(--secondary);font-size:var(--fs-h3)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1) .align:nth-of-type(1) p{color:var(--secondary-o);font-size:var(--fs-body)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1) .align:nth-of-type(2){place-items:end}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1) .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:nth-of-type(1) .here:nth-of-type(1):hover .align:nth-of-type(2) svg{rotate:45deg}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2){flex:1;background:var(--accent);place-content:space-between normal;transform-origin:top left;animation-delay:calc(2 * var(--dur-7))}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) .align{display:inline-grid;position:relative}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) .align:nth-of-type(1){place-items:center start;transition:padding var(--fx-smooth)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) .align:nth-of-type(1) p{color:var(--primary-o);font-size:var(--fs-body)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) .align:nth-of-type(2){place-items:center end}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) .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:nth-of-type(1) .here:hover .align:nth-of-type(1){padding:var(--md)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2){display:grid;place-items:center;grid-template-columns:repeat(auto-fit,minmax(var(--stretch),1fr))}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here{display:grid;position:relative;place-content:space-between normal;place-items:center;box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);cursor:pointer;padding:var(--x-large);block-size:var(--stretch);inline-size:100%;animation:scaleU var(--fx-cv-long) both;animation-timeline:view(block);animation-range:entry 0% contain 30%}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(1){background:var(--primary);transform-origin:bottom right;animation-delay:var(--dur-7)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(1) .align{display:grid;position:relative;place-items:center;inline-size:100%}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(1) .align:nth-of-type(1){place-items:center start;gap:var(--sm);transition:padding var(--fx-smooth)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(1) .align:nth-of-type(1) h4{color:var(--secondary);font-size:var(--fs-h3)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(1) .align:nth-of-type(1) p{color:var(--secondary-o);font-size:var(--fs-body)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(1) .align:nth-of-type(2){place-items:center end}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(1) .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:nth-of-type(2) .here:nth-of-type(1):hover .align:nth-of-type(2) svg{rotate:45deg}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(2){background:var(--accent);transform-origin:top left;animation-delay:calc(2 * var(--dur-7))}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(2) .align{display:grid;position:relative;place-items:center;inline-size:100%}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(2) .align:nth-of-type(1){place-items:center start;transition:padding var(--fx-smooth)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(2) .align:nth-of-type(1) p{color:var(--primary-o);font-size:var(--fs-body)}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(2) .align:nth-of-type(2){place-items:center end}main section:nth-of-type(4) .control .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here:nth-of-type(2) .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:nth-of-type(2) .here:hover .align:nth-of-type(1){padding:var(--md)}main section:nth-of-type(5) .control .container .track[role=marquee]{display:flex;position:relative;align-items:center;cursor:pointer;border-block:var(--two) dashed var(--primary-o);padding-block:var(--md-space);overflow:hidden;backface-visibility:hidden;mask:linear-gradient(to right,color-mix(in oklch,var(--secondary) 0%,transparent) 0%,var(--secondary) 10%,var(--secondary) 90%,color-mix(in oklch,var(--secondary) 0%,transparent) 100%) no-repeat 100% 100%;mask-mode:luminance;-webkit-mask:linear-gradient(to right,color-mix(in oklch,var(--secondary) 0%,transparent) 0%,var(--secondary) 10%,var(--secondary) 90%,color-mix(in oklch,var(--secondary) 0%,transparent) 100%) no-repeat 100% 100%;-webkit-mask-mode:luminance;block-size:fit-content;inline-size:100%}main section:nth-of-type(5) .control .container .track[role=marquee] ul{display:inline-flex;align-items:center;gap:var(--ultra);padding-inline-end:var(--ultra);content:paint;will-change:translate;inline-size:fit-content;animation:translateXUN calc(10 * var(--dur-7)) var(--ease-linear) infinite}main section:nth-of-type(5) .control .container .track[role=marquee] ul li{display:inline-flex;position:relative;align-items:center;gap:var(--ultra);overflow:clip}main section:nth-of-type(5) .control .container .track[role=marquee] ul li :is(h2,span){font-size:var(--fs-h4);user-select:none;-webkit-user-select:none}main section:nth-of-type(5) .control .container .track[role=marquee] ul li h2{color:var(--primary);text-transform:uppercase;white-space:nowrap}main section:nth-of-type(5) .control .container .track[role=marquee] ul li span{color:var(--accent);animation:rotate var(--dur-5) var(--ease-linear) infinite}main section:nth-of-type(5) .control .container .track[role=marquee]:hover :is(ul,li>span){filter:grayscale(1);animation-play-state:paused}main section:nth-of-type(6) .control .container{grid-template-columns:repeat(auto-fit,minmax(var(--stretch),1fr))}main section:nth-of-type(6) .control .container .content{display:grid;position:relative;place-items:center;min-block-size:var(--stretch);inline-size:100%;animation:scaleU var(--fx-cv-long) both;animation-timeline:view(block);animation-range:entry 0% contain 30%}main section:nth-of-type(6) .control .container .content:nth-of-type(1){transform-origin:bottom left;animation-delay:var(--dur-7)}main section:nth-of-type(6) .control .container .content:nth-of-type(1):before{content:" ";position:absolute;inset:0;background:url(../../../img/others/passion.gif) center / contain no-repeat}main section:nth-of-type(6) .control .container .content:nth-of-type(2){gap:(--sm);transform-origin:top right;animation-delay:calc(2 * var(--dur-7))}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}main section:nth-of-type(6) .control .container .content:nth-of-type(2) ul{display:inline-grid;position:relative;place-items:start}main section:nth-of-type(6) .control .container .content:nth-of-type(2) ul li{position:relative;color:var(--primary-o);font-size:var(--fs-body);margin-block-start:1lh;padding-inline-start:var(--xx-large);inline-size:100%}main section:nth-of-type(6) .control .container .content:nth-of-type(2) ul li:before{content:"➜";position:absolute;inset-inline-start:0;color:var(--primary)}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{animation:activate var(--fx-smooth) infinite}@media(max-width:50.313rem)and (prefers-reduced-motion:no-preference){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:nth-of-type(1){display:inline-flex;align-items:center;gap:calc(2 * var(--md-space))}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]{display:inline-grid;position:relative;align-items:center;cursor:pointer;overflow:hidden;backface-visibility:hidden;mask:linear-gradient(to top,color-mix(in oklch,var(--secondary) 0%,transparent) 0%,var(--secondary) 10%,var(--secondary) 90%,color-mix(in oklch,var(--secondary) 0%,transparent) 100%) no-repeat 100% 100%;mask-mode:luminance;-webkit-mask:linear-gradient(to top,color-mix(in oklch,var(--secondary) 0%,transparent) 0%,var(--secondary) 10%,var(--secondary) 90%,color-mix(in oklch,var(--secondary) 0%,transparent) 100%) no-repeat 100% 100%;-webkit-mask-mode:luminance;block-size:var(--stretch);animation:scaleYU var(--fx-cv-long) both;animation-timeline:view(block);animation-range:entry 0% contain 30%}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:nth-of-type(1){transition:display var(--dur-1),opacity var(--fx-short);transition-behavior:allow-discrete;transform-origin:top;animation-delay:var(--dur-7)}@starting-style{main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:nth-of-type(1){opacity:0}}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:nth-of-type(1) ul{animation-name:translateYDN}@media(max-width:51.25rem)and (prefers-reduced-motion:no-preference){main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:nth-of-type(1){display:none;opacity:0}}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:nth-of-type(2){transform-origin:bottom;animation-delay:calc(2 * var(--dur-7))}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:nth-of-type(2) ul{animation-name:translateYUN}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:hover ul{animation-play-state:paused}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee] ul{display:inline-grid;align-items:center;gap:var(--ultra);padding-block-end:var(--ultra);content:paint;will-change:translate;inline-size:fit-content;animation:calc(10 * var(--dur-7)) var(--ease-linear) infinite}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee] ul li{display:grid;position:relative;place-items:center;opacity:.7;transition:filter var(--fx-smooth),opacity var(--fx-smooth);--ratio: calc(2 * var(--jumbo));block-size:var(--ratio);inline-size:var(--ratio)}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee] ul li:hover{filter:contrast(1.1) saturate(1.1);opacity:1}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee] ul li:before{content:" ";position:absolute;inset:0;background-size:contain;background-position:center;background-repeat:no-repeat;backface-visibility:visible;block-size:100%;inline-size:100%;z-index:1}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(1):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(2):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(3):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(4):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(5):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(6):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(7):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(8):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(9):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(10):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(11):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(12):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(13):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(14):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(15):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(16):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(17):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(18):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(19):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:nth-of-type(1) .track[role=marquee] ul li:nth-of-type(20):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){display:grid;place-items:center;box-shadow:inset 0 0 0 var(--sm-border) var(--primary);gap:var(--sm);padding:var(--x-large);inline-size:100%;animation:translateXUP var(--fx-cv-long) both;animation-timeline:view(block);animation-range:entry 0% contain 30%}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap{display:grid;position:relative;place-items:center start;inline-size:100%}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1){gap:var(--sm)}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) small{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(1) 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)and (prefers-reduced-motion:no-preference){main section:nth-of-type(7) .control .container{grid-auto-flow:row dense}main section:nth-of-type(7) .control .container .content:nth-of-type(1){display:grid;inline-size:100%}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]{display:inline-flex;block-size:fit-content;mask:linear-gradient(to right,color-mix(in oklch,var(--secondary) 0%,transparent) 0%,var(--secondary) 10%,var(--secondary) 90%,color-mix(in oklch,var(--secondary) 0%,transparent) 100%) no-repeat 100% 100%;-webkit-mask:linear-gradient(to right,color-mix(in oklch,var(--secondary) 0%,transparent) 0%,var(--secondary) 10%,var(--secondary) 90%,color-mix(in oklch,var(--secondary) 0%,transparent) 100%) no-repeat 100% 100%}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:nth-of-type(2){padding-block:calc(var(--sm) + var(--x-large))}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:nth-of-type(2) ul{display:inline-flex;padding-block-end:0;padding-inline-end:var(--ultra);animation-name:translateXDN}main section:nth-of-type(7) .control .container .content:nth-of-type(1) .track[role=marquee]:nth-of-type(2) ul li{display:flex}main section:nth-of-type(7) .control .container .content:nth-of-type(2) .wrap:nth-of-type(1) :is(small,h2){text-align:start}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(block);animation-range:entry 0% cover 30%}main section:nth-of-type(8) .control .container .content{display:grid;position:relative;place-items:center;inline-size:100%}main section:nth-of-type(8) .control .container .content:nth-of-type(1){grid-template-columns:repeat(auto-fit,minmax(var(--stretch),1fr));gap:var(--sm)}main section:nth-of-type(8) .control .container .content:nth-of-type(1) .wrap{display:grid;position:relative;place-items:center start;inline-size:100%}main section:nth-of-type(8) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) h2{color:var(--secondary);font-size:var(--fs-h1);text-transform:uppercase}main section:nth-of-type(8) .control .container .content:nth-of-type(1) .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 0}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap{display:flex;position:relative;align-items:start;flex-wrap:wrap;border-block-end:var(--one) solid var(--secondary-o);gap:calc(2 * var(--md-space));padding-block:calc(2 * var(--md-space));block-size:fit-content;inline-size:100%}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here{display:inline-flex;position:relative;align-items:start;overflow:clip;min-inline-size:calc(5 * var(--ultra))}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(1){flex:1}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(1) 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){flex:1;flex-wrap:wrap;gap:calc(2 * var(--md-space));place-content:space-between normal;max-inline-size:var(--stretch)}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align{display:flex;position:relative;align-items:center}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(1){flex-wrap:wrap;gap:var(--sm)}main section:nth-of-type(8) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(3) .align:nth-of-type(1) 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{display:inline-grid;position:relative;place-items:center;padding-block-end:var(--sm-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:before{content:" ";position:absolute;inset-block-end:0;background:var(--secondary);transition:background var(--fx-smooth);block-size:var(--sm-border);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:hover:before{background:var(--accent)}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{display:inline-flex;align-items:center;color:var(--secondary);font-size:var(--fs-body);gap:var(--sm);text-transform:uppercase}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 .quote{display:grid;position:relative;place-items:center end;inline-size:100%}main section:nth-of-type(8) .control .container .quote .wrap{display:grid;position:relative;place-items:center end;inline-size:100%}main section:nth-of-type(8) .control .container .quote .wrap .here{display:inline-grid;position:relative;place-items:center}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{display:grid;position:relative;place-items:center;inline-size:100%}main section:nth-of-type(9) .control .container .content:nth-of-type(1){gap:var(--sm)}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .wrap{display:grid;position:relative;place-items:center;gap:var(--sm);inline-size:100%}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) small{color:var(--surface);font-size:var(--fs-body)}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) :is(h2,p){text-align:center}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2) h2{color:var(--primary);font-size:var(--fs-h3)}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .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(1) .wrap .here{display:flex;position:relative;align-items:center;gap:var(--sm);block-size:100%;inline-size:100%}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .wrap .here .align{position:relative;place-items:center;gap:var(--sm);block-size:100%}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .wrap .here .align:nth-of-type(1){display:inline-grid}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .wrap .here .align:nth-of-type(1) h2{color:var(--primary);font-size:var(--fs-h3);white-space:nowrap}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .wrap .here .align:nth-of-type(2){display:grid;inline-size:100%}main section:nth-of-type(9) .control .container .content:nth-of-type(1) .wrap .here .align:nth-of-type(2):before{content:" ";position:absolute;inset-block-start:50%;background:var(--primary-o);block-size:var(--sm-border);inline-size:100%}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap{display:grid;position:relative;place-items:center;inline-size:100%}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button{position:absolute;inset-block:0;pointer-events:none;transform:scale(0);transform-origin:center;z-index:100}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button:nth-of-type(1){inset-inline-start:0}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap button:nth-of-type(2){inset-inline-end:0}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:scale(1)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider{display:grid;position:relative;place-items:center;overflow:hidden;inline-size:100%}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item{display:grid;position:relative;grid-area:1 / 1;background:var(--primary);padding:var(--x-large);gap:var(--md-space);block-size:var(--stretch);min-inline-size:var(--stretch)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align{display:grid;position:relative;inline-size:100%}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:nth-of-type(1){place-items:start end}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:nth-of-type(1) .rate{display:inline-flex;position:relative;place-items:center;gap:var(--xs)}main section:nth-of-type(9) .control .container .content:nth-of-type(2) .wrap .slider .slider-item .align:nth-of-type(1) .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{display:inline-grid;place-items:start;gap:var(--sm)}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{display:grid;position:relative;place-items:start center;inline-size:100%}main section:nth-of-type(10) .control .container .content:nth-of-type(1){gap:var(--sm)}main section:nth-of-type(10) .control .container .content:nth-of-type(1) .wrap{display:grid;position:relative;place-items:center start;inline-size:100%;animation:var(--fx-cv-long) both;animation-timeline:view(block);animation-range:entry 0% contain 30%}main section:nth-of-type(10) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1){animation-name:translateXUN}main section:nth-of-type(10) .control .container .content:nth-of-type(1) .wrap:nth-of-type(1) h2{font-size:var(--fs-h1);text-transform:uppercase}main section:nth-of-type(10) .control .container .content:nth-of-type(1) .wrap:nth-of-type(2){transform-origin:top left;animation-name:scaleU}main section:nth-of-type(10) .control .container .content:nth-of-type(1) .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{display:grid;position:relative;box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);cursor:pointer;overflow:clip;block-size:var(--stretch);inline-size:100%;animation:var(--fx-cv-long) both;animation-timeline:view(block);animation-range:entry 0% contain 30%}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:nth-of-type(1) .align:nth-of-type(1) 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:nth-of-type(1) .align:nth-of-type(2) p{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:nth-of-type(1) 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:nth-of-type(1) 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 span{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: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:nth-of-type(1) .align:nth-of-type(1) 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:nth-of-type(1) .align:nth-of-type(2) p{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:nth-of-type(1) 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:nth-of-type(1) 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 span{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: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{display:grid;position:relative;padding:var(--x-large);inline-size:100%}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(1){place-content:start space-between;grid-auto-flow:column dense}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(1) .align{display:inline-grid;place-items:center}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(1) .align:nth-of-type(1) span{font-size:var(--body);text-transform:uppercase;padding:var(--sm-space) var(--md-space)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(1) .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{display:grid;place-items:center start;inline-size:100%}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(1){gap:var(--sm)}main section:nth-of-type(10) .control .container .content:nth-of-type(2) .wrap .here:nth-of-type(2) .align:nth-of-type(1) 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:nth-of-type(1) 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{display:inline-grid;position:relative;place-items:center;padding-block-end:var(--sm-space)}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{content:" ";position:absolute;inset-block-end:0;transition:scale var(--fx-smooth);scale:0 1 0;transform-origin:left;will-change:scale;block-size:var(--sm-border);inline-size:100%}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:before{scale:1 1 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{display:inline-flex;align-items:center;font-size:var(--fs-body);text-transform:uppercase;gap:var(--sm);transition:color var(--fx-smooth)}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:nth-of-type(1)>.align:nth-of-type(1){animation:shake var(--fx-smooth)}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}}@media(max-width:50.313rem)and (prefers-reduced-motion:no-preference){main section:nth-of-type(11) .control .container{box-shadow:none}}main section:nth-of-type(11) .control .container .content{display:grid;position:relative;place-items:center;block-size:100%;inline-size:100%}main section:nth-of-type(11) .control .container .content:nth-of-type(1) .wrap{display:grid;position:relative;place-items:center;gap:var(--sm);inline-size:100%}main section:nth-of-type(11) .control .container .content:nth-of-type(1) .wrap :is(small,h1,p){text-align:center}main section:nth-of-type(11) .control .container .content:nth-of-type(1) .wrap small{color:var(--surface);font-size:var(--fs-body)}main section:nth-of-type(11) .control .container .content:nth-of-type(1) .wrap h2{color:var(--primary);font-size:var(--fs-h3)}main section:nth-of-type(11) .control .container .content:nth-of-type(1) .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{display:grid;align-items:start;inline-size:100%}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item{border-block-end:var(--one) solid var(--primary-o);overflow:hidden;transition:transform var(--fx-smooth);will-change:transform}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button{display:grid;position:relative;padding-block:var(--x-large);transition:padding var(--fx-smooth);inline-size:100%}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button span{display:flex;align-items:center;justify-content:space-between;gap:calc(2 * var(--md-space));inline-size:100%}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button span p{color:var(--primary);font-size:var(--fs-body)}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item button span .align{display:inline-flex;position:relative;flex-shrink:0;justify-content:center}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item 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 span .align svg line{transition:scale var(--fx-smooth);transform-origin:center;will-change:scale}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item .wrapper{overflow:hidden;transition:height var(--fx-smooth),margin-block var(--fx-smooth);will-change:height}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item .wrapper .context{display:grid;position:relative;place-items:center start;opacity:0;translate:0 calc(-1 * var(--large));transition:opacity var(--fx-smooth),translate var(--fx-smooth);will-change:opacity,translate}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.is-open line:nth-of-type(2){scale:0}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item.is-open .wrapper{margin-block:0 var(--x-large)}main section:nth-of-type(11) .control .container .content:nth-of-type(2) .accordion .item.is-open .context{opacity:1;translate:0 0}main section:nth-of-type(12) .control .container{grid-template-columns:repeat(auto-fit,minmax(var(--stretch),1fr))}main section:nth-of-type(12) .control .container .content{display:grid;position:relative;place-items:center;inline-size:100%}main section:nth-of-type(12) .control .container .content:nth-of-type(1){gap:var(--sm)}main section:nth-of-type(12) .control .container .content:nth-of-type(1) :is(h2,p){text-align:start}main section:nth-of-type(12) .control .container .content:nth-of-type(1) h2{color:var(--primary);font-size:var(--fs-h2)}main section:nth-of-type(12) .control .container .content:nth-of-type(1) p{color:var(--primary-o);font-size:var(--fs-body)}@media(max-width:50.313rem)and (prefers-reduced-motion:no-preference){main section:nth-of-type(12) .control .container .content:nth-of-type(1) :is(h2,p){text-align:center}}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[role=button]{background:var(--primary);border-radius:calc(2 * var(--md));box-shadow:var(--primary-o) 0 var(--sm-border) var(--md-border);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[role=button]:before{content:" ";position:absolute;inset:0;background:var(--surface);transition:scale var(--fx-short);scale:0 1 0;transform-origin:left;will-change:scale;block-size:100%;inline-size:100%;z-index:-1}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[role=button]:hover:before{scale:1 1 1}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[role=button] span{color:var(--secondary);font-size:var(--fs-body);gap:var(--sm)}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[role=button] span span{position:relative;padding:calc(var(--sm-border) + var(--xs));background:var(--secondary);border-radius:calc(2 * var(--md));overflow:clip}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[role=button] span span:before{content:" ";position:absolute;inset:0;background:var(--primary);transition:scale var(--fx-smooth);scale:0 1 0;transform-origin:left;will-change:scale;block-size:100%;inline-size:100%}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[role=button] span span svg{color:var(--primary);transition:color var(--fx-smooth),rotate var(--fx-smooth);will-change:rotate;inline-size:calc(var(--xs) + var(--fs-body))}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[role=button]:hover span>span:before{scale:1 1 1}main section:nth-of-type(12) .control .container .content:nth-of-type(2) a[role=button]:hover svg{color:var(--secondary);rotate:45deg}.ocean{position:relative;overflow:clip;block-size:calc(8 * var(--md));inline-size:100%;animation-timing-function:var(--ease-linear)}.ocean:before{content:" ";position:absolute;inset-block-end:0;background:var(--primary);block-size:var(--md);inline-size:100%}.ocean .wave{position:absolute;inset-block-end:0;background:url(../../img/others/wave.webp) repeat-x;background-size:160rem calc(6 * var(--md));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}.ocean .wave:nth-of-type(1){opacity:.9;animation-name:wave1;animation-duration:calc(7 * var(--dur-7));z-index:10}.ocean .wave:nth-of-type(2){opacity:.5;animation-name:wave2;animation-duration:calc(4 * var(--dur-7));z-index:9}.ocean .wave:nth-of-type(3){inset-block-end:var(--sp);opacity:.2;animation-name:wave2;animation-duration:calc(2 * var(--dur-6));z-index:8}.ocean .wave:nth-of-type(4){inset-block-end:var(--md);opacity:.7;animation-name:wave2;animation-duration:var(--dur-7);z-index:7}footer{background:var(--primary)}footer section{padding-block:var(--jumbo)}footer section .container{grid-template-columns:repeat(auto-fit,minmax(var(--stretch),1fr))}footer section .container .content{display:grid;position:relative;place-items:start;gap:calc(2 * var(--md-space));block-size:100%;inline-size:100%}footer section .container .content:nth-of-type(1) .wrap{display:grid;position:relative;block-size:100%;inline-size:100%}footer section .container .content:nth-of-type(1) .wrap:nth-of-type(1){place-items:center start}footer section .container .content:nth-of-type(1) .wrap:nth-of-type(1) a{color:var(--secondary);font-size:var(--fs-h3)}footer section .container .content:nth-of-type(1) .wrap:nth-of-type(1) a span{color:var(--accent)}footer section .container .content:nth-of-type(1) .wrap:nth-of-type(2){gap:var(--sm);place-content:space-between normal}footer section .container .content:nth-of-type(1) .wrap:nth-of-type(2) h2{color:var(--secondary);font-size:var(--fs-h2)}footer section .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here{display:flex;position:relative;gap:var(--md);align-items:center;flex-wrap:wrap;max-inline-size:var(--stretch);min-inline-size:var(--ultra);inline-size:100%}footer section .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here a{display:inline-grid;position:relative;place-items:center}footer section .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here a span{display:inline-flex;align-items:center;color:var(--secondary);font-size:var(--fs-body);text-transform:uppercase;gap:var(--sm);transition:color var(--fx-smooth)}footer section .container .content:nth-of-type(1) .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 section .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here a:hover :is(span,svg){color:var(--secondary-o)}footer section .container .content:nth-of-type(1) .wrap:nth-of-type(2) .here a:hover svg{rotate:45deg}footer section .container .content:nth-of-type(2){gap:calc(2 * var(--md-space))}footer section .container .content:nth-of-type(2) .wrap{display:grid;position:relative;block-size:100%;inline-size:100%}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1){place-content:space-between normal;gap:calc(2 * var(--md-space))}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here{display:grid;position:relative;place-items:center start;inline-size:100%}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1){gap:var(--sm)}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1) h2{color:var(--secondary);font-size:var(--fs-h4)}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(1) p{color:var(--secondary-o);font-size:var(--fs-body)}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) a{display:inline-grid;position:relative;place-items:center;padding-block-end:var(--sm-space)}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) a:before{content:" ";position:absolute;inset-block-end:0;background:var(--secondary);transition:background var(--fx-smooth);block-size:var(--sm-border);inline-size:100%}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) a:hover:before{background:var(--accent)}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) a span{display:inline-flex;align-items:center;color:var(--secondary);font-size:var(--fs-body);text-transform:uppercase;gap:var(--sm)}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .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 section .container .content:nth-of-type(2) .wrap:nth-of-type(1) .here:nth-of-type(2) a:hover svg{rotate:45deg}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(2){place-items:end}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here{display:inline-grid;place-items:center}footer section .container .content:nth-of-type(2) .wrap:nth-of-type(2) .here p{color:var(--secondary);font-size:var(--fs-body)}}