*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;letter-spacing:2px}.bar{text-align:center;padding:9px;font-size:10px;background:#111}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;top:28px;width:100%;z-index:3}.brand{font-weight:800;letter-spacing:5px;color:white;text-decoration:none}nav{display:flex;gap:38px}nav a{color:#fff;text-decoration:none;font-size:11px}.hero{min-height:720px;background:radial-gradient(circle at 70% 40%,#303030 0,#141414 30%,#050505 70%);display:flex;align-items:center;padding:120px 9% 60px}.hero-copy{max-width:590px}.mark,.big-mark{font-family:Georgia,serif;font-size:110px;font-weight:bold;line-height:1}.wide{font-size:28px;letter-spacing:12px}.hero h1{font-size:44px;margin:35px 0 5px}.hero h2{font-size:18px}.hero p{font-size:12px}.button,.outline{display:inline-block;margin:28px 0;padding:17px 28px;background:white;color:#111;text-decoration:none;font-size:11px;font-weight:bold}.hero small{display:block;margin-top:35px;line-height:1.7}.section{padding:65px 5%}.heading{display:flex;justify-content:space-between;align-items:center}.heading h2{font-size:24px}.heading span{font-size:10px}.products{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product{height:460px;background:linear-gradient(145deg,#171717,#252525);display:flex;align-items:center;justify-content:center}.hoodie{clip-path:polygon(14% 0,86% 0,100% 18%,90% 35%,90% 100%,10% 100%,10% 35%,0 18%)}.pants{clip-path:polygon(25% 0,75% 0,82% 100%,55% 100%,50% 45%,45% 100%,18% 100%)}.mini-mark{font-family:Georgia,serif;font-size:60px}.products h3{font-size:13px;margin-bottom:5px}.products h3 b{float:right}.products p{font-size:12px;margin-top:0}.story{min-height:420px;padding:70px 5%;display:grid;grid-template-columns:1.2fr 1fr .6fr;align-items:center;background:linear-gradient(120deg,#090909,#1c1c1c)}.story h2,.lifestyle h2{font-size:36px;letter-spacing:7px}.story p{font-size:12px;line-height:1.8}.outline{background:transparent;color:white;border:1px solid #ddd}.big-mark{text-align:center;font-size:170px}.story aside{font-size:12px;line-height:2;border-left:1px solid white;padding-left:25px}.details{padding:25px 5% 65px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.details>div{height:200px;background:#141414;display:flex;align-items:center;justify-content:center;flex-direction:column}.details p{font-size:10px}.cords{background:repeating-linear-gradient(85deg,#111 0 35px,#222 36px 45px)!important}.label{padding:12px 18px;background:#050505;font-size:15px!important}.lifestyle{min-height:420px;padding:65px 5%;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,5,5,.95),rgba(5,5,5,.25)),linear-gradient(#777,#222)}.lifestyle p{font-size:11px;line-height:2}footer{text-align:center;padding:55px 5% 25px;border-top:1px solid #222}footer h3{font-size:13px}footer>p{font-size:10px}form{display:flex;max-width:520px;margin:25px auto 55px}input{flex:1;background:#080808;border:1px solid #666;padding:16px;color:white}button{border:0;padding:0 28px;font-weight:bold}.footer-row,.copyright{border-top:1px solid #222;padding:30px 0;display:flex;justify-content:space-between;text-align:left;font-size:10px}.copyright{padding-bottom:0;color:#888}.copyright span{float:right}@media(max-width:700px){nav{gap:14px}nav a{font-size:8px}.hero{min-height:650px;padding-left:7%}.wide{font-size:20px;letter-spacing:7px}.hero h1{font-size:36px}.products{grid-template-columns:1fr}.product{height:360px}.story{grid-template-columns:1fr}.big-mark{font-size:100px;text-align:left}.story aside{margin-top:25px}.details{grid-template-columns:1fr}.lifestyle{min-height:360px}.footer-row{gap:20px;flex-direction:column}.copyright{gap:15px;flex-direction:column}form{max-width:100%}}

/* Official SOLEJUNKY brand assets */
.sj-header{display:flex;justify-content:center;align-items:center;padding:22px 24px;background:#0a0a0a}
.sj-brand{display:flex;align-items:center;gap:14px;line-height:0}
.sj-mark{width:58px;height:58px;object-fit:contain;display:block}
.sj-wordmark{width:210px;max-width:48vw;height:auto;object-fit:contain;display:block}
@media (max-width:600px){
  .sj-header{padding:16px}
  .sj-brand{gap:10px}
  .sj-mark{width:46px;height:46px}
  .sj-wordmark{width:165px;max-width:55vw}
}

/* v5: use the real uploaded SOLEJUNKY artwork everywhere */
.hero-logo{width:125px;height:auto;display:block;margin-bottom:16px;object-fit:contain}
.hero-wordmark{width:360px;max-width:78vw;height:auto;display:block;object-fit:contain;margin:4px 0 24px}
.story-logo{width:180px;max-width:75%;height:auto;display:block;margin:auto;object-fit:contain}
.mini-logo{width:82px;height:auto;display:block;object-fit:contain}
@media(max-width:700px){
  .hero-logo{width:105px}
  .hero-wordmark{width:300px;max-width:86vw}
  .story-logo{width:120px;margin:20px 0}
  .mini-logo{width:66px}
}

html{scroll-behavior:smooth}
.sj-info-section{background:#0b0b0b;color:#f4f2eb;padding:120px 7vw;border-top:1px solid rgba(255,255,255,.12)}
.sj-info-inner{max-width:850px;margin:0 auto}
.sj-kicker{font-size:12px;letter-spacing:.32em;font-weight:700;margin:0 0 28px;opacity:.72}
.sj-info-section h2{font-size:clamp(38px,6vw,78px);line-height:.98;letter-spacing:-.035em;margin:0 0 34px;font-weight:800}
.sj-info-section p{max-width:680px;font-size:16px;line-height:1.8;letter-spacing:.03em;color:#c9c7c1}
.sj-signoff{margin-top:38px!important;font-size:12px!important;letter-spacing:.22em!important;font-weight:700;color:#fff!important}
.sj-contact-section{padding-bottom:150px}
.sj-contact-link{display:inline-block;margin-top:22px;color:#f4f2eb;text-decoration:none;border-bottom:1px solid #f4f2eb;padding-bottom:5px;font-size:14px;font-weight:700;letter-spacing:.13em}
.sj-contact-link:hover{opacity:.65}
@media(max-width:700px){
 .sj-info-section{padding:82px 24px}
 .sj-info-section h2{font-size:42px}
 .sj-info-section p{font-size:15px}
 .sj-contact-link{font-size:12px;letter-spacing:.08em}
}

/* Contact alignment fix */
.sj-contact-section .sj-info-inner{text-align:center}
.sj-contact-section .sj-info-inner>p{margin-left:auto;margin-right:auto}
.sj-contact-section h2{display:block;width:100%;text-align:center;line-height:.88;letter-spacing:-.045em}
.sj-contact-section .sj-kicker{text-align:center}
.sj-contact-section .copyright{text-align:left}
@media(max-width:700px){.sj-contact-section h2{line-height:.92}}

/* v7.2: align CONTACT kicker to the exact visual center of the headline */
.sj-contact-section .sj-kicker{
  width:max-content;
  margin:0 auto 34px;
  padding:0;
  text-align:center;
  transform:none;
}
.sj-contact-section h2{
  width:max-content;
  max-width:100%;
  margin:0 auto 34px;
  text-align:center;
}
@media(max-width:700px){
  .sj-contact-section .sj-kicker{margin-bottom:28px}
}


/* v7.3: contact pyramid + quality tagline */
.sj-contact-pyramid{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  margin:0 auto 12px;
  color:#c9c7c1;
  font-size:16px;
  line-height:1.45;
  letter-spacing:.03em;
  font-weight:600;
  text-align:center;
}
.sj-contact-pyramid span{display:block;white-space:nowrap}
.sj-contact-pyramid span:nth-child(1){font-size:1em}
.sj-contact-pyramid span:nth-child(2){font-size:.94em}
.sj-contact-pyramid span:nth-child(3){font-size:.88em}
@media(max-width:700px){
 .sj-contact-pyramid{font-size:14px;gap:6px}
 .sj-contact-pyramid span{white-space:normal}
}

/* v7.4-fixed — ONLY About header alignment changed */
#about .sj-info-inner > .sj-kicker{
  width:max-content;
  max-width:100%;
  margin:0 auto 34px;
  padding:0;
  text-align:center;
}
#about .sj-about-headline{
  width:max-content;
  max-width:100%;
  margin:0 auto 34px;
  text-align:center;
  line-height:.88;
  letter-spacing:-.045em;
}
#about .sj-about-headline span{
  display:block;
}
@media(max-width:700px){
  #about .sj-info-inner > .sj-kicker{margin-bottom:28px}
  #about .sj-about-headline{line-height:.92}
}


/* v7.6 FINAL — About composition based on supplied mock-up */
#about .sj-about-story{
  width:min(100%, 980px);
  margin:0 auto;
  text-align:center;
}
#about .sj-about-story p{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#about .sj-about-story p:nth-child(1){max-width:760px;}
#about .sj-about-story p:nth-child(2){max-width:800px;}
#about .sj-about-story p:nth-child(3){max-width:860px;}
#about .sj-about-story p:nth-child(4){max-width:560px;}
#about .sj-about-story p:nth-child(5){max-width:900px;}
#about .sj-about-story p:nth-child(6){max-width:620px;}
#about .sj-about-story .sj-signoff{
  max-width:520px;
  margin-top:34px;
}
@media(max-width:700px){
  #about .sj-about-story{
    width:100%;
  }
  #about .sj-about-story br{
    display:none;
  }
}