*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body.virtual-scroll-active,html.virtual-scroll-active{height:100%;overflow:hidden;overscroll-behavior:none}body{background:#f0ede4;color:#111;font-family:Courier New,Courier,monospace;margin:0;overflow-x:hidden;overscroll-behavior-y:none}.header{align-items:flex-start;display:flex;font-size:11px;justify-content:space-between;left:0;letter-spacing:.06em;padding:16px 18px;pointer-events:none;position:fixed;text-transform:uppercase;top:0;width:100%;z-index:100}.header__left span{display:block}.header__right{text-align:right}.intro{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.grid,.intro{position:relative}.grid{display:grid;gap:5px;grid-auto-rows:auto;grid-template-columns:repeat(4,1fr);transition:none;width:min(46vw,400px)}.project{aspect-ratio:1/1;min-width:0;opacity:0;position:relative;transform:scale(.78) translateY(20px);transition:opacity .65s ease,transform .9s cubic-bezier(.16,1,.3,1);width:100%;will-change:transform}.project.visible{opacity:1;transform:scale(1) translateY(0)}.project a{color:inherit;display:block;height:100%;min-width:0;text-decoration:none;width:100%}.project__image{filter:saturate(.88) contrast(.95);height:100%;inset:0;object-fit:cover;position:absolute;transition:filter .35s ease,transform .5s cubic-bezier(.16,1,.3,1);width:100%}.project:hover .project__image{filter:saturate(1) contrast(1.05);transform:scale(.985)}.project__caption{background:hsla(45,29%,92%,.92);bottom:7px;font-size:10px;left:7px;letter-spacing:.04em;line-height:1.1;max-width:calc(100% - 14px);padding:4px 6px;position:absolute;text-transform:uppercase;z-index:4}.canvas,.intro .project__caption{display:none}.canvas{contain:strict;height:100vh;inset:0;overflow:hidden;pointer-events:auto;position:fixed;width:100%}.canvas.active{display:block}.canvas .project{aspect-ratio:auto;contain:layout style;left:0;min-width:0;opacity:1;position:absolute;top:0;width:clamp(102px,8.6vw,148px);will-change:auto}html.virtual-scroll-moving .canvas .project{backface-visibility:hidden;will-change:transform}.canvas .project a{display:block;height:auto;min-width:0;width:100%}.canvas .project__image{aspect-ratio:1/1;display:block;height:auto;inset:auto;object-fit:cover;position:relative;width:100%}.canvas .project__caption{background:transparent;bottom:auto;display:block;font-size:10px;left:auto;letter-spacing:.035em;line-height:1.15;max-width:100%;min-width:0;overflow:hidden;padding:6px 0 0;position:relative;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%}.coordinate{bottom:15px;left:17px;mix-blend-mode:multiply;pointer-events:none;z-index:100}.coordinate,.loader{font-size:9px;position:fixed;text-transform:uppercase}.loader{bottom:20px;left:50%;letter-spacing:.1em;transform:translateX(-50%);transition:opacity .4s ease;z-index:200}.loader.hidden{opacity:0}.canvas .project__video,.intro .project__video{aspect-ratio:1/1;display:block;object-fit:cover;width:100%}.intro .project__video{height:100%;inset:0;position:absolute}.canvas .project__video{height:auto;inset:auto;position:relative}@media(max-width:800px){.grid{grid-auto-rows:auto;grid-template-columns:repeat(3,1fr);width:58vw}.canvas .project{width:clamp(76px,20vw,114px)}.canvas .project__caption{font-size:8px;line-height:1.15;max-width:100%;overflow:hidden;padding-top:5px;text-overflow:ellipsis;white-space:nowrap;width:100%}.header{font-size:9px}}@font-face{font-family:estela1;font-style:normal;src:url(44020308279ef392bb00.woff2) format("truetype")}@font-face{font-family:topolbold;font-style:normal;font-weight:700;src:url(d2fd17b8e8fb9261e067.woff2) format("woff2")}@font-face{font-family:topolreg;font-style:normal;font-weight:400;src:url(3bbf9dbcbb3007b4ed77.woff2) format("woff2")}@font-face{font-display:swap;font-family:majorreg;font-style:normal;font-weight:400;src:url(a53a84f3d6a330586d1f.woff2) format("woff2")}@font-face{font-display:swap;font-family:montse1;font-style:normal;font-weight:400;src:url(4df14eb5e72bf55c4497.ttf) format("opentype")}@font-face{font-display:swap;font-family:caladea;font-style:normal;font-weight:400;src:url(ccd3adb3597ee6ae4259.woff2) format("woff2")}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}[role=button],[tabindex],a,button,input,label,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}