:root{--body-color:#020202;--surface:#191917;--surface-hover:#22221f;--hero-text-alternate-color:#7fbf9c;--general-border-color:#2e2e2b;--alt-border-color:#383836;--header-border-color:#282826;--page-max-content-width:1250px;--page-min-content-width:550px;--code-block-bg-color:#17181a;--box-radius:32px;--sub-font-size:12px;--sub-font-color:#98978f;--main-theme-color:#111110;--sub-theme-color:#f3f2ed;--footer-bg-color:#1f2822;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0;font-family:Space Grotesk,sans-serif}html{scrollbar-width:none;scrollbar-color:#888 #f1f1f1}h1,h2,h3{color:var(--sub-theme-color)}body{background-color:var(--body-color);-webkit-font-smoothing:antialiased;width:100%;max-width:var(--page-max-content-width);min-width:var(--page-min-content-width);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:0;display:flex}.section-heading{text-align:left;width:100%;margin-top:100px;margin-bottom:23px;padding:0;font-size:50px}.section-paragraph{text-align:left;width:100%;color:var(--sub-font-color);margin-bottom:23px;padding:0;font-size:20px}::selection{color:#fff;background-color:#7fbf9c}#select-layer{z-index:999;pointer-events:none;position:fixed;inset:0}#body-element-container{flex-direction:column;justify-content:center;align-items:center;display:flex}#alt-body-element-container{justify-content:center;align-items:center;width:100%;height:100vh;display:none}#alt-body-section{width:100%;height:450px;max-width:calc(var(--page-min-content-width) - 64px);background-color:var(--surface);border:1px solid var(--alt-border-color);border-radius:var(--box-radius);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}#alt-body-section-heading{text-align:center}#bg-video{object-fit:cover;z-index:-1;filter:blur(10px);width:105%;height:105%;position:fixed;top:0;left:0}header{background-color:color-mix(in srgb, var(--body-color) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--header-border-color);border-radius:var(--box-radius);z-index:999;width:var(--page-max-content-width);opacity:0;flex-direction:column;justify-content:center;align-items:center;height:80px;display:flex;position:fixed;top:50px;box-shadow:0 10px 10px 5px #0000004d}#header-element-container{width:100%;max-width:var(--page-max-content-width);grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;padding-left:32px;padding-right:32px;display:grid}#logo{cursor:pointer;width:auto}#nav-links{background-color:var(--surface);border:1px solid var(--general-border-color);border-radius:999px;justify-self:center;gap:4px;padding:4px;display:flex}#nav-links a{color:var(--sub-theme-color);background-color:var(--surface);border-radius:999px;padding:8px 16px;line-height:1.6;text-decoration:none}#nav-links a:hover{background-color:var(--surface-hover)}#nav-link-right-btn{justify-self:end}#hero-section{width:100%;height:650px;max-width:var(--page-max-content-width);justify-content:center;align-items:center;gap:28px;padding:150px 32px 0;display:flex}#hero-section-left-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:550px;height:100%;display:flex}.hero-text{margin:0;font-size:clamp(32px,4vw,46px)}#hero-text-2{color:var(--hero-text-alternate-color)}#hero-paragraph{color:var(--sub-font-color);margin-bottom:5px;font-size:15px}.hero-tag-container{gap:8px;margin-bottom:20px;display:flex}.hero-tag{background-color:var(--surface);font-size:var(--sub-font-size);color:var(--sub-font-color);border:1px solid var(--general-border-color);border-radius:var(--box-radius);margin:4px;padding:5px 12px}.btn{cursor:pointer;border-radius:999px;height:auto;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none}.hero-btn{margin-bottom:200px}.btn-primary{color:var(--main-theme-color);background-color:var(--sub-theme-color);border:1px solid var(--sub-theme-color)}.btn-secondary{color:var(--sub-theme-color);background-color:var(--main-theme-color);border:1px solid var(--alt-border-color)}#stats-section{justify-content:center;align-items:center;width:100%;height:900px;margin-top:55px;padding-top:100px;display:flex}#stats-container{width:100%;height:100%;max-width:var(--page-max-content-width);min-width:var(--page-min-content-width);grid-template-rows:repeat(4,1fr);grid-template-columns:1.5fr 1fr 1fr 1fr;justify-content:center;align-items:center;gap:12px;padding:32px;display:grid}.stats{background-color:var(--surface);text-align:center;border:1px solid var(--general-border-color);border-radius:var(--box-radius);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}#stat1{grid-row:1/span 4;grid-column-start:4}#stat2{grid-row:3/span 2;grid-column-start:4}#stat3{grid-column:2/span 2;grid-row-start:1}#stat4{grid-row:2/span 2;grid-column-start:2}#stat5{grid-row:2/span 3;grid-column-start:3}#stat6{grid-row-start:4;grid-column-start:2}#stat7{background-color:#fff;flex-direction:column;grid-row:1/span 4;grid-column-start:1;justify-content:start;align-items:center;padding:32px;display:flex;position:relative}#stat7-myphoto{border-radius:16px;width:100%}#stat7-myname{color:var(--main-theme-color)}#socials_on_stat_section{background-color:var(--surface);border-radius:20px;justify-content:center;gap:20px;width:calc(100% - 64px);margin:20px;padding:20px;display:flex;position:absolute;bottom:32px}#lc-card{width:100%;height:100%;color:var(--sub-theme-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:large;font-weight:800;display:flex}#lc-card .total{font-size:3rem}.icon-btn{cursor:pointer;background:#f0f0f0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:5px;transition:background .2s;display:inline-flex}#skills-section{width:100%;padding:32px}svg{height:25px}.skill{color:var(--sub-theme-color);background-color:var(--surface);border:1px solid var(--general-border-color);border-radius:var(--box-radius);justify-content:center;align-items:center;gap:4px;min-width:0;margin:4px;padding:8px 16px;display:inline-flex}#skills-container{padding-left:32px}#Work-section{width:100%;padding:32px}#work-container{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.work-box{cursor:pointer;background-color:var(--surface);border:1px solid var(--general-border-color);border-radius:var(--box-radius);flex-direction:column;flex-grow:1;flex-basis:0;justify-content:center;align-items:center;min-width:0;height:400px;padding:16px;transition:flex-grow 1s cubic-bezier(.22,1,.36,1);display:flex}.work-box.is-open{flex-grow:7}#work-heading{writing-mode:vertical-rl;transition:transform 1s cubic-bezier(.22,1,.36,1);transform:rotate(180deg)}.work-box.is-open #work-heading{writing-mode:horizontal-tb;transform:rotate(360deg)}#work-sub-heading,#work-paragraph{visibility:hidden;opacity:0;max-height:0;transition:opacity .4s,transform .4s,visibility 0s linear .4s;position:fixed;overflow:hidden;transform:translateY(6px)}.work-box.is-open #work-sub-heading{visibility:visible;opacity:1;max-height:60px;padding-bottom:5px;transition:opacity .4s .25s,transform .4s .25s,visibility 0s linear .25s;position:relative;transform:none}.work-box.is-open #work-paragraph{visibility:visible;opacity:1;max-height:60px;color:var(--sub-theme-color);transition:opacity .4s .25s,transform .4s .25s,visibility 0s linear .25s;position:relative;transform:none}#work-element-container{flex-direction:column;justify-content:center;align-items:center;max-width:80%;display:flex}.work-link{color:var(--surface);background-color:var(--sub-theme-color);white-space:nowrap;opacity:0;border-radius:999px;margin-top:10px;padding:6px 14px;font-size:clamp(.75rem,.9vw,.9rem);text-decoration:none;transition:opacity .4s .35s,transform .4s .35s;display:none;transform:translateY(6px)}.work-box.is-open .work-link{opacity:1;display:inline-block;transform:none}.work-link:hover{filter:brightness(1.1)}footer{width:100%;max-width:var(--page-max-content-width);min-width:var(--page-min-content-width);padding:32px}#footer-container{background-color:var(--surface);border:1px solid var(--general-border-color);border-radius:var(--box-radius);width:100%;min-height:500px;padding:16px 16px 20px}#footer-head-container{background-color:var(--footer-bg-color);border:1px solid var(--general-border-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;width:100%;min-height:220px;padding:32px;display:flex}#footer-head-container h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}#footer-head-container p{color:#f3f2edcc;max-width:620px;font-size:1.05rem;line-height:1.6}#footer-head-container .btn{margin-top:4px}#footer-body-container{justify-content:center;align-items:center;gap:16px;width:100%;height:calc(60% - 16px);margin-top:16px;margin-left:8px;margin-right:8px;display:flex}.footer-body-element-container{width:100%;height:100%}.footer-list{margin-top:3px;margin-left:10px;list-style:none}.list-item{color:var(--sub-theme-color);font-size:20px;text-decoration:none}@media (width<=1100px){:root{--body-color:#111110}#nav-links{display:none}#header-element-container{grid-template-columns:3fr 1fr;display:grid}#office,#office2,#office3,#macImmersion{display:none}header{opacity:1;border-radius:0;top:0}}@media (width<=900px){:root{--page-max-content-width:550px;--page-min-content-width:550px}#hero-section{flex-direction:column;height:auto;padding-top:150px;display:flex}#hero-text-1,#hero-text-2{font-size:4rem;line-height:1}#hero-paragraph{padding-top:15px;padding-bottom:10px;font-size:1.25rem}.hero-actions{flex-direction:column;gap:16px;display:flex}.hero-tag{font-size:1.1rem}.hero-btn{margin-bottom:0;font-size:1.6rem}#hero-section-right-panel{display:none}#stats-section{justify-content:center;align-items:center;width:100%;height:2000px;display:flex}#stats-container{grid-template-rows:repeat(12,1fr);grid-template-columns:1fr 1fr;gap:10px;display:grid}#stat1{grid-area:11/1/13/3}#stat2{grid-area:13/1/15/3}#stat3{grid-area:7/1/8/3}#stat4{grid-area:8/1/10/2}#stat5{grid-area:8/2/11/3}#stat6{grid-area:10/1/11/2}#stat7{grid-area:1/1/7/3;margin-bottom:150px}#work-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.work-box{flex-direction:column;flex-basis:auto;justify-content:center;align-items:center;width:100%;height:100px;padding:0;transition:height .7s cubic-bezier(.22,1,.36,1);display:flex}.work-box.is-open{height:500px}#work-heading,.work-box.is-open #work-heading{writing-mode:horizontal-tb;transform:none}#work-sub-heading,#work-paragraph{visibility:hidden;opacity:0;max-height:0;transition:opacity .4s,transform .4s,visibility 0s linear .4s;position:fixed;overflow:hidden;transform:translateY(6px)}.work-box.is-open #work-sub-heading,.work-box.is-open #work-paragraph{visibility:visible;opacity:1;max-height:60px;transition:opacity .4s .25s,transform .4s .25s,visibility 0s linear .25s;position:relative;transform:none}#footer-body-container{flex-direction:column;justify-content:center;align-items:center}}#office{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#office2{width:99vw;height:100vh}#office3{width:99vw;height:50vh}#macImmersion{opacity:0;pointer-events:none}#macImmersion #macBorder{z-index:1001;border:30px solid #000;border-radius:50px;width:calc(100% + 40px);height:calc(100% + 40px);margin:-20px;display:flex;position:fixed;top:0;left:0}#macImmersion #macTopBar{z-index:1000;background-color:color-mix(in srgb, var(--body-color) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;width:100%;height:40px;display:flex;position:fixed;top:0;left:0}#macImmersion #macTopBar #macNotch{background-color:#000;border:1px solid;border-radius:0 0 15px 15px;width:200px;height:100%}.visible,#macImmersion.visible{opacity:1}