.fabric-project{--fu:calc(100vw / 1920);color:#eee;background:#080909;overflow:clip}.fabric-shell{width:66.6667%;margin:auto}.fabric-nav{z-index:40;-webkit-backdrop-filter:blur(22px);background:#24292480;border:1px solid #ffffff24;border-radius:999px;justify-content:space-around;gap:12px;width:66.6667%;margin:48px auto 0;padding:12px 20px;display:flex;position:sticky;top:20px}.fabric-nav a{color:#bec3bd;padding:8px;font-size:13px;text-decoration:none}.fabric-nav a:hover{color:#c5ff32}.fabric-project section,.fabric-hero{scroll-margin-top:110px}.fabric-hero{gap:calc(var(--fu) * 40);padding-top:calc(var(--fu) * 120);grid-template-columns:minmax(0,440fr) minmax(0,800fr);align-items:center;display:grid}.fabric-hero small{font-size:clamp(10px,calc(var(--fu) * 16),16px);color:#949d91}.fabric-hero h1{font-family:PortfolioHelveticaBlack,Helvetica,Arial,sans-serif;font-weight:600;font-size:calc(var(--fu) * 108);transform-origin:0;letter-spacing:-.045em;width:143%;margin:24px 0;line-height:.96;transform:scaleX(.7)}.fabric-hero h1 em{color:#c5ff32;font-style:normal}.fabric-hero h2{font-size:calc(var(--fu) * 40);margin:0 0 28px;font-weight:500}.fabric-accent{background:#c5ff32;width:42px;height:2px;display:block}.fabric-hero p{color:#aeb7aa;font-size:clamp(14px,calc(var(--fu) * 22),22px);margin:28px 0 40px;line-height:1.8}.fabric-picture{text-align:left;background:0 0;border:0;width:100%;margin:0;padding:0;display:block;position:relative}button.fabric-picture{cursor:zoom-in}.fabric-picture img{width:100%;height:auto;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .5s;display:block}:is(.fabric-picture:hover img,.fabric-picture:focus-visible img){filter:brightness(1.04);transform:scale(1.018)}.fabric-picture:focus-visible{outline-offset:5px;outline:2px solid #c5ff32}.fabric-brief{margin-top:calc(var(--fu) * 60);padding-top:calc(var(--fu) * 40);gap:calc(var(--fu) * 75);border-top:1px solid #ffffff28;grid-template-columns:1fr 1.2fr;align-items:center;display:grid}.fabric-brief>div{font-size:calc(var(--fu) * 40);justify-content:center;align-items:baseline;gap:20px;display:flex}.fabric-brief strong{font-family:PortfolioHelveticaBlack,Arial,sans-serif;font-size:calc(var(--fu) * 136);color:#c5ff32;line-height:1}.fabric-brief article{padding-left:calc(var(--fu) * 70);border-left:1px solid #ffffff30}.fabric-brief h2{font-size:calc(var(--fu) * 32);margin:0 0 16px;font-weight:500}.fabric-brief p{font-size:clamp(13px,calc(var(--fu) * 20),20px);color:#aeb7aa;margin:0;line-height:1.8}.fabric-section{padding-top:calc(var(--fu) * 120)}.fabric-heading{margin-bottom:calc(var(--fu) * 55);justify-content:space-between;align-items:baseline;gap:30px;display:flex}.fabric-heading h2{font-size:calc(var(--fu) * 54);margin:0;font-weight:600}.fabric-heading i{color:#a3ad9d;padding:0 14px;font-style:normal;font-weight:300}.fabric-heading p{font-size:clamp(12px,calc(var(--fu) * 18),18px);color:#aeb7aa;margin:0}.fabric-pair+.fabric-pair{margin-top:calc(var(--fu) * 100)}.fabric-pair>header{border-top:1px solid #ffffff20;align-items:baseline;gap:18px;margin-bottom:28px;padding-top:22px;display:flex}.fabric-pair>header>span{color:#c5ff32;font-size:28px}.fabric-pair h3{font-size:calc(var(--fu) * 30);margin:0;font-weight:500}.fabric-pair>header>small{color:#717e68;letter-spacing:.1em;margin-left:auto;font-size:11px}.fabric-pair-media{gap:calc(var(--fu) * 50);grid-template-columns:minmax(0,350fr) minmax(0,880fr);align-items:center;display:grid}.fabric-pair.is-reversed .fabric-pair-media{grid-template-columns:minmax(0,880fr) minmax(0,350fr)}.fabric-pair.is-reversed .fabric-still{grid-area:1/2}.fabric-pair.is-reversed .fabric-video{grid-area:1/1}.fabric-still>span{color:#aeb7aa;padding-top:18px;font-size:14px;display:block}.fabric-video{min-width:0;margin:0}.fabric-video video{background:#10130e;width:100%;height:auto;transition:filter .5s;display:block}.fabric-video:hover video{filter:brightness(1.035)}.fabric-video figcaption{justify-content:space-between;gap:16px;padding-top:18px;font-size:15px;display:flex}.fabric-video figcaption>span{color:#c5ff32}.fabric-video figcaption>small{color:#8c9983;font-size:12px}.fabric-wall-frame{width:100%;height:600px;position:relative}.fabric-wall-hint{text-align:center;color:#8c9983;margin:20px 0 0;font-size:13px}.fabric-bow-grid{gap:calc(var(--fu) * 36);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.fabric-bow-grid>article:first-child{grid-column:1/8}.fabric-bow-grid>article:nth-child(2){padding-top:calc(var(--fu) * 80);grid-column:8/13}.fabric-bow-grid>article:nth-child(3){padding-top:calc(var(--fu) * 40);grid-column:1/6}.fabric-bow-grid>article:nth-child(4){grid-column:6/13}.fabric-bow-grid h3{font-size:calc(var(--fu) * 26);margin:24px 0 0;font-weight:500}.fabric-bow-grid h3 span{color:#c5ff32;margin-right:16px;font-size:14px}.fabric-footer{padding:calc(var(--fu) * 130) 0 calc(var(--fu) * 180);flex-direction:column;align-items:center;gap:30px;display:flex}.fabric-footer a{color:#ddd;border:1px solid #ffffff40;border-radius:999px;padding:12px 44px;font-size:14px;text-decoration:none}.fabric-footer a:hover{color:#c5ff32}@media (max-width:760px){.fabric-project{--fu:1px}.fabric-shell,.fabric-nav{width:calc(100% - 40px)}.fabric-nav{border-radius:22px;flex-wrap:wrap;gap:0;margin-top:20px;padding:8px;top:12px}.fabric-nav a{padding:7px;font-size:11px}.fabric-hero{grid-template-columns:1fr;gap:30px;padding-top:55px}.fabric-hero h1{font-size:clamp(60px,18vw,108px)}.fabric-hero h2{font-size:28px}.fabric-brief{grid-template-columns:1fr;gap:25px;margin-top:40px;padding-top:30px}.fabric-brief strong{font-size:80px}.fabric-brief>div{font-size:28px}.fabric-brief article{padding-left:20px}.fabric-brief h2{font-size:24px}.fabric-section{padding-top:65px}.fabric-heading{flex-direction:column;gap:14px;margin-bottom:32px}.fabric-heading h2{font-size:28px}.fabric-pair+.fabric-pair{margin-top:55px}.fabric-pair h3{font-size:22px}.fabric-pair>header>small{display:none}.fabric-pair-media,.fabric-pair.is-reversed .fabric-pair-media{grid-template-columns:1fr;gap:25px}.fabric-still{width:60%}.fabric-pair.is-reversed .fabric-still,.fabric-pair.is-reversed .fabric-video{grid-area:auto/1}.fabric-pair.is-reversed .fabric-still{margin-left:auto}.fabric-video figcaption{flex-wrap:wrap;gap:7px}.fabric-wall-frame{height:500px}.fabric-bow-grid{gap:25px 16px}.fabric-bow-grid>article:nth-child(2){padding-top:40px}.fabric-bow-grid>article:nth-child(3){padding-top:20px}.fabric-bow-grid h3{font-size:17px}.fabric-footer{padding:65px 0}}@media (prefers-reduced-motion:reduce){.fabric-picture img,.fabric-video video{transition:none}}.fabric-lightbox[data-slot=dialog-content]{animation:.18s ease-out both fabric-lightbox-fade;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fabric-lightbox-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.fabric-lightbox[data-slot=dialog-content]{animation:none}}
