/* Site-wide adjustments layered on top of the main stylesheet. */

/* Announcement bar: a touch larger on every screen size. */
:root{--ann-h:46px}
.ar-announce__offer{font-size:24px}
.ar-announce__scope,.ar-announce__cta{font-size:12.5px}
@media (max-width: 480px){
:root{--ann-h:42px}
.ar-announce__offer{font-size:21px}
.ar-announce__scope,.ar-announce__cta{font-size:11px}
}
@media (max-width: 360px){
.ar-announce{gap:10px;padding:0 12px}
.ar-announce__offer{font-size:19px}
.ar-announce__scope,.ar-announce__cta{font-size:10px;letter-spacing:.2em}
.ar-announce__cta{padding-left:10px}
}

/* Announcement bar: free shipping sits in the small text after the divider; 25% OFF stays the headline. */
.ar-announce__ship{text-decoration:none}
.ar-announce__ship-short{display:none}
@media (max-width: 480px){
.ar-announce__ship-full{display:none}
.ar-announce__ship-short{display:inline}
}

/* Product page: free shipping reminder under Add to cart. */
.ar-pdp-ship{font-size:13px;color:var(--linen);letter-spacing:.04em;margin-top:16px}
.ar-pdp-ship+.ar-pdp-note{margin-top:6px}

/* Home hero: clicking anywhere on the photo goes to the shop; the headline and buttons stay on top. */
.ar-hero__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}
.ar-hero__content{pointer-events:none}
.ar-hero__content a,.ar-hero__content button{pointer-events:auto}

/* Brand story sections (home, The Rule, Fellowship). */
.ar-hero__tag--wide{max-width:34ch;line-height:1.45}
.ar-center-block{margin-left:auto;margin-right:auto}
.ar-verse--wide{max-width:30ch}
.ar-verse--lead{margin-top:28px;font-size:clamp(24px,2.8vw,36px);max-width:none;color:var(--parchment)}
.ar-call{font-family:var(--font-display);font-size:clamp(40px,6vw,88px);line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--parchment);margin:clamp(56px,7vw,104px) auto clamp(40px,5vw,64px)}
.ar-call strong{font-weight:400;color:var(--stone)}
.ar-pillars--3{grid-template-columns:repeat(3,1fr)}
.ar-pillars--3 .ar-pillar__num{letter-spacing:.36em;text-transform:uppercase;color:var(--stone);margin-bottom:28px}
.ar-pillar__q{margin-top:22px;font-family:var(--font-serif);font-style:italic;font-size:17px;line-height:1.5;color:var(--linen)}
@media (max-width: 1100px){.ar-pillars--3{grid-template-columns:1fr}}
.ar-rule-pull{font-size:clamp(22px,2.6vw,30px);margin-top:56px}
.ar-not{list-style:none;padding:0;margin:28px 0 36px;border-top:1px solid var(--slate)}
.ar-not li{padding:18px 0;border-bottom:1px solid var(--slate);font-size:clamp(16px,1.4vw,19px);color:var(--linen)}
.ar-creed{max-width:30ch;margin:40px auto 0;font-family:var(--font-serif);font-style:italic;font-size:clamp(20px,2.2vw,28px);line-height:1.6;color:var(--linen)}
.ar-creed p+p{margin-top:1.4em}
.ar-creed strong{font-weight:400;color:var(--stone)}
.ar-signature{font-family:var(--font-display);font-size:clamp(40px,6vw,88px);line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--parchment);margin-top:clamp(64px,8vw,112px)}
.ar-signature strong{font-weight:400;color:var(--stone)}
.ar-pledge--4{grid-template-columns:repeat(4,1fr)}
@media (max-width: 1000px){.ar-pledge--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 800px){.ar-pledge--4{grid-template-columns:1fr}}
.ar-pledge .ar-pledge__num{text-transform:uppercase}
.ar-btn-row{display:flex;flex-wrap:wrap;gap:20px}

/* Home: keep hero content clear of the fixed nav, and keep sections short. */
.ar-hero{padding-top:calc(var(--nav-h) + 48px)}
.ar-section--tight{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
.ar-mb-md{margin-bottom:clamp(32px,4vw,56px)}
.ar-mt-md{margin-top:clamp(32px,4vw,56px)}
.ar-summary{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,96px)}
.ar-summary .ar-h3{font-size:clamp(34px,4vw,56px);margin:18px 0 20px}
.ar-summary p{max-width:44ch;line-height:1.8;margin-bottom:32px}
@media (max-width: 800px){.ar-summary{grid-template-columns:1fr}}

/* The Rule hero: frame the runner so the cross on the hoodie sits above the headline. */
.ar-page-hero--rule .ar-page-hero__img{object-position:center 36%}

/* Footer: social media icons under the tagline. */
.ar-footer .ar-footer__social{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}
.ar-footer .ar-footer__social li{margin:0}
.ar-footer .ar-footer__social a{display:inline-flex;align-items:center;justify-content:center;color:var(--linen);transition:color .3s ease}
.ar-footer .ar-footer__social a:hover,.ar-footer .ar-footer__social a:focus-visible{color:var(--stone)}
.ar-footer__social svg{display:block}