.sketches{flex-direction:column;align-items:center;max-width:1100px;display:flex}.desktop-menu{display:none!important}.sketch-viewer{aspect-ratio:390/540;justify-content:center;align-items:center;width:75vw;max-width:380px;height:auto;margin-top:clamp(10px,3%,50px);transition:height 3s;display:flex;position:relative;overflow:hidden}.sketch-cover{width:100%;transition:transform 3s}.sketch-pdf{z-index:11;scrollbar-width:none;width:100%;height:100%;position:absolute;inset:0}.sketch-pdf::-webkit-scrollbar{display:none}.sketch-menu{width:100%;margin-top:min(10%,60px)}.sketch-title{width:100%;padding:0;font-family:Acme,sans-serif;font-size:min(8vw,45px);line-height:1.2}.sketch-subtitle{margin-bottom:min(8%,60px);padding-top:5%;font-family:Open Sans,sans-serif;font-size:min(4.5vw,25px);font-style:italic}.sketch-tags-wrapper{width:min(100%,800px);position:relative;overflow:hidden}.sketch-tags{scrollbar-width:none;width:100%;padding:2% 0;position:relative;overflow:auto visible}.sketch-tags::-webkit-scrollbar{display:none}.sketch-tags-wrapper:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(to right, transparent, var(--color-bg-primary));width:50px;height:100%;position:absolute;top:0;right:0}.sketch-list{gap:min(5%,30px);width:max-content;height:100%;padding:0 12% 0 8%;display:flex}.sketch-tag{appearance:none;background:var(--color-bg-surface);width:auto;height:100%;color:var(--color-text-primary);cursor:pointer;border:none;border-radius:30vw;flex-shrink:0;justify-content:center;align-items:center;padding:1.4em 2em;font-family:Open Sans,sans-serif;font-size:min(4.2vw,21px);display:flex}.sketch-tag:hover{opacity:1;background:var(--color-bg-surface-two)}.sketch-tag>span{aspect-ratio:1;text-align:center;justify-content:center;align-items:center;width:auto;height:30px;margin-right:10px;font-family:Acme,sans-serif;font-size:min(4.6vw,21px);display:flex}.sketch-tag.active{background:var(--color-text-primary);color:var(--color-bg-primary)}.scroll-controls{justify-content:center;gap:50px;margin-top:35px;display:flex}.scroll-button{background:var(--color-bg-surface);width:75px;height:75px;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;place-items:center;font-size:30px;transition:transform .2s;display:grid}.scroll-button:active{transform:scale(.85)}.back-button{aspect-ratio:1;z-index:1001;width:18vw;max-width:90px;color:var(--color-text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:min(5.5vw,25px);display:flex;position:absolute;top:5%;left:2%}.back-button:hover{opacity:.8;background:var(--color-bg-surface-two)}.back-button-icon{aspect-ratio:1;width:35%;height:auto;fill:var(--color-text-primary);opacity:.65}@media (width>=768px){.sketch-viewer{margin-top:0}}@media (width>=1024px){.sketches{flex-direction:row;gap:5%;width:90%}.sketch-menu{width:50%}}