:root{--header-height-sticky: 100px;--scrolled-img-ratio: 3.972;--title-size-sticky: 14px;--nav-color-hero: #FFFFFF;--nav-divider-hero: rgba(255, 255, 255, .6);--nav-color-scrolled: #5a5249;--nav-divider-scrolled: rgba(90, 82, 73, .5);--text-white: #FFFFFF;--text-gray: #b0b0b0;--header-bg-hero: #d7d0c3;--header-bg-sticky: #d7d0c3;--transition-speed: .6s;--ease-smooth: cubic-bezier(.16, 1, .3, 1);--transition-main: all var(--transition-speed) var(--ease-smooth)}.performative-header.no-transition,.performative-header.no-transition:before,.performative-header.no-transition .header__nav,.performative-header.no-transition .header__title,.performative-header.no-transition .header__title-line{transition:none!important}.performative-header{position:relative;width:100%;z-index:1000;overflow:hidden;transition:var(--transition-main);aspect-ratio:2558 / 644;background-color:var(--header-bg-hero);background-image:url(//performativeshirts.com/cdn/shop/t/18/assets/ps-hero-bg-v3.png?v=111106581506078569141776650145)!important;background-size:cover;background-position:center;background-repeat:no-repeat}.performative-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--header-bg-sticky);opacity:0;transition:opacity var(--transition-speed) var(--ease-smooth);pointer-events:none;z-index:0}.performative-header *:not(.header__drawer):not(.header__drawer *):not(.header__drawer-toggle):not(.header__drawer-icon):not(.header__drawer-icon *),.header__nav,.header__title{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.header__container{position:relative;width:100%;height:100%;max-width:1400px;margin:0 auto;padding:1rem 3rem;z-index:1}.header__nav{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:max-content;z-index:11;transition:var(--transition-main)}.header__nav-list{display:flex;gap:0;list-style:none;padding:0;margin:0;align-items:center}.header__nav-item{display:flex;align-items:center}.header__nav-item:not(:last-child):after{content:"/";color:var(--nav-divider-hero);font-size:1.2rem;padding:0 1rem;opacity:1;transition:padding var(--transition-speed) var(--ease-smooth),color var(--transition-speed) var(--ease-smooth)}.header__nav-link{color:var(--nav-color-hero)!important;text-decoration:none;font-weight:600;font-size:1.3rem;letter-spacing:.05em;transition:color var(--transition-speed) var(--ease-smooth),font-size var(--transition-speed) var(--ease-smooth)}.header__title{display:none;text-decoration:none!important}.header__home-link{position:absolute;top:0;left:50%;transform:translate(-50%);width:30%;height:100%;z-index:10;display:none}.is-scrolled .header__home-link{display:block}.is-scrolled.performative-header{position:fixed;top:0;left:0;aspect-ratio:auto;height:var(--header-height-sticky)!important;background-image:none!important}.is-scrolled.performative-header:before{background-image:url(//performativeshirts.com/cdn/shop/t/18/assets/ps-background-scrolled.png?v=18580720570810413361776650145);background-size:auto 100%;background-position:center;background-repeat:no-repeat;filter:none;opacity:1}.is-scrolled:not(.fade-in).performative-header:before{opacity:0!important}.is-scrolled:not(.fade-in) .header__nav,.is-scrolled:not(.fade-in) .header__title{opacity:0!important}.is-scrolled.fade-in.performative-header:before,.is-scrolled.fade-in .header__nav,.is-scrolled.fade-in .header__title{transition:opacity .2s ease!important}.is-scrolled .header__nav{top:50%;left:calc((100vw - var(--header-height-sticky) * var(--scrolled-img-ratio)) / 4);transform:translate(-50%) translateY(-50%)}.is-scrolled .header__nav-link{color:var(--text-white)!important;font-size:1.1rem}.is-scrolled .header__nav-item:not(:last-child):after{padding:0 .75rem;color:var(--nav-divider-hero)}.is-scrolled .header__title{position:absolute;display:block;bottom:auto;top:50%;left:auto;right:calc((100vw - var(--header-height-sticky) * var(--scrolled-img-ratio)) / 4);margin-left:0;transform:translate(50%) translateY(-50%);text-align:left}.is-scrolled .header__title-line{display:block;font-family:Bebas Neue,Arial Narrow,Arial,sans-serif!important;font-weight:400!important;font-size:var(--title-size-sticky);line-height:1.15;margin:0;-webkit-text-fill-color:var(--text-white);color:var(--text-white)}.header__drawer-toggle,.header__drawer{display:none}main#MainContent{padding-top:0!important;margin:0!important;display:block!important}main#MainContent.header-fixed-offset{padding-top:var(--header-hero-height, 298px)!important}main#MainContent.utility-content{padding-top:var(--header-height-sticky)!important}.product-grid-section{padding-top:0!important;margin-top:0!important;border-top:none!important}#MainContent>:first-child{margin-top:0!important;padding-top:0!important}@media screen and (max-width:768px){:root{--header-height-sticky: 60px;--title-size-sticky: 12px}.performative-header{aspect-ratio:3 / 2;background-size:cover;background-position:center!important}.header__container{padding:1rem 1.5rem}.header__nav{top:1rem}.header__nav-link{font-size:.8rem}.header__nav-item:not(:last-child):after{padding:0 .6rem;font-size:1rem}.is-scrolled .header__nav{display:none}.is-scrolled.performative-header:before{background-size:55vw auto}.is-scrolled .header__title{position:absolute;right:11.25vw;left:auto;margin-left:0;top:50%;bottom:auto;transform:translate(50%) translateY(-50%)}.is-scrolled .header__title-line{font-size:1.1rem!important;letter-spacing:.02em}.is-scrolled .header__drawer-toggle{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:11.25vw;transform:translate(-50%,-50%);width:32px;height:32px;padding:0;border:none!important;background:none!important;background-color:transparent!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;cursor:pointer;z-index:20}.is-scrolled.performative-header{overflow:visible}.header__drawer-icon{display:flex;flex-direction:column;justify-content:space-between;width:22px;height:16px}.header__drawer-icon span{display:block;width:100%;height:1px;background:var(--text-white)!important;border-radius:1px;transition:transform .3s ease,opacity .3s ease}.header__drawer-toggle[aria-expanded=true] .header__drawer-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__drawer-toggle[aria-expanded=true] .header__drawer-icon span:nth-child(2){opacity:0}.header__drawer-toggle[aria-expanded=true] .header__drawer-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.is-scrolled .header__drawer{display:block;position:absolute;top:100%;left:0;width:100%;background:#d7d0c3f7!important;padding:1rem 1.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:100}.is-scrolled .header__drawer.is-open{opacity:1;visibility:visible;transform:translateY(0)}.header__drawer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.header__drawer-link{color:var(--text-white)!important;text-decoration:none;font-size:1.1rem;font-weight:600;letter-spacing:.05em;transition:color .2s ease}.header__drawer-link:hover{color:var(--text-white)!important}}@media(prefers-reduced-motion:reduce){.performative-header,.performative-header:before,.performative-header .header__nav,.performative-header .header__nav-link,.performative-header .header__title,.performative-header .header__title-line,.performative-header .header__drawer,.performative-header .header__drawer-link{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/header-sticky.css.map */