:root{--bg: #e8e4da;--ink: #121210;--muted: #837d6f;--accent: #ff4d24;--font-display: "Anton", Impact, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:initial}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-x:hidden;min-height:100vh}body.is-loading{overflow:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.mono{font-family:var(--font-body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}.muted{color:var(--muted)}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#e8e4da;color:#121210;display:flex;align-items:center;justify-content:center}.preloader__inner{text-align:center;position:relative}.preloader__name{font-family:var(--font-body);font-size:12px;letter-spacing:.4em;color:#837d6f;margin-bottom:18px}.preloader__count{font-family:var(--font-display);font-size:clamp(90px,18vw,240px);line-height:.9}.preloader__count:after{content:"%";font-size:.35em;color:#ff4d24}.preloader__tag{margin-top:18px;font-size:11px;letter-spacing:.4em;color:#ff4d24}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.grain{position:fixed;top:-100px;right:-100px;bottom:-100px;left:-100px;z-index:50;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(4) infinite;will-change:transform}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-30px,40px)}50%{transform:translate(40px,-25px)}75%{transform:translate(-25px,-35px)}to{transform:translate(30px,30px)}}.cursor,.cursor-follower{display:none}@media(hover:hover)and (pointer:fine){.cursor{display:block;position:fixed;z-index:99;width:8px;height:8px;border-radius:50%;background:var(--accent);top:0;left:0;pointer-events:none;transform:translate(-50%,-50%)}.cursor-follower{display:block;position:fixed;z-index:98;width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);top:0;left:0;pointer-events:none;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,border-color .3s ease,background .3s ease}body.cursor-hover .cursor-follower{width:72px;height:72px;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}}.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:26px 4vw;color:var(--ink);will-change:transform}.nav__logo{font-family:var(--font-display);font-size:26px;letter-spacing:.03em}.nav__logo sup{font-size:10px;font-family:var(--font-body);letter-spacing:.15em}.nav__links{display:flex;gap:34px;align-items:center}.nav__links a{font-family:var(--font-body);font-size:12px;letter-spacing:.18em;text-transform:uppercase;position:relative}.nav__links a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.76,0,.24,1)}.nav__links a:hover:after{transform:scaleX(1);transform-origin:left}.nav__cta{padding:10px 18px;border:1px solid color-mix(in srgb,var(--ink) 40%,transparent);border-radius:999px;transition:background .3s,color .3s,border-color .3s}.nav__cta:after{display:none}.nav__cta:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}section{position:relative}.section-label{display:flex;align-items:center;gap:14px;color:var(--muted);padding:0 4vw;margin-bottom:7vh}.section-label:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--ink) 14%,transparent)}.section-label__num{color:var(--accent)}.hero{height:100vh;min-height:640px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__title{position:relative;z-index:1;font-family:var(--font-display);font-weight:400;font-size:clamp(48px,18.5vw,330px);line-height:.84;letter-spacing:.005em;text-align:center;color:var(--ink);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.hero__line{display:block;overflow:hidden}.hero__line--right{transform:translate(2vw)}.hero__line-inner{display:inline-block;will-change:transform}.hero__meta{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px}.hero__meta--tl{top:16vh;left:4vw}.hero__meta--br{bottom:8vh;right:4vw;text-align:right}.hero__scroll{position:absolute;z-index:3;bottom:8vh;left:4vw;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hero__scroll-line{width:1px;height:54px;background:linear-gradient(var(--ink),transparent);animation:scrollPulse 1.8s ease-in-out infinite;transform-origin:top}@keyframes scrollPulse{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}.reveal-late{opacity:0}.manifesto{min-height:110vh;display:flex;align-items:center;justify-content:center;padding:20vh 8vw}.manifesto__text{position:relative;z-index:3;font-family:var(--font-body);font-weight:500;font-size:clamp(28px,4.6vw,76px);line-height:1.18;text-align:center;max-width:22ch}.manifesto__text .word{opacity:.12;display:inline-block}.about{padding:18vh 0 22vh;z-index:3}.about__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:6vw;padding:0 4vw;align-items:start}.about__figure{position:relative;z-index:3}.about__img-wrap{overflow:hidden;border-radius:4px;clip-path:inset(0 0 100% 0)}.about__img{filter:grayscale(1) contrast(1.08);transform:scale(1.15)}.about__figure figcaption{margin-top:14px;font-size:10px}.about__polaroid{position:absolute;right:-7%;bottom:6%;width:34%;background:#f4f1ea;padding:8px 8px 26px;border-radius:3px;transform:rotate(6deg);box-shadow:0 30px 60px #00000059}.about__polaroid span{position:absolute;bottom:7px;left:10px;color:#111;font-size:9px}.about__body{position:relative;z-index:3;padding-top:4vh}.about__heading{font-family:var(--font-display);font-weight:400;font-size:clamp(44px,6.5vw,110px);line-height:.92;margin-bottom:5vh}.about__heading em{font-style:normal;color:var(--accent)}.about__text{font-size:clamp(16px,1.35vw,22px);line-height:1.65;color:color-mix(in srgb,var(--ink) 78%,var(--bg));max-width:54ch;margin-bottom:1.4em}.about__text strong{color:var(--ink);font-weight:700}.about__stats{list-style:none;display:flex;gap:4vw;margin-top:7vh;flex-wrap:wrap}.about__stats li{display:flex;flex-direction:column;gap:8px}.about__stat-num{font-family:var(--font-display);font-size:clamp(40px,4.5vw,76px);line-height:1;color:var(--ink)}.skills{padding:16vh 0 20vh;overflow:hidden}.skills__rows{display:flex;flex-direction:column;gap:1.2vh}.marquee{overflow:hidden;white-space:nowrap}.marquee__inner{display:inline-flex;align-items:center;gap:4vw;padding-right:4vw;will-change:transform}.marquee__item{font-family:var(--font-display);font-size:clamp(60px,9.5vw,170px);line-height:1.02;color:var(--ink)}.marquee--outline .marquee__item{color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--ink) 55%,transparent)}.marquee__dot{color:var(--accent);font-size:clamp(20px,3vw,48px)}.work{height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-top:12vh;z-index:3}.work .section-label{margin-bottom:5vh}.work__hint{letter-spacing:.14em}.work__viewport{flex:0 0 auto}.work__track{display:flex;align-items:stretch;gap:3.5vw;padding:0 4vw;width:max-content;will-change:transform}.panel{position:relative;z-index:3;width:clamp(520px,58vw,780px);min-height:58vh;display:flex;flex-direction:column;padding:4.5vh 3vw;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:6px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:border-color .4s ease}.panel:hover{border-color:color-mix(in srgb,var(--accent) 70%,transparent)}.panel__num{position:absolute;top:2.5vh;right:2vw;font-family:var(--font-display);font-size:clamp(60px,7vw,130px);line-height:1;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--ink) 28%,transparent);pointer-events:none}.panel--media{width:clamp(600px,70vw,1020px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr);gap:2.5vw;align-items:stretch}.panel__content{display:flex;flex-direction:column;min-width:0}.panel__media{position:relative;min-height:44vh}.panel__media img{border-radius:10px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:0 24px 60px #00000073;object-fit:cover;object-position:top}.panel__media img:first-child{width:70%;max-height:46vh;transform:rotate(-2deg)}.panel__media img:last-child{position:absolute;right:0;bottom:0;width:56%;max-height:34vh;transform:rotate(3deg)}.panel__head{display:flex;flex-direction:column;gap:12px;margin-bottom:3vh}.panel__title{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,4.8vw,92px);line-height:.92}.panel__year{color:var(--accent)}.panel__desc{font-size:clamp(14px,1.15vw,19px);line-height:1.6;color:color-mix(in srgb,var(--ink) 75%,var(--bg));max-width:46ch;margin-bottom:auto}.panel__stats{display:flex;gap:3vw;flex-wrap:wrap;margin:4vh 0 3vh}.panel__stats div{display:flex;flex-direction:column;gap:6px}.panel__stats b{font-family:var(--font-display);font-weight:400;font-size:clamp(28px,3vw,56px);line-height:1;color:var(--accent)}.panel__tech{padding-top:2.5vh;border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent);font-size:10px}.exp{padding:16vh 0 20vh;z-index:3}.exp__list{list-style:none;border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}.exp__row{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(0,1.2fr);align-items:center;gap:2vw;padding:4.5vh 4vw;border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent);transition:background .4s ease,padding-left .4s cubic-bezier(.76,0,.24,1)}.exp__period{color:var(--muted)}.exp__main{display:flex;align-items:baseline;gap:1.5vw;flex-wrap:wrap}.exp__co{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3.8vw,66px);line-height:1;transition:transform .5s cubic-bezier(.76,0,.24,1),color .3s}.exp__badge{color:var(--accent);font-size:10px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:6px 12px;white-space:nowrap}.exp__role{font-size:10px;text-align:right}.exp__row:hover{background:color-mix(in srgb,var(--ink) 4%,transparent);padding-left:5.5vw}.exp__row:hover .exp__co{transform:translate(.6vw);color:var(--accent)}.contact{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20vh 4vw 0;overflow:hidden}.contact__pill{position:relative;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;background:#ece9e2;color:#0b0b0c;margin-bottom:6vh}.contact__dot{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:blink 1.6s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.contact__title{position:relative;z-index:1;font-family:var(--font-display);font-weight:400;font-size:clamp(64px,21vw,380px);line-height:.84;text-align:center;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.contact__email{position:relative;z-index:3;margin-top:7vh;font-family:var(--font-body);font-size:clamp(17px,2.2vw,34px);font-weight:500;letter-spacing:.02em;padding:16px 34px;border-radius:999px;background:#ece9e2;color:#0b0b0c;border:1px solid rgba(11,11,12,.2);box-shadow:0 18px 44px #00000038;transition:background .3s,color .3s;will-change:transform}.contact__email:hover{background:#0b0b0c;color:#ece9e2}.contact__socials{position:relative;z-index:3;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:3.5vh}.contact__socials a{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.16em;padding:12px 24px;border-radius:999px;border:1.5px solid rgba(11,11,12,.35);color:#0b0b0c;background:#ece9e2;box-shadow:0 12px 30px #00000029;transition:background .3s,color .3s;will-change:transform}.contact__socials a:hover{background:#0b0b0c;color:#ece9e2;border-color:#0b0b0c}.footer{width:100%;margin-top:14vh;padding:5vh 4vw 6vh;border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent);display:flex;justify-content:space-between;align-items:flex-start;gap:5vw;flex-wrap:wrap;position:relative;z-index:3}.footer__col{display:flex;flex-direction:column;gap:12px}.footer .mono{font-size:12px}.footer__col a,.footer__col span:not(.muted){font-weight:700}.footer__col a{position:relative}.footer__col a:hover{text-decoration:underline;text-underline-offset:4px}.footer__top{font-weight:700}.footer__top:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.nav__links{gap:20px}.nav__links a:not(.nav__cta){display:none}.hero__meta--tl{top:13vh}.about__grid{grid-template-columns:1fr;gap:10vh}.about__polaroid{right:2%}.exp__row{grid-template-columns:1fr;gap:12px}.exp__role{text-align:left}.footer{flex-direction:column;gap:5vh}}@media(max-width:699px){.work{height:auto;padding:14vh 0 10vh}.work__track{flex-direction:column;width:auto;gap:5vh}.panel,.panel--media{width:auto;min-height:0;grid-template-columns:1fr}.panel__media{margin-top:4vh;min-height:0;height:40vh}}@media(prefers-reduced-motion:reduce){.grain,.hero__scroll-line,.contact__dot{animation:none}}