/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}:root{--shadow-low: 0 1.6px 3.6px 0 rgb(var(--color-shadow-rgb), 13%), 0 .3px .9px 0 rgb(var(--color-shadow-rgb), 11%);--shadow-medium: 0 3.2px 7.2px 0 rgb(var(--color-shadow-rgb), 13%), 0 .6px 1.8px 0 rgb(var(--color-shadow-rgb), 11%);--shadow-high: 0 6.4px 14.4px 0 rgb(var(--color-shadow-rgb), 13%), 0 1.2px 3.6px 0 rgb(var(--color-shadow-rgb), 11%);--z-index-header: 10;--z-index-loading-screen: 100;--font-family-base: "Noto Sans JP", sans-serif;--font-family-emphasis: "Urbanist", "Noto Sans JP", sans-serif;--icon-open-in-new: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48"><path d="M9 42q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h12.45q.65 0 1.075.425.425.425.425 1.075 0 .65-.425 1.075Q22.1 9 21.45 9H9v30h30V26.55q0-.65.425-1.075.425-.425 1.075-.425.65 0 1.075.425Q42 25.9 42 26.55V39q0 1.2-.9 2.1-.9.9-2.1.9Zm9.05-12.05q-.4-.45-.425-1.05-.025-.6.425-1.05L36.9 9h-9.45q-.65 0-1.075-.425-.425-.425-.425-1.075 0-.65.425-1.075Q26.8 6 27.45 6H40.5q.65 0 1.075.425Q42 6.85 42 7.5v13.05q0 .65-.425 1.075-.425.425-1.075.425-.65 0-1.075-.425Q39 21.2 39 20.55v-9.4L20.15 30q-.4.4-1.025.4-.625 0-1.075-.45Z"/></svg>');--icon-check: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48"><path d="M18.9 35.95q-.45 0-.875-.175t-.775-.525L8.2 26.2q-.7-.7-.7-1.7t.7-1.7q.7-.7 1.675-.7.975 0 1.725.7l7.3 7.3 17.5-17.45q.7-.7 1.675-.725.975-.025 1.675.725.7.7.7 1.7t-.7 1.7l-19.2 19.2q-.35.35-.775.525-.425.175-.875.175Z"/></svg>');--section-label-width: max(7.5%, 2em);--section-padding-inline: 5% 10%;--color-green-50: #e6fff8;--color-green-100: #c0fce8;--color-green-200: #82ffd5;--color-green-300: #6cdeac;--color-green-400: #2dcd80;--color-green-500: ;--color-green-600: ;--color-green-700: #288358;--color-green-800: ;--color-green-900: ;--color-blue-50: ;--color-blue-100: ;--color-blue-200: #a5bfe5;--color-blue-300: ;--color-blue-400: #5286d4;--color-blue-500: ;--color-blue-600: ;--color-blue-700: #0046b7;--color-blue-800: #002b70;--color-blue-900: #000918;--color-gray-0: #fff;--color-gray-100: #b7c1ce;--color-gradient-blue: var(--color-blue-700);--color-gradient-blue-light: var(--color-blue-200);--color-gradient-green: var(--color-green-300);--color-gradient-green-light: var(--color-green-100);--color-gradient-white: var(--color-gray-0)}:root[data-theme=light]{--color-foreground: var(--color-blue-900);--color-foreground-emphasis: var(--color-blue-700);--color-foreground-emphasis-muted: var(--color-blue-200);--color-background: var(--color-gray-0);--color-background-overlay: rgba(255, 255, 255, .55);--color-accent: var(--color-green-400);--color-accent-muted: var(--color-green-100);--color-border: #dcebe7;--color-shadow-rgb: 0, 0, 0;color-scheme:light}:root[data-theme=dark]{--color-foreground: var(--color-gray-0);--color-foreground-emphasis: #82ffd5;--color-foreground-emphasis-muted: #2dcc80;--color-background: var(--color-blue-800);--color-background-overlay: rgba(0, 0, 0, .55);--color-accent: var(--color-blue-400);--color-accent-muted: #0344ad;--color-border: #69798d;--color-gradient-blue-light: var(--color-blue-400);--color-gradient-green-light: var(--color-green-400);--color-gradient-green: var(--color-green-700);--color-gradient-white: var(--color-gray-100);--color-shadow-rgb: 0, 0, 0;color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme]){--color-foreground: var(--color-blue-900);--color-foreground-emphasis: var(--color-blue-700);--color-foreground-emphasis-muted: var(--color-blue-200);--color-background: var(--color-gray-0);--color-background-overlay: rgba(255, 255, 255, .55);--color-accent: var(--color-green-400);--color-accent-muted: var(--color-green-100);--color-border: #dcebe7;--color-shadow-rgb: 0, 0, 0;color-scheme:light}}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-foreground: var(--color-gray-0);--color-foreground-emphasis: #82ffd5;--color-foreground-emphasis-muted: #2dcc80;--color-background: var(--color-blue-800);--color-background-overlay: rgba(0, 0, 0, .55);--color-accent: var(--color-blue-400);--color-accent-muted: #0344ad;--color-border: #69798d;--color-gradient-blue-light: var(--color-blue-400);--color-gradient-green-light: var(--color-green-400);--color-gradient-green: var(--color-green-700);--color-gradient-white: var(--color-gray-100);--color-shadow-rgb: 0, 0, 0;color-scheme:dark}}:root[data-motion=no-preference]{--transition-fast: .2s;scroll-behavior:smooth}:root[data-motion=reduce]{--reduced-motion: reduce;--transition-fast: 0s;scroll-behavior:auto}@media (prefers-reduced-motion: no-preference){:root:not([data-motion]){--transition-fast: .2s;scroll-behavior:smooth}}@media (prefers-reduced-motion: reduce){:root:not([data-motion]){--reduced-motion: reduce;--transition-fast: 0s;scroll-behavior:auto}}:root[data-writing-mode=vertical-rl]{writing-mode:vertical-rl}:root[data-animation=false]{--transition-fast: .001ms;scroll-behavior:auto}html{font-family:var(--font-family-base);line-height:1;color:var(--color-foreground);word-break:break-word;overflow-wrap:anywhere;background-color:var(--color-background)}img{max-width:100%;block-size:auto}em:lang(ja){font-style:inherit;-webkit-text-emphasis:filled;text-emphasis:filled}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}select{cursor:pointer}[data-visual-only]:before{content:attr(data-visual-only)}:target{scroll-margin-block-start:var(--header-height)}.tw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media screen and (min-width: 768.02px),print{.pc\:tw-inline-block{display:inline-block}}[data-scroll-fade]{opacity:0}:root{--accent: 124, 58, 237;--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%)}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.HeadingPrimary{position:relative;z-index:0;-webkit-margin-after:.5em;margin-block-end:.5em;font-size:clamp(2rem,12vw,6rem);font-weight:700;color:var(--color-foreground-emphasis)}.HeadingPrimary__Decoration{-webkit-padding-start:.5em;padding-inline-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em;font-size:.3em;font-weight:400;line-height:1}.Section{display:grid;grid-template-columns:var(--section-label-width) 1fr}.Section__StickyLabel{position:sticky;align-self:start;justify-self:end;-webkit-padding-before:5em;padding-block-start:5em;-webkit-padding-end:.5em;padding-inline-end:.5em;-webkit-margin-after:20px;margin-block-end:20px;color:var(--color-foreground-emphasis);-webkit-border-end:currentColor 1px solid;border-inline-end:currentColor 1px solid;inset-block-start:calc(var(--header-height) + 20px)}@media screen and (min-width: 768.02px),print{.Section__StickyLabel{font-size:1.2rem}}@media screen and (max-width: 768px){.Section__StickyLabel{font-size:.875rem}}.Section__StickyLabel:before{display:block;writing-mode:vertical-lr}.About{background-image:linear-gradient(var(--color-accent-muted),var(--color-background))}.About__Inner{--after-block-size: 300px;--right-start: min(90%, 85em);position:relative;-webkit-padding-before:120px;padding-block-start:120px;-webkit-padding-after:var(--after-block-size);padding-block-end:var(--after-block-size);padding-inline:var(--section-padding-inline)}@media screen and (min-width: 768.02px),print{.About__Inner{-webkit-padding-end:13%;padding-inline-end:13%}.About__Inner:before{position:absolute;inset:0;display:block;pointer-events:none;content:"";background-image:linear-gradient(to right,transparent var(--right-start),var(--color-accent) var(--right-start))}}.About__Inner:after{position:absolute;inset-inline:0;inset-block-end:0;display:block;block-size:var(--after-block-size);-webkit-clip-path:polygon(0% 70%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 70%,100% 0%,100% 100%,0% 100%);content:"";background-color:var(--color-accent)}.About__Paragraph{line-height:2.3}.About__Paragraph strong{font-size:1.5em}.About__List{max-width:60em;-webkit-margin-before:100px;margin-block-start:100px;counter-reset:about-count}.About__List>li{display:flex;flex-wrap:wrap;column-gap:20px;align-content:flex-start;counter-increment:about-count}@media screen and (min-width: 768.02px),print{.About__List>li:not(:first-child){-webkit-margin-before:80px;margin-block-start:80px}}@media screen and (max-width: 768px){.About__List>li:not(:first-child){-webkit-margin-before:40px;margin-block-start:40px}}.About__List>li:nth-child(2){-webkit-margin-start:clamp(0%,(100vw - 650px) * .2,20%);margin-inline-start:clamp(0%,(100vw - 650px) * .2,20%)}.About__List>li:nth-child(3){-webkit-margin-start:clamp(0%,(100vw - 650px) * .1,10%);margin-inline-start:clamp(0%,(100vw - 650px) * .1,10%)}.About__List>li:before{flex-shrink:0;font-family:var(--font-family-emphasis);font-size:8rem;color:var(--color-accent);content:counter(about-count,decimal-leading-zero)}.About__List>li>:nth-child(1){flex-basis:0;flex-grow:9999;min-width:min(100%,20em)}.About__List h3{font-size:2rem;font-weight:700;line-height:2;color:var(--color-foreground-emphasis)}.About__ListItem{display:grid}@media screen and (min-width: 768.02px),print{.About__ListItem{row-gap:20px;column-gap:20px}}@media screen and (max-width: 768px){.About__ListItem{row-gap:12px}}@media screen and (min-width: 768.02px),print{li:nth-child(1) .About__ListItem{grid-template:"heading paragraph" auto "image   paragraph" 1fr/35% 1fr}li:nth-child(2) .About__ListItem{grid-template:"heading   image" "paragraph paragraph"/1fr auto}li:nth-child(3) .About__ListItem{grid-template-areas:"heading  " "image    " "paragraph"}.About__ListItem h3{grid-area:heading}}.About__ListItem img{display:block;max-width:292px;max-height:150px;-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 768.02px),print{.About__ListItem img{grid-area:image}}@media screen and (max-width: 768px){.About__ListItem img{justify-self:center;max-height:100px}}[data-theme=dark] .About__ListItem img{filter:brightness(0) invert(1)}@media screen and (min-width: 768.02px),print{.About__ListItem p{grid-area:paragraph}}.Activity__Inner{position:relative;z-index:0;padding-block:120px;padding-inline:var(--section-padding-inline)}.Activity__List{display:grid;max-width:1000px;counter-reset:work-count}@media screen and (min-width: 768.02px),print{.Activity__List{grid-template-rows:60px auto;grid-template-columns:repeat(2,1fr);row-gap:80px;column-gap:5%;-webkit-margin-before:60px;margin-block-start:60px}}@media screen and (max-width: 768px){.Activity__List{row-gap:80px;-webkit-margin-before:40px;margin-block-start:40px}}.Activity__List>li{display:flex;flex-wrap:wrap;column-gap:20px;align-content:flex-start;counter-increment:work-count}@media screen and (min-width: 768.02px),print{.Activity__List>li{grid-row-end:span 2}.Activity__List>li:nth-child(1){grid-row-start:1}.Activity__List>li:nth-child(2){grid-row-start:2}}.Activity__List>li:before{display:block;flex-shrink:0;font-family:var(--font-family-emphasis);font-size:6rem;font-weight:var(--font-family-emphasis);color:var(--color-accent);content:counter(work-count,decimal-leading-zero)}.Activity__List>li>:nth-child(1){flex-basis:0;flex-grow:9999;min-width:min(100%,20em)}.Activity__List>li :any-link{color:var(--color-foreground-emphasis);text-decoration:underline;transition-duration:var(--transition-fast);transition-property:opacity}@media (hover: hover){.Activity__List>li :any-link:where(:any-link,:enabled,summary):hover{opacity:.7}}.Activity__List>li :any-link[target=_blank]:after{display:inline-block;width:1em;height:1em;-webkit-margin-start:.25em;margin-inline-start:.25em;vertical-align:middle;content:"";background-color:currentColor;-webkit-mask-image:var(--icon-open-in-new);mask-image:var(--icon-open-in-new);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.Activity__List h3{font-size:2rem;font-weight:700;line-height:1.5}.Activity__ClientWork{-webkit-margin-before:120px;margin-block-start:120px;text-align:center}.Activity__ClientWork p{margin-inline:auto;font-weight:700;color:var(--color-foreground-emphasis)}.Activity__ClientWork :any-link{display:grid;align-items:center;width:100%;max-width:400px;min-height:2em;-webkit-margin-before:20px;margin-block-start:20px;margin-inline:auto;font-size:2rem;color:var(--color-background);background-color:var(--color-foreground-emphasis);transition-duration:var(--transition-fast);transition-property:opacity}@media (hover: hover){.Activity__ClientWork :any-link:where(:any-link,:enabled,summary):hover{opacity:.7}}.Activity__DecorationBox{--block-size: min(200px + (100vw - 400px) * .25, 500px);--rect-size: 40%;position:absolute;z-index:-1;-webkit-clip-path:polygon(0% 0%,var(--rect-size) 0%,100% calc(100% - var(--rect-size)),100% 100%,calc(100% - var(--rect-size)) 100%,0% var(--rect-size));clip-path:polygon(0% 0%,var(--rect-size) 0%,100% calc(100% - var(--rect-size)),100% 100%,calc(100% - var(--rect-size)) 100%,0% var(--rect-size));pointer-events:none;background-image:linear-gradient(135deg,var(--color-foreground-emphasis),var(--color-foreground-emphasis-muted),var(--color-accent-muted),var(--color-background));transform:translateY(-20%);inset-block-start:0;block-size:var(--block-size);inline-size:var(--block-size)}@media screen and (min-width: 768.02px),print{.Activity__DecorationBox{inset-inline-end:10%}}@media screen and (max-width: 768px){.Activity__DecorationBox{inset-inline-end:0%}}.Activity__DecorationBox:before,.Activity__DecorationBox:after{position:absolute;display:block;content:"";block-size:var(--rect-size);inline-size:var(--rect-size)}.Activity__DecorationBox:before{inset-block-start:0;inset-inline-start:0;background-image:linear-gradient(135deg,var(--color-foreground-emphasis),var(--color-foreground-emphasis-muted))}.Activity__DecorationBox:after{inset-block-end:0;inset-inline-end:0;background-image:linear-gradient(135deg,var(--color-background),var(--color-accent-muted))}:root{--contact-cut-size: min(440px, 30vw)}.Contact{-webkit-margin-after:calc(-1 * var(--contact-cut-size));margin-block-end:calc(-1 * var(--contact-cut-size));-webkit-clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--contact-cut-size)),var(--section-label-width) 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--contact-cut-size)),var(--section-label-width) 100%,0% 100%);background-color:var(--color-background);background-image:linear-gradient(var(--color-accent-muted),var(--color-background))}.Contact__Inner{-webkit-padding-before:80px;padding-block-start:80px;-webkit-padding-after:var(--contact-cut-size);padding-block-end:var(--contact-cut-size);padding-inline:var(--section-padding-inline);background-image:linear-gradient(165deg,var(--color-accent),var(--color-accent-muted))}.Contact__List{display:grid;row-gap:20px;-webkit-margin-before:40px;margin-block-start:40px}.Contact__Link{display:inline-grid;grid-auto-flow:column;column-gap:16px;align-items:center;background-color:var(--color-background);transition-duration:var(--transition-fast);transition-property:background-color}@media screen and (min-width: 768.02px),print{.Contact__Link{padding:16px 32px;font-size:1rem;border-radius:9999px}}@media screen and (max-width: 768px){.Contact__Link{padding:12px 24px;font-size:.875rem;border-radius:16px}}@media (hover: hover){.Contact__Link:where(:any-link,:enabled,summary):hover{background-color:var(--color-foreground-emphasis-muted)}}.Contact__Link:before{display:block;width:2.25em;height:2.25em;content:"";background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.Contact__Link[target=_blank]:after{display:block;width:1.25em;height:1.25em;content:"";background-color:currentColor;-webkit-mask-image:var(--icon-open-in-new);mask-image:var(--icon-open-in-new);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.Contact__Link.twitter:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 4.557a9.83 9.83 0 0 1-2.828.775 4.932 4.932 0 0 0 2.165-2.724 9.864 9.864 0 0 1-3.127 1.195 4.916 4.916 0 0 0-3.594-1.555c-3.18 0-5.515 2.966-4.797 6.045A13.978 13.978 0 0 1 1.67 3.15a4.93 4.93 0 0 0 1.524 6.573 4.903 4.903 0 0 1-2.23-.616c-.053 2.28 1.582 4.415 3.95 4.89a4.935 4.935 0 0 1-2.224.084 4.928 4.928 0 0 0 4.6 3.42A9.9 9.9 0 0 1 0 19.54a13.94 13.94 0 0 0 7.548 2.212c9.142 0 14.307-7.72 13.995-14.646A10.025 10.025 0 0 0 24 4.556z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 4.557a9.83 9.83 0 0 1-2.828.775 4.932 4.932 0 0 0 2.165-2.724 9.864 9.864 0 0 1-3.127 1.195 4.916 4.916 0 0 0-3.594-1.555c-3.18 0-5.515 2.966-4.797 6.045A13.978 13.978 0 0 1 1.67 3.15a4.93 4.93 0 0 0 1.524 6.573 4.903 4.903 0 0 1-2.23-.616c-.053 2.28 1.582 4.415 3.95 4.89a4.935 4.935 0 0 1-2.224.084 4.928 4.928 0 0 0 4.6 3.42A9.9 9.9 0 0 1 0 19.54a13.94 13.94 0 0 0 7.548 2.212c9.142 0 14.307-7.72 13.995-14.646A10.025 10.025 0 0 0 24 4.556z"/></svg>')}.Contact__Link.github:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.6.11.793-.26.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.09-.745.083-.73.083-.73 1.205.085 1.84 1.238 1.84 1.238 1.07 1.834 2.806 1.304 3.49.997.108-.776.42-1.306.763-1.605-2.665-.305-5.467-1.334-5.467-5.93 0-1.312.47-2.382 1.236-3.222-.125-.303-.536-1.524.116-3.176 0 0 1.008-.322 3.3 1.23A11.51 11.51 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.236 1.91 1.236 3.22 0 4.61-2.807 5.625-5.48 5.922.43.372.824 1.102.824 2.222v3.293c0 .32.192.694.8.576C20.567 21.796 24 17.3 24 12c0-6.627-5.373-12-12-12z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.6.11.793-.26.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.09-.745.083-.73.083-.73 1.205.085 1.84 1.238 1.84 1.238 1.07 1.834 2.806 1.304 3.49.997.108-.776.42-1.306.763-1.605-2.665-.305-5.467-1.334-5.467-5.93 0-1.312.47-2.382 1.236-3.222-.125-.303-.536-1.524.116-3.176 0 0 1.008-.322 3.3 1.23A11.51 11.51 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.236 1.91 1.236 3.22 0 4.61-2.807 5.625-5.48 5.922.43.372.824 1.102.824 2.222v3.293c0 .32.192.694.8.576C20.567 21.796 24 17.3 24 12c0-6.627-5.373-12-12-12z"/></svg>')}.Contact__Link h3{font-size:1.25em;font-weight:700;line-height:1.5}@media screen and (max-width: 768px){.Contact__Link p{line-height:1.5}}.Footer{-webkit-padding-before:calc(var(--contact-cut-size) * .5);padding-block-start:calc(var(--contact-cut-size) * .5);padding-inline:5%;color:var(--color-background);text-align:end;background-color:var(--color-accent);block-size:calc(var(--contact-cut-size) + 80px)}@media screen and (min-width: 768.02px),print{.Footer{font-size:2.5rem}}@media screen and (max-width: 768px){.Footer{font-size:1.6rem}}.Footer p{line-height:1}:root{--header-height: 80px}.Header{position:sticky;z-index:var(--z-index-header);padding:16px 5%;background-color:var(--color-background);transition-duration:var(--transition-fast);transition-property:box-shadow;inset-block-start:0;min-block-size:var(--header-height)}@media screen and (min-width: 768.02px),print{.Header{display:grid;align-items:center}}@media screen and (max-width: 768px){.Header{max-height:100vh;overflow-y:auto}}.Header.is-scroll{box-shadow:var(--shadow-medium)}@media screen and (min-width: 768.02px),print{.Header__Nav{display:flex;flex-wrap:wrap;row-gap:4px;align-items:center}.Header__Nav>*{flex-grow:9999;flex-shrink:0}.Header__NavToggle{display:none}}@media screen and (max-width: 768px){.Header__NavToggle{position:relative;display:grid;align-items:center;min-width:48px;min-height:48px;-webkit-padding-before:24px;padding-block-start:24px;-webkit-margin-start:auto;margin-inline-start:auto;text-align:center;border-radius:4px;transition-duration:var(--transition-fast);transition-property:background-color}}@media screen and (max-width: 768px) and (hover: hover){.Header__NavToggle:where(:any-link,:enabled,summary):hover{background-color:var(--color-foreground-emphasis-muted)}}@media screen and (max-width: 768px){.Header__NavToggle:after{font-family:var(--font-family-emphasis);font-size:.75rem;content:"MENU"}.Header__NavToggle>span{position:absolute;display:inline-block;justify-self:center;width:45%;height:2px;inset-block-start:16px;background-color:currentColor;transition:transform .4s}.Header__NavToggle>span:nth-of-type(1){transform:translateY(-6px)}.Header__NavToggle>span:nth-of-type(3){transform:translateY(6px)}.Header__NavToggle[aria-expanded=true]:after{content:"CLOSE"}.Header__NavToggle[aria-expanded=true]>span:nth-of-type(1){transform:rotate(-135deg)}.Header__NavToggle[aria-expanded=true]>span:nth-of-type(2){opacity:0;transform:rotate(-90deg)}.Header__NavToggle[aria-expanded=true]>span:nth-of-type(3){transform:rotate(-45deg)}}.Header__Links{display:grid}@media screen and (min-width: 768.02px),print{.Header__Links{grid-auto-flow:column;column-gap:4px;justify-content:start}}@media screen and (max-width: 768px){.Header__Links{row-gap:2px}}.Header__Links a{display:block;padding:10px 16px 12px;font-weight:700;background-image:linear-gradient(to right,var(--color-foreground-emphasis) 50%,transparent 50%);background-repeat:no-repeat;background-position:100% bottom;background-size:200% 1px;transition-duration:var(--transition-fast);transition-property:background-position}.Header__Links a[aria-current]{color:var(--color-foreground-emphasis)}@media screen and (min-width: 768.02px),print{.Header__Links a[aria-current]{-webkit-border-before:1px solid var(--color-foreground-emphasis);border-block-start:1px solid var(--color-foreground-emphasis)}}@media screen and (max-width: 768px){.Header__Links a[aria-current]{-webkit-border-start:1px solid var(--color-foreground-emphasis);border-inline-start:1px solid var(--color-foreground-emphasis)}}@media (hover: hover){.Header__Links a:where(:any-link,:enabled,summary):hover{background-position:0% bottom}}.Header__Controls{display:grid}@media screen and (min-width: 768.02px),print{.Header__Controls{grid-auto-flow:column;column-gap:8px;justify-content:end}}@media screen and (max-width: 768px){.Header__Controls{row-gap:8px;-webkit-margin-before:16px;margin-block-start:16px}}.Header__Controls details{position:relative}@media screen and (max-width: 768px){.Header__Controls details{border:1px solid var(--color-border);border-radius:8px}}.Header__Controls details summary{display:grid;grid-auto-flow:column;column-gap:8px;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:700;background-color:var(--color-background);transition-duration:var(--transition-fast);transition-property:color,background-color}@media screen and (min-width: 768.02px),print{.Header__Controls details summary{padding:6px 12px;border:1px solid var(--color-border);border-radius:9999px}}@media screen and (max-width: 768px){.Header__Controls details summary{padding:12px 16px;border-radius:8px}}@media (hover: hover){.Header__Controls details summary:where(:any-link,:enabled,summary):hover{color:var(--color-background);background-color:var(--color-foreground-emphasis)}}.Header__Controls details summary:after{display:inline-block;width:1.2em;height:1.2em;content:"";background-color:currentColor;transition-duration:var(--transition-fast);transition-property:transform;-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="8 8 32 32"><path d="M24 30.2q-.25 0-.525-.1t-.525-.35L13.1 19.9q-.45-.45-.45-1.1 0-.65.45-1.1.45-.45 1.05-.45.6 0 1.05.45l8.8 8.8 8.8-8.8q.45-.45 1.075-.45t1.075.45q.45.45.45 1.075t-.45 1.075l-9.9 9.9q-.25.25-.5.35-.25.1-.55.1Z"/></svg>');mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="8 8 32 32"><path d="M24 30.2q-.25 0-.525-.1t-.525-.35L13.1 19.9q-.45-.45-.45-1.1 0-.65.45-1.1.45-.45 1.05-.45.6 0 1.05.45l8.8 8.8 8.8-8.8q.45-.45 1.075-.45t1.075.45q.45.45.45 1.075t-.45 1.075l-9.9 9.9q-.25.25-.5.35-.25.1-.55.1Z"/></svg>')}.Header__Controls details[open]:not(.is-closing) summary:after{transform:rotate(180deg)}@media screen and (min-width: 768.02px),print{.Header__Popup{position:absolute;inset-block-start:50%;z-index:-1;width:max-content;min-width:100%;-webkit-padding-before:1em;padding-block-start:1em;overflow:hidden;background-color:var(--color-background);border-radius:8px;box-shadow:var(--shadow-high)}}@media screen and (max-width: 768px){.Header__Popup{-webkit-padding-after:8px;padding-block-end:8px}}.Header__Popup ul:not(:first-child):before{display:block;width:100%;height:1px;margin-inline:auto;content:"";background-color:var(--color-border)}.Header__Popup li{position:relative}@media screen and (min-width: 768.02px),print{.Header__Popup li{padding:4px}}@media screen and (max-width: 768px){.Header__Popup li{padding:2px 8px}}@media screen and (min-width: 768.02px),print{.Header__Popup li:not(:first-child):before{position:absolute;inset-inline:0;display:block;width:calc(100% - 20px);height:1px;margin-inline:auto;content:"";background-color:var(--color-border);inset-block-start:0}}.Header__Popup li button{display:grid;grid-template-columns:1em 1fr;column-gap:4px;width:100%;padding-block:12px;padding-inline:16px;font-size:.9rem;border:1px solid transparent;border-radius:5px;transition-duration:var(--transition-fast);transition-property:background-color}@media (hover: hover){.Header__Popup li button:where(:any-link,:enabled,summary):hover{background-color:#0000001a}}.Header__Popup li button:before{display:block;width:1em;height:1em;content:"";background-color:currentColor;-webkit-mask-image:var(--icon-check);mask-image:var(--icon-check);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-mask-size:1.2em;mask-size:1.2em}.Header__Popup li button[aria-checked=true]:before{opacity:1}.Hero{--hero-bg-y-1: 0%;--hero-bg-y-2: 55%;--hero-bg-y-3: 125%;--hero-before-mask: 100%;--hero-after-mask: 0%;position:relative;display:grid;align-items:center;-webkit-padding-after:40px;padding-block-end:40px;overflow:hidden;font-family:var(--font-family-emphasis);block-size:80vh}@media screen and (min-width: 768.02px),print{.Hero{--hero-heading-font-size: clamp(2.5rem, (100vw - 1300px) * .15 + 160px, 160px)}}@media screen and (max-width: 768px){.Hero{--hero-heading-font-size: min(22.5vw, 150px)}}@media screen and (min-width: 768.02px),print{.Hero{padding-inline:11%}}@media screen and (max-width: 768px){.Hero{padding-inline:4% 6%}}.Hero:before,.Hero:after{position:absolute;inset:0;z-index:-1;display:block;min-width:1500px;-webkit-backface-visibility:hidden;backface-visibility:hidden;content:""}.Hero:before{-webkit-clip-path:polygon(100% var(--hero-bg-y-1),0% var(--hero-bg-y-2),0% 100%,100% 100%);clip-path:polygon(100% var(--hero-bg-y-1),0% var(--hero-bg-y-2),0% 100%,100% 100%);background-image:linear-gradient(190deg,var(--color-gradient-blue),var(--color-gradient-blue-light),var(--color-gradient-white));-webkit-mask-image:linear-gradient(to right,transparent 50%,#000 50%);mask-image:linear-gradient(to right,transparent 50%,#000 50%);-webkit-mask-size:200%;mask-size:200%;-webkit-mask-position:var(--hero-before-mask);mask-position:var(--hero-before-mask)}.Hero:after{-webkit-clip-path:polygon(0% var(--hero-bg-y-2),100% var(--hero-bg-y-3),100% 100%,0% 100%);clip-path:polygon(0% var(--hero-bg-y-2),100% var(--hero-bg-y-3),100% 100%,0% 100%);background-image:linear-gradient(190deg,var(--color-gradient-white) 50%,var(--color-green-100));-webkit-mask-image:linear-gradient(to right,#000 50%,transparent 50%);mask-image:linear-gradient(to right,#000 50%,transparent 50%);-webkit-mask-size:200%;mask-size:200%;-webkit-mask-position:var(--hero-after-mask);mask-position:var(--hero-after-mask)}.Hero__Mesh{--line-color: var(--color-border);--mesh-size: 120px;position:absolute;inset:0;background-image:linear-gradient(to right,var(--line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--line-color) 1px,transparent 1px);background-position:calc(-1 * var(--mesh-size));background-size:var(--mesh-size) var(--mesh-size)}.Hero__Inner{position:relative;max-width:1000px;margin-inline:auto;font-size:var(--hero-heading-font-size)}.Hero__Label{--clip-size: 0%;--overlay-right: 0%;--overlay-left: 0%;-webkit-clip-path:polygon(0% 0%,0% 110%,var(--clip-size) 110%,var(--clip-size) 0%);clip-path:polygon(0% 0%,0% 110%,var(--clip-size) 110%,var(--clip-size) 0%);line-height:1;color:var(--color-foreground-emphasis);background-color:var(--color-accent-muted)}@media screen and (min-width: 768.02px),print{.Hero__Label{position:absolute;font-size:clamp(1.25rem,.4em,3.2rem);inset-block-start:calc(var(--hero-heading-font-size) * .8 - 2em);inset-inline-end:calc(var(--hero-heading-font-size) * -.2)}}@media screen and (max-width: 768px){.Hero__Label{position:relative;width:-moz-fit-content;width:fit-content;-webkit-margin-after:.5em;margin-block-end:.5em;font-size:clamp(1.25rem,.3em,3.2rem)}}.Hero__Label:after{position:absolute;inset-block:0;inset-inline-end:var(--overlay-right);inset-inline-start:var(--overlay-left);display:block;content:"";background-color:var(--color-foreground-emphasis)}.Hero__Heading{display:grid;grid-auto-columns:minmax(0,1fr);row-gap:.2em}@media screen and (max-width: 768px){.Hero__Heading{width:3.2em;margin-inline:auto}}.Hero__Heading__Name{display:flex;flex-wrap:wrap;color:var(--color-foreground-emphasis)}@media screen and (min-width: 768.02px),print{.Hero__Heading__Name{letter-spacing:.02em}}@media screen and (max-width: 768px){.Hero__Heading__Name{justify-content:space-between}}.Hero__Heading__Name [data-index="5"]{width:100%}@media screen and (min-width: 768.02px),print{.Hero__Heading__Title{justify-self:end;font-size:.75em}}@media screen and (max-width: 768px){.Hero__Heading__Title{display:flex;justify-content:space-between;font-size:.5em}}.LoadingScreen{--mesh-current: 0px;--line-current: 0%;--line-vertical: var(--line-current);--line-horizontal: var(--line-current);--line-color: #fff;position:fixed;inset:0;z-index:var(--z-index-loading-screen);background-image:linear-gradient(to right,var(--line-color) 1px,transparent 1px),linear-gradient(var(--line-color) 1px,transparent 1px);background-repeat:repeat no-repeat,no-repeat repeat;background-size:var(--mesh-size) var(--line-vertical),var(--line-horizontal) var(--mesh-size);-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent var(--mesh-current),#000 var(--mesh-current) calc(var(--mesh-size) - var(--mesh-current)),transparent calc(var(--mesh-size) - var(--mesh-current))),linear-gradient(to right,transparent var(--mesh-current),#000 var(--mesh-current) calc(var(--mesh-size) - var(--mesh-current)),transparent calc(var(--mesh-size) - var(--mesh-current)));mask-image:linear-gradient(to bottom,transparent var(--mesh-current),#000 var(--mesh-current) calc(var(--mesh-size) - var(--mesh-current)),transparent calc(var(--mesh-size) - var(--mesh-current))),linear-gradient(to right,transparent var(--mesh-current),#000 var(--mesh-current) calc(var(--mesh-size) - var(--mesh-current)),transparent calc(var(--mesh-size) - var(--mesh-current)));-webkit-mask-size:var(--mesh-size) var(--mesh-size);mask-size:var(--mesh-size) var(--mesh-size)}.LoadingScreen:before{position:absolute;inset-block:0;z-index:-1;width:200%;content:"";background-image:repeating-linear-gradient(120deg,var(--color-gradient-green) 20%,var(--color-gradient-blue-light) 45% 55%,var(--color-gradient-green) 80%);background-size:100% 100%;animation:loading 2s infinite linear;inset-inline-start:0}@keyframes loading{0%{transform:translate(-50%)}to{transform:translate(0)}}.SkillCard{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:center;padding:24px;background-color:var(--color-background-overlay)}.SkillCard>:nth-child(1){flex-basis:88px}.SkillCard>:nth-child(2){flex-basis:0;flex-grow:9999;min-width:70%}.SkillCard__Image{padding:2%;background-color:#fff}.SkillCard__Image img{width:100%;aspect-ratio:1}.SkillCard__Head{display:grid;grid-auto-flow:column;align-items:baseline;justify-content:space-between}.SkillCard__Heading{font-size:1.125rem;font-weight:700;color:var(--color-foreground-emphasis)}.SkillCard__Term{font-size:.875rem;color:var(--color-foreground-emphasis)}.SkillCard__Value{display:grid;grid-template-columns:auto 1fr auto;column-gap:20px;align-items:center;-webkit-margin-before:10px;margin-block-start:10px}label{font-size:.875rem;font-weight:700}meter{--meter-height: 20px;width:100%;height:var(--meter-height)}@-moz-document url-prefix(){meter{height:var(--meter-height);padding:2px;background:#fff;border:none;border-radius:9999px}}meter::-webkit-meter-bar{height:var(--meter-height);padding:2px;background:#fff;border:none;border-radius:9999px}meter::-webkit-meter-optimum-value{background-image:linear-gradient(to right,var(--color-gradient-blue) 10%,#00b7ae,var(--color-gradient-green) 90%);background-size:calc(100 / var(--value) * 100%);border-radius:inherit}meter::-moz-meter-bar{background-image:linear-gradient(to right,var(--color-gradient-blue) 10%,#00b7ae,var(--color-gradient-green) 90%);background-size:calc(100 / var(--value) * 100%);border-radius:inherit}.SkillSet__Inner{position:relative;-webkit-padding-before:120px;padding-block-start:120px;-webkit-padding-after:120px;padding-block-end:120px;padding-inline:var(--section-padding-inline);overflow:hidden}@media screen and (min-width: 768.02px),print{.SkillSet__Inner{--skill-set-bg-y-1: 0%;--skill-set-bg-y-2: 50%;--skill-set-bg-y-3: 90%}}@media screen and (max-width: 768px){.SkillSet__Inner{--skill-set-bg-y-1: 20em;--skill-set-bg-y-2: 35em;--skill-set-bg-y-3: 50em}}.SkillSet__Inner:before,.SkillSet__Inner:after{position:absolute;inset:0;z-index:-1;display:block;content:""}@media screen and (min-width: 768.02px),print{.SkillSet__Inner:before,.SkillSet__Inner:after{min-width:1500px}}.SkillSet__Inner:before{-webkit-clip-path:polygon(100% var(--skill-set-bg-y-1),0% var(--skill-set-bg-y-2),100% var(--skill-set-bg-y-3));clip-path:polygon(100% var(--skill-set-bg-y-1),0% var(--skill-set-bg-y-2),100% var(--skill-set-bg-y-3));background-image:linear-gradient(190deg,var(--color-gradient-blue),var(--color-gradient-blue-light) 30%,var(--color-gradient-white) 80%)}.SkillSet__Inner:after{-webkit-clip-path:polygon(0% 100%,0% var(--skill-set-bg-y-2),100% var(--skill-set-bg-y-3),100% 100%);clip-path:polygon(0% 100%,0% var(--skill-set-bg-y-2),100% var(--skill-set-bg-y-3),100% 100%);background-image:linear-gradient(190deg,var(--color-gradient-white) var(--skill-set-bg-y-2),var(--color-gradient-green-light),var(--color-gradient-green))}.SkillSetList{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1rem;-webkit-margin-before:40px;margin-block-start:40px}p{max-width:60em;line-height:2}