/* Jaquet Enterprises — inline <style> from the static source, verbatim. */

:root{
  --bg: #f3f1ec;
  --bg-alt: #ece8e0;
  --ink: #111111;
  --muted: #6b6b66;
  --line: #d8d3c8;
  --white: #ffffff;
}

*{ box-sizing:border-box; margin:0; padding:0; }

html{ scroll-behavior:smooth; }

body{
  font-family:'Helvetica Neue', Arial, sans-serif;
  background:var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }

.wrap{
  max-width:1440px;
  margin:0 auto;
  padding:0 48px;
}

section{ padding:100px 0; }

.eyebrow{
  font-size:13px;
  letter-spacing:2px;
  color:var(--muted);
  font-weight:600;
  margin-bottom:18px;
  text-transform:uppercase;
}
.eyebrow b{ color:var(--ink); font-weight:800; }

h1,h2,h3{
  font-weight:800;
  letter-spacing:-1px;
  text-transform:uppercase;
  line-height:1.02;
}

h2{ font-size:clamp(30px,4vw,48px); }
h3{ font-size:20px; letter-spacing:-0.3px; }

p{ line-height:1.6; color:var(--muted); }

/* ---------- NAV ---------- */
nav.site-nav{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap;
  padding:27px 48px; border-bottom:0;
  position:absolute; top:40px; left:0; right:0;
  background:transparent; z-index:50;
}
.logo{ font-size:21px; font-weight:800; letter-spacing:1px; }
.logo::after{ content:""; display:block; width:24px; height:3px; background:var(--ink); margin-top:6px; }

.nav-links{ display:flex; gap:20px; margin-left:auto; margin-right:30px; }
.nav-links a{ font-size:12.5px; letter-spacing:.6px; font-weight:600; }
.nav-links a.active, .nav-links a:hover{ color:#000; border-bottom:2px solid var(--ink); padding-bottom:4px; }

.nav-right{ display:flex; align-items:center; gap:27px; }
.icon-btn{ width:20px; height:20px; cursor:pointer; }
.quote-btn{
  background:var(--ink); color:#fff; border:none;
  padding:13px 20px; font-size:11.5px; font-weight:700; letter-spacing:1px; cursor:pointer;
}
.quote-btn:hover{ opacity:.85; }

@media (max-width:1300px){ .nav-links{ gap:14px; margin-right:18px; } .nav-links a{ font-size:10.5px; } }
.logo{ white-space:nowrap; }
.nav-links a{ white-space:nowrap; }
.quote-btn{ white-space:nowrap; }
@media (max-width:1000px){ }

/* ---------- BUTTONS ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:space-between; gap:26px;
  padding:18px 24px; font-size:12.5px; font-weight:700; letter-spacing:1px; cursor:pointer;
  border:1px solid var(--ink);
}
.btn-primary{ background:var(--ink); color:#fff; }
.btn-primary:hover{ background:#000; }
.btn-outline{ background:transparent; color:var(--ink); }
.btn-outline:hover{ background:var(--ink); color:#fff; }
.btn-small{ padding:12px 18px; font-size:11px; gap:14px; }
.btn-full{ width:100%; justify-content:center; }

/* ---------- HERO ---------- */
.hero{
  display:grid; grid-template-columns:44% 56%; gap:0;
  min-height:100vh; max-width:none; background:var(--bg);
}
.hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:108px 20px 70px 48px;
  position:relative;
  z-index:2;
}
.hero-copy .eyebrow{
  font-size:13px;
  letter-spacing:3px;
  margin-bottom:28px;
  color:#77766f;
}
.hero-copy h1{
  font-size:clamp(58px,6.4vw,94px);
  line-height:.94;
  letter-spacing:-3.8px;
  max-width:650px;
}
.hero-copy .sub{
  margin-top:27px;
  max-width:500px;
  font-size:16px;
  line-height:1.5;
  color:#33332f;
}
.cta-row{ display:flex; gap:22px; margin-top:38px; flex-wrap:wrap; }
.cta-row .btn{ min-width:285px; }
.scroll-note{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:61px;
  font-size:11.5px;
  letter-spacing:2.5px;
  color:#55544f;
  font-weight:600;
}
.scroll-note::before{ content:""; width:2px; height:48px; background:var(--ink); }
.hero-media{
  position:relative; overflow:hidden; min-width:0; min-height:100vh; background:#e9e5dc;
}
.hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
  transform-origin:center 20%;
  animation:heroKenBurns 16s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes heroKenBurns{
  0%{ transform:scale(1) translate(0,0); }
  100%{ transform:scale(1.12) translate(-1.5%,-1%); }
}
@media (prefers-reduced-motion:reduce){
  .hero-media img{ animation:none; }
}
.hero-media::before{content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;width:16%;background:linear-gradient(90deg,var(--bg) 0%,rgba(243,241,236,.45) 45%,rgba(243,241,236,0) 100%);pointer-events:none;}
.hero-media::before{
  content:"";
  position:absolute;
  z-index:1;
  left:0; top:0; bottom:0;
  width:18%;
  background:linear-gradient(90deg,var(--bg) 0%,rgba(243,241,236,.72) 30%,rgba(243,241,236,0) 100%);
  pointer-events:none;
}

@media (max-width:900px){
  .hero{ grid-template-columns:1fr; min-height:auto; height:auto; }
  .hero-copy{ padding:54px 24px 48px; }
  .hero-copy h1{ font-size:clamp(52px,14vw,82px); letter-spacing:-2px; }
  .hero-media{ min-height:520px; }
  .hero-media::before{ width:35%; }
  .wrap{ padding:0 24px; }
  nav.site-nav{ padding:20px 24px; }
  section{ padding:64px 0; }
}

/* ---------- GRID / CARDS ---------- */
.grid{ display:grid; gap:28px; }
.grid-2{ grid-template-columns:repeat(2,1fr); }
.grid-3{ grid-template-columns:repeat(3,1fr); }
.grid-4{ grid-template-columns:repeat(4,1fr); }
.featured-grid{ grid-template-columns:repeat(5,1fr); }
@media(max-width:900px){ .featured-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .featured-grid{ grid-template-columns:1fr; } }

@media (max-width:900px){
  .grid-2,.grid-3,.grid-4{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .grid-2,.grid-3,.grid-4{ grid-template-columns:1fr; }
}

.card{ background:var(--white); border:1px solid var(--line); }
.card-media{
  aspect-ratio:4/5; width:100%;
  background:linear-gradient(160deg,#e6e2d8,#d5cfc2);
  display:flex; align-items:center; justify-content:center;
  color:var(--muted); font-size:11px; letter-spacing:1px; text-align:center; padding:20px;
}
.card-body{ padding:20px; }
.card-body .tag{ font-size:11px; letter-spacing:1px; color:var(--muted); margin-bottom:6px; }
.card-body h3{ margin-bottom:8px; }
.card-body .price{ font-weight:700; margin-top:10px; }

.section-head{
  display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:48px; gap:24px; flex-wrap:wrap;
}
.section-head .link{ font-size:12px; font-weight:700; letter-spacing:1px; border-bottom:1px solid var(--ink); padding-bottom:3px; white-space:nowrap; }

.section-alt{ background:var(--bg-alt); }
.section-dark{ background:var(--ink); color:#fff; }
.section-dark p{ color:#b8b6b0; }
.section-dark .eyebrow{ color:#9a988f; }
.section-dark .eyebrow b{ color:#fff; }

/* ---------- STATS ---------- */
.stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:left; }
.stat .num{ font-size:clamp(36px,4vw,56px); font-weight:800; letter-spacing:-1px; }
.stat .label{ margin-top:8px; font-size:12.5px; letter-spacing:1px; color:var(--muted); text-transform:uppercase; }
@media (max-width:700px){ .stats{ grid-template-columns:repeat(2,1fr); } }

/* ---------- STEPS ---------- */
.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.step .idx{ font-size:13px; font-weight:700; color:var(--muted); margin-bottom:14px; }
@media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .steps{ grid-template-columns:1fr; } }

/* ---------- FORM ---------- */
.form-field{ margin-bottom:20px; }
.form-field label{ display:block; font-size:12px; font-weight:700; letter-spacing:1px; margin-bottom:8px; text-transform:uppercase; }
.form-field input, .form-field select, .form-field textarea{
  width:100%; padding:14px 16px; border:1px solid var(--line); background:#fff; font-size:16px; font-family:inherit; color:var(--ink);
}
.form-field textarea{ min-height:130px; resize:vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus{ outline:2px solid var(--ink); outline-offset:1px; }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
@media (max-width:600px){ .form-row{ grid-template-columns:1fr; } }

/* ---------- TESTIMONIAL ---------- */
.testi-card{ padding:32px; border:1px solid var(--line); background:#fff; }
.testi-card p{ color:var(--ink); font-size:16px; }
.testi-name{ margin-top:20px; font-weight:700; font-size:13px; letter-spacing:.5px; }
.testi-role{ font-size:12px; color:var(--muted); margin-top:2px; }

/* ---------- FOOTER ---------- */
footer{ border-top:1px solid var(--line); padding:64px 0 32px; }
.footer-grid{ display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:32px; }
.footer-grid h4{ font-size:12px; letter-spacing:1px; margin-bottom:18px; text-transform:uppercase; }
.footer-grid a{ display:block; font-size:13px; color:var(--muted); margin-bottom:12px; }
.footer-grid a:hover{ color:var(--ink); }
.footer-bottom{ margin-top:56px; padding-top:24px; border-top:1px solid var(--line); display:flex; justify-content:space-between; font-size:12px; color:var(--muted); flex-wrap:wrap; gap:12px; }
.top-bar{ background:var(--ink); color:#fff; font-size:12px; }
.top-bar-inner{ display:flex; align-items:center; gap:28px; padding:9px 48px; flex-wrap:wrap; }
.top-bar-item{ display:flex; align-items:center; gap:8px; color:#fff; opacity:.9; }
.top-bar-item:hover{ opacity:1; }
.top-bar-item svg{ flex-shrink:0; opacity:.8; }
.top-bar-item b{ font-weight:700; }
.top-bar-item small{ display:block; font-size:9.5px; letter-spacing:.5px; text-transform:uppercase; opacity:.65; margin-top:1px; }
@media (max-width:900px){ .top-bar-item small{ display:none; } .top-bar-inner{ padding:9px 24px; gap:18px; } }
@media (max-width:600px){ .top-bar-item:nth-child(3){ display:none; } }
.social-icons{ display:flex; gap:12px; align-items:center; }
.social-icons a{ color:var(--ink); width:42px; height:42px; border:1.5px solid var(--ink); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; opacity:1; transition:background .15s,color .15s; flex-shrink:0; }
.social-icons a:hover{ background:var(--ink); color:#fff; }
.social-icons svg{ width:18px; height:18px; display:block; }
@media (max-width:900px){ .footer-grid{ grid-template-columns:repeat(2,1fr); } }

/* ---------- BREADCRUMB ---------- */
.breadcrumb{ font-size:12px; color:var(--muted); letter-spacing:.5px; margin-bottom:20px; }
.breadcrumb a{ color:var(--muted); }
.breadcrumb a:hover{ color:var(--ink); }

/* ---------- TABS (account page) ---------- */
.tabs{ display:flex; gap:10px; margin-bottom:40px; flex-wrap:wrap; border-bottom:1px solid var(--line); }
.tab-btn{ padding:14px 4px; margin-right:28px; font-size:12.5px; font-weight:700; letter-spacing:1px; background:none; border:none; cursor:pointer; color:var(--muted); border-bottom:2px solid transparent; text-transform:uppercase; }
.tab-btn.active{ color:var(--ink); border-bottom:2px solid var(--ink); }
.tab-panel{ display:none; }
.tab-panel.active{ display:block; }

/* ---------- TABLE ---------- */
table.data-table{ width:100%; border-collapse:collapse; }
.data-table th, .data-table td{ text-align:left; padding:14px 12px; border-bottom:1px solid var(--line); font-size:13px; }
.data-table th{ font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); }

/* ---------- CART ---------- */

.qty button{ background:none; border:none; font-size:14px; cursor:pointer; width:20px; }

.summary-line{ display:flex; justify-content:space-between; font-size:14px; padding:10px 0; }
.summary-line.total{ font-weight:800; font-size:16px; border-top:1px solid var(--line); margin-top:10px; padding-top:16px; }


.nav-toggle{ display:none; background:none; border:none; cursor:pointer; padding:4px; flex-shrink:0; }
.nav-toggle span{ display:block; width:22px; height:2px; background:var(--ink); margin:5px 0; transition:.2s; }
.nav-toggle.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2){ opacity:0; }
.nav-toggle.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
@media (max-width:1180px){
  .nav-toggle{ display:block !important; }
  .nav-right{ gap:14px; margin-left:auto; }
  .quote-link-desktop{ display:none !important; }
  .nav-links{
    display:flex !important; position:fixed !important; top:0; left:0; right:0; bottom:0;
    background:var(--bg); flex-direction:column; gap:14px; padding:100px 24px 40px;
    transform:translateX(100%); transition:transform .25s ease; z-index:60; overflow-y:auto;
    margin:0;
  }
  .nav-links.open{ transform:translateX(0); }
  .nav-links a{ padding:26px 4px; border-bottom:1px solid var(--line); font-size:17px; }
  .nav-links a.active, .nav-links a:hover{ border-bottom:1px solid var(--line); padding-bottom:26px; }
  .nav-links .mobile-quote{
    display:block; text-align:center; margin-top:28px; padding:18px; border-bottom:none !important;
    background:var(--ink); color:#fff; font-size:12px; font-weight:700; letter-spacing:1px;
  }
}
.mobile-quote{ display:none; }
@media (max-width:400px){
  .icon-btn{ width:18px; height:18px; }
  .logo{ font-size:18px; }
}


.marquee{
  overflow:hidden; white-space:nowrap; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:26px 0; background:var(--bg);
}
.marquee-track{
  display:inline-flex; align-items:center; gap:0; animation:marquee-scroll 28s linear infinite;
  will-change:transform;
}
.marquee-track span{
  display:inline-flex; align-items:baseline; gap:14px; font-size:clamp(22px,3.4vw,34px);
  font-weight:800; letter-spacing:-0.5px; text-transform:uppercase; padding:0 40px;
}
.marquee-track span small{
  font-size:12px; font-weight:600; letter-spacing:1px; color:var(--muted); text-transform:uppercase;
}
.marquee-track span::after{ content:"\2022"; margin-left:40px; color:var(--muted); font-weight:400; }
@keyframes marquee-scroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
.marquee:hover .marquee-track{ animation-play-state:paused; }


/* ---------- PHOTO MEDIA ---------- */
.card-media.photo-media{padding:0;overflow:hidden;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;}
.card-media.photo-media img{width:100%;height:100%;object-fit:cover;display:block;}
.card-media.photo-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.02),rgba(0,0,0,0.12));pointer-events:none;}

.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.workflow-card{background:#fff;border:1px solid var(--line)}.workflow-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.workflow-card>div{padding:18px}.workflow-card span{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--muted)}.workflow-card h3{margin-top:7px}.workflow-card p{font-size:13px;margin-top:8px}.country-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.country-list a{border:1px solid var(--line);padding:9px 12px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:#fff;color:inherit;text-decoration:none;transition:background .15s,color .15s}.country-list a:hover{background:var(--ink);color:#fff}.global-section{background:var(--bg)}.global-photo img{width:100%;aspect-ratio:16/10;object-fit:cover}.sport-links{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sport-links a{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;min-height:105px}.sport-links b{display:block;font-size:15px;text-transform:uppercase}.sport-links span{display:block;margin-top:8px;font-size:12px;color:var(--muted)}.activewear-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.activewear-strip div{background:#fff;border:1px solid var(--line)}.activewear-strip img{width:100%;aspect-ratio:1/1;object-fit:cover}.activewear-strip span{display:block;padding:14px;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.faq-list details{border-top:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";font-size:20px;font-weight:400;flex-shrink:0;text-transform:none}.faq-list details[open] summary::after{content:"\2212"}.faq-list p{font-size:13px;margin-top:12px;max-width:560px}.blog-section{background:var(--bg)}.blog-card{background:#fff;border:1px solid var(--line)}.blog-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.blog-card>div{padding:20px}.blog-card span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}.blog-card h3{margin-top:8px}.blog-card p{font-size:13px;margin-top:8px}@media(max-width:900px){.workflow-grid{grid-template-columns:repeat(2,1fr)}.sport-links{grid-template-columns:repeat(2,1fr)}.activewear-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.workflow-grid,.sport-links,.activewear-strip{grid-template-columns:1fr}}
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
.reveal.is-visible{ opacity:1; transform:translateY(0); }
.reveal-stagger > *{ opacity:0; transform:translateY(24px); transition:opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1); }
.reveal-stagger.is-visible > *{ opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(1){ transition-delay:.05s; }
.reveal-stagger.is-visible > *:nth-child(2){ transition-delay:.12s; }
.reveal-stagger.is-visible > *:nth-child(3){ transition-delay:.19s; }
.reveal-stagger.is-visible > *:nth-child(4){ transition-delay:.26s; }
@media (prefers-reduced-motion: reduce){
  .reveal, .reveal-stagger > *{ opacity:1; transform:none; transition:none; }
}
.hero{ position:relative; z-index:1; }
.scroll-note{ position:relative; z-index:1; }