.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Breton;src:url(/assets/fonts/Breton.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:other;src:url(/assets/fonts/Machine.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}.page-title{z-index:10000;letter-spacing:-.02em;color:#f0f0f0;pointer-events:none;font-family:Breton,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.2;position:fixed;top:3rem;left:3rem}.back-btn{z-index:100;cursor:pointer;opacity:1;text-decoration:none;position:fixed;top:3rem;right:3rem}.chr-hover{cursor:pointer;color:inherit;gap:0;text-decoration:none;display:inline-flex}.ch-wrap{display:inline-block;position:relative;overflow:hidden}.ch-top,.ch-bot{letter-spacing:0;text-transform:uppercase;color:#ffffff80;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.2;transition:transform .6s cubic-bezier(.87,0,.13,1),color .3s;display:block}.ch-bot{position:absolute;top:100%;left:0}.chr-hover:hover .ch-top,.chr-hover:hover .ch-bot{color:#ffffffe6;transform:translateY(-100%)}.works-page{background:#0a0a0a;min-height:100vh;padding:0 3rem 6rem;overflow-x:hidden}.works-top{justify-content:space-between;align-items:flex-end;padding-top:3.5rem;padding-bottom:2rem;display:flex}.works-top__left{flex-direction:column;gap:.5rem;display:flex}.works-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#4a93ff;font-family:other,sans-serif;font-size:.75rem;display:block}.works-title{letter-spacing:-.03em;color:#f0f0f0;font-family:Breton,sans-serif;font-size:clamp(4.5rem,10vw,9rem);font-weight:300;line-height:.9;overflow:hidden}.works-back{align-self:flex-end;margin-bottom:.6rem}.works-subtitle-row{justify-content:space-between;align-items:baseline;padding:1.2rem 0 1.8rem;display:flex}.works-subtitle{color:#fff6;max-width:520px;font-size:clamp(.9rem,1.3vw,1.1rem);line-height:1.6}.works-count{letter-spacing:.12em;color:#ffffff40;text-transform:uppercase;font-family:other,sans-serif;font-size:.75rem}.works-divider{background:#ffffff1a;height:1px;margin-bottom:0}.project-section{max-width:none;margin:0;padding:0}.works-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:4rem;display:flex}.works-footer__label{color:#fff3;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.75rem}.works-footer__version{color:#fff3;letter-spacing:.1em;font-family:other,sans-serif;font-size:.75rem}@media (max-width:768px){.works-page{padding:0 1.2rem 4rem}.works-top{flex-direction:column;align-items:flex-start;gap:1.2rem;padding-top:2rem}.works-title{font-size:clamp(3rem,12vw,5rem)}.works-back{align-self:flex-start}.works-subtitle-row{flex-direction:column;gap:.5rem}.project-card__title{font-size:clamp(1.4rem,5vw,2rem)}.project-card__title-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.project-section__header{grid-template-cols:1fr 1fr;gap:4rem;margin-bottom:6rem;display:grid}.project-section__eyebrow{color:#4a93ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-family:other,sans-serif;font-size:.85rem}.project-section__title{color:#f0f0f0;font-family:Breton,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1.15}.project-section__subtitle{color:#ffffff80;align-self:end;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.project-list{border-top:1px solid #ffffff14;flex-direction:column;display:flex}.project-card{cursor:pointer;opacity:0;border-bottom:1px solid #ffffff14;transition:background .3s;position:relative}.project-card.is-mobile-preview-active{background:#4a93ff0d}.project-card__line{gap:4rem;padding:3rem 0;display:flex}.project-card__index{color:#ffffff40;margin-top:.25rem;font-family:other,sans-serif;font-size:1.1rem}.project-card__body{flex-grow:1}.project-card__title-row{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.project-card__title{color:#f0f0f0;font-family:Breton,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;transition:transform .4s,color .4s}.project-card:hover .project-card__title{color:var(--accent,#4a93ff);transform:translate(15px)}.project-card__link{text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;border-bottom:1px solid #ffffff26;padding-bottom:.2rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s,border-color .3s}.project-card__link:hover{color:#f0f0f0;border-color:#f0f0f0}.project-card__description{color:#ffffff73;max-width:700px;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.project-card__tags{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.project-card__tag{letter-spacing:.08em;text-transform:uppercase;color:#fff6;border:1px solid #ffffff1f;border-radius:50px;padding:.4em .8em;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600}.hover-image{object-fit:cover;pointer-events:none;opacity:0;z-index:9999;border-radius:12px;width:520px;height:320px;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0009}@media (hover:none) and (pointer:coarse){.project-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.project-card:active .project-card__title,.project-card.is-mobile-preview-active .project-card__title{color:var(--accent,#4a93ff);transform:translate(10px)}.hover-image{width:min(78vw,320px);height:min(52vw,210px);box-shadow:0 16px 38px #00000080}}@media (max-width:768px){.project-section{padding:4rem 1.5rem}.project-section__header{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.project-card__line{flex-direction:column;gap:1.5rem;padding:2rem 0}.project-card:hover .project-card__title{transform:none}}.navbar-toggle{z-index:10001;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:56px;height:56px;padding:0;display:flex;position:fixed;top:2rem;right:2rem}.navbar-toggle svg{width:40px;height:40px}.navbar-toggle .line{fill:none;stroke:#f0f0f0;stroke-width:6px;stroke-linecap:round;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.navbar-toggle .line.top{stroke-dasharray:40 172}.navbar-toggle .line.middle{stroke-dasharray:40 111}.navbar-toggle .line.bottom{stroke-dasharray:40 172}.navbar-toggle[aria-expanded=true] .line.top{stroke-dasharray:75 172;stroke-dashoffset:-70px}.navbar-toggle[aria-expanded=true] .line.middle{stroke-dasharray:0 111;stroke-dashoffset:-56px}.navbar-toggle[aria-expanded=true] .line.bottom{stroke-dasharray:75 172;stroke-dashoffset:-130px}.circle-navbar{z-index:10000;pointer-events:none;opacity:0;visibility:hidden;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.circle-navbar ul{flex-direction:column;align-items:center;gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.circle-navbar a{text-transform:uppercase;letter-spacing:.2em;color:#fff;font-family:Breton,other,Inter,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:500;line-height:1.1;text-decoration:none;display:inline-block;position:relative}.circle-navbar a .char{transform-origin:50% 100%;will-change:transform, opacity;display:inline-block;position:relative;overflow:hidden}.circle-navbar a .char-main,.circle-navbar a .char-hover{line-height:1.1;display:block}.circle-navbar a .char-main{color:#fff}.circle-navbar a .char-hover{color:#8dd3ff;position:absolute;top:0;left:0}.circle-navbar a:before{content:attr(data-text);letter-spacing:.3em;opacity:.5;font-size:.9rem;position:absolute;top:50%;left:-2.2rem;transform:translateY(-50%)}.circle-nav-bg{z-index:9999;transform-origin:50%;pointer-events:none;background:#0b1c35;border-radius:50%;width:140px;height:140px;position:fixed;top:-40px;right:-40px;transform:scale(0)}