:root{--font:"Cal Sans", system-ui, sans-serif;--page-pad:32px;--nav-top:32px;--nav-height:48px;--section-gap:16px;--section-height:calc(100vh - 32px);--section-radius:16px;--nav-radius:12px;--color-bg:#000;--color-white:#fff;--color-white-50:#ffffff80;--color-white-10:#ffffff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-bg);font-family:var(--font);color:var(--color-white);overflow-x:hidden}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.navbar{top:var(--nav-top);left:var(--page-pad);right:var(--page-pad);height:var(--nav-height);border-radius:var(--nav-radius);z-index:100;white-space:nowrap;justify-content:space-between;align-items:center;padding:0 24px;transition:top .15s ease-out,background .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;overflow:hidden;background:#0006!important}.navbar--frosted{-webkit-backdrop-filter:blur(16px);background:#0000008c;border:1px solid #ffffff14}.nav-name{font-family:"Barlow Semi Condensed", var(--font);letter-spacing:.9px;text-transform:uppercase;color:var(--color-white);z-index:3;font-size:18px;font-weight:500;line-height:normal;position:relative}.nav-contact{font-family:"Barlow Semi Condensed", var(--font);letter-spacing:.9px;text-transform:uppercase;color:var(--color-white-50);z-index:3;font-size:18px;font-weight:500;line-height:normal;text-decoration:none;transition:color .2s;position:relative}.nav-contact:hover{color:var(--color-white)}.contact-menu{top:calc(var(--nav-top) + var(--nav-height) + 8px);right:var(--page-pad);z-index:150;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#18181859;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:flex-end;gap:16px;width:300px;padding:16px 20px;transition:opacity .25s,transform .25s;display:flex;position:fixed;transform:translateY(-8px)}.contact-menu--open{opacity:1;pointer-events:auto;transform:translateY(0)}.contact-row{cursor:pointer;text-align:left;color:#b0b0b0;width:100%;font-family:"Barlow Semi Condensed", var(--font);letter-spacing:.8px;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.contact-row:hover{color:var(--color-white)}.contact-row svg{flex-shrink:0}.navbar{pointer-events:auto!important}.navbar>*{pointer-events:auto}.sections{padding-top:0;padding-bottom:0;padding-left:var(--page-pad);padding-right:var(--page-pad);gap:var(--section-gap);flex-direction:column;display:flex}.section{width:100%;height:var(--section-height);border-radius:var(--section-radius);flex-shrink:0;justify-content:center;align-items:center;display:flex}.video-scroll-wrapper{height:calc(var(--section-height) + 300vh)}.section--video{background:var(--color-bg);padding:0;position:sticky;top:16px;overflow:hidden}.section-video{object-fit:cover;width:100%;height:100%;display:block}.landing-section-copy{letter-spacing:.52px;color:#fff;text-align:center;white-space:nowrap;z-index:2;pointer-events:none;margin:0;font-family:Instrument Serif,serif;font-size:26px;font-weight:400;line-height:38px;position:absolute;bottom:124px;left:50%;transform:translate(-50%)}.section--showcase{background:var(--color-white-10)}.section--projects{border-radius:var(--section-radius);background:0 0;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:12px;width:100%;display:flex;padding-top:0!important;padding-bottom:0!important}.project-row{gap:12px;height:600px;display:flex}.project-card{cursor:pointer;min-width:0;color:inherit;background:#7676761a;border-radius:16px;flex-direction:column;flex:1;gap:10px;padding:8px;text-decoration:none;transition:transform .3s;display:flex;position:relative;overflow:hidden}.project-card:hover{transform:scale(.97)}.project-card__figma{z-index:2;opacity:0;pointer-events:none;background:#000;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:28px;right:28px;transform:translateY(-6px)}.project-card__figma-logo{width:28px;height:28px;display:block}.project-card:hover .project-card__figma{opacity:1;transform:translateY(0)}.project-card__header{flex-direction:column;flex-shrink:0;gap:8px;padding:20px;display:flex}.project-card__title{letter-spacing:.8px;text-transform:uppercase;color:var(--color-white);white-space:nowrap;font-family:Instrument Serif,serif;font-size:40px;line-height:40px}.project-card__subtitle{font-family:"Barlow Condensed", var(--font);color:#fff3;font-size:28px;font-weight:400;line-height:36px}.project-card__preview{background:#121212;border-radius:12px;flex:1;position:relative;overflow:hidden}.project-card__image{border-radius:12px;width:580px;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card__image--bottom{width:492px;top:auto;bottom:0;transform:translate(-50%)}.project-card__screenshot{object-fit:cover;border:4px solid #1f1f1f;border-radius:12px;width:614px;height:414px;position:absolute;top:72px;left:-135px}.project-carousel{height:100%;position:relative;overflow:hidden}.project-carousel__track{align-items:center;display:flex;position:absolute;top:50%;left:50%}.project-carousel__img{-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:transform, opacity;border:4px solid #1f1f1f;border-radius:12px;width:400px;height:auto;margin-right:60px}.section-label{font-family:var(--font);color:var(--color-white-50);white-space:nowrap;font-size:24px;line-height:normal}.site-footer{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:32px 0;display:flex}.site-footer__copy{letter-spacing:.48px;color:var(--color-white);white-space:nowrap;font-family:Instrument Serif,serif;font-size:24px;line-height:24px}.site-footer__scroll-top{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:relative}.site-footer__scroll-top img{width:36px;height:36px;display:block}.site-footer__tooltip{font-family:"Barlow Semi Condensed", var(--font);letter-spacing:.8px;color:var(--color-white);white-space:nowrap;opacity:0;pointer-events:none;font-size:12px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.site-footer__scroll-top:hover .site-footer__tooltip,.site-footer__scroll-top:focus-visible .site-footer__tooltip{opacity:1;transform:translate(-50%)translateY(0)}