@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);
@font-face{font-family:Gotham;src:url('font/HomepageBaukasten-Book.woff2') format('woff2'),url('font/HomepageBaukasten-Book.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Gotham;src:url('font/GothamMedium.woff2') format('woff2'),url('font/GothamMedium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Gotham;src:url('font/GothamBold.woff2') format('woff2'),url('font/GothamBold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
body.lenis,html.lenis{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-scrolling iframe{pointer-events:none}
.section-pad{padding:80px 20px}
html{width:100%;max-width:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
body{color:#000;background-color:#fff;background-image:linear-gradient(#f0f0f0 1.5px,transparent 1.5px),linear-gradient(90deg,#f0f0f0 1.5px,transparent 1.5px);background-size:60px 60px;background-position:center top;background-attachment:fixed}
.notification-bar{background-color:#000;color:#fff;text-align:center;padding:8px 16px;font-family:Gotham;font-size:clamp(7px, 2.5vw, 10px);letter-spacing:.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.main-container{background-color:transparent;width:100%}
.header{text-align:center;padding:20px 0}
.logo{width:clamp(100px,25vw,180px);height:auto;display:inline-block}
.hero{text-align:center;padding:0;margin:0}
.hero h1{font-family:Gotham;font-weight:800;font-size:5vw;line-height:1.1;margin-top:40px;margin-bottom:10px;letter-spacing:-1px;padding:0;width:100%;white-space:nowrap;overflow:hidden}
.hero .subtitle{font-family:Gotham;font-size:1.8rem;color:#000;font-weight:300;padding:0 30px;margin-left:auto;margin-right:auto;letter-spacing:.8px}
.primary-btn-wrapper{display:inline-flex;align-items:center;text-decoration:none;gap:15px;cursor:pointer;margin-top:20px}
.primary-btn{text-decoration:none;display:inline-flex;align-items:center;background-color:#000;color:#fff;padding:14px 32px;border-radius:20px;font-family:Gotham;font-weight:500;font-size:15px;transition:transform .2s ease,background-color .2s;gap:12px;position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0)}
.primary-btn-wrapper:hover .primary-btn{transform:translateY(-2px)}
.btn-text{position:relative;z-index:2;transition:color .3s ease}
.btn-dot{height:8px;width:8px;background-color:gold;border-radius:50%;display:inline-block;position:relative;z-index:1}
.arrow-icon{transition:transform .2s ease}
.primary-btn-wrapper:hover .arrow-icon{transform:translateX(5px)}
.products-section{position:relative;max-width:100%!important;padding:0;overflow:hidden}
.hot-picks-marker{position:absolute;top:-50px;position:absolute;top:-10px;left:5%;z-index:20;pointer-events:none;display:flex;flex-direction:row;align-items:flex-start;width:auto}
.hot-picks-marker .handwritten-text{font-family:Caveat,cursive;font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:400;transform:rotate(-10deg);display:block;color:#111;margin-right:-5px;white-space:nowrap}
.hot-picks-marker .hand-arrow{width:clamp(50px,8vw,100px);height:auto;margin-left:10px;margin-top:10px;transform:rotate(0)}
.hot-picks-marker svg path{stroke:#000;stroke-width:1.5;fill:none}
.products-grid.custom-collage{margin-top:100px}
.custom-collage .product-card{width:250px!important;margin-right:-130px!important}
.custom-collage .product-card:nth-child(8n+1){z-index:2;transform:translateY(20px)}
.custom-collage .product-card:nth-child(8n+2){z-index:10;transform:translateY(80px) translateX(20px);width:200px!important}
.custom-collage .product-card:nth-child(8n+3){z-index:1;transform:none;margin-left:-20px}
.custom-collage .product-card:nth-child(8n+4){z-index:12;transform:scale(1.15) translateY(15px);margin-left:-20px;margin-right:-50px!important}
.custom-collage .product-card:nth-child(8n+5){z-index:1;transform:none;margin-left:-40px;margin-right:-40px}
.custom-collage .product-card:nth-child(8n+6){z-index:2;transform:translateY(20px);margin-left:-20px}
.custom-collage .product-card:nth-child(8n+7){z-index:1;transform:none}
.custom-collage .product-card:nth-child(8n+8){z-index:10;transform:translateY(90px) translateX(-30px);width:200px!important}
.products-grid.custom-collage{display:flex;width:max-content;max-width:none;height:auto;margin:0 0 50px;gap:15px;animation:scroll 40s linear infinite}
@keyframes scroll{
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
.custom-collage .product-card{position:relative;width:300px!important;flex-shrink:0;transition:transform .3s ease;background:0 0;margin-right:-90px!important;box-shadow:none;z-index:1}
.custom-collage .product-card img{width:auto;max-width:100%;max-height:500px;margin:0 auto;display:block;mix-blend-mode:multiply}
.brand-story-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative}
.brand-illustration{flex-shrink:0}
.brand-illustration.left{align-self:flex-end;margin-bottom:-20px}
.brand-illustration.right{align-self:flex-start;margin-top:-30px}
.brand-illustration.left img,.brand-illustration.right img{width:180px;height:auto;object-fit:contain}
.brand-text{flex:1;text-align:center}
.brand-text h2{font-family:Gotham;font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:300;line-height:1.4;margin-bottom:20px;color:#000}
.brand-text .brand-name{font-weight:700}
.brand-text p{font-family:Gotham;font-size:1.2rem;line-height:1.2;letter-spacing:.5px;color:#333;margin-left:auto;margin-right:auto;font-weight:300}
#arrow-btn{margin-top:30px}
.brand-cta-container{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.brand-shop-btn{background-color:#000;color:#fff;padding:10px 24px;border-radius:30px;font-family:Gotham,sans-serif;font-weight:500;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s}
.brand-shop-btn:hover{background-color:#333}
.brand-shop-btn .btn-dot{width:6px;height:6px;background-color:gold;border-radius:50%;display:inline-block}
.brand-arrow-icon{width:18px;height:18px;transition:transform .2s}
.brand-cta-container:hover .brand-arrow-icon{transform:translateX(3px)}
#find-fits-btn-container{text-align:center;margin-top:60px}
.cat-showcase{text-align:center;position:relative}
.cat-showcase h2{font-family:Gotham;font-weight:800;font-size:5vw ;margin-bottom:40px;letter-spacing:2px;-webkit-text-stroke:1px #111; color: transparent; position: sticky; top: 45vh; z-index:-1; }
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1400px;margin:0 auto}
.cat-item{position:relative;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.cat-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;width:100%}
.cat-item img{width:100%;height:350px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;margin-bottom:20px;padding:20px}
.cat-item h3{font-family:Gotham;font-size:1.1rem;font-weight:500;color:#000;text-transform:capitalize;letter-spacing:0;margin-top:auto}
.curated-drops{text-align:left;margin:0 auto;position:relative}
.drops-header{text-align:center; position:relative; margin:0 auto;  width: 100%; margin-bottom: 30px;z-index: 100;}
.drops-title-wrapper {position: sticky;display: inline-block;}
.drops-header { position: sticky; top: 45vh;z-index: -1; }
.curated-drops h2{font-family:Gotham;font-weight:800;font-size: 5vw;color:#000;letter-spacing:1px;margin:0;line-height:1}
.cursive-subtitle{font-family:Caveat;font-size:2vw;color:#333;font-weight:400;position:absolute;bottom:-30px;right:-60px;white-space:nowrap}
.drops-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:100px;width:100%;margin-top:50px;font-family:Gotham}
.drop-item{width:28%;position:relative}
.drop-item:first-child{margin-top:0;margin-left:0}
.drop-item:nth-child(2){margin-top:300px;margin-left:-100px;width:22%}
.drop-item:nth-child(3){margin-top:100px}
.drop-item .img-wrapper{position:relative;width:100%;overflow:hidden;margin-bottom:20px}
.drop-link{display:block;text-decoration:none;cursor:pointer}
.drop-item img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}
.drops-grid.second-row{justify-content:center;gap:60px}
.drops-grid.second-row .drop-item{width:20%;gap:0;margin-top:0!important;margin-left:0!important}
.drops-grid.second-row .drop-item:nth-child(2){width:20%}
.drops-grid.second-row .drop-item:first-child{margin-right:250px}
.drops-grid.third-row .drop-item:nth-child(2){margin-left:150px}
.drops-grid.third-row .drop-item:nth-child(3){margin-top:0}
.drop-item:hover img{transform:scale(1.05)}
.drop-item h3{font-family:Gotham;font-size:1.2rem;font-weight:500;color:#000;text-align:left;margin-top:15px}
.shop-collection-btn{position:absolute;top:0;left:0;background-color:#000;color:#fff;padding:12px 28px;border-radius:50px;font-family:Gotham;font-weight:500;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;z-index:999;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-50%);white-space:nowrap;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:background-color .3s}
.shop-collection-btn:hover{background-color:#333}
.shop-collection-btn .dot{width:8px;height:8px;background-color:gold;border-radius:50%;display:inline-block}
.features-section{position:relative;text-align:left;padding:80px 20px}
.features-title{font-family:Caveat,cursive;font-size: 2rem;font-weight:700;margin-bottom:50px;margin-left:5%;position:relative;display:inline-block}
.features-title .underline-stroke{position:absolute;bottom:-10px;left:0;width:100%;height:3px;background-color:#333;border-radius:50%;transform:rotate(-1deg)}
.features-container{display:flex;justify-content:center;align-items:stretch;max-width:1600px;margin:0 auto;position:relative;overflow:visible}
.feature-col{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:80vh;padding-top:50px}
.feature-col.center{flex:1.5;position:relative;gap:0;padding-top:50px}
.feature-col.tShirt_pin{position:sticky;top:100px;z-index:10;height:max-content;transition: all 1.5s ease-in-out;}
.sticky-img-wrapper{width: 500px;height: 500px;position: relative; margin: auto;}
.sticky-img-wrapper img{width: 100%;height: 100%; object-fit: contain;position: absolute;inset: 0;opacity: 0; transition: all 1.0s ease-in-out;scale: 1.2;}
.tShirt_pin_a .sticky-img-wrapper img:nth-child(1){opacity: 1;}
.tShirt_pin_b .sticky-img-wrapper img:nth-child(2){opacity: 1;}
.tShirt_pin_c .sticky-img-wrapper img:nth-child(3){opacity: 1;}
.tShirt_pin_d .sticky-img-wrapper img:nth-child(4){opacity: 1;}

.feature-center-img{width:100%;max-width:450px;height:auto;display:block;margin:0 auto;mix-blend-mode:multiply}
.feature-card{background-color:transparent;padding:0;box-shadow:none;transform:rotate(-5deg);position:relative;width:450px;height:auto;display:block}
.feature-card img{width:100%;height:auto;border-radius:0;box-shadow:none;background:0 0;padding:0}
.feature-card:nth-child(2n){transform:rotate(5deg)}
.feature-col.left{align-items:flex-end;padding-right:50px;margin-top:0}
.feature-col.right{align-items:flex-start;padding-left:50px;padding-top:0;margin-top:50vh}
.products-grid.custom-collage{margin-top:100px}
.custom-collage .product-card{width:350px!important;margin-right:-150px!important}
.custom-collage .product-card:nth-child(8n+1){z-index:2;transform:translateY(20px)}
.custom-collage .product-card:nth-child(8n+2){z-index:10;transform:translateY(120px) translateX(-50px);width:250px!important}
.custom-collage .product-card:nth-child(8n+3){z-index:1;transform:none;margin-left:-50px}
.custom-collage .product-card:nth-child(8n+4){z-index:12;transform:scale(1) translateY(15px);margin-left:-20px;margin-right:-50px!important}
.custom-collage .product-card:nth-child(8n+5){z-index:1;transform:none;margin-left:-40px;margin-right:-40px}
.custom-collage .product-card:nth-child(8n+6){z-index:2;transform:translateY(20px);margin-left:-20px}
.custom-collage .product-card:nth-child(8n+7){z-index:1;transform:none}
.custom-collage .product-card:nth-child(8n+8){z-index:10;transform:translateY(90px) translateX(-130px);width:250px!important}
.site-footer{background-color:transparent;padding:60px 20px;font-family:Gotham,sans-serif}
.magnetic-button-tooltip{gap:10px;z-index:999;pointer-events:auto;opacity:0;visibility:hidden;transform:translate(-50%,-50%);white-space:nowrap;box-shadow:0 4px 15px rgba(0,0,0,.2)}
.footer-container{background-color:#fff;border-radius:20px;padding:60px 80px;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 5px 15px rgba(0,0,0,.03)}
.footer-left{display:flex;flex-direction:column;gap:30px}
.footer-logo{width:250px;height:auto;margin-bottom:10px;display:block}
.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}
.footer-links a{text-decoration:none;color:#333;font-size:1.2rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}
.footer-links a:hover{color:gold}
.footer-socials{display:flex;gap:15px;margin-top:20px}
.footer-socials{display:flex;gap:15px;margin-top:20px}
.footer-socials a{text-decoration:none;color:#000;transition:transform .3s ease}
.footer-socials a:hover{transform:scale(1.1)}
.footer-socials a i{font-size:24px;color:#000}
.footer-right{display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.footer-headline{font-size:4.5rem;line-height:1.1;font-weight:500;color:#000;text-transform:uppercase;margin:0}
.footer-btn{display:inline-flex;align-items:center;background-color:#000;color:#fff;padding:15px 30px;border-radius:50px;text-decoration:none;font-size:.9rem;font-weight:500;gap:10px;transition:transform .2s ease}
.footer-btn:hover{transform:scale(1.05)}
.footer-btn .dot{width:8px;height:8px;background-color:gold;border-radius:50%}
.footer-btn .arrow-icon{width:16px;height:16px}
@media (max-width:1400px){
.features-container{max-width:100%;padding:0 20px}
.feature-card{width:350px}
.feature-col{gap:60vh}
}
@media (max-width:1200px){
.features-container{max-width:95%}
.feature-card{width:350px}
}
@media (max-width:1024px){
.hot-picks-marker{margin-top:1%}
.hero{text-align:center;padding:0;margin:0}
.hot-picks-marker .handwritten-text{font-size:3rem}
.hero h1{padding-top:5%;font-size:6vw}
.custom-collage .product-card{width:250px!important;margin-right:-50px!important}
.cat-grid{max-width:900px;gap:20px;grid-template-columns:repeat(2,1fr)}
.cat-item{width:100%}
.cat-item img{height:300px}
.curated-drops{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:50px;max-width:100%;margin:0 auto}
.drops-header{grid-column:1/-1;margin-bottom:30px;position:relative;left:auto;transform:none;width:100%;text-align:center ; }
.drops-grid,.drops-grid.second-row,.drops-grid.third-row{display:contents}
.drop-item{width:100%!important;max-width:100%;margin:0!important;text-align:center;position:relative;top:auto;left:auto}
.drop-item:nth-child(n){margin:0!important;width:100%}
.drop-item img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.cursive-subtitle{position:static;display:block;text-align:center;margin-top:-10px}
.custom-collage .product-card{width:180px!important;margin-right:-70px!important}
.custom-collage .product-card:nth-child(8n+1){z-index:2;transform:translateY(13px)}
.custom-collage .product-card:nth-child(8n+2){z-index:10;transform:translateY(50px) translateX(13px);width:130px!important}
.custom-collage .product-card:nth-child(8n+3){z-index:1;transform:none;margin-left:-13px}
.custom-collage .product-card:nth-child(8n+4){z-index:12;transform:scale(1.1) translateY(10px);margin-left:-13px;margin-right:-32px!important}
.custom-collage .product-card:nth-child(8n+5){z-index:1;transform:none;margin-left:-26px;margin-right:-26px}
.custom-collage .product-card:nth-child(8n+6){z-index:2;transform:translateY(13px);margin-left:-13px}
.custom-collage .product-card:nth-child(8n+7){z-index:1;transform:none}
.custom-collage .product-card:nth-child(8n+8){z-index:10;transform:translateY(58px) translateX(-80px);width:130px!important}
.brand-story-content{flex-direction:column;align-items:center;text-align:center;gap:40px}
.brand-illustration.left,.brand-illustration.right{align-self:center;margin:0;width:100%;display:flex;justify-content:center}
.brand-illustration.left{order:-1;margin-bottom:-20px}
.brand-illustration.right{order:1;margin-top:-20px}
.brand-text{order:0;max-width:90%}
.brand-illustration.left img,.brand-illustration.right img{width:150px}
.brand-cta-container{justify-content:center}
.features-container{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;height:auto;padding-top:10px;min-height:500px}
.feature-col{display:contents}
.sticky-img-wrapper{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:250px;max-width:90%;z-index:0;display:block;height:auto;order:unset;margin:0}
.feature-center-img{width:100%;height:auto;display:block}
.feature-card{z-index:1;width:clamp(140px,20vw,180px);max-width:90%;margin:0}
.feature-card.card-1{grid-column:1;grid-row:1;justify-self:start;align-self:start;transform:rotate(-5deg)!important;margin-left:10px!important}
.feature-card.card-3{grid-column:2;grid-row:1;justify-self:end;align-self:start;transform:rotate(5deg)!important;margin-top:10px!important;margin-right:10px!important}
.feature-card.card-2{grid-column:1;grid-row:2;justify-self:center;align-self:end;transform:rotate(-3deg)!important;margin-top:20px!important}
.feature-card.card-4{grid-column:2;grid-row:2;justify-self:end;align-self:end;transform:rotate(3deg)!important;margin-top:80px!important;margin-right:20px!important}
.feature-col.center,.feature-col.left,.feature-col.right{width:auto;flex:none;padding:0;margin:0}
.curated-drops h2 { font-size: 2.5rem;}
}
@media (max-width:992px){
.footer-container{flex-direction:column;padding:40px;align-items:center;text-align:center}
.footer-left{align-items:center;margin-bottom:40px;width:100%}
.footer-links{align-items:center}
.footer-right{align-items:center;width:100%}
.footer-headline{font-size:2.5rem;text-align:center}
}
@media (max-width:768px){
html{overflow-x:hidden}
.notification-bar{font-size:.5rem}
.hero .subtitle{font-size:1rem}
.products-grid.custom-collage{margin-top:150px}
.custom-collage .product-card{width:180px!important;margin-right:-60px!important}
.hot-picks-marker{top:70px;left:50%;transform:translateX(-50%) scale(.8);width:max-content}
.cat-showcase h2{ margin-bottom:30px;-webkit-text-stroke:0.5px #111;font-size:2.5rem}
.cat-grid{gap:15px}
.cat-item img{height:250px;padding:10px}
.cat-item h3{font-size:1rem}
.curated-drops{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding-top:50px;padding-bottom:50px}
.drops-header{grid-column:1/-1;margin-bottom:30px;position:relative; text-align: center; }
.drops-grid{display:contents}
.drops-grid.second-row,.drops-grid.third-row{margin-top:0!important;display:contents}
.drop-item{margin:0!important;width:100%!important;max-width:100%!important}
.drop-item:last-child:nth-child(odd){grid-column:auto;width:100%!important}
.drop-item h3{font-size:.85rem;margin-top:8px}
.drop-item img{height:auto;width:100%;max-height:250px;object-fit:cover}
.cursive-subtitle{margin-top:-5px;font-size:1.5rem}
.brand-text p{font-size:.8rem}
}
@media (max-width:480px){
.primary-btn{font-size:14px}
.feature-card{max-width:100%}
.feature-center-img{max-width:250px}
.primary-btn-wrapper{gap:10px}
.arrow-icon{width:20px;height:20px}
.cat-showcase{padding:60px 20px}
.cat-showcase h2{white-space:nowrap;font-size:6vw}
.cat-grid{gap:30px}
.cat-item{width:100%;max-width:100%}
.cat-item img{height:auto;max-height:300px;width:100%}
.products-grid.custom-collage{margin-top:150px}
.custom-collage .product-card{width:180px!important;margin-right:-90px!important}
.hot-picks-marker{top:50px;left:50%;transform:translateX(-50%) scale(.8);width:max-content}
.site-footer{padding:40px 10px}
.footer-container{padding:30px 20px}
.footer-headline{font-size:1.8rem}
}
@media (max-width:360px){
.primary-btn{padding:10px 20px;font-size:13px}
.custom-collage .product-card{width:130px!important}
}