@font-face{font-family:HelveticaRounded;src:url(../assets/font1/HelveticaRoundedLTStd-Bd.woff2) format("woff2"),url(../assets/font1/HelveticaRoundedLTStd-Bd.woff) format("woff");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}canvas{z-index:-999}html,body{font-family:HelveticaRounded,sans-serif;width:100%;min-height:100%;overflow:auto;font-display:swap;cursor:url(../cursors/normal.svg) 32 32,auto}img{-webkit-user-select:none;user-select:none}@media (max-width: 768px){html,body{overflow:hidden}}.center-text{color:#000;background-color:transparent;padding:0;margin:0}#container{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:10}.nav-button{font-size:2rem;font-family:inherit;background:transparent;border:none;margin:0;padding:0;z-index:100;line-height:1}.home-split{display:flex;width:100vw;height:100dvh;flex-direction:row;min-height:0}.home-side{flex:1;display:flex;justify-content:center;align-items:center;font-size:6vw;background:#fff;color:#000;transition:background .18s;-webkit-user-select:none;user-select:none;font-family:HelveticaRounded,sans-serif}.pane{background:var(--pane-bkg, #fff);transition:background .18s ease-out;background-position:center var(--bkg-offset, 0);background-repeat:no-repeat;background-size:cover}.tilt-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}@media (prefers-reduced-motion: reduce){.pane{transition-duration:0ms}}@media (max-width: 800px){.home-split{flex-direction:column;height:100dvh;min-height:0}.home-side{font-size:10vw}}#motion-permission-window{position:fixed;top:35%;left:50%;transform:translate(-50%);width:min(90vw,500px);background:#fff;border:4px solid black;border-radius:1rem;z-index:9999;padding:1.5rem;text-align:center;box-shadow:4px 4px #000}#motion-permission-window p{font-size:1rem;margin-bottom:.5rem;line-height:1.4}#motion-permission-window .btn-option,.btn-option1{font-family:inherit;padding:.4rem 1rem;font-size:1rem;border-color:#000;border-width:3px;border-style:solid;border-radius:1rem;margin:.3rem}#motion-permission-window .btn-option{background-color:#000;color:#fff}#motion-permission-window .btn-option1{background-color:#fff;color:#000}.whatpage-title{position:absolute;font-size:3rem;text-align:center;max-width:70vw}.project-element{position:absolute;top:0;left:0}.project-image{object-fit:contain;z-index:30}.project-video{max-width:100%;height:auto}.view-full-project-button{font-family:inherit;font-size:1rem;font-weight:600;padding:.65rem 1rem;background:#fff;color:#000;border:4px solid #000;border-radius:18px;box-shadow:4px 4px #000;text-transform:lowercase}.hold-next-button{font-family:inherit;font-size:.75rem;font-weight:600;padding:.5rem .75rem;background:#fff;color:#000;border:3px solid #000;border-radius:14px;box-shadow:3px 3px #000;text-transform:lowercase;position:relative;overflow:hidden;--hold-progress: 0%;--hold-color: transparent}.hold-next-button:before{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--hold-progress);background:var(--hold-color);transition:width .4s linear;pointer-events:none}.view-full-project-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.view-full-project-button:active{transform:translate(0);box-shadow:2px 2px #000}.hold-next-button:hover{transform:translate(-2px,-2px);box-shadow:4.5px 4.5px #000}.hold-next-button:active{transform:translate(0);box-shadow:1.5px 1.5px #000}.details-text,.credits-text,.project-text,.archive-title{display:block;width:-moz-fit-content;width:fit-content;max-width:min(36ch,85vw);margin-left:auto;margin-right:auto;white-space:pre-line;text-align:center}.archive-title{font-size:2rem;font-weight:700;margin:.5rem 0}.summary-xs{font-size:clamp(1rem,1vw + .2rem,1.05rem)}.summary-sm{font-size:clamp(1.1rem,1.1vw + .25rem,1.25rem)}.summary-lg{font-size:clamp(1.3rem,1.2vw + .35rem,1.55rem)}.description-text,.summary-xs,.summary-sm,.summary-lg{white-space:normal;display:inline-block;text-align:center}@media (max-width: 768px){.whatpage-title{font-size:1.8rem;display:block;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;text-align:center;max-width:70vw}.description-text,.summary-xs,.summary-sm,.summary-lg{inline-size:fit-content;line-height:1;max-width:18ch}.details-text,.credits-text,.project-text,.archive-title{max-width:18ch}}@media (min-width: 769px){.description-text,.summary-xs,.summary-sm,.summary-lg,.details-text,.credits-text,.project-text,.archive-title{max-inline-size:36ch}}.full-project-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;z-index:10000}.modal-container{background-color:#fff;border:4px solid #000;width:90vw;max-height:90dvh;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr) .8fr;position:relative;row-gap:1.8rem;column-gap:1.8rem;padding:2rem 2.2rem;border-radius:28px;box-shadow:4px 4px #000;scrollbar-gutter:stable}.modal-container:after{content:"";display:block;height:100px;grid-column:1 / -1}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-sidebar{grid-column:5;text-align:right;font-size:.9rem;color:#000}.modal-section{grid-column:1 / -1;display:contents}.full-project-image,.full-project-video{width:100%;height:auto;border-radius:12px;box-shadow:0 3px 14px #00000017;object-fit:contain;background:#fafafa}.full-project-text{font-family:HelveticaRounded,sans-serif;color:#000}.full-project-unknown{font-family:HelveticaRounded,sans-serif;font-size:.9rem;color:red}.modal-title{font-size:3rem;font-weight:700;margin:.5rem 0}.modal-text{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.sidebar-item{text-align:right}.modal-close-button{font-family:inherit;grid-column:1 / -1;justify-self:end;padding:.5rem .8rem;background-color:#fff;color:#000;border:3px solid #000;box-shadow:2px 2px #000;border-radius:10px;transition:transform .15s,box-shadow .15s;position:sticky;top:.2rem;z-index:2}.modal-close-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.modal-close-button:active{transform:translate(0);box-shadow:2px 2px #000}@media (max-width: 768px){.modal-container{grid-template-columns:1fr;column-gap:0;row-gap:1.2rem;padding:1.5rem 1rem 100px;width:95vw;max-height:90dvh}.modal-container>*{grid-column:1 / -1!important}.full-project-text{font-size:.9rem;line-height:1.5}.modal-title{font-size:2rem;margin:0rem}.col-sidebar{text-align:left;margin-top:.5rem}.col-sidebar.modal-title{font-size:2rem}.archive-title{font-size:1.7rem}.col-sidebar.modal-text{font-size:1.3rem;font-weight:700}}.anchor-big{font-size:3rem;font-weight:700;line-height:1;margin:0;padding:0}.anchor-small{font-size:1.2rem;font-weight:700;line-height:1;margin:0;padding:0}.anchor{color:#111;background:none;pointer-events:auto;-webkit-user-select:none;user-select:none;text-align:center;white-space:pre-line}.touch-reactive{transition:color .1s linear}.microtext{max-width:240px;min-width:48px;word-break:break-word;color:#181818;font-size:1rem;font-family:inherit;z-index:10;-webkit-user-select:none;user-select:none;touch-action:none;z-index:1000}.microtext.link{padding:.5rem .8rem;background-color:#fff;color:#000;border:3px solid #000;box-shadow:2px 2px #000;border-radius:14px}.link-text{padding:0;background:none;color:#000;border:none;box-shadow:none;border-radius:0;text-decoration:underline}.microtext.link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.microtext.link:active{transform:translate(0);box-shadow:2px 2px #000}.home-side,.nav-button,.what-nav-button,.modal-close-button,.view-full-project-button,.hold-next-button,.project-video,.full-project-video,.anchor:not(#contact),.microtext.link,.link-text{cursor:url(../cursors/point.svg) 32 32,auto}#contact{cursor:url(../cursors/contacts.svg) 32 32,auto}.microtext{cursor:url(../cursors/normal.svg) 32 32,auto}.whatpage-title,.project-image,.description-text,.details-text,.credits-text,.project-text,.archive-title,.summary-xs,.summary-sm,.summary-lg{cursor:url(../cursors/normal.svg) 32 32,auto}.microtext:active,.microtext.link:active,.link-text:active{cursor:url(../cursors/drag.svg) 32 32,auto}body.dragging,body.dragging *{cursor:url(../cursors/drag.svg) 32 32,auto!important}.microtext.special{background:#f9ed69;border-color:#e0c200}@media (max-width: 768px){.nav-button{font-size:1.8rem}.anchor-big{font-size:1.7rem}#main-name{text-align:left}#contact{text-align:right}.anchor-small{font-size:.8rem}.microtext{font-size:.85rem;max-width:30vw}}