@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&family=Caveat:wght@400;700&family=Space+Mono:wght@400;700&family=Yellowtail&family=Dancing+Script:wght@700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root,.day{--color-mint:#6fdcbf;--color-mint-up:#a5d4bb;--color-mint-down:#55af96;--color-lilac:#ae8fdb;--color-sea:#72cada;--color-highlight:#ae8fdb;--color-sherbet:#fef8b4;--color-sherbet-fade:#fffce0;--color-rose:#dc849b;--color-peach:#f2c3c0;--color-light:#e8e7ec;--color-light-fade:#faefe8;--color-light-down:#fafafa;--color-light-down-2:#f4f5f5;--color-light-down-3:#ecedee;--color-mid:#ccc;--color-dark:#303145;--color-dark-opacity:#30314559;--border-width:2.5px;--border-color:#303145;--color-contact-bg:#50c8a5;--color-contact-card:#efefef;--color-contact-underline:#50c8a5;--color-nav-bg:#e8e7ecbf;--logo-highlight:#ae8fdb;--logo-mint:#6fdcbf}.night,html.night{-webkit-font-smoothing:antialiased;--color-mint:#2a2339;--color-mint-up:#36343d;--color-mint-down:#222127;--color-lilac:#4c3a69;--color-sea:#3a6269;--color-highlight:#b1b1d8;--color-sherbet:#2c2a32;--color-sherbet-fade:#2a2339;--color-rose:#77404f;--color-peach:#774069;--color-light:#1c1a29;--color-light-fade:#2b293d;--color-light-down:#1c1a29;--color-light-down-2:#191724;--color-light-down-3:#12101a;--color-mid:#4d4d4d;--color-dark:#fff5e7;--color-dark-opacity:#fff5e74d;--border-color:#fff5e7;--color-contact-bg:#5f3d5d;--color-contact-card:#1a1a1a;--color-contact-underline:#5f3d5d;--color-nav-bg:#1c1a29bf;--logo-highlight:#77404f;--logo-mint:#b1b1d8}.night .home-page-container,html.night .home-page-container{--color-mint:#774069;--color-light:#29272a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-light-fade);width:100%;height:100%;color:var(--color-dark);cursor:default;font-family:Outfit,sans-serif;transition:background .3s,color .3s;overflow:hidden}@media (max-width:767px){html,body{height:auto;min-height:100%;overflow:hidden auto}}.viewport-border{pointer-events:none;z-index:100;border:var(--border-width) solid var(--border-color);background:0 0;border-radius:20px;transition:border-color .3s;position:fixed;inset:16px}@media (max-width:767px){.viewport-border{border-radius:14px;inset:8px}}.nav-pill{border:var(--border-width) solid var(--border-color);cursor:pointer;box-shadow:3px 3px 0px var(--border-color);border-radius:9999px;padding:8px 24px;font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275),border-color .3s,color .3s,background .3s}.nav-pill.active{background:var(--color-mint);color:var(--color-dark);box-shadow:5px 5px 0px var(--border-color);transform:translate(-2px,-2px)}.nav-pill.inactive{background:var(--color-light-down);color:var(--color-dark)}.nav-pill.inactive:hover{background:var(--color-sherbet);color:var(--color-dark);box-shadow:5px 5px 0px var(--border-color);transform:translate(-2px,-2px)}.navbar-desktop{z-index:200;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(12px);border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);border-radius:9999px;align-items:center;gap:8px;padding:6px 12px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:fixed;top:24px;right:36px}@media (max-width:767px){.navbar-desktop{display:none}}.mobile-menu-btn{z-index:300;border:var(--border-width) solid var(--border-color);background:var(--color-nav-bg);-webkit-backdrop-filter:blur(12px);width:48px;height:48px;box-shadow:3px 3px 0px var(--border-color);cursor:pointer;border-radius:50%;padding:0;transition:background .3s,border-color .3s,box-shadow .3s;display:none;position:fixed;top:16px;right:16px}@media (max-width:767px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}}.hamburger-icon{flex-direction:column;justify-content:space-between;width:22px;height:16px;display:flex;position:relative}.hamburger-icon span{background:var(--border-color);transform-origin:50%;border-radius:2px;width:100%;height:2.5px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:block}.hamburger-icon.open span:first-child{transform:translateY(6.75px)rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-icon.open span:nth-child(3){transform:translateY(-6.75px)rotate(-45deg)}.mobile-menu-overlay{z-index:250;background:var(--color-light-fade);opacity:0;pointer-events:none;transition:opacity .35s;display:none;position:fixed;inset:0}@media (max-width:767px){.mobile-menu-overlay{display:block}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}}.mobile-menu-content{flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100%;height:100%;padding:100px 32px 60px;display:flex}.mobile-menu-nav{flex-direction:column;align-items:center;gap:20px;display:flex}.mobile-menu-link{color:var(--border-color);border:var(--border-width) solid transparent;border-radius:9999px;padding:12px 40px;font-family:Fredoka,sans-serif;font-size:32px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.mobile-menu-link.active{background:var(--color-mint);border-color:var(--border-color);box-shadow:4px 4px 0px var(--border-color);transform:translate(-2px,-2px)}.mobile-menu-link:not(.active):active{background:var(--color-sherbet);border-color:var(--border-color)}.mobile-menu-footer{justify-content:center;align-items:center;display:flex}.switch{cursor:pointer;z-index:210;flex-grow:0;align-items:center;margin:5px 0;font-size:0;display:inline-flex}.switch .switch__toggle{cursor:pointer;position:relative}.switch__checkbox{opacity:0;pointer-events:none;position:absolute}.switch .switch__toggle:after,.switch .switch__toggle:before{content:"";transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s,border-color .25s;display:block}.switch .switch__toggle:before{border:var(--border-width) solid var(--border-color);width:4rem;height:2.2rem;box-shadow:3px 3px 0px var(--border-color);background:#6fdcbf;border-radius:999px}.switch .switch__toggle:after{border:1.5px solid var(--border-color);background:linear-gradient(130deg,#ffc851 0,#fff0a4 45%,#ffc851 45%,#fcb045 100%);border-radius:50%;width:1.4rem;height:1.4rem;position:absolute;top:.4rem;left:.4rem}.switch__checkbox:checked+.switch__toggle:before{background:#3c3954}.switch__checkbox:checked+.switch__toggle:after{border:1.5px solid var(--border-color);background:radial-gradient(circle,#fff 0,#aaa 100%);transform:translate(1.8rem)rotate(180deg)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{background:var(--color-dark);vertical-align:text-bottom;width:4px;height:1.05em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.lamp-beam{opacity:0;pointer-events:none;transition:opacity .3s}.night .lamp-beam{opacity:.15}.text-outline{color:#0000;-webkit-text-stroke:var(--border-width) var(--border-color);font-weight:700;transition:-webkit-text-stroke .3s}.slider-arrow{border:var(--border-width) solid var(--border-color);background:var(--color-light-down);width:48px;height:48px;color:var(--color-dark);cursor:pointer;box-shadow:3px 3px 0px var(--border-color);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow:hover{background:var(--color-mint);box-shadow:5px 5px 0px var(--border-color);transform:translateY(-50%)translate(-2px,-2px)}.slider-arrow:active{box-shadow:1px 1px 0px var(--border-color);transform:translateY(-50%)translate(0)}.slider-arrow.left{left:24px}.slider-arrow.right{right:24px}.work-page-root{background:var(--color-light-fade);width:100%;height:100vh;transition:background .3s;position:relative;overflow:hidden}.page-transition-overlay{z-index:999;pointer-events:none;position:fixed;inset:0}.projects-layout-container{grid-template-columns:1fr;gap:48px;margin-top:48px;display:grid}@media (min-width:768px){.projects-layout-container{grid-template-columns:1fr 1fr;align-items:start;gap:48px 64px}}.projects-col-left,.projects-col-right{flex-direction:column;gap:48px;display:flex}.project-card{border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);cursor:pointer;background:0 0;border-radius:16px;flex-direction:column;height:100%;text-decoration:none;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s,border-color .3s;display:flex;overflow:hidden}.project-card:hover{box-shadow:8px 8px 0px var(--border-color);transform:translateY(-8px)scale(1.02)!important}.project-card-title{color:var(--color-dark);font-family:Fredoka,sans-serif;font-size:24px;font-weight:700;line-height:1.25;transition:color .3s}.project-card:hover .project-card-title{text-decoration:underline}.cta-desktop-only{display:flex}.cta-mobile-only{display:none}@media (max-width:767px){.cta-desktop-only{display:none!important}.cta-mobile-only{justify-content:center;margin-top:40px;display:flex!important}}.contact-section{background:var(--color-contact-bg);border-bottom:var(--border-width) solid var(--border-color);justify-content:center;align-items:center;width:100%;padding:100px 5% 120px;transition:background .3s,border-color .3s;display:flex;position:relative}.contact-card{background:var(--color-contact-card);border:var(--border-width) solid var(--border-color);width:100%;max-width:1000px;box-shadow:6px 6px 0px var(--border-color);z-index:10;border-radius:24px;grid-template-columns:1fr;gap:40px;padding:48px 40px;transition:background .3s,border-color .3s,box-shadow .3s;display:grid;position:relative}@media (min-width:768px){.contact-card{grid-template-columns:1.2fr 1fr;gap:60px;padding:64px 80px}}.contact-info{color:var(--border-color);flex-direction:column;justify-content:center;gap:20px;display:flex}.contact-chat-heading{margin:0;font-family:Fredoka,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2}.contact-chat-text{opacity:.9;margin:0;font-family:Outfit,sans-serif;font-size:clamp(16px,1.8vw,20px);line-height:1.6}.contact-email-link{color:var(--border-color);border-bottom:6px solid var(--color-contact-underline);cursor:pointer;font-family:Fredoka,sans-serif;font-weight:700;line-height:1.15;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.contact-email-link:hover{border-bottom-color:var(--border-color)}.contact-socials-row{gap:20px;margin-top:12px;display:flex}.contact-social-icon{color:var(--border-color);font-size:24px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.contact-social-icon:hover{transform:scale(1.2)rotate(5deg)}.contact-blob-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.contact-blob{aspect-ratio:1;background:var(--color-contact-bg);border:var(--border-width) solid var(--border-color);border-radius:50% 50% 30% 70%/50% 60% 40% 50%;justify-content:center;align-items:flex-end;width:100%;max-width:280px;transition:background .3s,border-color .3s;display:flex;overflow:hidden}.contact-avatar{object-fit:contain;width:80%;height:auto;transform:translateY(12px)}.contact-overlapping-title{color:var(--border-color);text-shadow:-3px -3px 0 var(--color-contact-bg), 3px -3px 0 var(--color-contact-bg), -3px 3px 0 var(--color-contact-bg), 3px 3px 0 var(--color-contact-bg), -3px 0px 0 var(--color-contact-bg), 3px 0px 0 var(--color-contact-bg), 0px -3px 0 var(--color-contact-bg), 0px 3px 0 var(--color-contact-bg);margin:0;font-family:Fredoka,sans-serif;font-size:clamp(44px,5.5vw,84px);font-weight:700;line-height:1;transition:color .3s;position:absolute;bottom:-40px;left:24px}@media (min-width:768px){.contact-overlapping-title{bottom:-48px;left:48px}}.skills-section{border-bottom:var(--border-width) solid var(--border-color);background:#fef8b4;padding:100px 10% 120px;transition:background .3s,color .3s;position:relative}.night .skills-section,html.night .skills-section{background:var(--color-sea)}.skills-layout-container{grid-template-columns:1.2fr .8fr;align-items:flex-start;gap:80px;display:grid}@media (max-width:991px){.skills-layout-container{grid-template-columns:1fr;gap:48px}}.skills-col-left{flex-direction:column;gap:32px;display:flex}.skills-col-right{justify-content:center;align-items:center;display:flex;position:sticky;top:100px}@media (max-width:991px){.skills-col-right{position:static}}.skills-svg-card{width:100%;max-width:340px;position:relative}.skills-svg-card .skills-badge{z-index:2;position:absolute;top:-16px;left:-16px}@keyframes cursorBlink{0%,to{opacity:.8}50%{opacity:0}}.skills-cursor{animation:1.1s ease-in-out infinite cursorBlink}.skills-image-card{display:none}.skills-image-card:hover{box-shadow:10px 10px 0px var(--border-color);transform:translate(-4px,-4px)}.skills-image-card img{object-fit:cover;filter:grayscale()contrast(1.1);background:var(--color-mint);border-radius:12px;width:100%;height:100%;transition:filter .3s}.skills-image-card:hover img{filter:grayscale(.2)contrast(1.05)}.skills-laptop-img{border-radius:0;padding:12px;object-fit:contain!important;filter:none!important;background:#fff!important}.night .skills-laptop-img,html.night .skills-laptop-img{background:#fff!important}.skills-image-card:hover .skills-laptop-img{filter:none!important}.skills-image-card:after{content:"";border:var(--border-width) dashed var(--border-color);z-index:-1;pointer-events:none;border-radius:16px;transition:transform .2s;position:absolute;inset:12px -12px -12px 12px}.skills-image-card:hover:after{transform:translate(4px,4px)}.skills-badge{background:var(--color-highlight);color:var(--color-light-down-3);border:var(--border-width) solid var(--border-color);letter-spacing:.05em;box-shadow:3px 3px 0px var(--border-color);z-index:2;border-radius:999px;padding:6px 16px;font-family:Space Mono,monospace;font-size:13px;font-weight:700;position:absolute;top:-16px;left:-16px}.night .skills-badge{color:#12101a;background:var(--color-highlight)}.skills-intro-label{color:var(--border-color);font-family:Caveat,cursive;font-size:clamp(22px,2.5vw,32px);transition:color .3s}.skills-heading{color:var(--border-color);margin-top:4px;font-family:Fredoka,sans-serif;font-size:clamp(36px,4.5vw,70px);font-weight:700;line-height:1;transition:color .3s}.skills-description{color:var(--border-color);opacity:.9;max-width:600px;font-family:Outfit,sans-serif;font-size:clamp(15px,1.4vw,19px);line-height:1.6}.skills-list{flex-direction:column;width:100%;margin-top:16px;display:flex}.skills-item{border-bottom:1.5px dashed var(--border-color);align-items:baseline;gap:20px;padding:24px 0;transition:border-color .3s;display:flex}.skills-item:last-child{border-bottom:none}.skills-item-category{color:var(--border-color);opacity:.85;text-align:left;flex-shrink:0;width:120px;font-family:Caveat,cursive;font-size:clamp(20px,2.2vw,26px);transform:rotate(-1.5deg)}.skills-item-line{background:var(--border-color);opacity:.3;flex-grow:1;align-self:center;height:1.5px;margin:0 10px}@media (max-width:600px){.skills-item-line{display:none}.skills-item{flex-direction:column;align-items:flex-start;gap:8px}.skills-item-category{width:auto;margin-bottom:4px;transform:none}}.skills-item-details{flex-direction:column;flex-shrink:0;gap:6px;width:60%;display:flex}@media (max-width:991px){.skills-item-details{width:70%}}@media (max-width:600px){.skills-item-details{width:100%}}.skills-item-title{color:var(--border-color);margin:0;font-family:Fredoka,sans-serif;font-size:clamp(18px,1.8vw,24px);font-weight:700;transition:color .3s}.skills-item-desc{color:var(--border-color);opacity:.8;margin:0;font-family:Outfit,sans-serif;font-size:15px;line-height:1.5}.hero-container{background-color:var(--color-light);border-bottom:var(--border-width) solid var(--border-color);width:100%;height:100vh;transition:background .3s,border-color .3s;position:relative;overflow:hidden}@media (max-width:799px){.hero-container{height:auto;min-height:100vh}}@media (min-width:800px){.hero-container:after{content:"";background-color:var(--color-mint);z-index:0;border-left:var(--border-width) solid var(--border-color);width:68%;transition:background .3s;position:absolute;top:0;bottom:0;right:0}}.hero-inner{z-index:1;flex-direction:column;width:100%;height:100vh;display:flex;position:relative}@media (max-width:799px){.hero-inner{height:auto;min-height:100vh}}@media (min-width:800px){.hero-inner{flex-direction:row;justify-content:flex-start;align-items:center;max-width:1520px;margin:0 auto;padding:0 5%}}@media (min-width:1200px){.hero-inner{padding:0 8%}}@media (min-width:1600px){.hero-inner{padding:0 128px}}.hero-svg-wrapper{z-index:2;justify-content:center;align-items:stretch;width:100%;padding:0;transition:background .3s;display:flex;overflow:hidden}@media (max-width:799px){.hero-svg-wrapper{align-items:center;max-height:50vh;padding:80px 20px 20px}}@media (min-width:800px){.hero-svg-wrapper{flex-shrink:0;justify-content:flex-start;align-items:center;width:51%;height:100vh;padding:0;display:flex}}.hero-content-wrapper{z-index:2;background-color:var(--color-mint);flex-direction:column;justify-content:center;gap:20px;width:100%;padding:40px 24px;transition:background .3s;display:flex}@media (max-width:799px){.hero-content-wrapper{flex:1;padding:32px 24px 48px}}@media (min-width:800px){.hero-content-wrapper{background-color:#0000;width:49%;height:100vh;padding:96px 0}}.brand-logo{z-index:200;cursor:pointer;width:320px;height:72px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:block;position:fixed;top:20px;left:36px}.brand-logo:hover{transform:rotate(-3deg)scale(1.06)}@media (max-width:767px){.brand-logo{width:180px;height:44px;top:14px;left:16px}}.logo-svg{width:100%;height:100%;display:block;overflow:visible}.logo-text{letter-spacing:.5px;font-family:Yellowtail,Caveat,cursive;font-size:46px;font-weight:400}@keyframes logoDraw{0%{stroke-dashoffset:900px}to{stroke-dashoffset:0}}@keyframes logoFill{0%{fill:#0000}to{fill:var(--logo-mint)}}@keyframes logoFadeOut{to{opacity:0}}@keyframes logoDotBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-12px)}50%{transform:translateY(-6px)}70%{transform:translateY(-10px)}}@keyframes logoDotAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-dot{opacity:0;transform-origin:50%;transform-box:fill-box;animation:.4s ease-out 1.4s forwards logoDotAppear,2.2s ease-in-out 1.9s infinite logoDotBounce}.logo-stroke1{stroke-dasharray:900;stroke-dashoffset:900px;animation:1.6s cubic-bezier(.4,0,.2,1) forwards logoDraw,.3s ease-in-out 1.7s forwards logoFadeOut}.logo-stroke2{stroke-dasharray:900;stroke-dashoffset:900px;animation:1.6s cubic-bezier(.4,0,.2,1) .15s forwards logoDraw,.4s ease-in-out 1.4s forwards logoFill}.text-outline{cursor:default}.text-outline:hover{color:var(--border-color);-webkit-text-fill-color:var(--border-color)}.slider-mobile-nav{display:none}@media (max-width:767px){.slider-mobile-nav{background:var(--color-light-down);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:12px 6% 32px;display:flex}.slider-mobile-btn{border:var(--border-width) solid var(--border-color);background:var(--color-light);color:var(--color-dark);cursor:pointer;box-shadow:2px 2px 0px var(--border-color);border-radius:9999px;padding:10px 20px;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.slider-mobile-btn:hover:not(:disabled){background:var(--color-mint);box-shadow:4px 4px 0px var(--border-color);transform:translate(-2px,-2px)}.slider-mobile-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.slider-mobile-counter{color:var(--color-dark);opacity:.6;letter-spacing:.05em;font-family:Space Mono,monospace;font-size:13px;font-weight:700}#projects-section{padding:60px 6% 80px!important}.projects-layout-container{margin-top:32px!important}.project-card-title{font-size:20px!important}.skills-section{padding:60px 6% 80px}.skills-image-card{max-width:240px}.contact-section{padding:60px 5% 80px}.contact-card{border-radius:18px;gap:24px;padding:32px 20px}.contact-blob{max-width:180px}.contact-overlapping-title{font-size:clamp(32px,10vw,60px);bottom:-28px;left:16px}.skills-item-desc{font-size:14px}}.slider-page-grid{grid-template-columns:1fr var(--border-width) 1fr;width:100%;height:100vh;display:grid}.slider-page-left{flex-direction:column;justify-content:center;gap:24px;padding:10vh 7% 12vh 9%;display:flex;overflow-y:auto}.slider-page-divider{background:var(--border-color);margin:80px 0}.slider-page-right{background:var(--color-light-down);flex-direction:column;display:flex;position:relative;overflow:hidden}.slider-page-right-header{padding:10vh 7% 0 8%}.slider-page-right-canvas{flex:1;min-height:0;position:relative}.slider-dots{z-index:10;align-items:center;gap:12px;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}@media (max-width:767px){.work-page-root{height:auto;min-height:100vh;overflow:hidden auto}.slider-arrow{display:none}.slider-page-grid{grid-template-rows:auto auto;grid-template-columns:1fr;height:auto;min-height:auto}.slider-page-left{justify-content:flex-start;height:auto;padding:96px 6% 40px;overflow-y:visible}.slider-page-divider{display:none}.slider-page-right{border-top:var(--border-width) solid var(--border-color);height:320px;min-height:320px;overflow:hidden}.slider-page-right-header{padding:24px 6% 0}.slider-dots{background:var(--color-light-down);justify-content:center;padding:20px 0 32px;position:relative;bottom:auto;left:auto;transform:none}}.about-page-root{grid-template-columns:1fr var(--border-width) 1fr;background:var(--color-light-fade);width:100%;height:100vh;color:var(--color-dark);display:grid;overflow:hidden}.about-col-left{flex-direction:column;justify-content:center;gap:24px;padding:0 8% 0 9%;display:flex;overflow-y:auto}.about-divider{background:var(--border-color);margin:80px 0}.about-col-right{flex-direction:column;justify-content:center;align-items:flex-start;gap:40px;padding:0 9% 0 8%;display:flex;overflow-y:auto}@media (max-width:767px){.about-page-root{grid-template-rows:auto auto;grid-template-columns:1fr;height:auto;min-height:100vh;overflow:hidden auto}.about-col-left{justify-content:flex-start;padding:96px 6% 40px;overflow-y:visible}.about-divider{display:none}.about-col-right{border-top:var(--border-width) solid var(--border-color);background:var(--color-light-down);gap:32px;padding:32px 6% 80px;overflow-y:visible}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}