.name{font-size:calc(var(--font-size)*3.2);text-align:center}#intro{position:relative;text-align:center;padding:var(--padding);margin:var(--margin);margin-bottom:calc(var(--margin)*1.8)}#intro:before,#intro:after{content:"";position:absolute;border-color:var(--black);border-style:solid;width:20px;height:25px}#intro:before{top:0;left:0;border-width:.5px 0 0 .5px}#intro:after{top:0;right:0;border-width:.5px .5px 0 0}.left-def{margin-left:var(--margin);text-align:left}.right-def{justify-self:end;margin-right:calc(var(--margin)/2.5)}.crop-marks:before,.crop-marks:after{content:"";position:absolute;width:20px;height:25px;border-color:var(--black);border-style:solid}.crop-marks:before{bottom:0;left:0;border-width:0 0 .5px .5px}.crop-marks:after{bottom:0;right:0;border-width:0 .5px .5px 0}.wrapper{box-sizing:content-box;display:flex;align-items:end;height:1rem;gap:.3rem;background-color:var(--white);margin-left:calc(var(--margin)*2.5)}.words{overflow:hidden;height:1.2rem}.flip{display:block;text-align:right;animation:spin_words 8s ease infinite}@keyframes spin_words{0%{transform:translateY(0)}20%{transform:translateY(-100%)}40%{transform:translateY(-200%)}60%{transform:translateY(-300%)}80%{transform:translateY(-400%)}to{transform:translateY(-500%)}}.player{display:flex;justify-content:center;align-items:center;height:fit-content;z-index:-1;transform:rotate(5deg);overflow:hidden;margin-top:calc(var(--margin)*1.2);margin-left:var(--margin);margin-right:var(--margin)}.turntable-container{position:relative;width:17rem;overflow:hidden}.turntable{width:100%;height:auto}.main-turn{position:absolute;top:50%;left:50%;width:75%;height:auto;transform:translate(-50%,-50%);animation:spin 5s linear infinite;margin-left:2rem;margin-bottom:3.6rem}.vinyl{width:100%;height:auto;border-radius:50%;background-color:#000}.center-label{overflow:hidden}.center-label:before{content:"";width:35%;height:35%;background:url(../assets/profile.jpg) center/cover no-repeat;position:absolute;top:50%;left:50%;transform:translate(-45%,-50%);overflow:hidden;border-radius:50%}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}#super-power{background-color:var(--black);padding:calc(var(--padding)*2);margin-top:calc(var(--margin)*2);position:relative;display:flex;flex-direction:column;gap:calc(var(--gap)*1.7)}.super-power{position:relative;font-size:calc(var(--font-size)*1.2);color:var(--white);text-align:center;border-radius:10px;padding:var(--padding);line-height:calc(var(--lineheight)*2);border:solid 1px var(--white)}#super-wrapper{position:relative;margin:auto}#super-wrapper:before,#super-wrapper:after{content:"";position:absolute;border-color:var(--white);border-style:solid;width:20px;height:25px}#super-wrapper:before{top:0;left:0;border-width:.5px 0 0 .5px}#super-wrapper:after{top:0;right:0;border-width:.5px .5px 0 0}.dark-crops:before,.dark-crops:after{content:"";position:absolute;width:20px;height:25px;border-color:var(--white);border-style:solid}.dark-crops:before{bottom:0;left:0;border-width:0 0 .5px .5px}.dark-crops:after{bottom:0;right:0;border-width:0 .5px .5px 0}.circle{border:solid 1px var(--white);border-radius:calc(var(--border-radius)*2);padding:calc(var(--padding)/1.5);color:var(--white)}.cta{color:var(--white);text-align:center}.design-type{font-size:calc(var(--font-size)*1.3);border-radius:var(--border-radius);text-align:center;padding:calc(var(--padding)/1.8);margin-left:var(--margin);margin-right:var(--margin);margin-top:calc(var(--margin)*1.5);background-color:var(--black);color:var(--white)}.project{background-color:var(--transparent-white);display:flex;flex-direction:column;max-width:20rem;margin:auto;align-items:center;margin-top:var(--margin);gap:1rem;padding:var(--padding);border-radius:calc(var(--border-radius)*1.5);border:1px solid var(--thin-shadow)}.preview-desc{font-weight:500}.pre-cover{width:70%;height:80%}.posty-cover{width:50%}.proj-preview{max-width:15rem;display:flex;flex-direction:column;gap:1rem}.proj-type{font-weight:500;border:solid 1px var(--black);border-radius:var(--border-radius);padding:calc(var(--padding)/1.9);width:fit-content}.proj-name{font-size:calc(var(--font-size)*1.2)}.mult-types{display:flex;gap:.5rem}#spotify{width:50%;aspect-ratio:1 / 1;object-fit:cover;mix-blend-mode:luminosity}.enter,.big-turn{display:none}@media(min-width:800px){.name{font-size:calc(var(--font-size)*5);width:fit-content;margin:auto}.name-subtext{width:fit-content;font-size:calc(var(--font-size)*1.2)}.flip{font-size:calc(var(--font-size)*1.2)}.left-def{margin-left:calc(var(--margin)*4)}.wrapper{margin-left:calc(var(--margin)*10)}#intro{width:35rem;margin:auto}@keyframes spin_words{0%{transform:translateY(0)}20%{transform:translateY(-120%)}40%{transform:translateY(-220%)}60%{transform:translateY(-320%)}80%{transform:translateY(-420%)}to{transform:translateY(-520%)}}.turntable-container{width:22rem}.super-power{max-width:40rem;margin:auto;padding:calc(var(--padding)*2);font-size:calc(var(--font-size)*1.3)}.design-type{max-width:40rem;margin-left:auto;margin-right:auto}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);max-width:40rem;margin:auto}.project{max-width:19rem}}@media(min-width:1200px){main{margin-top:calc(var(--margin)*1.2)}.intro-flex{display:flex}#intro:before{border-color:var(--black);border-width:1px 0px 0px 1px}.crop-marks:before{border-color:var(--black);border-width:0 0 1px 1px}#intro-container{display:flex;flex-direction:column;gap:calc(var(--gap)*2);justify-content:space-between;align-items:center;margin-bottom:10rem;margin-left:auto;margin-right:auto}.name{font-size:calc(var(--font-size)*10.5);min-width:40rem;margin:auto}.name-subtext{width:fit-content;font-size:calc(var(--font-size)*1.5)}.flip{font-size:calc(var(--font-size)*1.5)}.words{height:1.5rem}.left-def{margin-left:calc(var(--margin)*4)}.wrapper{margin-left:calc(var(--margin)*20);height:2rem}.enter{display:inline-block;font-size:calc(var(--font-size)*1.3);padding:var(--padding);border:solid 1px var(--black);border-radius:calc(var(--border-radius)/1.4);cursor:pointer}.enter:hover{background-color:var(--black);color:var(--white)}#intro{width:65rem;margin-top:calc(var(--margin)*4);padding:calc(var(--padding)*1.3);align-self:center}@keyframes spin_words{0%{transform:translateY(0)}20%{transform:translateY(-122%)}40%{transform:translateY(-222%)}60%{transform:translateY(-322%)}80%{transform:translateY(-422%)}to{transform:translateY(-522%)}}#super-power{padding:calc(var(--padding)*3);background-color:var(--white)}.super-power{max-width:40rem;margin:auto;padding:calc(var(--padding)*2);font-size:calc(var(--font-size)*1.6);background:none;box-shadow:none;border:none;color:var(--black)}#super-wrapper:before,#super-wrapper:after{border-color:var(--black)}.dark-crops:before,.dark-crops:after{border-color:var(--black)}.circle{border:solid 1px var(--black);border-radius:calc(var(--border-radius)*2);padding:calc(var(--padding)/1.5);color:var(--black)}.cta{color:var(--black);text-align:center}.super-turn{width:65rem;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto}.player{transform:rotate(0)}.header-name{display:flex;max-width:65rem;margin-left:auto;margin-right:auto;gap:var(--gap);justify-content:center;align-items:center;margin-bottom:var(--margin)}.gray-line{width:100%;height:1px;border:none;padding:0;background-color:var(--shadow)}.design-type{width:40rem;margin-top:0;background:var(--thin-shadow);border:1px solid var(--shadow);font-size:calc(var(--font-size)*1.6);border-radius:calc(var(--border-radius)*5);color:var(--shadow)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gap)*2);justify-content:space-between;max-width:65rem;margin:auto}.project{max-width:29rem;height:20rem}.project img{object-fit:cover;align-self:center;width:60%;margin-top:calc(var(--margin)*1.2)}.project:hover{background-color:var(--black);transition:.5s ease-in}.project:hover img{display:none}.proj-preview{display:none}.project:hover .proj-preview{display:block;max-width:29rem;gap:calc(var(--gap)*2);height:20rem;margin:auto;padding:calc(var(--padding)*2)}.project:hover .proj-preview .proj-type,.project:hover .proj-preview .proj-name,.project:hover .proj-preview .preview-desc{color:var(--white)}.project:hover .proj-preview .proj-type{border:1px solid var(--white)}.project:hover .proj-preview .proj-type{font-size:calc(var(--font-size)*1.3)}.project:hover .proj-preview .proj-name{font-size:calc(var(--font-size)*1.6);padding-top:var(--padding);padding-bottom:var(--padding)}.project:hover .proj-preview .preview-desc{font-size:calc(var(--font-size)*1.3)}}@media(max-width:799px){#work-gallery{padding-left:var(--padding);padding-right:var(--padding);box-sizing:border-box}}.work-gallery{margin-top:calc(var(--margin) * 2);padding-bottom:calc(var(--margin) * 3)}.work-gallery__header{margin-bottom:var(--margin)}.work-gallery__lede{max-width:36rem;margin:0 auto calc(var(--margin) * 1.25);padding:0 var(--padding);text-align:center;font-weight:500;color:var(--shadow);line-height:var(--lineheight)}.work-gallery__viewport{display:flex;align-items:center;justify-content:center;min-height:min(78vh,640px);overflow-x:auto;overflow-y:visible;padding:calc(var(--padding) * 1.5) var(--padding);-webkit-overflow-scrolling:touch}.work-gallery__scene{perspective:2100px;perspective-origin:48% 40%;flex-shrink:0}.work-gallery__track{--wg-scroll-shift: 0;--wg-parallax-depth: 0;--wg-step-x: min(7vw, 30px);--wg-step-y: min(-4vw, -17px);--wg-step-z: -13px;position:relative;width:min(94vw,920px);height:min(62vh,520px);margin:0 auto;transform-style:preserve-3d;transform:translate3d(0,calc(var(--wg-scroll-shift) * 1px),calc(var(--wg-parallax-depth) * 1px))}.work-gallery__card{--layer-fade: calc(1 - min(var(--i) * .026, .38)) ;--card-w: min(46vw, 210px);position:absolute;left:50%;top:50%;width:var(--card-w);display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit;transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--i) * var(--wg-step-x) + var(--wg-layer-nudge, 0px)),calc(-50% + var(--i) * var(--wg-step-y)),calc(var(--i) * var(--wg-step-z))) rotateY(-19deg) rotateX(3deg) scale(clamp(.78,calc(1.02 - var(--i) * .013),1.02));opacity:var(--layer-fade);z-index:calc(75 - var(--i));transition:transform .4s ease,opacity .4s ease;border-radius:calc(var(--border-radius) * 1.35);outline-offset:4px}.work-gallery__card:focus-visible{outline:2px solid var(--black);z-index:120;opacity:1}.work-gallery__card--link:hover{z-index:120;opacity:1;transform:translate3d(calc(-50% + var(--i) * var(--wg-step-x) + var(--wg-layer-nudge, 0px)),calc(-50% + var(--i) * var(--wg-step-y)),calc(var(--i) * var(--wg-step-z) + 18px)) rotateY(-16deg) rotateX(2deg) scale(clamp(.82,calc(1.04 - var(--i) * .011),1.05))}.work-gallery__card--media{border:none;padding:0;font:inherit;background:transparent;cursor:pointer;text-align:left}.work-gallery__card--media:hover{z-index:120;opacity:1;transform:translate3d(calc(-50% + var(--i) * var(--wg-step-x) + var(--wg-layer-nudge, 0px)),calc(-50% + var(--i) * var(--wg-step-y)),calc(var(--i) * var(--wg-step-z) + 14px)) rotateY(-16deg) rotateX(2deg) scale(clamp(.82,calc(1.03 - var(--i) * .011),1.04))}.work-gallery__panel{--glass-blur: calc(10px + min(var(--i), 10)*.85px) ;--glass-fill: rgba(255, 255, 255, calc(.14 + (1 - min(var(--i) * .045, .75))*.22) );position:relative;display:block;aspect-ratio:3 / 4;border-radius:11px;overflow:hidden;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.52);background:var(--glass-fill);box-shadow:0 2px #ffffff73 inset,0 6px 16px #0000000f,0 22px 56px #0000001a;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.work-gallery__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px #0000000a inset;opacity:calc(.35 + min(var(--i) * .02,.35))}.work-gallery__panel-inner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.work-gallery__cover{width:100%;height:100%;object-fit:cover;display:block;opacity:calc(.9 + (1 - min(var(--i) * .025,.9))*.08)}.work-gallery__cover--video{width:100%;height:100%;object-fit:cover;pointer-events:none}.work-gallery__meta{display:flex;flex-direction:column;gap:.2rem;padding:0 .15rem;max-width:var(--card-w);text-shadow:0 1px 0 rgba(255,255,255,.8)}.work-gallery__types{font-size:calc(var(--font-size) * .72);font-weight:500;line-height:1.25;color:var(--shadow);text-transform:lowercase}.work-gallery__title{font-size:calc(var(--font-size) * .95);font-weight:600;line-height:1.2;text-transform:lowercase}@media(prefers-reduced-motion:reduce){.work-gallery__track{transform:none}.work-gallery__card{transition:none;transform:translate3d(calc(-50% + var(--i) * 22px),calc(-50% + var(--i) * -15px),0) scale(clamp(.82,calc(1 - var(--i) * .011),1));opacity:calc(1 - min(var(--i) * .028,.36))}.work-gallery__card--link:hover,.work-gallery__card--media:hover{transform:translate3d(calc(-50% + var(--i) * 22px),calc(-50% + var(--i) * -15px),0) scale(clamp(.84,calc(1.01 - var(--i) * .01),1.02))}}@media(min-width:1200px){.work-gallery__header{max-width:65rem;margin-left:auto;margin-right:auto;margin-bottom:calc(var(--margin) * 1.2)}.work-gallery__lede{font-size:calc(var(--font-size) * 1.05);max-width:42rem}.work-gallery__track{height:min(64vh,580px)}#work-gallery{margin-top:calc(var(--margin) * 3.5)}}