*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}@font-face{font-family:Boldonse;src:url(/fonts/Boldonse-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-family: "Boldonse", sans-serif;--font-size-heading: 140px;--font-size-h1: 370px;--font-size-h2: 170px;--font-size-h3: 60px;--font-size-body1: 16px;--font-size-body2: 18px;--font-size-body3: 20px;--font-size-body4: 14px;--font-size-body5: 18px;--font-size-body6: 16px;--line-height-heading: 1.3;--color-text: #e32604;--color-background: #490700;--color-border: #82e7c2;--color-white: #ffffff;--margin-top-section: 250px;--breakpoint-mobile: 1024px;--border-radius: 20px;--border-width: 3px;--border-width-image: 3px;--slow-start-easing: cubic-bezier(.73, 0, 0, 1);--fast-start-easing: cubic-bezier(.17, .67, .1, .99);--faster-start-easing: cubic-bezier(.19, 1, .22, 1)}@media (max-width: 1900px){:root{--font-size-h1: 200px}}@media (max-width: 1024px){:root{--font-size-h1: 10vw;--font-size-h2: 50px;--font-size-h3: 24px;--font-size-body1: 16px;--font-size-body2: 14px;--font-size-body3: 14px;--font-size-body4: 12px;--font-size-body5: 12px;--font-size-body6: 14px;--margin-top-section: 150px;--border-width-image: 6px}}@media (max-width: 768px){:root{--font-size-h1: 12vw;--font-size-h2: 38px;--font-size-h3: 20px;--font-size-body1: 14px;--font-size-body2: 13px;--font-size-body3: 13px;--font-size-body4: 11px;--font-size-body5: 12px;--font-size-body6: 12px;--margin-top-section: 110px;--border-width-image: 4px}}body{color:var(--color-text);background-color:var(--color-background);overflow-x:hidden;font-family:var(--font-family);position:relative}body::selection{background-color:var(--color-text);color:var(--color-background)}body::-moz-selection{background-color:var(--color-text);color:var(--color-background)}html.has-alt-bg body{background-color:#1a0805}html.has-alt-bg body:before{content:"";position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(60% 40% at 15% 10%,rgba(227,38,4,.22),transparent 60%),radial-gradient(40% 30% at 85% 20%,rgba(130,231,194,.16),transparent 60%),radial-gradient(50% 50% at 50% 90%,rgba(227,38,4,.18),transparent 70%),linear-gradient(180deg,#490700d9,#1a0805d9);opacity:.9;z-index:-2;pointer-events:none}html.has-alt-bg body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 6px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 8px);opacity:.35;mix-blend-mode:soft-light;z-index:-1;pointer-events:none}#top-controls{position:fixed;top:30px;left:30px;z-index:10000;display:flex;align-items:center;gap:12px}#overlay-open{position:static}#bg-toggle{position:relative;left:auto;top:auto;z-index:auto;background:transparent;border:none;color:transparent;font-size:0;width:28px;height:28px;padding:0;cursor:pointer}#bg-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--color-text);border-radius:50%;opacity:.9}#bg-toggle:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:var(--color-text);border-radius:50%;transform:translate(-50%,-50%)}@media (max-width: 1024px){#top-controls{left:0;right:0;transform:none;padding:0 16px;justify-content:space-between}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}a{display:inline-block;color:inherit;outline:none;position:relative;text-decoration:none}@media (hover: hover){a:hover:after{transition:transform 1s var(--fast-start-easing);transform:scaleX(0)}a:hover:before{transform:scaleX(1);transition:transform 1s 75ms var(--fast-start-easing)}}a:before,a:after{content:"";display:block;width:100%;height:3px;left:0;right:0;bottom:0;background-color:var(--color-text);position:absolute}a:before{transform:scaleX(0);transform-origin:left;transition:transform 1s 0s var(--fast-start-easing)}a:after{transform-origin:right;transition:transform 1s 75ms var(--fast-start-easing)}header{position:fixed;top:0;left:0;width:100%;z-index:10}#header{margin:40px 30px 120px;z-index:5}@media (max-width: 1024px){#header{margin-bottom:40px;margin-top:40px}}#header__made-by,#overlay-toggle{font-size:var(--font-size-body3)}#header__made-by{position:absolute;left:30px;top:30px;z-index:5;display:block}@media (max-width: 1024px){#header__made-by{display:none}}#settings{display:none;position:fixed;left:50%;width:100%;text-transform:uppercase;font-size:var(--font-size-body6);display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:100}@media (min-width: 1024px){#settings{transform:translate(-50%);bottom:30px}}@media (max-width: 1024px){#settings{bottom:0;transform:translate(-50%,calc(100% - 48px - var(--font-size-body6)));transition:transform 1s var(--faster-start-easing)}@media (min-width: 1024px){#settings{bottom:30px}}#settings.is-active{transform:translate(-50%,10px)}}#settings.is-active #settings__button span:last-child:before{transform:translateY(-50%) rotate(180deg)}#settings.is-active #settings__button span:last-child:after{transform:translate(-50%) rotate(90deg)}#settings.is-active #settings__items{transform:translateY(-10px);transition:transform 1s .2s var(--faster-start-easing)}#settings__button{text-align:center;background:var(--color-text);color:var(--color-background);padding:25px 40px 33px;line-height:1;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border:var(--border-width) solid var(--color-background);border-bottom:none;display:flex;gap:10px;align-items:center}#settings__button span:last-child{position:relative;width:10px;height:10px;top:-2px}#settings__button span:last-child:before{position:absolute;content:"";display:block;width:100%;top:50%;transform:translateY(-50%);transform-origin:center;height:3px;background:var(--color-background);transition:transform 1s var(--fast-start-easing)}#settings__button span:last-child:after{position:absolute;content:"";display:block;width:3px;left:50%;transform:translate(-50%);transform-origin:center;top:0;height:100%;background:var(--color-background);transition:transform 1s var(--fast-start-easing)}@media (min-width: 1024px){#settings__button{display:none}}#settings__items{list-style:none;padding:0;background:var(--color-text);color:var(--color-background);border:var(--border-width) solid var(--color-background);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);display:flex;flex-direction:column}@media (max-width: 1024px){#settings__items{border-bottom:none;width:calc(100vw - 38px);transition:transform 0s 1s var(--faster-start-easing)}}@media (min-width: 1024px){#settings__items{flex-direction:row;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}.settings__item{--size: 20px;line-height:1;position:relative;cursor:pointer}@media (max-width: 1024px){.settings__item{padding:25px 30px 20px 50px}.settings__item:not(:last-child){border-bottom:var(--border-width) solid var(--color-background)}}@media (min-width: 1024px){.settings__item{padding:30px 40px 30px 60px}.settings__item:first-child{padding-left:90px}.settings__item:first-child:before{left:50px}.settings__item:first-child:after{left:50px}.settings__item:nth-child(3){padding-right:70px}}.settings__item:before{content:"";display:block;width:var(--size);height:var(--size);border:2px solid var(--color-background);position:absolute;border-radius:50%;left:20px;top:50%;transform:translateY(-50%)}.settings__item:after{content:"";display:block;width:var(--size);height:var(--size);position:absolute;border-radius:50%;background:var(--color-background);left:20px;top:50%;transform:translateY(-50%) scale(.1);opacity:0;transition:transform .5s var(--fast-start-easing),opacity .5s var(--fast-start-easing)}.settings__item.is-active:after{transform:translateY(-50%) scale(.6);opacity:1}#overlay-open,#overlay-close{z-index:10000;right:30px;top:30px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;background:transparent;color:inherit;border-radius:0;line-height:inherit}@media (max-width: 1024px){#overlay-open,#overlay-close{right:50%;transform:translate(50%)}}#overlay-open{position:fixed}#overlay-close{position:fixed;color:var(--color-background)}#header__title01,#header__title02{line-height:var(--line-height-heading);font-size:var(--font-size-h2);text-align:center;text-transform:uppercase}@media (max-width: 1024px){#header__title01{margin-top:80px}}#header__description{font-size:var(--font-size-body3);max-width:25ch;margin:80px auto;text-align:center;line-height:1.6}@media (max-width: 1024px){#header__description{margin-bottom:40px;margin-top:40px}}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;color:var(--color-background);pointer-events:none;transition:opacity .3s ease-in-out}#overlay::selection{background:var(--color-background);color:var(--color-text)}html.is-overlay-active #overlay{pointer-events:auto}html.is-overlay-active #top-controls,html.is-overlay-active #settings{opacity:0;pointer-events:none}#overlay__content{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(-100%);overflow:hidden;transition:transform 1s var(--fast-start-easing);background:var(--color-text)}.is-overlay-active #overlay__content{transform:translateY(0)}#overlay__content-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(100%);transition:transform 1s var(--fast-start-easing)}.is-overlay-active #overlay__content-inner{transform:translateY(0)}#overlay__content-inner-inner{position:absolute;display:flex;flex-direction:column;gap:50px;top:30px;right:30px;bottom:30px;left:30px}@media (max-width: 1024px){#overlay__content-inner-inner{gap:30px}}#overlay__content-title{font-size:var(--font-size-h3);max-width:20ch}@media (max-width: 1024px){#overlay__content-title{margin-top:40px}}#overlay__content-list{--padding: 15px;font-size:var(--font-size-body2);list-style:none;padding:0;text-transform:uppercase;display:flex;flex-direction:column;gap:var(--padding);font-size:var(--font-size-body4);border-top:var(--border-width) solid var(--color-background);padding-top:var(--padding)}@media (max-width: 1024px){#overlay__content-list{--padding: 10px}}#overlay__content-list li{padding-bottom:var(--padding);border-bottom:var(--border-width) solid var(--color-background)}#overlay__content-list li:before{content:attr(data-index);margin-right:50px;text-align:center;line-height:10px;display:inline-block;width:2ex}@media (max-width: 1024px){{margin-right:3ex}}#overlay__content-description{font-size:var(--font-size-body5);max-width:25ch;margin-top:auto}#overlay a{transition:color .1s}#overlay__content-list a[href^="mailto:"]{white-space:nowrap}#overlay a:hover{color:var(--color-white)}#wrapper{position:relative;overflow:hidden;padding-left:20px;padding-right:20px}@media (max-width: 768px){#top-controls{top:16px}#bg-toggle{width:24px;height:24px}#overlay-open,#overlay-close{top:16px;font-size:var(--font-size-body3)}#header{margin:24px 16px 60px}#header__description{max-width:32ch;margin:24px auto}#skills-section,#experience-section{margin-top:80px}#skills-section{padding:28px 16px}#skills-title,#experience-title{margin-bottom:24px;padding-bottom:16px}#skills-content{gap:20px}.skill-tag{padding:8px 12px}#experience-section{width:100%}.experience-card{padding:24px}.experience-header{flex-direction:column;gap:6px;align-items:flex-start}.experience-year{margin-top:4px}.experience-details{padding-top:16px}#overlay__content-inner-inner{top:20px;right:20px;bottom:20px;left:20px;gap:24px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:30px}#overlay__content-title{max-width:28ch}#overlay__content-description{max-width:30ch}#motion-ticker{margin:60px 0!important;padding:30px 0!important}.ticker-text{font-size:clamp(32px,12vw,56px)}footer{margin-left:16px;margin-right:16px;font-size:clamp(48px,16vw,96px)}#footer-top{flex-direction:column;gap:10px;align-items:center}#footer-bottom{margin-top:10px;text-align:center}#photos-footer-section{margin-top:60px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.photo-card{flex:0 0 70%!important;max-width:70%!important;width:70%!important;scroll-snap-align:center}}#canvas{display:none}html.no-fix #canvas{position:fixed;top:0}#section02,#section03,#section04{margin-top:var(--margin-top-section)}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.ticker-text{font-family:var(--font-family);font-weight:700;white-space:nowrap;display:inline-block;font-size:clamp(60px,10vw,120px);text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--color-text);margin-right:50px}.ticker-text:nth-child(2n){color:var(--color-text);-webkit-text-stroke:0}#section01,#section02,#section03,#section04,#section02__top-content,#section02__bottom-content,#section04__top-content,#section04__bottom-content{display:none}#section02__images-wrapper,#section04__images-wrapper{display:flex;gap:20px}@media (max-width: 1024px){#section02__images-wrapper,#section04__images-wrapper{flex-direction:column;gap:var(--margin-top-section)}}#section02__img01,#section02__img02,#section02__img03,#section04__img01,#section04__img02,#section04__img03{flex:1}#section02__img01,#section02__img03,#section04__img01,#section04__img03{width:70%;margin-left:auto;margin-right:auto}@media (max-width: 1024px){#section01__img01:before,#section02__img02:before,#section03__img01:before,#section04__img02:before{content:"portfolio project";position:absolute;font-size:var(--font-size-body2);text-transform:uppercase;z-index:1;bottom:0;transform:translate(-6px,calc(100% + 16px));left:0}#section01__img01:after,#section02__img02:after,#section03__img01:after,#section04__img02:after{content:"01";position:absolute;font-size:var(--font-size-body2);text-transform:uppercase;z-index:1;bottom:0;transform:translate(6px,calc(100% + 16px));right:0}}@media (max-width: 1024px){#section01__img01 div:before,#section02__img02 div:before,#section03__img01 div:before,#section04__img02 div:before{content:"portfolio project";position:absolute;font-size:var(--font-size-body2);text-transform:uppercase;z-index:1;top:0;transform:translate(-6px,calc(-100% - 16px));left:0}#section01__img01 div:after,#section02__img02 div:after,#section03__img01 div:after,#section04__img02 div:after{content:"01";position:absolute;font-size:var(--font-size-body2);text-transform:uppercase;z-index:1;top:0;transform:translate(6px,calc(-100% - 16px));right:0}}.image{border:var(--border-width-image) solid var(--color-border);position:relative;aspect-ratio:1024 / 1536}.image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#skills-section{margin-top:var(--margin-top-section);width:60vw;margin-left:auto;margin-right:auto;padding:60px;background:#e326040d;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius)}@media (max-width: 1024px){#skills-section{width:100%;padding:40px 20px;margin-top:100px}}#skills-title{display:flex;justify-content:space-between;font-size:var(--font-size-body2);text-transform:uppercase;margin-bottom:50px;border-bottom:var(--border-width) solid var(--color-border);padding-bottom:20px}@media (max-width: 1024px){#skills-title{margin-bottom:30px}}#skills-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px}@media (max-width: 1024px){#skills-content{grid-template-columns:1fr;gap:30px}}.skills-group h3{font-size:var(--font-size-body3);text-transform:uppercase;margin-bottom:20px;font-weight:400}.skills-list{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{display:inline-block;padding:12px 20px;background:var(--color-text);color:var(--color-background);border-radius:25px;font-size:var(--font-size-body4);text-transform:uppercase;font-weight:400;white-space:normal;word-wrap:break-word;max-width:100%;line-height:1.4}@media (max-width: 1024px){.skill-tag{padding:10px 16px;font-size:12px}}#experience-section{margin-top:var(--margin-top-section);width:60vw;margin-left:auto;margin-right:auto}@media (max-width: 1024px){#experience-section{width:100%;margin-top:100px}}#experience-title{display:flex;justify-content:space-between;font-size:var(--font-size-body2);text-transform:uppercase;margin-bottom:50px;border-bottom:var(--border-width) solid var(--color-border);padding-bottom:20px}@media (max-width: 1024px){#experience-title{margin-bottom:30px}}.experience-card{padding:50px;background:#e3260414;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);position:relative;overflow:hidden}@media (max-width: 1024px){.experience-card{padding:30px}}.experience-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--color-border),var(--color-text))}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.experience-header h3{font-size:var(--font-size-body3);text-transform:uppercase;font-weight:400;margin:0}.experience-year{font-size:var(--font-size-body4);text-transform:uppercase;color:var(--color-text);font-weight:400}.experience-company{font-size:var(--font-size-body2);text-transform:uppercase;margin:10px 0 20px;color:var(--color-text);font-weight:400}.experience-description{font-size:var(--font-size-body5);line-height:1.6;margin:0 0 30px;color:var(--color-text)}.experience-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px;padding-top:25px;border-top:var(--border-width) solid rgba(130,231,194,.3)}@media (max-width: 1024px){.experience-details{grid-template-columns:1fr;gap:15px}}.detail-group h4{font-size:var(--font-size-body4);text-transform:uppercase;margin:0 0 10px;font-weight:400;color:var(--color-border)}.detail-group p{font-size:13px;margin:0;line-height:1.5;color:var(--color-text)}.experience-accent{position:absolute;bottom:-10px;right:-10px;width:100px;height:100px;background:radial-gradient(circle,rgba(130,231,194,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}footer{position:relative;font-size:var(--font-size-h1);text-transform:uppercase;line-height:1.25;margin-top:var(--margin-top-section);margin-left:30px;margin-right:30px;display:flex;flex-direction:column;justify-content:flex-end}@media (max-width: 1024px){footer{min-height:auto;margin-left:0;margin-right:0}}#footer-top{display:flex;justify-content:space-between}#footer-bottom{display:flex;justify-content:center;margin-top:-.2em}#photos-footer-section{margin-top:100px}#copyright{text-align:center;margin:20px 0 40px;font-size:12px;text-transform:none;letter-spacing:.04em}@media (max-width: 1024px){#photos-footer-section{flex-direction:row!important;align-items:stretch!important;gap:16px!important}.photo-card{max-width:45%!important;width:45%!important}}#footer-bottom{margin-top:30px;margin-bottom:30px;display:block}@media (max-width: 1024px){#footer-bottom{margin-top:10px}}