@layer theme{:root,:host{--spacing:.25rem;--default-font-family:"Segoe UI",Helvetica,Arial,sans-serif;--default-mono-font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.resize{resize:both}}.main-header{height:min(100vh,960px);min-height:600px;position:relative}.header-content-fixed{z-index:0;text-align:center;background:url(/theme/images/main-header.jpg) 50%/cover no-repeat;width:100%;height:min(100vh,960px);min-height:600px;transition:transform .8s,filter .8s;position:fixed;inset:0 0 auto}.header-content-fixed:before,.header-content-fixed:after{content:"";width:50%;height:100%;transition:background 1s;position:absolute;top:0}.header-content-fixed:before{background:var(--surface-secondary);left:0}@supports (color:color-mix(in lab, red, red)){.header-content-fixed:before{background:color-mix(in srgb,var(--surface-secondary)76%,transparent)}}.header-content-fixed:after{background:var(--background);right:0}@supports (color:color-mix(in lab, red, red)){.header-content-fixed:after{background:color-mix(in srgb,var(--background)82%,transparent)}}.main-header:hover .header-content-fixed:before{background:var(--surface-secondary)}@supports (color:color-mix(in lab, red, red)){.main-header:hover .header-content-fixed:before{background:color-mix(in srgb,var(--surface-secondary)58%,transparent)}}.main-header:hover .header-content-fixed:after{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.main-header:hover .header-content-fixed:after{background:color-mix(in srgb,var(--background)64%,transparent)}}.whoim{z-index:3;width:100%;position:absolute;top:100px}.box-line{border:3px solid var(--text-strong);background:var(--background);display:inline-block}@supports (color:color-mix(in lab, red, red)){.box-line{background:color-mix(in srgb,var(--background)28%,transparent)}}.box-line{color:var(--text-strong);letter-spacing:.18em;text-transform:uppercase;padding:10px 30px;font-weight:700}.header-copy{z-index:3;place-items:center;min-height:100%;display:grid;position:relative}.name{color:var(--text-strong);letter-spacing:.22em;text-transform:uppercase;margin-bottom:20px;font-size:clamp(3rem,7vw,5rem);font-weight:700}.job{border-bottom:1px solid var(--text-strong);min-height:58px;color:var(--text-strong);letter-spacing:.3em;text-transform:uppercase;justify-content:center;align-items:center;padding:10px 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,2vw,1.35rem);display:inline-flex}.typed-text{text-align:left;min-width:12ch}.typed-cursor{margin-left:.2em;animation:.9s step-end infinite typed-blink;display:inline-block}@keyframes typed-blink{50%{opacity:0}}@media (max-width:1024px){.main-header,.header-content-fixed{min-height:560px}.header-content-fixed{position:relative}}@media (max-width:720px){.main-header,.header-content-fixed{height:100svh;min-height:520px}.whoim{top:72px}.box-line{letter-spacing:.12em;padding:10px 20px}.name{letter-spacing:.12em}.job{letter-spacing:.16em;min-height:52px}}.menu-area{z-index:100;border-bottom:1px solid var(--line-color);background:var(--surface-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;padding:20px 0;transition:background .8s,transform .35s,box-shadow .35s,padding .35s;position:absolute;bottom:0;left:0;right:0}.menu-area.nav-white-bg{background:var(--background)}.menu-area.nav-fixed{box-shadow:var(--shadow-strong);padding:16px 0;position:fixed;top:0;bottom:auto}.nav-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;display:grid}.main-nav{align-items:center;gap:18px;display:flex}.main-nav-cta{justify-content:flex-start}.main-nav-links{flex-wrap:wrap;justify-content:center}.main-nav-social{justify-content:flex-end}.main-nav>li>a{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:700;transition:color .3s,opacity .3s}.main-nav>li>a:hover,.main-nav>li.active>a{color:var(--text-strong)}.main-nav-links li[data-disabled=true] a,.main-nav-links li[data-disabled=true]{cursor:default}.main-nav-links li[data-disabled=true] a{opacity:.4;pointer-events:none}.main-nav-cta a,.main-nav-cta a:hover,.main-nav-social a:hover{color:var(--text-strong)}.main-nav-social a{border:1px solid #0000;border-radius:999px;place-items:center;width:28px;height:28px;display:inline-grid}.theme-toggle{border:1px solid var(--line-color);width:34px;height:34px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:999px;place-items:center;transition:color .3s,border-color .3s,background .3s;display:inline-grid}.theme-toggle:hover{color:var(--text-strong);border-color:var(--text-soft);background:var(--line-soft)}@media (max-width:980px){.nav-grid{grid-template-columns:1fr;justify-items:center}.main-nav-cta,.main-nav-links,.main-nav-social{justify-content:center}}@media (max-width:720px){.menu-area{padding:14px 0}.main-nav{gap:12px}.main-nav>li>a{letter-spacing:.1em;font-size:.68rem}.main-nav-social{gap:8px}}.block-section{z-index:1;background:var(--background);position:relative}.my-profile{min-height:620px;display:flex;position:relative}.my-pict,.my-desc{width:50%}.my-pict{background:url(/me/me.png) 50%/cover no-repeat;position:absolute;inset:0 auto 0 0}.overfly{transition:background .8s;position:absolute;inset:0;overflow:hidden}.text-botttom{text-align:right;width:100%;padding:40px;position:absolute;bottom:0;right:0}.text-botttom h2,.text-botttom h5{color:#000;text-transform:uppercase}.text-botttom h2{margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700}.text-botttom h5{letter-spacing:.16em;margin-bottom:0;font-family:Georgia,Times New Roman,serif}.my-desc{margin-left:auto}.bg-secondary,.bg-dark{border-left:1px solid var(--line-color)}.bg-secondary{background:var(--surface-primary)}.bg-dark{background:var(--surface-secondary)}.inner-text{max-width:585px;padding:40px}.inner-text h3,.services h5{color:var(--text-strong)}.inner-text h3{margin-bottom:18px;font-size:2rem}.inner-text p{margin-bottom:18px;line-height:1.9}.detail-list{color:var(--text-strong);margin-bottom:0}.detail-list strong{min-width:104px;color:var(--text-strong);margin-right:10px;display:inline-block}.services{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.services li{text-align:center}.services .box{border-right:1px solid var(--line-color);flex-direction:column;align-items:center;gap:2px;padding:52px 16px;display:flex}.services li:last-child .box{border-right:0}.services .ic{color:var(--text-strong);margin-bottom:18px;font-family:monospace;font-size:2.7rem;font-weight:700}.services h5{letter-spacing:.12em;text-transform:uppercase;margin-bottom:0;font-size:.95rem}@media (max-width:880px){.my-profile{display:block}.my-pict,.my-desc{width:100%}.my-pict{min-height:380px;position:relative}.bg-secondary,.bg-dark{border-left:0}}@media (max-width:768px){.services{grid-template-columns:1fr}.services .box{border-right:0;border-bottom:1px solid var(--line-color);padding:40px 16px}.services li:last-child .box{border-bottom:0}}@media (max-width:640px){.inner-text,.text-botttom{padding:28px}}.placeholder-stack{z-index:1;background:var(--background);position:relative}.placeholder-block{border-top:1px solid var(--line-color);background:linear-gradient(180deg,#ffffff05,transparent),var(--background);place-items:center;min-height:90svh;display:grid;position:relative}.placeholder-block p{color:var(--text-muted);letter-spacing:.18em;text-align:center;text-transform:uppercase;margin:0;font-size:clamp(1.4rem,3vw,2.2rem)}.container-medium{z-index:1;width:min(100% - 30px,960px);margin:0 auto;position:relative}.block-title{z-index:3;border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color);text-align:center;padding:40px 0;position:relative}.block-title .container{justify-items:center;gap:10px;display:grid}.block-title h2{color:var(--text-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:0;font-size:clamp(1.8rem,3vw,2.3rem);font-weight:700}.title-icon{color:var(--text-soft);justify-content:center;align-items:center;display:inline-flex;position:relative}.title-icon:before,.title-icon:after{content:"";background:var(--text-soft);width:20px;height:1px;position:absolute;top:50%}.title-icon:before{left:-30px}.title-icon:after{right:-30px}.shape-bottom{z-index:2;position:relative}.shape-bottom:before{content:"";z-index:1;border:1px solid var(--line-color);background:var(--surface-primary);width:20px;height:20px;margin-left:-10px;position:absolute;bottom:-10px;left:50%;transform:rotate(45deg)}.list-employment,.list-education{margin:0;padding:50px 0;position:relative}.list-employment:before,.list-education:before{content:"";background:var(--line-color);width:1px;height:100%;position:absolute;top:0;left:50%}.list-employment li,.list-education li{float:left;clear:both;text-align:right;width:50%;position:relative}.list-employment li:nth-child(odd),.list-education li:nth-child(odd){float:right;text-align:left}.list-employment li .ic,.list-education li .ic{background:var(--line-color);width:40px;height:40px;color:var(--text-strong);place-items:center;display:grid;position:absolute;top:20px;right:0}.list-employment li:nth-child(odd) .ic,.list-education li:nth-child(odd) .ic{left:0;right:auto}.list-employment li .number,.list-education li .number{color:var(--surface-primary);font-family:Georgia,Times New Roman,serif;font-size:70px;font-style:italic;line-height:70px;position:absolute;top:10px;right:-128px}.list-employment li:nth-child(odd) .number,.list-education li:nth-child(odd) .number{left:-128px;right:auto}.list-employment li .desc,.list-education li .desc{border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color);padding:20px 60px 20px 20px}.list-employment li:nth-child(odd) .desc,.list-education li:nth-child(odd) .desc{padding:20px 20px 20px 60px}.list-employment li .desc h5,.list-education li .desc h5{color:var(--text-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:1rem;font-weight:700}.resume-meta{color:var(--text-strong);font-family:Georgia,Times New Roman,serif}.list-employment li .desc p,.list-education li .desc p{margin-bottom:12px;line-height:1.8}.list-employment li .desc p:last-child,.list-education li .desc p:last-child{margin-bottom:0}.list-employment ul:after,.list-education ul:after{content:"";clear:both;display:block}@media (max-width:768px){.list-employment:before,.list-education:before{display:none}.list-employment li,.list-education li{float:none;text-align:left;background:var(--background);width:100%}.list-employment li .ic,.list-education li .ic,.list-employment li:nth-child(odd) .ic,.list-education li:nth-child(odd) .ic{left:0;right:auto}.list-employment li .number,.list-education li .number{display:none}.list-employment li .desc,.list-education li .desc,.list-employment li:nth-child(odd) .desc,.list-education li:nth-child(odd) .desc{border-bottom:0;padding:20px 20px 20px 60px}.list-employment li:last-child .desc,.list-education li:last-child .desc{border-bottom:1px solid var(--line-color)}}.skills-section .container-medium{z-index:1;width:min(100% - 30px,960px);margin:0 auto;position:relative}.skills-section .block-title{z-index:3;border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color);text-align:center;padding:40px 0;position:relative}.skills-section .block-title .container{justify-items:center;gap:10px;display:grid}.skills-section .block-title h2{color:var(--text-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:0;font-size:clamp(1.8rem,3vw,2.3rem);font-weight:700}.skills-section .title-icon{color:var(--text-soft);justify-content:center;align-items:center;display:inline-flex;position:relative}.skills-section .title-icon:before,.skills-section .title-icon:after{content:"";background:var(--text-soft);width:20px;height:1px;position:absolute;top:50%}.skills-section .title-icon:before{left:-30px}.skills-section .title-icon:after{right:-30px}.skills-section .shape-bottom{z-index:2;position:relative}.skills-section .shape-bottom:before{content:"";z-index:1;border:1px solid var(--line-color);background:var(--surface-primary);width:20px;height:20px;margin-left:-10px;position:absolute;bottom:-10px;left:50%;transform:rotate(45deg)}.skills-section .skill{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.skills-section .skill .box{text-align:center;border:1px solid #0000;padding-bottom:30px}.skills-section .skill.top .box{padding-top:50px}.skills-section .skill.bottom .box{padding-top:30px;padding-bottom:50px}.skills-section .skill.top li:not(:last-child) .box,.skills-section .skill.bottom li:not(:last-child) .box{border-right-color:var(--line-color)}.skills-section .skill.top .box{border-bottom-color:var(--line-color)}.skills-section .chart{background:radial-gradient(circle at center,var(--background)63%,transparent 64%),conic-gradient(var(--accent-2)var(--percent),var(--line-color)0);border-radius:50%;place-items:center;width:110px;height:110px;margin-top:40px;margin-bottom:20px;display:inline-grid;position:relative}.skills-section .percent{color:var(--text-strong);line-height:1}.skills-section .percent:after{content:"%";margin-left:.1em;font-size:.8em}.skills-section .skill-label{color:var(--text-strong);letter-spacing:.08em;text-transform:uppercase}.skills-section .title-border{border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color);text-align:center;padding:30px}.skills-section .title-border h5{color:var(--text-strong);letter-spacing:.12em;text-transform:uppercase;margin-bottom:0;font-size:.95rem;font-weight:700}.skills-section .more-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.skills-section .list-progress li{padding:20px 0}.skills-section .list-progress li .title{color:var(--text-strong);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.skills-section .list-progress li .title small{color:var(--text-muted);font-size:.8rem}.skills-section .list-progress li .progress-line{border:1px solid var(--line-color);background:var(--line-color);padding:5px}.skills-section .list-progress li .progress-line .line{background:var(--text-strong);height:3px;display:block}@media (max-width:768px){.skills-section .skill{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-section .skill .box{border:0!important;padding-top:30px!important;padding-bottom:30px!important}.skills-section .more-skills-grid{grid-template-columns:1fr;gap:0}}@media (max-width:520px){.skills-section .skill{grid-template-columns:1fr}}:root{--background:#323232;--foreground:#919191;--surface-primary:#282828;--surface-secondary:#0a0a0a;--surface-elevated:#0000004d;--line-color:#1e1e1e;--line-soft:#ffffff14;--text-strong:#fff;--text-muted:#7d7d7d;--text-soft:#cdcdcd;--accent-1:#00b2d6;--accent-2:#00beff;--accent-3:#108fe7;--accent-4:#1661d0;--accent-5:#0a4089;--accent:var(--accent-2);--shadow-strong:0 24px 80px #00000059;--container-width:1180px;--nav-height:72px}html[data-theme=light]{--background:#fff;--foreground:#5f5f5f;--surface-primary:#f5f5f5;--surface-secondary:#fff;--surface-elevated:#ffffffb8;--line-color:#ebebeb;--line-soft:#0000000f;--text-strong:#323232;--text-muted:#7d7d7d;--text-soft:#323232;--about-overlay:#ffffffb3;--shadow-strong:0 24px 80px #0000001f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0;font-family:Segoe UI,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,p{margin-top:0}#home,#about,#resume,#portfolio,#blog,#contact{scroll-margin-top:var(--nav-height)}.container{width:min(calc(100% - 48px),var(--container-width));margin:0 auto}.page-shell{min-height:100vh;position:relative}