@font-face{font-family:Mitera;src:url(fonts/Mitera.otf) format("opentype"),url(fonts/Mitera.ttf) format("truetype");font-display:swap}@font-face{font-family:Sitka;src:url(fonts/SitkaVF.ttf) format("truetype");font-weight:400;font-style:normal}::-webkit-scrollbar{width:0px;height:0px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter Tight,sans-serif;background-color:#090909;color:#141414;cursor:none}.page-body{background-color:#fcfcfc}.grayscale-image{filter:grayscale(100%)}.grainy-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999}svg{position:absolute;width:0;height:0;overflow:hidden}img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none}h1{text-transform:uppercase;text-align:center;font-size:clamp(1.5rem,5vw,5rem);font-weight:1000;line-height:1;user-select:none;-webkit-user-select:none}section{position:relative;width:100vw;overflow:hidden}.hero,.outro{height:100svh;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative;z-index:0}.hero h1{position:relative;z-index:0}.hero p{position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%);font-family:Arame-Mono,sans-serif;transition:letter-spacing .3s ease-out;z-index:0}.hero a{position:absolute;bottom:3.75rem;left:50%;transform:translate(-50%);will-change:transform;z-index:0}.hero-scroll-item{clip-path:inset(0 0 0 0);will-change:clip-path}.work-item{height:150svh}.work-item-img{position:absolute;width:100%;height:100%;clip-path:polygon(25% 25%,75% 40%,100% 100%,0% 100%);filter:grayscale(100%);transition:filter 1s ease-in-out;will-change:clip-path,transform}.work-item-img:hover{filter:grayscale(0%)}.work-item-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.work-item-name h1{color:#fcfcfc}.work-item:hover .work-item-img{filter:grayscale(0%)}@media (max-width: 900px){h1{font-weight:150}.work-item-img{filter:grayscale(0%)}.hero p,a{font-size:3.5vw}.hero p{bottom:3.7rem}.hero a{bottom:2rem}}.nav{position:static;top:0;right:0;width:100vw;display:flex;align-items:center;z-index:2}.link{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.links{display:flex;flex-grow:1;justify-content:space-between}.link-section{position:relative;padding:.3em .6em;font-family:Arame-Mono,sans-serif;font-size:calc(.5vw + 1vh);text-transform:uppercase;text-decoration:none;letter-spacing:.01em;cursor:none;overflow:hidden;color:#141414;--bg-scale: 0;z-index:0}.link-section span{position:relative;z-index:1}.link-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#141414;transform:scaleY(var(--bg-scale));transform-origin:top;z-index:-1}@media (max-width: 900px){.link-section{font-size:3.5vw}.link-section:after{content:none;transform:scaleY(0)}}.cursor{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:50%;background-color:#fff;mix-blend-mode:difference;pointer-events:none;z-index:10000;transform:translate(-50%,-50%) scale(1);transition:transform .2s ease-in-out}.delayed-cursor{pointer-events:none;position:fixed;padding:.5rem;background-color:transparent;border:1px solid #fff;border-radius:50%;mix-blend-mode:difference;z-index:9999;transition:padding .3s ease-in-out,transform .3s ease-out,border-color .3s ease-in-out;will-change:transform}.delayed-cursor.enlarged{padding:1.2rem;will-change:transform,padding;backface-visibility:hidden;transform-style:preserve-3d}.delayed-cursor.diamond-cursor-left,.delayed-cursor.diamond-cursor-right{border-radius:0;padding:.7rem}.delayed-cursor.diamond-cursor-left{border-color:#0ff}.delayed-cursor.diamond-cursor-right{border-color:#fe0}.delayed-cursor.enlarged.diamond-cursor-left,.delayed-cursor.enlarged.diamond-cursor-right{padding:.9rem}@media (hover: none) and (pointer: coarse){.cursor,.delayed-cursor{display:none!important}body{cursor:auto!important}.interactable:hover{background-color:initial;transform:none}}.tile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:grid;pointer-events:none;z-index:3;overflow:hidden}.tile{transform-style:preserve-3d;transform:rotateX(90deg) scale(0);opacity:1;background-color:#141414}.fable-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fcfcfc;pointer-events:none;z-index:2;opacity:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.fable-1,.fable-2,.fable-3,.fable-4,.fable-5{width:100%;max-width:700px;min-height:100%;margin:0 auto;padding-top:3.5rem;padding-bottom:2rem}.dinkus{text-align:center;width:100px;margin:0 auto}.stanza{margin-top:0;margin-bottom:.5em}.fable-container p.poem-stanza{text-indent:0;text-align:center;font-style:italic}.fable-container h2,h3,p{color:#141414;user-select:none;-webkit-user-select:none}.fable-container h2,h3{line-height:1.2;text-align:center;text-transform:uppercase;user-select:none;-webkit-user-select:none}.fable-container h2{margin-bottom:0}.fable-container h3{margin-bottom:2em;font-weight:400}.fable-container h4{text-align:left;font-family:Host Grotesk,sans-serif;font-weight:400;font-size:clamp(1rem,1.5vw,1.1rem);margin-bottom:.5em}.fable-container h4:first-of-type{margin-bottom:1.5em}.fable-container p{text-align:left;mix-blend-mode:normal;text-transform:none;font-family:Host Grotesk,sans-serif;font-optical-sizing:auto;font-weight:lighter;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.7;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;margin-bottom:0;text-indent:2em}.close-button{position:fixed;top:.25rem;left:.25rem;display:flex;gap:.5rem;z-index:100;cursor:none;user-select:none;-webkit-user-select:none}.close-button span{font-size:1.75rem;color:#141414;transition:transform .2s ease,opacity .2s ease}.close-button span:hover{transform:scale(1.2)}@media (max-width: 900px){.fable-container{padding-left:2.5rem;padding-right:2.5rem}.fable-container p{font-size:1.05rem;text-indent:1em}.fable-container h2,h3{text-align:center}.fable-container h3{margin-bottom:1em;font-size:4vw}.fable-container h4{margin-bottom:.25em}.fable-container p.poem-stanza{text-indent:1em;text-align:left}}.fable-scrollbar-container{position:fixed;left:0;right:0;bottom:28px;z-index:1;pointer-events:none;display:flex;justify-content:center}.fable-scrollbar{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.fable-scrollbar:not(.hidden){opacity:1;transform:translateY(0)}.fable-scrollbar-wrap{display:flex;align-items:center;gap:16px;background:#14141459;padding:12px 18px;border-radius:48px;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);box-shadow:0 4px 24px #0000004d;pointer-events:auto;opacity:0;transform:scale(.96);transition:opacity .45s ease,transform .45s ease,background-color .3s ease,box-shadow .3s ease}.fable-scrollbar:not(.hidden) .fable-scrollbar-wrap{opacity:1;transform:scale(1)}.fable-scrollbar-wrap:hover{background:#19191980;box-shadow:0 4px 32px #ffffff14}.fable-scrollbar-track{width:240px;height:6px;border-radius:3px;position:relative;overflow:hidden;flex-shrink:0;background:linear-gradient(90deg,#ffffff26,#c8dcff1a,#ffffff26);box-shadow:inset 0 0 6px #ffffff26,0 0 6px #00000026}.fable-scrollbar-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:3px;background:linear-gradient(90deg,#fffffff2,#b6e4ffe6,#a1d2fff2);background-size:200% auto;animation:gradientFlow 30s linear infinite;box-shadow:inset 0 1px 3px #fff6,0 0 10px #b4dcff4d;transform-origin:left center;transition:width .35s cubic-bezier(.25,1,.5,1)}@keyframes gradientFlow{0%{background-position:0% center}to{background-position:-200% center}}.fable-scrollbar-track:hover .fable-scrollbar-fill{box-shadow:inset 0 1px 4px #fff9,0 0 14px #c8e6ff73}.fable-scrollbar-circles{display:flex;gap:10px;align-items:center}.fable-circle{pointer-events:auto;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:none;position:relative;transition:transform .25s ease,border-color .25s ease,background-color .25s ease}.fable-circle:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#fff,#cbe6ff);opacity:0;transform:translate(-50%,-50%) scale(.2);transition:opacity .25s ease,transform .25s ease}.fable-circle:hover{transform:scale(1.2);border-color:#fffc}.fable-circle.active{transform:scale(1.15);border-color:#fff}.fable-circle.active:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.fable-circle:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:3px}@media (max-width: 900px){.fable-scrollbar-track{width:160px}.fable-scrollbar-wrap{padding:8px 12px;gap:10px}.fable-circle{width:14px;height:14px}}.audio-controls{position:fixed;top:.5rem;right:.5rem;display:flex;gap:.5rem;z-index:100;cursor:none;user-select:none;-webkit-user-select:none}.audio-controls span{font-size:1.5rem;color:#141414;transition:transform .2s ease,opacity .2s ease}.audio-controls span:hover{transform:scale(1.2)}.audio-unmute{display:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}