/* Full-bleed campaign direction, based on the supplied fashion reference. */
.announcement{height:32px;background:var(--ink);font-size:9px;padding-block:0;position:relative;z-index:25}
.header{position:fixed;top:32px;left:0;right:0;height:88px;background:transparent;color:#fff;border-bottom:1px solid transparent;transition:background .2s,top .2s;height:88px}
.header.is-scrolled,.header:has(+.mobile-nav:not([hidden])){top:0;background:var(--ink);border-bottom-color:#ffffff24}
.header nav{gap:28px;font-size:10px}.header nav a:hover{color:#fff;text-decoration:underline}
.header .bag-button span{color:#fff}.header .wordmark{font-size:24px}.header .brand-dot{font-size:11px}
.campaign-hero{height:calc(100svh - 32px);min-height:660px;max-height:1150px;position:relative;isolation:isolate;display:grid;place-items:center;background:#777873;color:#fff;overflow:hidden}
.campaign-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-3}
.campaign-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.16) 24%,rgba(0,0,0,.19) 60%,rgba(0,0,0,.35))}
.campaign-copy{padding:110px 20px 75px;text-align:center;max-width:650px;width:100%}
.campaign-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:25px;font-weight:600;text-shadow:0 1px 10px #0005}
.campaign-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(56px,6.1vw,96px);font-weight:400;letter-spacing:-.065em;line-height:.92;text-shadow:0 2px 20px #0001}
.campaign-offer{margin:28px 0 20px;font-size:11px;font-weight:600;letter-spacing:.7px;text-shadow:0 1px 8px #0007}
.campaign-offer strong{font-weight:700}.campaign-cta{background:#fff;color:var(--ink);min-width:220px;justify-content:space-between;font-size:10px;border-color:#fff;min-height:48px;padding:17px 22px}
.campaign-cta:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.campaign-bottom{position:absolute;bottom:25px;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;letter-spacing:1px;text-shadow:0 1px 5px #0008}
.campaign-bottom a{display:flex;align-items:center;gap:16px;padding:12px 0}.campaign-bottom a>span{font-size:21px}
.campaign-bottom>span{margin-right:130px}
.social-section{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:65px 4%;border-bottom:1px solid var(--line)}
.social-section h2{font-size:clamp(32px,3.5vw,52px);line-height:1.1;margin:16px 0}.social-section p{font-size:12px;line-height:1.7;color:var(--muted)}
.social-links{display:flex;flex-direction:column}.social-links a{display:flex;align-items:center;gap:18px;min-height:58px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1px;font-weight:700}
.social-links a:first-child{border-top:1px solid var(--line)}.social-links a>span:last-child{margin-left:auto;font-size:18px}.social-links a:hover{color:var(--red)}.social-links svg{width:20px;height:20px;flex-shrink:0}
.mobile-socials{display:flex;gap:24px;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.mobile-nav .mobile-socials a{font-size:10px}
@media(min-width:1700px){.campaign-photo{object-position:center 30%}.campaign-copy h1{font-size:106px}}
@media(max-width:1000px){.header nav{gap:20px}.campaign-copy h1{font-size:76px}.campaign-eyebrow{font-size:8px}.campaign-bottom{font-size:7px}.social-section{gap:35px}}
@media(max-width:760px){
  .announcement{font-size:8px;height:30px}.header{top:30px;height:76px}.header .wordmark{font-size:22px}.header.is-scrolled{height:76px}
  .mobile-nav{top:76px}.campaign-hero{height:calc(100svh - 30px);min-height:690px;max-height:1000px}
  .campaign-photo{object-position:9% center}.campaign-shade{background:linear-gradient(180deg,#0003 0%,#0000 24%,#0002 44%,#0009 100%)}
  .campaign-copy{align-self:end;padding:0 20px 100px;max-width:100%}.campaign-copy h1{font-size:clamp(46px,11.8vw,76px);line-height:.95;letter-spacing:-.055em}
  .campaign-copy h1 br:nth-of-type(1),.campaign-copy h1 br:nth-of-type(3){display:none}
  .campaign-eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:16px}.campaign-offer{font-size:9px;margin:22px 0 17px;letter-spacing:.3px}
  .campaign-cta{min-width:210px;min-height:46px;padding:16px 20px;font-size:9px}.campaign-bottom{bottom:18px;left:5%;right:5%;justify-content:center}.campaign-bottom>span{display:none}
  .social-section{grid-template-columns:1fr;gap:28px;padding:45px 5%}.social-section h2{font-size:38px}.social-section p{font-size:11px}.social-links a{font-size:10px;min-height:56px}
}
@media(max-width:380px){.campaign-copy h1{font-size:11.6vw}.campaign-hero{min-height:650px}.campaign-copy{padding-bottom:95px}.social-section h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}