:root{--color-landing-bg:#f2e9d8;--color-about-bg:#2a2f35;--color-nav-bg:#363d44;--color-nav-panel:#444c55;--color-text-on-dark:#f2e9d8;--color-text-on-light:#2a2f35;--color-accent:#e5532c;--color-accent-hover:#d64626;--color-accent-on-light:#b73e1d;--color-accent-on-dark:#e87a4d;--color-terracotta:#e87a4d;--color-card-bg:#e4d9c2;--color-border:#d6cbb3;--color-dropdown-hover:#e9dfca;--color-white:#fff;--color-muted:#666;--font-body:var(--font-roboto-mono), monospace;--font-display:var(--font-hubot-sans), sans-serif;--text-xs:clamp(10px, 1.2vw, 12px);--text-sm:clamp(11px, 1.5vw, 14px);--text-base:clamp(15px, 1.8vw, 18px);--text-lg:clamp(14px, 2vw, 20px);--text-xl:clamp(18px, 2.5vw, 24px);--text-2xl:clamp(24px, 3vw, 32px);--text-3xl:clamp(2rem, 5vw, 3.5rem);--spacing-xs:clamp(4px, 1vh, 8px);--spacing-sm:clamp(8px, 1.5vh, 16px);--spacing-md:clamp(12px, 2vh, 24px);--spacing-lg:clamp(20px, 3vh, 40px);--spacing-section-padding-desktop:4vh 5vw;--spacing-section-padding-mobile:3vh 4vw;--spacing-header-top-desktop:6%;--spacing-header-top-mobile:5%;--spacing-header-side-desktop:5vw;--spacing-header-side-mobile:4vw;--breakpoint-small:640px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-soft:cubic-bezier(.6, 0, .4, 1);--ease-out-quint:cubic-bezier(.23, 1, .32, 1);--ease-out-quart:cubic-bezier(.22, 1, .36, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.2s ease;--transition-medium:.3s ease;--transition-slow:.8s var(--ease-out-expo);--transition-text-fill:.7s var(--ease-in-out-soft)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-landing-bg);color:var(--color-text-on-light);font-family:var(--font-body)}a{color:var(--color-accent-on-light)}button,.animated-button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:0}[role=dialog]:focus,[role=dialog]:focus-visible{outline:none}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;flex-direction:column;height:100dvh;display:flex;overflow-y:scroll}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes iconBounce{0%,to{transform:scale(1)translateY(0)}40%{transform:scale(1.1)translateY(-4px)}60%{transform:scale(1.05)translateY(-2px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutSlide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes hamburgerFadeOut{0%{opacity:1}to{opacity:0}}@keyframes contactSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes contactSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes contactSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes contactFadeIn{0%{opacity:0}to{opacity:1}}@keyframes contactFadeOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.projects-sculpture__playback{display:none!important}.projects-sculpture__canvas{cursor:default!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.nav-item-opening{animation:fadeInSlide .9s var(--ease-out-expo) backwards}.nav-item-closing{animation:fadeOutSlide .6s var(--ease-out-expo) forwards}.hamburger-fading{animation:.3s forwards hamburgerFadeOut}.fullscreen-nav{background-color:var(--color-nav-bg);z-index:2000;animation:slideInRight .8s var(--ease-out-expo);pointer-events:auto;will-change:transform, opacity;contain:strict;backface-visibility:hidden;flex-direction:column;justify-content:safe center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateZ(0)}.fullscreen-nav--closing{animation:slideOutRight .8s var(--ease-out-expo);pointer-events:none}.fullscreen-nav__items{text-align:left;flex-direction:column;gap:0;display:flex}.fullscreen-nav__header{border:1px solid var(--color-border);background-color:var(--color-nav-panel);justify-content:space-between;align-items:center;width:100%;display:flex}.fullscreen-nav__menu-label{border-right:1px solid var(--color-border);color:var(--color-text-on-dark);font-family:var(--font-body);padding:.5vh 1vw;font-size:48px;font-weight:500}.fullscreen-nav__spacer{width:1.5vw}.fullscreen-nav__close-wrapper{border-left:1px solid var(--color-border);justify-content:center;align-self:stretch;align-items:center;padding:0 1vw;display:flex}.fullscreen-nav__close-button{color:var(--color-text-on-dark);cursor:pointer;font-size:64px;line-height:.85;font-family:var(--font-body);background-color:#0000;border:none;padding:0;font-weight:500;transition:color .2s}@media (hover:hover){.fullscreen-nav__close-button:hover{color:var(--color-accent)}}.fullscreen-nav .nav-item{background-color:var(--color-nav-panel);border:1px solid var(--color-border);color:var(--color-text-on-dark);font-size:10.5vw;font-weight:700;font-family:var(--font-body);cursor:pointer;text-align:left;width:100%;min-width:calc(4.8em + 4vw + 2px);margin:0;padding:.5vh 3vw .5vh 1vw;line-height:.85;text-decoration:none;transition:transform .2s}.fullscreen-nav .nav-item__content{align-items:baseline;gap:1.5vw;display:flex}.fullscreen-nav .nav-item__arrow{width:.8cap;height:.8cap;transition:stroke .3s var(--ease-in-out-soft);z-index:2;flex-shrink:0;transition-delay:.7s;position:relative;transform:translateY(-.2cap)}@media (max-width:640px){.fullscreen-nav__menu-label{font-size:32px}.fullscreen-nav__spacer{width:1vw}.fullscreen-nav__close-button{font-size:48px}.fullscreen-nav .nav-item{font-size:14.5vw}.fullscreen-nav .nav-item__content{gap:2vw}}.nav-item{position:relative}.nav-item:before{content:attr(data-text);color:var(--color-accent);background-color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;padding:inherit;margin:inherit;clip-path:inset(0 100% 0 0);pointer-events:none;transition:clip-path var(--transition-text-fill);z-index:1;width:fit-content;padding-right:0;position:absolute;inset:0 auto 0 0}.nav-item>span{z-index:0;position:relative}.nav-item svg{transition:stroke .3s var(--ease-in-out-soft);z-index:2;transition-delay:.7s;position:relative}@media (hover:hover){.nav-item:hover{transform:translate(20px)}.nav-item:hover:before{clip-path:inset(0)}.nav-item:hover svg{stroke:var(--color-accent)}}.animated-button{color:var(--color-text-on-light);font-size:20px;font-weight:400;font-family:var(--font-body);cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast);background-color:#0000;border:none;border-radius:0;padding:12px 24px;position:relative;overflow:hidden}.animated-button:focus-visible{outline-offset:0}.animated-button-underline{background-color:var(--color-accent);width:0%;height:2px;transition:width var(--transition-medium);position:absolute;bottom:4px;left:0}.animated-button-underline--reverse{left:auto;right:0}.hover-underline{transition:background-size var(--transition-medium);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat}a:focus-visible .hover-underline{background-size:100% 2px}@media (hover:hover){.animated-button:hover .animated-button-underline{width:100%}a:hover .hover-underline{background-size:100% 2px}.dropdown-item:hover{background-color:var(--color-dropdown-hover)}}.hamburger-button{cursor:pointer;font-size:40px;line-height:1;font-family:var(--font-body);z-index:3001;opacity:1;pointer-events:auto;background-color:#0000;border:none;padding:8px;transition:opacity .25s,color .3s;position:fixed;top:32px;right:5vw}.hamburger-button--faded{opacity:0;pointer-events:none;transition:opacity .5s}.hamburger-button--hidden{opacity:0;pointer-events:none}.hamburger-button__icon{transition:color .3s;display:inline-block}@media (max-width:640px){.hamburger-button{font-size:32px!important;top:28px!important;right:4vw!important}}.mobile-dropdown{z-index:100;position:absolute;top:.5%;right:4vw}.mobile-dropdown__menu{background-color:var(--color-card-bg);border-radius:16px;min-width:150px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:4px 4px 12px #0000004d}.mobile-dropdown__item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);color:var(--color-about-bg);background-color:#0000;border:none;padding:12px 20px;font-size:16px;transition:background-color .2s}.mobile-dropdown__item--bordered{border-top:1px solid var(--color-border)}@media (hover:hover){.mobile-dropdown__item:hover{background-color:#f0c4b4}}
.about-section{background-color:var(--color-about-bg);height:100dvh;min-height:100dvh;color:var(--color-text-on-dark);padding:var(--spacing-section-padding-desktop);box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative;overflow:hidden}.about-section:before{content:"";background:radial-gradient(380px circle at var(--glow-x,50%) var(--glow-y,30%), #ffffff14, transparent 70%);opacity:var(--glow-opacity,0);pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.about-section:after{content:"";-webkit-mask-image:radial-gradient(200px circle at var(--glow-x,50%) var(--glow-y,50%), black 0%, transparent 100%);-webkit-mask-image:radial-gradient(200px circle at var(--glow-x,50%) var(--glow-y,50%), black 0%, transparent 100%);mask-image:radial-gradient(200px circle at var(--glow-x,50%) var(--glow-y,50%), black 0%, transparent 100%);opacity:var(--glow-opacity,0);pointer-events:none;background-image:radial-gradient(#fbf9f438 1px,#0000 1.5px);background-size:26px 26px;transition:opacity .6s;position:absolute;inset:0}@media (max-width:640px){.about-section{height:auto;min-height:100dvh;padding:var(--spacing-section-padding-mobile);padding-top:12vh;overflow:visible}.about-section:before,.about-section:after{display:none}}.about-header{color:var(--color-text-on-dark);font-family:var(--font-body);z-index:10;justify-content:flex-start;align-items:center;padding:2vh 3vw;display:flex;position:absolute;top:32px;left:5vw}.about-header__button{color:inherit;cursor:pointer;background-color:#0000;border:none;padding:0;font-family:inherit;font-size:32px;font-weight:500;position:relative}.about-header__underline{background-color:var(--color-text-on-dark);width:100%;height:1px;position:absolute;bottom:-4px;left:0}@media (max-width:640px){.about-header{padding:1.5vh 3vw;top:28px;left:4vw}.about-header__button{font-size:24px}}.about-content{z-index:1;flex-direction:column;flex:1;align-items:center;gap:36px;width:100%;min-height:0;padding-top:96px;padding-bottom:8rem;display:flex;position:relative}.about-content__headline{max-width:680px;color:var(--color-text-on-dark);font-size:clamp(28px,3.5vw,42px);font-weight:700;font-family:var(--font-body);text-align:center;margin:0;line-height:1.3}.about-content__intro{text-align:center;max-width:750px}.about-content__intro-text{color:var(--color-text-on-dark);font-size:clamp(13px,1.5vw,16px);font-family:var(--font-body);margin:-.5vh 0 0;line-height:1.5}.about-content__cards{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:safe center;align-items:start;gap:0;width:100%;max-width:1080px;min-height:0;padding:0;display:grid}.about-content__cta{cursor:pointer;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:680px;margin:0 auto;display:flex;position:absolute;bottom:2vh;left:0;right:0}.about-content__cta-arrow{color:var(--color-text-on-dark);animation:2s infinite bounce;display:flex}.about-content__cta-text{color:var(--color-text-on-dark);font-size:17px;font-family:var(--font-body);text-align:center;margin:0}.about-content__cta-subtext{color:var(--color-accent-on-dark);font-size:16px;font-family:var(--font-body);text-align:center;margin:0}@media (max-width:640px){.about-content{gap:28px;padding-top:0;padding-bottom:3vh}.about-content__headline{margin-top:2vh;font-size:clamp(22px,4.5vw,32px)}.about-content__intro-text{margin-top:-2vh}.about-content__cards{flex-direction:column;flex:none;gap:0;padding:0 8px;display:flex}.about-content__cta{margin-top:0;position:static}.about-content__cta-text{font-size:15px}.about-content__cta-subtext{font-size:14px}}@media (min-width:641px) and (max-height:760px){.about-content{gap:3vh;padding-top:12vh;padding-bottom:15vh}.about-content__headline{font-size:clamp(24px,5.5vh,42px)}.about-content__cta{gap:6px}.expertise-card{gap:3vh}.expertise-card__index{font-size:clamp(40px,10vh,96px)}}@media (min-width:1800px) and (min-height:1100px){.about-content__headline{max-width:900px;font-size:56px}.about-content__cards{max-width:1440px}.expertise-card{gap:64px;padding:4px 48px}.expertise-card__index{font-size:128px}.expertise-card__title{font-size:30px}.expertise-card__description{font-size:20px}}.expertise-card{text-align:left;z-index:1;flex-direction:column;align-items:flex-start;gap:48px;min-width:0;padding:4px 36px;display:flex;position:relative}.expertise-card+.expertise-card{border-left:1px solid color-mix(in srgb, var(--color-text-on-dark) 16%, transparent)}.expertise-card__index{font-family:var(--font-body);letter-spacing:-.04em;color:var(--color-text-on-dark);opacity:.14;transition:opacity .3s var(--ease-out-expo), color .3s ease;padding-bottom:.15em;font-size:clamp(56px,7vw,96px);font-weight:500;line-height:.85}.expertise-card__content{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.expertise-card__icon{justify-content:center;align-items:center;display:flex}.expertise-card__icon img{filter:invert()}.expertise-card__title{font-size:var(--text-xl);color:var(--color-text-on-dark);font-weight:700;font-family:var(--font-display);margin:0;line-height:1.3;transition:color .3s}.expertise-card__description{color:color-mix(in srgb, var(--color-text-on-dark) 72%, transparent);font-size:clamp(14px,1.6vw,17px);font-family:var(--font-display);margin:0;line-height:1.5}@media (hover:hover){.expertise-card:hover .expertise-card__index{color:var(--color-accent-on-dark);opacity:.45}.expertise-card:hover .expertise-card__title{color:var(--color-accent-on-dark)}.expertise-card:hover .expertise-card__icon img{animation:iconBounce .6s var(--ease-out-expo)}}@media (max-width:640px){.expertise-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:0 28px;padding:24px 0;display:grid}.expertise-card+.expertise-card{border-left:none;border-top:1px solid color-mix(in srgb, var(--color-text-on-dark) 16%, transparent)}.expertise-card__index{opacity:.22;grid-row:1;padding-top:2px;padding-bottom:0;font-size:clamp(40px,12vw,52px)}.expertise-card__content{grid-column:2;gap:8px}}.about-content__headline{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transition-delay:.1s;transform:translateY(40px)}.about-content__headline--visible{opacity:1;transform:translateY(0)}.about-content__intro{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transition-delay:.3s;transform:translateY(40px)}.about-content__intro--visible{opacity:1;transform:translateY(0)}.expertise-card{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(28px)}.about-content__cards--visible .expertise-card{opacity:1;transform:translateY(0)}.about-content__cards--visible .expertise-card:first-child{transition-delay:.5s}.about-content__cards--visible .expertise-card:nth-child(2){transition-delay:.65s}.about-content__cards--visible .expertise-card:nth-child(3){transition-delay:.8s}.about-content__cta{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transition-delay:1.1s;transform:translateY(40px)}.about-content__cta--visible{opacity:1;transition:opacity .8s var(--ease-out-expo);transition-delay:1.1s;transform:translateY(0)}.about-content__word{opacity:0;transition:opacity .5s var(--ease-out-expo), transform .5s var(--ease-out-expo);transition-delay:var(--word-delay,0s);display:inline-block;transform:translateY(20px)}.about-content__headline--visible .about-content__word{opacity:1;transform:translateY(0)}.about-content__word-inner{transition:transform .3s var(--ease-out-expo), color .3s ease;display:inline-block}@media (hover:hover){.about-content__headline--visible .about-content__word:hover .about-content__word-inner{transform:translateY(-4px)}}.about-content__word--accent{color:var(--color-accent)}.about-content__cta:hover{transform:scale(1.02)}.about-content__cta-arrow{transition:transform .3s var(--ease-out-expo)}.about-content__cta:hover .about-content__cta-arrow{transform:translateY(-8px)}.about-content__cta-subtext{background-image:linear-gradient(var(--color-accent), var(--color-accent));transition:background-size .8s var(--ease-out-expo);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:2px}.about-content__cta:hover .about-content__cta-subtext{background-size:100% 1px}.about-content__headline,.about-content__intro,.about-content__cta,.expertise-card{will-change:opacity, transform}.about-content__headline--visible,.about-content__intro--visible,.about-content__cta--visible,.about-content__cards--visible .expertise-card{will-change:auto}
.contact-section{background-color:var(--color-landing-bg);min-height:100dvh;color:var(--color-text-on-light);padding:var(--spacing-section-padding-desktop);scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex-shrink:0;align-items:center;padding-top:15vh;display:flex;position:relative}.contact-section__container{width:100%;max-width:800px;height:100%;transition:all 1.5s var(--ease-out-expo);flex-direction:column;justify-content:space-between;align-items:center;display:flex}.contact-section__container:has(.contact-section__form-wrapper--open){max-width:1200px}.contact-section__content{flex-direction:row;justify-content:center;align-items:center;gap:48px;width:100%;height:100%;display:flex;position:relative}.contact-section__circle-wrapper{transition:left .8s var(--ease-out-expo);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.contact-section__circle-wrapper{transition:opacity .3s}.contact-section__circle-wrapper--expanded{opacity:0;pointer-events:none}}@media (min-width:641px){.contact-section__circle-wrapper.contact-section__circle-wrapper--expanded{left:15%!important}.contact-section__circle-wrapper--expanded .spinning-circular-text{--diameter:280px}.contact-section__circle-wrapper.contact-section__circle-wrapper--expanded .contact-section__circle{transform:scale(.85)}.contact-section__circle-wrapper.contact-section__circle-wrapper--expanded .spinning-circular-text__char{font-size:24px;font-weight:700}.contact-section__circle-wrapper.contact-section__circle-wrapper--expanded .spinning-circular-text__center{font-size:36px;font-weight:700}}.contact-section__circle{transition:transform .8s var(--ease-out-expo);justify-content:center;align-items:center;display:flex}@media (min-width:641px) and (max-width:900px){.contact-section__circle{transform:scale(.85)}}.contact-section__divider{background:var(--color-border);opacity:0;pointer-events:none;width:2px;height:90%;transition:opacity .3s .8s;position:absolute;top:50%;left:33%;transform:translate(-50%,-50%)}.contact-section__divider--visible{opacity:1;transition:opacity .3s .8s}.contact-section__divider--fading{opacity:0;transition:opacity 50ms}.contact-section__form-wrapper{opacity:0;width:calc(57% - 60px);transition:opacity .3s ease .8s, transform .6s var(--ease-out-expo) .8s;position:absolute;top:50%;left:33%;transform:translateY(-50%)}.contact-section__form-wrapper--open{opacity:1;transform:translate(60px,-50%)}.contact-section__form-wrapper--closing{transition:opacity .3s,transform .3s}@media (max-width:640px){.contact-section__divider{display:none}.contact-section__form-wrapper{opacity:0;width:100%;transition:opacity .4s ease .3s, transform .4s var(--ease-out-expo) .3s;padding:0 24px;position:relative;top:auto;left:auto;transform:scale(.95)}.contact-section__form-wrapper--open{opacity:1;transform:scale(1)}.contact-section__form-wrapper--closing{opacity:0;transition:opacity .3s ease, transform .3s var(--ease-out-expo);transform:scale(.95)}}.contact-section__footer{flex-direction:column;align-items:center;gap:32px;width:100%;margin-top:80px;display:flex}.contact-section__email{text-align:center;font-size:24px;font-family:var(--font-body);color:var(--color-text-on-light)}.contact-section__email-link{color:var(--color-text-on-light);text-decoration:none;transition:color .2s}@media (hover:hover){.contact-section__email-link:hover{color:var(--color-accent-on-light)}}.contact-section__social-links{align-items:center;gap:24px;display:flex}@media (max-width:640px){.contact-section{padding:var(--spacing-section-padding-mobile);padding-top:12vh}.contact-section__content{flex-direction:column;gap:8px}.contact-section__footer{gap:24px;margin-top:0}.contact-section__email{font-size:20px}}.contact-header{color:var(--color-text-on-light);font-family:var(--font-body);z-index:10;justify-content:flex-start;align-items:center;padding:2vh 3vw;display:flex;position:absolute;top:32px;left:5vw}.contact-header__button{color:inherit;cursor:pointer;background-color:#0000;border:none;padding:0;font-family:inherit;font-size:32px;font-weight:500;position:relative}.contact-header__underline{background-color:var(--color-text-on-light);width:100%;height:1px;position:absolute;bottom:-4px;left:0}@media (max-width:640px){.contact-header{padding:1.5vh 3vw;top:28px;left:4vw}.contact-header__button{font-size:24px}}.contact-popup{flex-direction:column;gap:20px;width:100%;height:100%;padding:0 0 0 48px;display:flex;overflow:visible}.contact-popup__header{flex-direction:row;justify-content:space-between;align-items:center;gap:0;width:100%;margin-bottom:8px;display:flex}.contact-popup__title{color:var(--color-about-bg);font-size:32px;font-weight:700;font-family:var(--font-body);order:1;margin:0}.contact-popup__close-button{color:var(--color-about-bg);cursor:pointer;font-size:32px;font-family:var(--font-body);background-color:#0000;border:none;order:2;padding:0;line-height:1}@media (hover:hover){.contact-popup__close-button:hover{color:var(--color-about-bg)}}.contact-popup__form{flex-direction:column;gap:16px;display:flex}.contact-popup__field{flex-direction:column;display:flex}.contact-popup__field:last-of-type{margin-bottom:8px}.contact-popup__label{color:var(--color-about-bg);font-size:18px;font-family:var(--font-body);margin-bottom:4px;font-weight:500;display:block}.contact-popup__input,.contact-popup__textarea{width:100%;font-size:18px;font-family:var(--font-body);background-color:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-about-bg);box-sizing:border-box;border-radius:0;padding:14px 18px}.contact-popup__input:focus-visible,.contact-popup__textarea:focus-visible,.contact-popup__submit-button:focus-visible{outline-offset:0}.contact-popup__textarea{resize:vertical}.contact-popup__status{font-size:16px;font-family:var(--font-body);border-radius:0;padding:16px}.contact-popup__status--success,.contact-popup__status--error{background-color:var(--color-about-bg);color:var(--color-text-on-dark)}.contact-popup__submit-button{font-size:18px;font-weight:500;font-family:var(--font-body);background-color:var(--color-about-bg);color:var(--color-text-on-dark);cursor:pointer;border:none;align-self:flex-start;padding:16px 32px;transition:background-color .2s}.contact-popup__submit-button:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.7}@media (hover:hover){.contact-popup__submit-button:hover:not(:disabled){background-color:#3a3f45}}@media (max-width:640px){.contact-popup{gap:12px;height:auto;padding:4px 0 0}.contact-popup__header{gap:12px;margin-bottom:0}.contact-popup__title{font-size:20px}.contact-popup__close-button{font-size:24px}.contact-popup__form{gap:12px}.contact-popup__label{font-size:14px}.contact-popup__input,.contact-popup__textarea{padding:10px 14px;font-size:14px}.contact-popup__status{padding:12px;font-size:14px}.contact-popup__submit-button{padding:12px 24px;font-size:14px}.contact-popup__field:last-of-type{margin-bottom:0}}.spinning-circular-text{--diameter:320px;width:var(--diameter);height:var(--diameter);cursor:pointer;transition:width .8s var(--ease-out-expo), height .8s var(--ease-out-expo), transform .6s var(--ease-out-expo);border-radius:50%;animation:20s linear infinite contactSpin;position:relative}.spinning-circular-text__char{transform-origin:0 0;font-size:32px;font-family:var(--font-body);color:var(--color-text-on-light);pointer-events:none;transition:transform .8s var(--ease-out-expo), font-size .8s var(--ease-out-expo), font-weight .8s var(--ease-out-expo);font-weight:500;position:absolute;top:50%;left:50%}.spinning-circular-text__center{color:var(--color-text-on-light);font-size:48px;font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease, font-size .8s var(--ease-out-expo);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.spinning-circular-text__center:hover{transform:translate(-50%,-50%)scale(1.1)}}@media (max-width:640px){.spinning-circular-text{--diameter:240px}.spinning-circular-text__char{font-size:24px}.spinning-circular-text__center{font-size:38px}}.social-icon-link{background-color:var(--color-card-bg);width:48px;height:48px;color:var(--color-text-on-light);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,background-color .2s,color .2s;display:flex}.social-icon-link:focus-visible{outline-offset:0}.social-icon-link svg{width:22px;height:22px;transition:fill .2s}@media (hover:hover){.social-icon-link:hover{background-color:var(--color-about-bg);color:var(--color-card-bg);transform:scale(1.1)}}@media (max-width:640px){.social-icon-link{width:40px;height:40px}.social-icon-link svg{width:18px;height:18px}}
.landing-section{background-color:var(--color-landing-bg);height:100dvh;padding:var(--spacing-section-padding-desktop);scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:640px){.landing-section{padding:var(--spacing-section-padding-mobile)}}.landing-section__headline{color:var(--color-text-on-light);font-size:clamp(22px,2.5vw,32px);font-weight:700;font-family:var(--font-display);text-align:left;margin:0;line-height:1.3;display:block}.landing-button--about{position:absolute;bottom:5vh;left:5vw}.landing-button--contact{position:absolute;bottom:5vh;right:5vw}.name-display-wrapper{will-change:transform;flex-direction:column;align-items:flex-start;gap:.75rem;width:min-content;display:flex}.name-display__canvas-container{cursor:help}.name-3d-scene{transform-style:preserve-3d;text-align:left;display:inline-block;position:relative}.name-3d-layer{letter-spacing:-.06em;pointer-events:none;white-space:nowrap;font-size:clamp(65px,10vw,180px);font-weight:570;line-height:.95;position:relative}.name-3d-layer--front{color:var(--color-text-on-light);z-index:2;position:relative}.name-3d-layer--accent{color:#888;opacity:.3;z-index:1;position:absolute;top:0;left:0;transform:translate(4px)translateY(4px)}@media (max-width:640px){.name-3d-layer{font-size:clamp(48px,15vw,120px)}}.name-scene-placeholder{letter-spacing:-.06em;flex-direction:column;gap:.15em;font-size:clamp(65px,10vw,180px);font-weight:570;line-height:.95;display:flex}.name-scene-placeholder__bar{background:linear-gradient(90deg,#e5e0d5 0%,#f0ede5 50%,#e5e0d5 100%) 0 0/200% 100%;border-radius:4px;width:8ch;height:1em;animation:1.5s ease-in-out infinite shimmer;position:relative;overflow:hidden}.name-scene-placeholder__bar--short{width:4ch;animation-delay:.2s}@media (max-width:640px){.name-scene-placeholder{font-size:clamp(48px,15vw,120px)}}.scroll-container{flex-direction:column;height:100dvh;display:flex;overflow-y:scroll}.landing-section__semantic-content,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.tooltip{z-index:4000;background-color:var(--color-about-bg);max-width:260px;color:var(--color-text-on-dark);font-family:var(--font-body);letter-spacing:.09em;text-transform:uppercase;text-align:center;white-space:pre-line;pointer-events:none;box-shadow:3px 3px 0 var(--color-accent);opacity:0;transition:opacity .14s ease, transform .14s var(--ease-out-expo);padding:8px 12px;font-size:11px;font-weight:500;line-height:1.35;position:fixed}.tooltip[data-placement=top]{transform-origin:bottom;transform:scale(.96)translateY(4px)}.tooltip[data-placement=bottom]{transform-origin:top;transform:scale(.96)translateY(-4px)}.tooltip[data-placement=left]{transform-origin:100%;transform:scale(.96)translate(4px)}.tooltip[data-placement=right]{transform-origin:0;transform:scale(.96)translate(-4px)}.tooltip[data-ready=true]{opacity:1;transform:scale(1)translate(0)}.tooltip[data-instant=true]{transition-duration:0s}
.projects-gallery{font-family:var(--font-display)}:root:has(.projects-gallery){scroll-behavior:smooth}.projects-detail{padding:128px var(--project-edge) 64px;font-family:var(--font-display)}.projects-detail__title{overflow-wrap:anywhere;letter-spacing:-.065em;margin-bottom:40px;font-size:clamp(48px,9vw,140px);line-height:1}.projects-detail__title>span{color:var(--color-accent)}.projects-nav{z-index:5;top:24px;left:var(--project-edge);right:var(--project-edge);color:var(--color-text-on-light);font-family:var(--font-display);justify-content:space-between;align-items:center;display:flex;position:absolute}.projects-nav[data-appearance=dark]{color:var(--color-text-on-dark)}.projects-nav__home,.projects-nav__github,.projects-nav__menu{min-height:48px;color:inherit;font:inherit;cursor:pointer;transition:transform .16s var(--ease-out-quart);background:0 0;border:0;justify-content:center;align-items:center;gap:10px;font-size:16px;text-decoration:none;display:inline-flex}.projects-nav__actions{align-items:center;gap:32px;padding-right:80px;display:flex}.projects-nav__menu{top:24px;right:var(--project-edge);width:48px;color:var(--color-text-on-dark);transition:color .2s ease, transform .16s var(--ease-out-quart);position:fixed}.projects-nav__menu[data-tone=light]{color:var(--color-text-on-light)}.projects-nav__home:active,.projects-nav__github:active,.projects-nav__menu:active{transform:scale(.97)}.projects-hero{isolation:isolate;height:100svh;min-height:600px;padding:clamp(100px, 15svh, 160px) var(--project-edge) 0;background:var(--color-about-bg);color:var(--color-text-on-dark);view-timeline-name:--projects-hero;position:relative;overflow:hidden}.projects-hero:before{content:"";z-index:-1;opacity:.16;background-image:linear-gradient(color-mix(in srgb, var(--color-text-on-dark) 15%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-text-on-dark) 15%, transparent) 1px, transparent 1px);pointer-events:none;background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 55%,#000,#0000 75%);mask-image:radial-gradient(at 70% 55%,#000,#0000 75%)}.projects-hero__title{z-index:2;letter-spacing:-.065em;pointer-events:none;margin-top:clamp(24px,4svh,42px);margin-left:-.035em;font-size:clamp(100px,min(20.4vw,31svh),320px);font-weight:700;line-height:.86;position:relative}.projects-hero__title span{color:var(--color-accent)}.projects-hero__copy{z-index:2;bottom:72px;left:var(--project-edge);position:absolute}.projects-hero__copy p{letter-spacing:-.035em;font-size:clamp(28px,2.7vw,44px);line-height:1.16}.projects-explore{min-height:48px;color:inherit;align-items:center;gap:16px;margin-top:30px;font-size:18px;text-decoration:none;display:inline-flex}.projects-explore__icon{border:1px solid color-mix(in srgb, var(--color-text-on-dark) 40%, transparent);width:52px;height:52px;transition:color .18s ease, background-color .18s ease, transform .18s var(--ease-out-quart);border-radius:50%;place-items:center;display:grid}.projects-explore:active .projects-explore__icon{transform:scale(.95)}.projects-sculpture{inset:0 calc(var(--project-edge) - var(--project-gutter));z-index:1;pointer-events:none;position:absolute}.projects-sculpture__stage{pointer-events:auto;width:70%;position:absolute;top:clamp(140px,19svh,190px);bottom:136px;right:0}.projects-sculpture__canvas,.projects-sculpture__fallback{width:100%;height:100%;position:absolute;inset:0}.projects-sculpture__canvas{cursor:grab;touch-action:pan-y}.projects-sculpture__canvas[data-dragging=true]{cursor:grabbing}.projects-sculpture__fallback{fill:none;stroke:var(--color-accent);stroke-width:.022px;stroke-linecap:round;animation:projects-sculpture-pulse 1.4s var(--ease-in-out-soft) infinite alternate}.projects-sculpture__stage:has(canvas[data-unavailable=true]) .projects-sculpture__fallback{opacity:.6;animation:none}.projects-sculpture__stage:has(canvas[data-ready=true]) .projects-sculpture__fallback{visibility:hidden;animation:none}.projects-sculpture__caption{right:var(--project-gutter);pointer-events:auto;position:absolute;bottom:72px}.projects-sculpture:not(:has(canvas[data-ready=true])) .projects-sculpture__caption{visibility:hidden}.projects-sculpture__controls{border:1px solid color-mix(in srgb, var(--color-text-on-dark) 30%, transparent);border-radius:3px;align-items:center;gap:4px;padding:4px;display:flex}.projects-sculpture button{width:44px;min-height:44px;color:var(--color-text-on-dark);cursor:pointer;transition:background-color .16s ease, color .16s ease, transform .16s var(--ease-out-quart);background:0 0;border:0;border-radius:1px;justify-content:center;align-items:center;padding:0;display:inline-flex}.projects-sculpture button:active{transform:scale(.96)}.projects-collection{padding:96px var(--project-edge) 80px}.projects-collection__heading{margin:0 0 48px}.projects-collection__heading h2{letter-spacing:-.055em;font-size:clamp(52px,7.8vw,120px);font-weight:700;line-height:1}.projects-collection__heading em{font-weight:400}.projects-collection__heading h2>span{color:var(--color-accent)}.projects-collection__list{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid}.projects-collection__panels{gap:14px;display:flex}.projects-cover{flex:1;min-width:0;position:relative;container-type:inline-size}.projects-cover__heading{font-weight:400}.projects-cover__link{isolation:isolate;aspect-ratio:3/4;width:100%;min-height:clamp(360px,47svh,480px);max-height:85svh;color:var(--color-text-on-dark);background:var(--color-about-bg);font:inherit;text-align:left;cursor:pointer;transition:scale .16s var(--ease-out-quart);border:0;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.projects-cover__link:active:not(:focus-visible){scale:.98}.projects-cover__link:active:not(:focus-visible) .projects-cover__image{transform:scale(1.02)}.projects-cover__visual{z-index:-2;position:absolute;inset:0;overflow:hidden}.projects-cover__visual[data-loaded=false]{background:linear-gradient(90deg, color-mix(in srgb, var(--color-text-on-dark) 4%, transparent) 25%, color-mix(in srgb, var(--color-text-on-dark) 10%, transparent) 50%, color-mix(in srgb, var(--color-text-on-dark) 4%, transparent) 75%) 0 0 / 200% 100%;animation:1.6s linear infinite shimmer}.projects-cover__visual[data-work=homelab] .projects-cover__image{object-position:65% 65%}.projects-cover__visual[data-work=nthu-confession] .projects-cover__image{object-position:55% center}.projects-cover__image{object-fit:cover;object-position:65% center;transition:transform .25s var(--ease-out-quart);transform:scale(1.04)}.projects-cover__visual:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(135deg, color-mix(in srgb, var(--color-text-on-dark) 18%, transparent), transparent 50%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text-on-dark) 30%, transparent);transition:opacity .2s;position:absolute;inset:0}.projects-cover__visual:after{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--color-about-bg) 80%, transparent), transparent 35%, color-mix(in srgb, var(--color-about-bg) 88%, transparent));position:absolute;inset:0}.projects-cover__topline{letter-spacing:-.025em;overflow-wrap:anywhere;max-width:18ch;margin:22px clamp(14px,1.5vw,22px) 0;font-size:clamp(16px,1.4vw,20px);font-weight:500;line-height:1.2}.projects-cover__topline:before{content:"";background:var(--color-accent);width:24px;height:3px;margin-bottom:12px;display:block}.projects-cover__copy{flex:1;justify-content:space-between;align-items:flex-end;gap:clamp(8px,1.4vw,20px);width:100%;min-height:0;padding:24px clamp(14px,1.5vw,22px);display:flex}.projects-cover__title{writing-mode:vertical-rl;letter-spacing:-.065em;text-transform:uppercase;max-height:100%;font-size:clamp(30px,min(3.3vw,5.1svh),56px);font-weight:700;line-height:1;rotate:180deg}.projects-cover__title>span{color:var(--color-accent)}.projects-cover__open{border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,3vw,44px);height:clamp(32px,3vw,44px);display:inline-flex}.projects-cover__open svg{transition:transform .24s var(--ease-out-quart)}.projects-cover__link:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 3px var(--color-accent);opacity:0;transition:opacity .2s;position:absolute;inset:0}.projects-cover[data-open=true] .projects-cover__link:after{opacity:1}.projects-cover__hint{align-items:center;gap:4px;height:clamp(32px,3vw,44px);margin-left:auto;font-size:14px;font-weight:500;display:none}.projects-cover[data-open=true] .projects-cover__hint{display:inline-flex}.projects-cover[data-open=true] .projects-cover__hint svg{animation:projects-hint-nudge 1s var(--ease-in-out-soft) 2}.projects-cover[data-open=true] .projects-cover__open svg{transform:rotate(45deg)}@container (max-width:210px){.projects-cover__copy{gap:8px}.projects-cover__hint span{display:none}}.projects-work{border:1px solid color-mix(in srgb, var(--color-text-on-light) 35%, transparent);margin-top:0}.projects-work__intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 56px;padding:clamp(24px,4vw,64px);display:grid}.projects-work__label{max-width:30ch;font-size:20px;line-height:1.4}.projects-work__close{border:1px solid var(--color-border);min-height:44px;color:inherit;font:inherit;cursor:pointer;transition:transform .16s var(--ease-out-quart);background:0 0;justify-content:center;place-self:start end;align-items:center;gap:8px;padding:0 14px;font-size:16px;display:inline-flex}.projects-work__close:active{transform:scale(.97)}.projects-work__social{border-bottom:1px solid var(--color-border);flex-wrap:wrap;grid-column:1/-1;align-items:flex-end;gap:16px clamp(32px,5vw,72px);padding-bottom:32px;display:flex}.projects-work__stats{flex-wrap:wrap;gap:clamp(32px,5vw,72px);display:flex}.projects-work__stats>div{flex-direction:column-reverse;gap:8px;display:flex}.projects-work__stats dt{font-size:16px}.projects-work__stats dd{letter-spacing:-.05em;font-size:clamp(44px,7vw,104px);font-weight:700;line-height:1}.projects-work__social .projects-work__instagram{color:var(--color-accent-on-light);font-size:26px}.projects-work__as-of{color:var(--color-muted);flex-basis:100%;font-size:14px}.projects-work__summary{letter-spacing:-.035em;text-wrap:pretty;grid-column:1;font-size:clamp(24px,2.6vw,38px);line-height:1.35}.projects-work__built h4{margin-bottom:16px;font-size:20px;font-weight:500}.projects-work__built ul{gap:14px;padding-left:18px;font-size:17px;line-height:1.6;display:grid}.projects-work__stack,.projects-work__links{flex-wrap:wrap;align-items:flex-start;gap:8px 20px;display:flex}.projects-work__stack>span{background:var(--color-card-bg);padding:8px 12px;font-size:16px}.projects-work__loading{padding:48px var(--project-gutter);border-block:1px solid var(--color-border);gap:16px;display:grid}.projects-skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--color-text-on-light) 7%, transparent) 25%, color-mix(in srgb, var(--color-text-on-light) 14%, transparent) 50%, color-mix(in srgb, var(--color-text-on-light) 7%, transparent) 75%) 0 0 / 200% 100%;border-radius:3px;animation:1.6s linear infinite shimmer;display:block}.projects-skeleton--title{width:min(60%,420px);height:clamp(56px,8vw,110px);margin-bottom:8px}.projects-skeleton--line{width:min(80%,520px);height:18px}.projects-skeleton--line+.projects-skeleton--line{width:min(55%,360px)}.projects-skeleton--frame{height:clamp(320px,60svh,640px);margin-top:16px}.projects-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.projects-work__back{margin:24px auto;display:flex}.projects-details-reveal{opacity:0;transition:grid-template-rows .28s var(--ease-out-quart), opacity .16s ease;grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.projects-details-reveal[data-open=true]{opacity:1;grid-template-rows:1fr}.projects-details-reveal[data-animated=false]{transition:none}.projects-details-reveal:before{content:"";top:-13px;left:var(--notch-x,50%);background:var(--color-accent);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:0;width:24px;height:13px;position:absolute;translate:-50%}.projects-details-reveal[data-open=true][data-notch=true]:before{opacity:1}:root:has(.projects-details-reveal[data-returning]){overflow-anchor:none}.projects-details-reveal__content{min-height:0;overflow:clip}.projects-text-link{overflow-wrap:anywhere;min-height:48px;color:inherit;align-items:center;gap:12px;font-size:22px;text-decoration:none;display:inline-flex}.projects-text-link svg{transition:transform .18s var(--ease-out-quart);flex-shrink:0}.projects-sun{padding:32px var(--project-edge) 80px;background:var(--color-landing-bg);color:var(--color-text-on-light)}.projects-sun h2{letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(28px,3vw,44px);font-weight:400}.projects-sun__frame{background:var(--color-about-bg);border:3px solid #24272a;height:clamp(360px,36vw,560px);position:relative;overflow:hidden;box-shadow:5px 5px #24272a}.projects-sun__frame:after{content:"";opacity:.08;pointer-events:none;background:url(/projects/paper-grain.svg);position:absolute;inset:0}.projects-sun__frame{--sun-unit:max(100cqw / 1200, 100cqh / 600);container-type:size}.projects-sun__frame>svg{width:100%;height:100%;position:absolute;inset:0}.projects-sun__beam{width:calc(1360 * var(--sun-unit));aspect-ratio:1;background:radial-gradient(circle calc(620 * var(--sun-unit)), #f3cf6b80, #f3cf6b0f);will-change:transform;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:conic-gradient(#0000 48deg,#000 70deg 110deg,#0000 132deg);mask-image:conic-gradient(#0000 48deg,#000 70deg 110deg,#0000 132deg)}.projects-sun__notes{width:calc(1200 * var(--sun-unit));aspect-ratio:2;will-change:transform;position:absolute;top:50%;left:50%;translate:-50% -50%}.projects-sun__notes svg{width:100%;height:100%;display:block}.projects-sun__narrow{display:none}.projects-cover__link:focus-visible{outline-offset:-6px;outline-width:3px}.projects-cover__link:focus-visible .projects-cover__open svg{transition:none}.projects-explore:focus-visible{text-underline-offset:6px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.projects-cover:hover{z-index:1}.projects-cover__link:hover .projects-cover__visual:before{opacity:1}.projects-cover__link:hover .projects-cover__image{transform:scale(1.075)}.projects-text-link:hover svg{transform:translate(3px,-3px)}.projects-explore:hover .projects-explore__icon{background:var(--color-landing-bg);color:var(--color-text-on-light)}.projects-sculpture button:hover{background:color-mix(in srgb, var(--color-text-on-dark) 12%, transparent)}}@media (prefers-reduced-motion:no-preference){.projects-hero__title{transition:opacity .8s var(--ease-out-quart), translate .8s var(--ease-out-quart)}@starting-style{.projects-hero__title{opacity:0;translate:0 24px}}@supports (animation-timeline:view()){.projects-hero__title{animation:linear both projects-title-exit;animation-timeline:--projects-hero;animation-range:exit}.projects-sculpture__stage{animation:linear both projects-sculpture-exit;animation-timeline:--projects-hero;animation-range:exit}}}@keyframes projects-sculpture-pulse{0%{opacity:.2}to{opacity:.55}}@keyframes projects-hint-nudge{50%{translate:0 4px}}@keyframes projects-title-exit{to{transform:translateY(-110px)}}@keyframes projects-sculpture-exit{to{transform:translateY(70px)scale(.92)}}@media (max-height:640px) and (min-width:641px){.projects-hero__title{font-size:clamp(100px,min(20.4vw,24svh),320px)}.projects-hero__copy p{font-size:clamp(28px,2.7vw,36px)}}@media (max-width:640px){.projects-nav{top:16px}.projects-nav__actions{gap:16px;padding-right:64px}.projects-nav__menu{top:16px}.projects-nav__github{width:44px}.projects-nav__github span{display:none}.projects-hero{min-height:700px;padding-top:100px}.projects-hero__title{margin-top:20px;font-size:25vw}.projects-hero__copy{top:auto;bottom:43px}.projects-hero__copy p{font-size:28px}.projects-explore{margin-top:20px}.projects-explore__icon{width:44px;height:44px}.projects-sculpture__stage{width:100%;top:240px;bottom:200px}.projects-sculpture__caption{bottom:40px}.projects-collection{padding-top:56px;padding-bottom:48px}.projects-collection__heading{margin:0 0 32px}.projects-collection__heading h2{font-size:clamp(42px,12.5vw,72px)}.projects-collection__panels{scroll-snap-type:x proximity;gap:12px;overflow-x:auto}.projects-cover{scroll-snap-align:start;flex:0 0 62%}.projects-cover__link{height:420px}.projects-cover__topline{margin:18px 20px 0;font-size:16px}.projects-cover__copy{gap:16px;padding:22px 20px}.projects-cover__title{font-size:32px}.projects-cover__open{width:36px;height:36px}.projects-cover__hint{height:36px}.projects-cover__image{object-position:70% center}.projects-work__intro{gap:24px 12px}.projects-work__label{font-size:18px}.projects-work__summary,.projects-work__built,.projects-work__stack,.projects-work__links{grid-column:1/-1}.projects-work__built ul{font-size:16px}.projects-sun{padding-bottom:40px}.projects-sun h2{margin-bottom:24px}.projects-sun__frame{height:360px}.projects-sun__wide{display:none}.projects-sun__narrow{display:inline}}@media (max-width:300px){.projects-nav__actions{gap:0;padding-right:40px}.projects-nav__github,.projects-nav__menu{width:40px}.projects-hero__copy{right:var(--project-edge)}.projects-hero__copy p{font-size:clamp(18px,12vw,28px)}.projects-explore{gap:10px}.projects-collection__heading h2{font-size:clamp(24px,18vw,42px)}.projects-nav__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.projects-cover{flex-basis:80%}.projects-work__intro{grid-template-columns:minmax(0,1fr);padding:16px}.projects-work__close{justify-self:start}}@media (max-width:345px){.projects-hero__copy{bottom:110px}.projects-sculpture__stage{bottom:270px}}