.project-thumb-mobile{display:none}#home>section:first-of-type{z-index:20;padding-block-start:var(--title-gap);position:relative}#home>section:first-of-type>.container{align-items:start}#home>section:first-of-type>.container>h1{font-family:var(--font-display);font-size:calc(var(--u) * 33);text-align:left;text-transform:uppercase;color:var(--color-fg);letter-spacing:0;word-break:keep-all;overflow-wrap:normal;grid-column:1/4;font-weight:400;line-height:.9}#home>section:first-of-type>.container>h1>span{white-space:nowrap;display:block}#home>section:nth-of-type(2){z-index:20;padding-block-start:var(--projects-gap);position:relative}#home>section:nth-of-type(2)>.container{align-items:start;row-gap:calc(var(--u) * 4)}#project-list{z-index:20;grid-column:1/3;position:relative}#project-list>ul{height:calc(calc(var(--u) * 900) - var(--nav-height) - var(--title-gap) - var(--title-height) - var(--projects-gap) - var(--section-label-height) - var(--section-label-gap) - var(--image-gap) - var(--image-height) - var(--bottom-padding));scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;list-style:none;display:flex;overflow:hidden}#project-list>ul::-webkit-scrollbar{display:none}#project-list>div{width:calc(var(--u) * 1);background-color:var(--color-fg);pointer-events:none;transition:transform 80ms linear;display:none;position:absolute;inset-block-start:0;inset-inline-end:calc(var(--u) * -1);transform:translateY(0)}.project-item{cursor:pointer;transition:opacity .3s var(--ease-out);opacity:.9;flex-direction:column;flex-shrink:0;align-items:flex-start;padding-inline-start:0;display:flex;position:relative}.project-item+.project-item{margin-block-start:calc(var(--u) * 10)}.project-item:before{content:"";width:calc(var(--u) * 1);transform-origin:top;height:100%;transition:transform .55s var(--ease-out);background:#ffffff80;position:absolute;inset-block-start:0;inset-inline-start:0;transform:scaleY(0)}.project-item:hover{opacity:1}.project-item:hover:before{transform:scaleY(1)}#home>section:nth-of-type(2) .project-item{min-height:0;padding:calc(var(--u) * 6) calc(var(--u) * 12);background:var(--card-bg);backdrop-filter:var(--card-filter);border-radius:calc(var(--u) * 2);flex:1 1 0;justify-content:center;overflow:hidden}.project-title{font-family:var(--font-display);font-size:calc(var(--u) * 9);color:var(--color-fg);letter-spacing:.02em;text-transform:uppercase;font-weight:400;line-height:1}.project-detail{font-family:var(--font-mono);font-size:calc(var(--u) * 9);color:var(--color-grey);text-transform:uppercase;max-width:42ch;margin-block-start:calc(var(--u) * 6);font-weight:400;line-height:1.35}.project-cta{font-family:var(--font-display);font-size:calc(var(--u) * 9);color:var(--color-fg);margin-block-start:calc(var(--u) * 4);font-weight:400;line-height:1;display:inline-block}#home>section:nth-of-type(2) .project-cta{display:none}.project-cta:hover{opacity:.55}.project-cta:focus-visible{outline:calc(var(--u) * 1) solid var(--color-fg);outline-offset:calc(var(--u) * 3)}#home>section:nth-of-type(3){z-index:20;position:fixed;inset-block-end:var(--bottom-padding);inset-inline:0}#home>section:nth-of-type(3)>.container{align-items:start}#project-image{height:var(--image-height);grid-column:1/3;margin:0;display:block;position:relative;overflow:hidden}#project-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}#project-image>img:first-child{z-index:0}#project-image>img:nth-child(2){z-index:1}#project-image>img:nth-child(3){z-index:2}.audio-visualizer{width:var(--viz-width);height:var(--viz-height);cursor:pointer;z-index:50;position:fixed;inset-block-start:calc(var(--nav-height) + var(--title-gap));inset-inline-end:var(--grid-margin)}.audio-visualizer canvas{width:100%;height:100%;display:block}.audio-visualizer[data-muted=true]{opacity:.4}.about-text{width:var(--viz-width);height:var(--about-height);z-index:50;font-family:var(--font-mono);font-size:calc(var(--u) * 9);letter-spacing:.02em;text-align:left;color:var(--color-fg);text-transform:uppercase;font-weight:400;line-height:1.5;position:fixed;inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--side-label-gap) - var(--section-label-gap));inset-inline-end:var(--grid-margin);overflow:hidden}.services-block{width:var(--viz-width);z-index:50;gap:var(--grid-gutter);display:flex;position:fixed;inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--about-height) + var(--services-gap) + var(--side-label-gap) - var(--section-label-gap));inset-inline-end:var(--grid-margin)}.services-list{flex:1;list-style:none}.services-list li{font-family:var(--font-mono);font-size:calc(var(--u) * 9);letter-spacing:.02em;text-align:left;color:var(--color-fg);white-space:nowrap;text-transform:uppercase;font-weight:400;line-height:2.4}.contact-block{width:var(--viz-width);z-index:50;gap:var(--grid-gutter);display:flex;position:fixed;inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--about-height) + var(--services-gap) + var(--services-height) + var(--contact-gap) + var(--side-label-gap) - var(--section-label-gap));inset-inline-end:var(--grid-margin)}body:not(.project-page) .about-text:before,body:not(.project-page) .services-block:before,body:not(.project-page) .contact-block:before{content:"";inset-block:calc(var(--u) * -6);z-index:-1;background:var(--card-bg);backdrop-filter:var(--card-filter);border-radius:calc(var(--u) * 2);pointer-events:none;position:absolute;inset-inline-start:calc(var(--u) * -12);inset-inline-end:calc(var(--u) * -12)}body:not(.project-page) .section-label--about,body:not(.project-page) .section-label--services,body:not(.project-page) .section-label--contact{width:fit-content;padding:calc(var(--u) * 4) calc(var(--u) * 12);margin-block-start:calc(var(--u) * -4);inset-inline-start:calc(100vw - var(--grid-margin) - var(--viz-width) - var(--u) * 12);inset-inline-end:auto}body:not(.project-page) .about-text{height:fit-content;overflow:visible}body:not(.project-page) .about-text:before{inset-block:calc(var(--u) * -10)}.section-label{font-family:var(--font-mono);font-size:calc(var(--u) * 8);letter-spacing:.02em;color:var(--color-muted);text-transform:uppercase;font-weight:400;line-height:1}.section-label--audio,.section-label--about,.section-label--services,.section-label--contact{width:var(--viz-width);z-index:50;position:fixed;inset-inline-end:var(--grid-margin)}.section-label--audio{display:none}.section-label--about{inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) - var(--section-label-height) - var(--section-label-gap))}.section-label--services{inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--about-height) + var(--services-gap) - var(--section-label-height) - var(--section-label-gap))}.section-label--contact{inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--about-height) + var(--services-gap) + var(--services-height) + var(--contact-gap) - var(--section-label-height) - var(--section-label-gap))}.section-label--projects{width:fit-content;padding:calc(var(--u) * 4) calc(var(--u) * 12);z-index:20;grid-column:1/3;margin-block-end:0;display:block;position:relative}.projects-header{grid-column:1/3;justify-content:space-between;align-items:flex-end;margin-block-end:calc(var(--u) * 4);display:flex}.visual-toggle{gap:calc(var(--u) * 4);z-index:20;display:flex;position:relative}.toggle-btn{font-family:var(--font-mono);font-size:calc(var(--u) * 8);color:var(--color-muted);text-transform:uppercase;cursor:pointer;padding:calc(var(--u) * 4) calc(var(--u) * 8);background:0 0;border:none;font-weight:400;transition:color .3s;position:relative}.toggle-btn:after{content:"";inset-block-end:0;inset-inline:calc(var(--u) * 8);background:var(--color-fg);height:1px;transition:transform .3s var(--ease-out);position:absolute;transform:scaleX(0)}.toggle-btn.is-active{color:var(--color-fg)}.toggle-btn.is-active:after{transform:scaleX(1)}.toggle-btn:hover{color:var(--color-fg)}@media (width<=767px){#home>section:first-of-type,#home>section:nth-of-type(2),#home>section:nth-of-type(3){padding:0}#home>section:first-of-type>.container>h1{grid-column:unset;width:100%;font-size:calc(var(--u) * 30);letter-spacing:-.01em;text-align:center;z-index:50;line-height:.9;position:fixed;inset-block-start:var(--t-title);inset-block-end:unset;inset-inline:0;overflow:visible}#home>section:first-of-type>.container>h1>span{white-space:nowrap;display:block}.about-text,.section-label--audio,.section-label--about,.section-label--services,.section-label--contact{display:none}#home>section:nth-of-type(2){z-index:50;position:fixed;inset-block-start:var(--t-projects);inset-block-end:calc(var(--u) * 20);inset-inline:0;padding:0!important}#home>section:nth-of-type(2)>.container{height:100%;padding-inline:var(--m);flex-direction:column;display:flex}.section-label--projects{grid-column:unset;backdrop-filter:none;width:auto;font-family:var(--font-mono);font-size:calc(var(--u) * 11);letter-spacing:.02em;text-transform:none;color:var(--color-muted);text-transform:uppercase;background:0 0;border-radius:0;flex:none;margin-block-end:0;padding:0;font-weight:400;line-height:1}.projects-header{grid-column:unset;flex:none;justify-content:space-between;align-items:center;margin-block-end:calc(var(--u) * 14);display:flex}.visual-toggle{gap:calc(var(--u) * 2)}.toggle-btn{font-size:calc(var(--u) * 11);padding:calc(var(--u) * 2) calc(var(--u) * 4)}#project-list{border-right:calc(var(--u) * 1) solid #fff3;grid-column:unset;flex:1;height:auto;min-height:0;position:relative;display:block!important}#project-list>div{display:block}#project-list>ul{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:calc(var(--u) * 12);scrollbar-width:none;flex-direction:column;overflow:hidden auto;height:100%!important;display:flex!important}#project-list>ul::-webkit-scrollbar{display:none}.project-item:nth-child(n+5){display:flex}.project-item{align-items:center;gap:calc(var(--u) * 12);--focus:0;will-change:transform, opacity;flex-direction:row;flex-shrink:0;position:relative;overflow:visible;display:flex!important}.project-item+.project-item{margin-block-start:clamp(calc(var(--u) * 3), .6vh, calc(var(--u) * 8))}.project-item,.project-item:hover{opacity:1;width:100%;transition:none}.project-item:hover:before{transform:scaleY(0)}.project-item:before{width:calc(var(--u) * 1);box-shadow:none;background:#ffffff59;transition:none}#home>section:nth-of-type(2) .project-item{padding:calc(var(--u) * 14) calc(var(--u) * 16);flex:none;overflow:visible}.project-thumb-mobile{width:calc(1.7 * var(--cw));height:calc(var(--u) * 100);object-fit:cover;border-radius:calc(var(--u) * 4);flex-shrink:0;display:block}.project-content-mobile{flex:1;min-width:0}.project-title{font-size:calc(var(--u) * 12);overflow-wrap:break-word;word-break:normal;text-transform:uppercase}.project-detail{font-size:calc(var(--u) * 10);max-width:none;color:var(--color-grey);font-family:var(--font-mono);overflow-wrap:break-word;word-break:normal;hyphens:none;text-transform:uppercase;margin-block-start:calc(var(--u) * 6);line-height:1.4;display:block}.contact-block{display:none!important}#home>section:nth-of-type(3){display:none}.audio-visualizer,.services-block{display:none!important}.project-cta{min-height:calc(var(--u) * 44);align-items:center;display:inline-flex}}