html{scroll-padding-top:64px}.logo-rail{position:fixed;inset:0 0 auto;height:44px;display:grid;place-items:center;z-index:45;background:#e1e3e8f5;border-bottom:1px solid #e1e3e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(-105%);visibility:hidden;transition:transform .3s,visibility .3s}.logo-rail a{display:grid;place-items:center;width:68px;height:44px}.logo-rail img{width:44px;height:44px;object-fit:contain}.has-scrolled .logo-rail{transform:translateY(0);visibility:visible}.showcase-hero.hero{display:block;width:100%;padding:0 0 26px;background:#18243a;color:#e1e3e8;position:relative;overflow:clip;isolation:isolate}.showcase-heading{position:relative;z-index:3;padding-top:26px}.showcase-kicker{display:flex;justify-content:space-between;gap:24px;color:#e1e3e8;font-size:11px;font-weight:600;letter-spacing:1.7px}.showcase-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;padding-top:24px;padding-bottom:18px}.showcase-intro h1{font-size:clamp(74px,8.8vw,142px);font-weight:500;line-height:.91;letter-spacing:-.072em;margin:0;max-width:950px}.showcase-intro h1 span{color:#ffd84d;white-space:nowrap}.showcase-intro h1:focus{outline:none}.showcase-promise{padding-bottom:7px;flex:0 0 230px}.showcase-promise p{font-size:17px;line-height:1.55;color:#e1e3e8;margin-bottom:24px}.showcase-promise .button{font-size:14px;gap:23px;min-height:51px;border-radius:2px}.showcase-window{position:relative;height:clamp(345px,34vw,550px);margin-top:16px;--spread:0;--pointer-x:0px;--pointer-y:0px}.showcase-backword{position:absolute;left:50%;bottom:1%;transform:translate(-50%);font-size:clamp(150px,22vw,400px);letter-spacing:-.07em;font-weight:700;color:#18243a;line-height:.85;white-space:nowrap;z-index:-1;pointer-events:none}.showcase-artwork{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1500px;transform:translate3d(var(--pointer-x),var(--pointer-y),0);transition:transform .8s cubic-bezier(.2,.65,.2,1)}.showcase-panel{position:absolute;top:12%;left:50%;padding:0;border:1px solid #e1e3e833;background:#e1e3e8;width:46%;max-width:890px;aspect-ratio:16/10;box-shadow:0 25px 70px #0006;overflow:hidden;border-radius:3px;text-align:left;color:#fff;will-change:transform;transition:filter .3s}.showcase-panel img{width:100%;height:100%;object-fit:cover;transition:transform .7s,opacity .3s}.showcase-panel:hover img{transform:scale(1.035)}.showcase-panel-tag{position:absolute;left:16px;right:16px;bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;line-height:1.3;color:#fff;text-shadow:0 1px 5px #000;padding:8px 12px;background:#111c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content;max-width:calc(100% - 32px);border-radius:2px}.showcase-panel-tag>span:last-child{font-size:17px}.panel-center{z-index:3;transform:translate3d(-50%,calc(var(--spread)*-18px),70px) rotate(-2deg)}.panel-left{z-index:1;width:37%;top:9%;transform:translate3d(calc(-140% - var(--spread)*70px),calc(38px + var(--spread)*-38px),-70px) rotate(-11deg)}.panel-right{z-index:2;width:37%;top:9%;transform:translate3d(calc(39% + var(--spread)*70px),calc(30px + var(--spread)*-24px),-45px) rotate(10deg)}.showcase-panel:focus-visible{outline:3px solid #ffd84d;outline-offset:5px;z-index:5}.showcase-bottom{position:relative;z-index:4;margin-top:10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-top:1px solid #18243a;padding-top:19px;color:#e1e3e8;font-size:13px}.showcase-discover{display:flex;align-items:center;gap:22px;width:fit-content;color:#e1e3e8}.showcase-discover span{color:#ffd84d;font-size:20px}.showcase-navigation{display:flex;align-items:center;gap:8px}.showcase-navigation>span{font-size:12px;letter-spacing:1px;padding-right:12px;color:#bec3ce}.showcase-navigation button{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;border:1px solid #18243a;background:transparent;color:#fff4c7;font-size:22px;transition:background .2s,color .2s}.showcase-navigation button:hover{background:#ffd84d;color:#18243a}.showcase-bottom-note{text-align:right;margin:0}.showcase-artwork.is-changing img{opacity:.2}.showcase-hero.is-arriving .showcase-panel{animation:showcase-arrival 1.1s cubic-bezier(.2,.7,.2,1) both}.showcase-hero.is-arriving .panel-left{animation-delay:.12s}.showcase-hero.is-arriving .panel-right{animation-delay:.22s}@keyframes showcase-arrival{0%{translate:0 65px;opacity:0}to{translate:0 0;opacity:1}}.portfolio-collection{padding-block:88px 90px}.portfolio-collection .section-heading{margin-bottom:40px}.portfolio-collection h2{font-size:clamp(34px,4vw,55px)}.portfolio-collection .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.portfolio-collection .work-image{background:#e1e3e8;aspect-ratio:16/11;overflow:hidden;border-radius:4px}.portfolio-collection .work-image img{height:100%;width:100%;object-fit:contain;transition:transform .35s}.portfolio-collection .work-image:hover img{transform:scale(1.035)}.portfolio-collection .work-grid figcaption h3{font-size:18px}.portfolio-collection .work-grid figcaption p{font-size:14px}.portfolio-collection .work-open{font-size:12px;padding:8px 10px;gap:14px}@media(min-width:1600px){.showcase-panel{width:43%}.panel-left,.panel-right{width:35%}}@media(max-width:1000px){.showcase-promise{flex-basis:200px}.showcase-intro h1{font-size:9vw}.showcase-window{height:360px}.showcase-panel{width:49%}.panel-left,.panel-right{width:40%}.showcase-bottom-note{font-size:12px}}@media(max-width:700px){.showcase-heading{padding-top:21px}.showcase-kicker{font-size:9px;letter-spacing:1.05px}.showcase-kicker span:last-child{display:none}.showcase-intro{display:block;padding-top:26px;padding-bottom:10px}.showcase-intro h1{font-size:clamp(58px,12.8vw,90px);line-height:.97;letter-spacing:-.065em}.showcase-promise{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;margin-top:23px}.showcase-promise p{font-size:13px;margin:0;max-width:165px}.showcase-promise .button{font-size:12px;min-height:45px;padding:11px 13px;gap:9px;flex-shrink:0}.showcase-window{height:345px;margin-top:22px}.showcase-panel{width:79%;top:14%;aspect-ratio:16/12}.panel-center{transform:translate3d(-50%,calc(var(--spread)*-10px),25px) rotate(-3deg)}.panel-left,.panel-right{width:59%;top:7%;aspect-ratio:16/12}.panel-left{transform:translate3d(calc(-133% - var(--spread)*30px),6px,-65px) rotate(-15deg)}.panel-right{transform:translate3d(calc(34% + var(--spread)*30px),10px,-55px) rotate(13deg)}.showcase-panel-tag{font-size:10px;left:10px;bottom:10px;padding:6px 9px;max-width:calc(100% - 20px)}.showcase-backword{font-size:27vw;bottom:7%}.showcase-bottom{grid-template-columns:1fr auto;gap:12px;margin-top:0;padding-top:17px;font-size:12px}.showcase-bottom-note{display:none}.showcase-discover{gap:12px;max-width:160px}.showcase-navigation>span{font-size:10px;padding-right:4px}.showcase-navigation button{width:36px;height:36px;font-size:20px}.showcase-hero.hero{padding-bottom:23px}.portfolio-collection{padding-block:60px}.portfolio-collection .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}}@media(max-width:430px){.showcase-window{height:300px}.portfolio-collection .work-grid{grid-template-columns:1fr}.showcase-intro h1{font-size:12.8vw}.showcase-promise{gap:12px}.showcase-promise p{font-size:12px}.showcase-promise .button{padding:10px;font-size:11px}}@media(prefers-reduced-motion:reduce){.showcase-artwork{transform:none}.showcase-panel{will-change:auto}.showcase-panel:hover img,.portfolio-collection .work-image:hover img{transform:none}}.showcase-hero[data-motion=on] .motion-stage{transform:translate3d(var(--pointer-x),calc(var(--pointer-y) + var(--scroll-lift,0px)),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(var(--scroll-turn,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1)!important}.showcase-hero[data-motion=off] .motion-stage{transform:none}.motion-stage .orbit-panel{top:12%;width:46%;max-width:890px;aspect-ratio:16/10;backface-visibility:hidden;transform-origin:center;transition:none;animation:none!important}.motion-stage .orbit-panel[aria-hidden=true]{pointer-events:none}.motion-stage .orbit-panel:disabled{cursor:default}.showcase-navigation button:disabled{opacity:.45;cursor:default}.showcase-bottom .showcase-motion{justify-self:end;border:1px solid #18243a;color:#ffd84d;border-radius:3px;background:transparent;font:inherit;font-size:13px;padding:11px 14px;min-height:42px;cursor:pointer}.showcase-motion:hover{background:#18243a}@media(max-width:1000px)and (min-width:701px){.motion-stage .orbit-panel{width:49%}}@media(max-width:700px){.motion-stage .orbit-panel{width:79%;top:14%;aspect-ratio:16/12}.showcase-bottom .showcase-motion{grid-column:1/-1;justify-self:start;font-size:12px;padding:9px 12px;min-height:38px}.showcase-bottom{row-gap:15px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/az-31ef7435-showcase.css.map */