:root{--bg:#090909;--panel:#121212;--panel-2:#181818;--text:#f5f3eb;--muted:#99978f;--line:#292929;--accent:#f4cf32;--font-display:"Anton",Impact,sans-serif;--font-body:"Inter",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.page-width{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding:140px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:.75rem;margin:0 0 24px}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:24px 36px;pointer-events:none}.brand,.menu-button{pointer-events:auto}.brand{font-family:var(--font-display);font-size:1.8rem;line-height:1}.brand span{color:var(--accent)}.menu-button{width:52px;height:52px;border:0;border-radius:50%;background:var(--panel-2);cursor:pointer;position:relative}.menu-button span{position:absolute;left:14px;width:24px;height:2px;background:var(--text);transition:.35s}.menu-button span:first-child{top:21px}.menu-button span:last-child{top:29px}.menu-open .menu-button span:first-child{top:25px;transform:rotate(45deg)}.menu-open .menu-button span:last-child{top:25px;transform:rotate(-45deg)}.menu-overlay{position:fixed;inset:0;background:#000b;z-index:15;opacity:0;visibility:hidden;transition:.35s}.menu-panel{position:fixed;z-index:16;top:0;right:0;width:min(500px,calc(100% - 40px));height:100dvh;background:#171717;transform:translateX(105%);transition:transform .65s cubic-bezier(.77,0,.18,1)}.menu-open .menu-overlay{opacity:1;visibility:visible}.menu-open .menu-panel{transform:none}.menu-panel__inner{height:100%;padding:120px 70px 60px;display:flex;flex-direction:column;justify-content:space-between}.menu-nav,.social-links{display:flex;flex-direction:column}.menu-nav{gap:13px}.menu-nav a{font-size:2rem;display:flex;align-items:center;gap:18px}.dot{width:11px;height:11px;border-radius:50%;transition:.3s}.menu-nav a:hover .dot{transform:scale(1.8)}.dot--yellow{background:#f4cf32}.dot--blue{background:#438cf5}.dot--green{background:#42c58a}.dot--purple{background:#925ff1}.social-links{gap:8px}.social-links a:hover{text-decoration:underline}.preloader{position:fixed;inset:0;z-index:100;background:#050505;display:grid;place-items:center;transition:visibility 0s 1s}.preloader__bars{position:absolute;inset:0;background:#050505;transform-origin:top}.preloader__name{position:relative;display:flex;font-family:var(--font-display);font-size:clamp(6rem,20vw,15rem);line-height:.8;overflow:hidden}.preloader__name span{display:block;transform:translateY(115%);animation:letter-in .65s cubic-bezier(.2,.75,.3,1) forwards}.preloader__name span:nth-child(2){animation-delay:.08s}.preloader__name span:nth-child(3){animation-delay:.16s}.preloader__name span:nth-child(4){animation-delay:.24s}.preloader__name span:nth-child(5){animation-delay:.32s}.loaded .preloader__name{opacity:0;transform:scale(.98);transition:opacity .3s,transform .3s}.loaded .preloader__bars{animation:curtain-up .75s .2s cubic-bezier(.77,0,.18,1) forwards}.loaded .preloader{visibility:hidden}@keyframes letter-in{to{transform:none}}@keyframes letter-out{to{transform:translateY(-115%)}}@keyframes curtain-up{to{transform:scaleY(0)}}.hero{min-height:100svh;display:flex;align-items:center;position:relative;padding:120px 0 80px;overflow:hidden}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:80px;align-items:end}.hero h1{font:400 clamp(4.8rem,11vw,10rem)/.87 var(--font-display);letter-spacing:-.02em;margin:0}.hero h1 span{color:var(--accent)}.hero__intro{max-width:620px;color:var(--muted);font-size:1.1rem;margin:32px 0 0}.hero__intro strong{color:var(--text)}.hero__actions{display:flex;align-items:center;gap:24px;margin-top:38px;flex-wrap:wrap}.button{height:54px;padding:0 28px;background:var(--accent);color:#111;display:inline-flex;align-items:center;gap:30px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;transition:.3s}.button:hover{background:#fff;transform:translateY(-3px)}.availability{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:10px}.availability i{width:9px;height:9px;border-radius:50%;background:#65d787;box-shadow:0 0 0 5px #65d78718}.hero__stats{display:flex;flex-direction:column;gap:34px;text-align:right}.hero__stats div{display:flex;flex-direction:column}.hero__stats strong{font:400 2.6rem/1 var(--font-display);color:var(--accent)}.hero__stats span{color:var(--muted);font-size:.85rem;margin-top:7px}.hero__lines{position:absolute;left:50%;bottom:35px;width:380px;height:110px;transform:translateX(-50%);opacity:.7}.hero__lines i{position:absolute;width:53%;height:1px;bottom:0;background:#333}.hero__lines i:first-child{left:0;transform:rotate(20deg);transform-origin:left}.hero__lines i:last-child{right:0;transform:rotate(-20deg);transform-origin:right}.about{background:#0c0c0c}.statement{font-size:clamp(2.2rem,5.1vw,4.8rem);font-weight:400;line-height:1.17;letter-spacing:-.04em;max-width:1100px;margin:0 0 110px}.statement em{font-style:normal;color:var(--accent)}.section-label{border-bottom:1px solid var(--line);padding-bottom:16px;text-transform:uppercase;color:var(--muted);font-size:.75rem;letter-spacing:.14em;display:flex;justify-content:space-between}.about__grid{display:grid;grid-template-columns:5fr 7fr;gap:40px;padding-top:42px}.about h3{font-size:clamp(2.4rem,4vw,4rem);font-weight:400;margin:0}.copy{max-width:610px;color:var(--muted);font-size:1.08rem}.copy p:first-child{margin-top:0}.copy p+p{margin-top:24px}.section-title{display:flex;align-items:center;gap:15px;margin-bottom:60px}.section-title h2{font:400 clamp(2.5rem,5vw,4.5rem)/1 var(--font-display);text-transform:uppercase;margin:0}.spinner{color:var(--accent);font-size:2rem;display:inline-block;animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.stack__groups{border-top:1px solid var(--line)}.stack-group{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--line);padding:32px 0}.stack-group>p{text-transform:uppercase;color:var(--muted);font-size:.75rem;letter-spacing:.12em;margin:6px 0}.stack-group>div{display:flex;flex-wrap:wrap;gap:10px}.stack-group span{padding:7px 14px;border:1px solid #343434;border-radius:50px;background:#101010}.focus{background:#0d0d0d}.focus-list{border-top:1px solid var(--line)}.focus-row{display:grid;grid-template-columns:60px 1.3fr 1fr 120px;gap:28px;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}.focus-row>span{color:#555;font:400 1.3rem var(--font-display)}.focus-row h3{font-size:1.35rem;font-weight:500;margin:0}.focus-row p{color:var(--muted);margin:0}.focus-row strong{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;text-align:right;color:var(--accent)}.projects__heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.projects__heading h2{font:400 clamp(4rem,9vw,8rem)/.85 var(--font-display);margin:0;text-transform:uppercase}.projects__heading>a{color:var(--muted);border-bottom:1px solid #555;padding-bottom:4px}.projects__heading>a:hover{color:var(--text)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{min-height:470px;background:var(--panel);position:relative;overflow:hidden;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.project-card__number{position:relative;z-index:2;color:#ffffff99;font:400 1rem var(--font-display)}.project-card__art{position:absolute;inset:0;display:grid;place-items:center;transition:.6s cubic-bezier(.2,.7,.3,1)}.project-card__art:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 50px #ffffff0b,0 0 0 100px #ffffff08}.project-card__art b{position:relative;text-align:center;font:400 clamp(3.3rem,7vw,6.4rem)/.82 var(--font-display);color:#111;letter-spacing:-.03em}.project-card__meta{position:relative;z-index:2;background:#0c0c0ce8;padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center}.project-card__meta h3{font-size:1.25rem;margin:0}.project-card__meta p{color:var(--muted);font-size:.8rem;margin:3px 0 0}.project-card__meta i{grid-row:1/3;grid-column:2;font-style:normal;font-size:1.5rem}.project-card:hover .project-card__art{transform:scale(1.07) rotate(-2deg)}.project-card--lime{background:#d1ef55}.project-card--blue{background:#70a9ff}.project-card--orange{background:#f29b55}.project-card--violet{background:#a68afa}.project-card--pink{background:#ef82aa}.project-card--cyan{background:#67d7d3}footer{padding:110px 0 30px;text-align:center;background:#050505}footer>div>p{color:var(--muted)}.footer-email{display:inline-block;font:400 clamp(2.5rem,7vw,6rem)/1 var(--font-display);margin:18px 0 100px;transition:.3s}.footer-email:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;color:#666;font-size:.75rem}.scroll-progress{position:fixed;z-index:10;right:18px;top:50%;transform:translateY(-50%);width:4px;height:100px;border-radius:5px;background:#292929;overflow:hidden}.scroll-progress i{display:block;width:100%;height:0;background:var(--accent)}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.page-width{width:min(100% - 32px,1180px)}.section{padding:95px 0}.site-header{padding:18px}.hero__grid{grid-template-columns:1fr;gap:55px}.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:15px}.about__grid{grid-template-columns:1fr}.stack-group{grid-template-columns:1fr;gap:10px}.focus-row{grid-template-columns:38px 1fr}.focus-row p{grid-column:2}.focus-row strong{grid-column:2;text-align:left}.project-grid{grid-template-columns:1fr}.project-card{min-height:420px}.menu-panel__inner{padding:110px 35px 45px}.menu-nav a{font-size:1.7rem}.scroll-progress{display:none}}@media(max-width:520px){.hero h1{font-size:20vw}.hero__stats{grid-template-columns:1fr 1fr}.hero__stats div:last-child{display:none}.hero__actions{align-items:flex-start;flex-direction:column}.statement{margin-bottom:75px}.projects__heading{align-items:flex-start;flex-direction:column;gap:25px}.project-card{min-height:370px}.project-card__art b{font-size:16vw}.footer-email{font-size:9vw}.footer-bottom{flex-direction:column;gap:7px}}