:root{--proj-bg:#fff3e9;--proj-fg:#03191e;--proj-muted:#03191e99;--proj-border:#03191e33;--proj-accent:#7a9e7e;--proj-ease:cubic-bezier(.22,1,.36,1);--proj-ease-out:cubic-bezier(.16,1,.3,1)}.projects-page{background-color:var(--proj-bg);color:var(--proj-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir,sans-serif;position:relative}.projects-overlay{z-index:50;pointer-events:none;grid-template:"header counter"". ."1fr".nav"/1fr 1fr;padding:40px 48px;display:grid;position:fixed;inset:0;overflow:hidden}.projects-overlay>*{pointer-events:auto}.proj-header{grid-area:header;align-self:start;max-width:480px}.proj-header__label{letter-spacing:.2em;text-transform:uppercase;color:var(--proj-bg);background-color:var(--proj-fg);opacity:0;animation:proj-fadeSlideUp 1s var(--proj-ease).2s forwards;margin-bottom:16px;padding:4px 8px;font-family:Avenir,sans-serif;font-size:11px;font-weight:300;display:inline-block;transform:translateY(12px)}.proj-header__rule{background-color:var(--proj-border);opacity:0;transform-origin:0;width:48px;height:1px;animation:proj-scaleIn .8s var(--proj-ease).4s forwards;margin-bottom:24px;transform:scaleX(0)}.proj-header__title{letter-spacing:-.02em;color:var(--proj-fg);opacity:0;animation:proj-fadeSlideUp 1.2s var(--proj-ease).5s forwards;margin-bottom:16px;font-family:Avant,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:300;line-height:1.1;transform:translateY(20px)}.proj-header__statement{color:var(--proj-muted);opacity:0;max-width:320px;animation:proj-fadeSlideUp 1s var(--proj-ease).8s forwards;font-size:13px;font-weight:300;line-height:1.6;transform:translateY(12px)}.proj-counter{text-align:right;opacity:0;animation:proj-fadeSlideUp 1s var(--proj-ease).6s forwards;grid-area:counter;place-self:start end;transform:translateY(12px)}.proj-counter__numbers{letter-spacing:-.02em;color:var(--proj-fg);justify-content:flex-end;align-items:baseline;gap:4px;font-family:Avant,sans-serif;font-size:clamp(32px,4vw,56px);font-weight:300;line-height:1;display:flex}.proj-counter__current{text-align:right;min-width:1.2em;display:inline-block;position:relative;overflow:hidden}.proj-counter__current-inner{transition:transform .4s var(--proj-ease),opacity .4s var(--proj-ease);display:block}.proj-counter__separator{color:var(--proj-muted);margin:0 2px;font-size:.5em;position:relative;top:-.1em}.proj-counter__total{color:var(--proj-muted);font-size:.4em;font-weight:300}.proj-counter__bar{background-color:var(--proj-border);width:80px;height:1px;margin-top:12px;margin-left:auto;position:relative;overflow:hidden}.proj-counter__bar-fill{background-color:var(--proj-fg);height:100%;transition:width .6s var(--proj-ease);position:absolute;top:0;left:0}.proj-nav-area{opacity:0;animation:proj-fadeSlideUp 1s var(--proj-ease)1s forwards;flex-direction:column;grid-area:nav;place-self:end;align-items:flex-end;gap:24px;display:flex;transform:translateY(16px)}.proj-nav{align-items:center;gap:16px;display:flex}.proj-nav__btn{border:1px solid var(--proj-border);width:48px;height:48px;color:var(--proj-fg);cursor:pointer;transition:all .3s var(--proj-ease);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.proj-nav__btn:hover{border-color:var(--proj-fg);transform:scale(1.06)}.proj-nav__btn:active{transform:scale(.96)}.proj-nav__btn svg{stroke-width:1.5px;width:18px;height:18px}.proj-nav__label{letter-spacing:.2em;text-transform:uppercase;color:var(--proj-muted);font-size:10px;font-weight:300}.proj-scroll-indicator{z-index:51;pointer-events:none;opacity:0;animation:proj-fadeIn 1s var(--proj-ease)1.6s forwards;transition:opacity .8s var(--proj-ease);flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.proj-scroll-indicator.is-hidden{animation:none;opacity:0!important}.proj-scroll-indicator__text{letter-spacing:.25em;text-transform:uppercase;color:var(--proj-muted);font-size:10px;font-weight:300}.proj-scroll-indicator__line{background-color:var(--proj-border);width:1px;height:32px;position:relative;overflow:hidden}.proj-scroll-indicator__line:after{content:"";background-color:var(--proj-muted);width:100%;height:100%;animation:proj-scrollPulse 2s var(--proj-ease-out)infinite;position:absolute;top:-100%;left:0}.proj-timeline{z-index:51;opacity:0;animation:proj-fadeIn 1s var(--proj-ease)1.2s forwards;flex-direction:column;align-items:center;gap:0;display:flex;position:fixed;top:50%;right:48px;transform:translateY(-50%)}.proj-timeline__track{background-color:var(--proj-border);flex-direction:column;align-items:center;width:1px;display:flex;position:relative}.proj-timeline__tick{border:1px solid var(--proj-border);background:var(--proj-bg);cursor:pointer;width:7px;height:7px;transition:all .4s var(--proj-ease);z-index:1;-webkit-tap-highlight-color:transparent;border-radius:50%;margin:8px 0;position:relative}.proj-timeline__tick:hover{border-color:var(--proj-muted);transform:scale(1.3)}.proj-timeline__tick.is-active{background-color:var(--proj-fg);border-color:var(--proj-fg);transform:scale(1.4)}.proj-corner{z-index:49;pointer-events:none;opacity:0;position:fixed}.proj-corner--tl{animation:proj-fadeIn .8s var(--proj-ease).3s forwards;top:32px;left:32px}.proj-corner--tr{animation:proj-fadeIn .8s var(--proj-ease).5s forwards;top:32px;right:32px}.proj-corner--bl{animation:proj-fadeIn .8s var(--proj-ease).7s forwards;bottom:32px;left:32px}.proj-corner--br{animation:proj-fadeIn .8s var(--proj-ease).9s forwards;bottom:32px;right:32px}.proj-corner svg{width:24px;height:24px;stroke:var(--proj-border);stroke-width:1px;fill:none}@keyframes proj-fadeSlideUp{0%{opacity:0;transform:translateY(var(--slide-distance,16px))}to{opacity:1;transform:translateY(0)}}@keyframes proj-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes proj-scaleIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes proj-scrollPulse{0%{top:-100%}to{top:100%}}@media (max-width:1024px){.projects-overlay{padding:32px}.proj-header__title{font-size:clamp(24px,3.5vw,36px)}.proj-header__statement{max-width:260px;font-size:12px}.proj-timeline,.proj-corner--tr,.proj-corner--bl{display:none}}@media (max-width:640px){.projects-overlay{padding:24px 20px;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px));grid-template:"header counter"". ."1fr"nav nav"/1fr auto;gap:16px 0}.proj-header{max-width:240px}.proj-header__label{margin-bottom:8px;font-size:9px}.proj-header__rule{width:32px;margin-bottom:12px}.proj-header__title{margin-bottom:8px;font-size:22px}.proj-header__statement{display:none}.proj-counter__numbers{font-size:28px}.proj-counter__bar{width:48px;margin-top:8px}.proj-nav-area{flex-direction:row;justify-self:center;align-items:center;gap:24px}.proj-nav__btn{width:44px;height:44px}.proj-scroll-indicator{bottom:calc(24px + env(safe-area-inset-bottom,0px))}.proj-timeline,.proj-corner{display:none}}@media (max-width:375px){.projects-overlay{padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.proj-header__title{font-size:18px}.proj-counter__numbers{font-size:24px}}.proj-info__name-inner,.proj-counter__current-inner,.proj-timeline__tick,.proj-scroll-indicator{will-change:transform,opacity}