#fw-section-custom-html-774f17fe-80f8-4860-9cad-3958e319e284 {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}

#fw-section-custom-html-13661f39-bc91-47d8-aa77-60c210c6fdfa {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}

















#fw-section-custom-html-6f6f2998-50e4-413c-944b-80f2d0bbb886 {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}











#fw-section-featured-collection-0 {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* ============================================================
   UNAFRAID — NATIVE SECTION HARMONISER
   Site design / Style / Edit Code. Raw CSS, no tags.
   Makes Fourthwall's built-in tiles match the custom sections:
   square corners, hairline borders, no drop shadows.
   Every block is independently deletable.
   ============================================================ */
:root{
  --ua-bone:#F4F2EF;
  --ua-paper:#FFFFFF;
  --ua-ink:#141414;
  --ua-ash:#6E6A66;
  --ua-line:rgba(20,20,20,.14);
  --ua-red:#D12420;
  --ua-display:"Base 02","Anton","Arial Narrow",Impact,sans-serif;
  --ua-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ua-ease:cubic-bezier(.22,.61,.36,1);
}

/* --- 1. KILL ROUNDED CORNERS ------------------------------
   The single loudest mismatch. Theme pills and rounded cards
   sat next to square custom sections.                        */
.fw-section .button,
.fw-section img,
.post-tile__container,.post-tile__image,.post-tile__image-container,
.video-tile,.video-tile__image,.video-tile__image-container,
.instagram-feed__post,.instagram-feed__image,
.newsletter-form__input,.newsletter-form__button{
  border-radius:0;
}

/* --- 2. FLAT DEPTH, NOT FLOATING CARDS -------------------- */
.post-tile__container,.video-tile,.instagram-feed__post{
  box-shadow:none;
  border:1px solid var(--ua-line);
  background:var(--ua-paper);
  transition:border-color .2s var(--ua-ease);
}
.post-tile__container:hover,.video-tile:hover,.instagram-feed__post:hover{
  border-color:rgba(209,36,32,.5);
}

/* --- 3. SECTION HEADINGS ---------------------------------
   Red rule above each heading, echoing the custom sections.  */
.section-header__heading,.newsletter__heading{
  font-family:var(--ua-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.04;
  color:var(--ua-ink);
}
.section-header__heading::before,.newsletter__heading::before{
  content:"";
  display:block;
  width:44px;
  height:2px;
  background:var(--ua-red);
  margin-bottom:15px;
}

/* --- 4. BUTTONS ------------------------------------------- */
.fw-section .button{
  font-family:var(--ua-mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  transition:background .18s var(--ua-ease),color .18s var(--ua-ease),
             border-color .18s var(--ua-ease);
}
.fw-section .button--primary{
  background:var(--ua-ink);
  border-color:var(--ua-ink);
  color:var(--ua-bone);
}
.fw-section .button--primary:hover{
  background:var(--ua-red);
  border-color:var(--ua-red);
  color:#fff;
}
.fw-section .button--secondary{
  background:transparent;
  border-color:var(--ua-line);
  color:var(--ua-ink);
}
.fw-section .button--secondary:hover{
  background:var(--ua-ink);
  border-color:var(--ua-ink);
  color:var(--ua-bone);
}

/* --- 5. TILE TYPE ----------------------------------------- */
.post-tile__title-post,.video-tile__title{
  font-family:var(--ua-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.1;
  color:var(--ua-ink);
}
.post-tile__header,.post-tile__count,.video-tile__caption{
  font-family:var(--ua-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--ua-ash);
}

/* --- 6. IMAGE LIFT ON HOVER ------------------------------- */
.post-tile__image-container,.video-tile__image-container,.instagram-feed__post{
  overflow:hidden;
}
.post-tile__image,.video-tile__image,.instagram-feed__image{
  transition:transform .55s var(--ua-ease);
}
.post-tile__container:hover .post-tile__image,
.video-tile:hover .video-tile__image,
.instagram-feed__post:hover .instagram-feed__image{
  transform:scale(1.04);
}

/* --- 7. NEWSLETTER ---------------------------------------- */
.newsletter-form__input{
  border:1px solid var(--ua-line);
  font-family:var(--ua-mono);
  font-size:12px;
  letter-spacing:.06em;
}
.newsletter-form__input:focus{
  border-color:var(--ua-ink);
  outline:2px solid var(--ua-red);
  outline-offset:2px;
}

/* --- 8. ALTERNATING BANDS --------------------------------
   Gives the stack rhythm instead of one flat white run.
   Delete this block if you would rather keep it uniform.     */
#fw-section-featured-collection-0,
[id^="fw-section-instagram-feed"]{
  background:var(--ua-bone);
}

/* --- 9. MOTION SAFETY ------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .post-tile__image,.video-tile__image,.instagram-feed__image,
  .post-tile__container,.video-tile,.instagram-feed__post,.fw-section .button{
    transition:none!important;transform:none!important;
  }
}
}
#fw-section-recent-posts-f633078b-7c33-46a4-879c-f9ae34a892ad {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* ============================================================
   UNAFRAID — NATIVE SECTION HARMONISER
   Site design / Style / Edit Code. Raw CSS, no tags.
   Makes Fourthwall's built-in tiles match the custom sections:
   square corners, hairline borders, no drop shadows.
   Every block is independently deletable.
   ============================================================ */
:root{
  --ua-bone:#F4F2EF;
  --ua-paper:#FFFFFF;
  --ua-ink:#141414;
  --ua-ash:#6E6A66;
  --ua-line:rgba(20,20,20,.14);
  --ua-red:#D12420;
  --ua-display:"Base 02","Anton","Arial Narrow",Impact,sans-serif;
  --ua-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ua-ease:cubic-bezier(.22,.61,.36,1);
}

/* --- 1. KILL ROUNDED CORNERS ------------------------------
   The single loudest mismatch. Theme pills and rounded cards
   sat next to square custom sections.                        */
.fw-section .button,
.fw-section img,
.post-tile__container,.post-tile__image,.post-tile__image-container,
.video-tile,.video-tile__image,.video-tile__image-container,
.instagram-feed__post,.instagram-feed__image,
.newsletter-form__input,.newsletter-form__button{
  border-radius:0;
}

/* --- 2. FLAT DEPTH, NOT FLOATING CARDS -------------------- */
.post-tile__container,.video-tile,.instagram-feed__post{
  box-shadow:none;
  border:1px solid var(--ua-line);
  background:var(--ua-paper);
  transition:border-color .2s var(--ua-ease);
}
.post-tile__container:hover,.video-tile:hover,.instagram-feed__post:hover{
  border-color:rgba(209,36,32,.5);
}

/* --- 3. SECTION HEADINGS ---------------------------------
   Red rule above each heading, echoing the custom sections.  */
.section-header__heading,.newsletter__heading{
  font-family:var(--ua-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.04;
  color:var(--ua-ink);
}
.section-header__heading::before,.newsletter__heading::before{
  content:"";
  display:block;
  width:44px;
  height:2px;
  background:var(--ua-red);
  margin-bottom:15px;
}

/* --- 4. BUTTONS ------------------------------------------- */
.fw-section .button{
  font-family:var(--ua-mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  transition:background .18s var(--ua-ease),color .18s var(--ua-ease),
             border-color .18s var(--ua-ease);
}
.fw-section .button--primary{
  background:var(--ua-ink);
  border-color:var(--ua-ink);
  color:var(--ua-bone);
}
.fw-section .button--primary:hover{
  background:var(--ua-red);
  border-color:var(--ua-red);
  color:#fff;
}
.fw-section .button--secondary{
  background:transparent;
  border-color:var(--ua-line);
  color:var(--ua-ink);
}
.fw-section .button--secondary:hover{
  background:var(--ua-ink);
  border-color:var(--ua-ink);
  color:var(--ua-bone);
}

/* --- 5. TILE TYPE ----------------------------------------- */
.post-tile__title-post,.video-tile__title{
  font-family:var(--ua-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.1;
  color:var(--ua-ink);
}
.post-tile__header,.post-tile__count,.video-tile__caption{
  font-family:var(--ua-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--ua-ash);
}

/* --- 6. IMAGE LIFT ON HOVER ------------------------------- */
.post-tile__image-container,.video-tile__image-container,.instagram-feed__post{
  overflow:hidden;
}
.post-tile__image,.video-tile__image,.instagram-feed__image{
  transition:transform .55s var(--ua-ease);
}
.post-tile__container:hover .post-tile__image,
.video-tile:hover .video-tile__image,
.instagram-feed__post:hover .instagram-feed__image{
  transform:scale(1.04);
}

/* --- 7. NEWSLETTER ---------------------------------------- */
.newsletter-form__input{
  border:1px solid var(--ua-line);
  font-family:var(--ua-mono);
  font-size:12px;
  letter-spacing:.06em;
}
.newsletter-form__input:focus{
  border-color:var(--ua-ink);
  outline:2px solid var(--ua-red);
  outline-offset:2px;
}

/* --- 8. ALTERNATING BANDS --------------------------------
   Gives the stack rhythm instead of one flat white run.
   Delete this block if you would rather keep it uniform.     */
#fw-section-featured-collection-0,
[id^="fw-section-instagram-feed"]{
  background:var(--ua-bone);
}

/* --- 9. MOTION SAFETY ------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .post-tile__image,.video-tile__image,.instagram-feed__image,
  .post-tile__container,.video-tile,.instagram-feed__post,.fw-section .button{
    transition:none!important;transform:none!important;
  }
}
}
#fw-section-custom-html-46082a1a-4e09-4112-9fc9-3f51f9a5771e {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-recent-videos-4f3a21a0-8c16-4877-872c-1f9fcb90d95e {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* ============================================================
   UNAFRAID — NATIVE SECTION HARMONISER
   Site design / Style / Edit Code. Raw CSS, no tags.
   Makes Fourthwall's built-in tiles match the custom sections:
   square corners, hairline borders, no drop shadows.
   Every block is independently deletable.
   ============================================================ */
:root{
  --ua-bone:#F4F2EF;
  --ua-paper:#FFFFFF;
  --ua-ink:#141414;
  --ua-ash:#6E6A66;
  --ua-line:rgba(20,20,20,.14);
  --ua-red:#D12420;
  --ua-display:"Base 02","Anton","Arial Narrow",Impact,sans-serif;
  --ua-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ua-ease:cubic-bezier(.22,.61,.36,1);
}

/* --- 1. KILL ROUNDED CORNERS ------------------------------
   The single loudest mismatch. Theme pills and rounded cards
   sat next to square custom sections.                        */
.fw-section .button,
.fw-section img,
.post-tile__container,.post-tile__image,.post-tile__image-container,
.video-tile,.video-tile__image,.video-tile__image-container,
.instagram-feed__post,.instagram-feed__image,
.newsletter-form__input,.newsletter-form__button{
  border-radius:0;
}

/* --- 2. FLAT DEPTH, NOT FLOATING CARDS -------------------- */
.post-tile__container,.video-tile,.instagram-feed__post{
  box-shadow:none;
  border:1px solid var(--ua-line);
  background:var(--ua-paper);
  transition:border-color .2s var(--ua-ease);
}
.post-tile__container:hover,.video-tile:hover,.instagram-feed__post:hover{
  border-color:rgba(209,36,32,.5);
}

/* --- 3. SECTION HEADINGS ---------------------------------
   Red rule above each heading, echoing the custom sections.  */
.section-header__heading,.newsletter__heading{
  font-family:var(--ua-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.04;
  color:var(--ua-ink);
}
.section-header__heading::before,.newsletter__heading::before{
  content:"";
  display:block;
  width:44px;
  height:2px;
  background:var(--ua-red);
  margin-bottom:15px;
}

/* --- 4. BUTTONS ------------------------------------------- */
.fw-section .button{
  font-family:var(--ua-mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  transition:background .18s var(--ua-ease),color .18s var(--ua-ease),
             border-color .18s var(--ua-ease);
}
.fw-section .button--primary{
  background:var(--ua-ink);
  border-color:var(--ua-ink);
  color:var(--ua-bone);
}
.fw-section .button--primary:hover{
  background:var(--ua-red);
  border-color:var(--ua-red);
  color:#fff;
}
.fw-section .button--secondary{
  background:transparent;
  border-color:var(--ua-line);
  color:var(--ua-ink);
}
.fw-section .button--secondary:hover{
  background:var(--ua-ink);
  border-color:var(--ua-ink);
  color:var(--ua-bone);
}

/* --- 5. TILE TYPE ----------------------------------------- */
.post-tile__title-post,.video-tile__title{
  font-family:var(--ua-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.1;
  color:var(--ua-ink);
}
.post-tile__header,.post-tile__count,.video-tile__caption{
  font-family:var(--ua-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--ua-ash);
}

/* --- 6. IMAGE LIFT ON HOVER ------------------------------- */
.post-tile__image-container,.video-tile__image-container,.instagram-feed__post{
  overflow:hidden;
}
.post-tile__image,.video-tile__image,.instagram-feed__image{
  transition:transform .55s var(--ua-ease);
}
.post-tile__container:hover .post-tile__image,
.video-tile:hover .video-tile__image,
.instagram-feed__post:hover .instagram-feed__image{
  transform:scale(1.04);
}

/* --- 7. NEWSLETTER ---------------------------------------- */
.newsletter-form__input{
  border:1px solid var(--ua-line);
  font-family:var(--ua-mono);
  font-size:12px;
  letter-spacing:.06em;
}
.newsletter-form__input:focus{
  border-color:var(--ua-ink);
  outline:2px solid var(--ua-red);
  outline-offset:2px;
}

/* --- 8. ALTERNATING BANDS --------------------------------
   Gives the stack rhythm instead of one flat white run.
   Delete this block if you would rather keep it uniform.     */
#fw-section-featured-collection-0,
[id^="fw-section-instagram-feed"]{
  background:var(--ua-bone);
}

/* --- 9. MOTION SAFETY ------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .post-tile__image,.video-tile__image,.instagram-feed__image,
  .post-tile__container,.video-tile,.instagram-feed__post,.fw-section .button{
    transition:none!important;transform:none!important;
  }
}
}
#fw-section-instagram-feed-757c6f32-1a4c-455d-8d20-c1e2486cf324 {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* ============================================================
   UNAFRAID — NATIVE SECTION HARMONISER
   Site design / Style / Edit Code. Raw CSS, no tags.
   Makes Fourthwall's built-in tiles match the custom sections:
   square corners, hairline borders, no drop shadows.
   Every block is independently deletable.
   ============================================================ */
:root{
  --ua-bone:#F4F2EF;
  --ua-paper:#FFFFFF;
  --ua-ink:#141414;
  --ua-ash:#6E6A66;
  --ua-line:rgba(20,20,20,.14);
  --ua-red:#D12420;
  --ua-display:"Base 02","Anton","Arial Narrow",Impact,sans-serif;
  --ua-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ua-ease:cubic-bezier(.22,.61,.36,1);
}

/* --- 1. KILL ROUNDED CORNERS ------------------------------
   The single loudest mismatch. Theme pills and rounded cards
   sat next to square custom sections.                        */
.fw-section .button,
.fw-section img,
.post-tile__container,.post-tile__image,.post-tile__image-container,
.video-tile,.video-tile__image,.video-tile__image-container,
.instagram-feed__post,.instagram-feed__image,
.newsletter-form__input,.newsletter-form__button{
  border-radius:0;
}

/* --- 2. FLAT DEPTH, NOT FLOATING CARDS -------------------- */
.post-tile__container,.video-tile,.instagram-feed__post{
  box-shadow:none;
  border:1px solid var(--ua-line);
  background:var(--ua-paper);
  transition:border-color .2s var(--ua-ease);
}
.post-tile__container:hover,.video-tile:hover,.instagram-feed__post:hover{
  border-color:rgba(209,36,32,.5);
}

/* --- 3. SECTION HEADINGS ---------------------------------
   Red rule above each heading, echoing the custom sections.  */
.section-header__heading,.newsletter__heading{
  font-family:var(--ua-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.04;
  color:var(--ua-ink);
}
.section-header__heading::before,.newsletter__heading::before{
  content:"";
  display:block;
  width:44px;
  height:2px;
  background:var(--ua-red);
  margin-bottom:15px;
}

/* --- 4. BUTTONS ------------------------------------------- */
.fw-section .button{
  font-family:var(--ua-mono);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  transition:background .18s var(--ua-ease),color .18s var(--ua-ease),
             border-color .18s var(--ua-ease);
}
.fw-section .button--primary{
  background:var(--ua-ink);
  border-color:var(--ua-ink);
  color:var(--ua-bone);
}
.fw-section .button--primary:hover{
  background:var(--ua-red);
  border-color:var(--ua-red);
  color:#fff;
}
.fw-section .button--secondary{
  background:transparent;
  border-color:var(--ua-line);
  color:var(--ua-ink);
}
.fw-section .button--secondary:hover{
  background:var(--ua-ink);
  border-color:var(--ua-ink);
  color:var(--ua-bone);
}

/* --- 5. TILE TYPE ----------------------------------------- */
.post-tile__title-post,.video-tile__title{
  font-family:var(--ua-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.03em;
  line-height:1.1;
  color:var(--ua-ink);
}
.post-tile__header,.post-tile__count,.video-tile__caption{
  font-family:var(--ua-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--ua-ash);
}

/* --- 6. IMAGE LIFT ON HOVER ------------------------------- */
.post-tile__image-container,.video-tile__image-container,.instagram-feed__post{
  overflow:hidden;
}
.post-tile__image,.video-tile__image,.instagram-feed__image{
  transition:transform .55s var(--ua-ease);
}
.post-tile__container:hover .post-tile__image,
.video-tile:hover .video-tile__image,
.instagram-feed__post:hover .instagram-feed__image{
  transform:scale(1.04);
}

/* --- 7. NEWSLETTER ---------------------------------------- */
.newsletter-form__input{
  border:1px solid var(--ua-line);
  font-family:var(--ua-mono);
  font-size:12px;
  letter-spacing:.06em;
}
.newsletter-form__input:focus{
  border-color:var(--ua-ink);
  outline:2px solid var(--ua-red);
  outline-offset:2px;
}

/* --- 8. ALTERNATING BANDS --------------------------------
   Gives the stack rhythm instead of one flat white run.
   Delete this block if you would rather keep it uniform.     */
#fw-section-featured-collection-0,
[id^="fw-section-instagram-feed"]{
  background:var(--ua-bone);
}

/* --- 9. MOTION SAFETY ------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .post-tile__image,.video-tile__image,.instagram-feed__image,
  .post-tile__container,.video-tile,.instagram-feed__post,.fw-section .button{
    transition:none!important;transform:none!important;
  }
}
}
#fw-section-newsletter-24c17a4f-e9c3-42b5-90fa-7d3f32fffa7e {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;

}
#fw-section-footer {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* ============================================================
   UNAFRAID — FOOTER
   Site design / Style / Edit Code. Self-contained; test alone.
   ============================================================ */
:root{
  --ua-red:#D12420;
  --ua-ink:#141414;
  --ua-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ua-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --ua-ease:cubic-bezier(.22,.61,.36,1);
}

/* --- column headings --- */
.footer__menu-link{
  font-family:var(--ua-mono);
  font-size:12px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--ua-ink);
}

/* --- link lists --- */
.footer__dropdown-link{
  font-family:var(--ua-body);
  font-size:.9rem;
  transition:color .16s var(--ua-ease);
}
.footer__dropdown-link:hover{color:var(--ua-red);}

/* --- social icons: 44px minimum touch target --- */
.footer__social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  transition:transform .18s var(--ua-ease),color .16s var(--ua-ease);
}
.footer__social-link:hover{
  color:var(--ua-red);
  transform:translateY(-2px);
}

.footer__menu-link:focus-visible,.footer__dropdown-link:focus-visible,
.footer__social-link:focus-visible{outline:2px solid var(--ua-red);outline-offset:3px;}

@media(prefers-reduced-motion:reduce){
  .footer__dropdown-link,.footer__social-link{
    transition:none!important;transform:none!important;
  }
}

/* ============================================================
   OPTIONAL — CONTOUR TEXTURE IN THE FOOTER
   Upload unafraid-contours.svg to your media library, drop the
   URL in below, and uncomment. Deliberately faint: it should
   read as paper texture, not as a graphic.
   ============================================================
.footer{
  position:relative;
  background-image:url('https://unafraid.org/wp-content/uploads/2026/07/unafraid-contours.svg');
  background-size:520px auto;
  background-repeat:repeat;
  background-position:center;
}
.footer > *{position:relative;}
*/
}
#fw-section-header {
--color-primary: #ed1515;
--color-primary-rgb: 237, 21, 21;
--color-background: #f4f2ef;
--color-background-rgb: 244, 242, 239;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #000000;
--color-background-brightness: 242;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ed1515;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: transparent;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #000000;
/* ============================================================
   UNAFRAID — HEADER + MOBILE MENU  (v2)
   Site design / Style / Edit Code. Raw CSS, no tags.
   ============================================================ */
:root{
  --ua-red:#D12420;
  --ua-ink:#141414;
  --ua-line:rgba(20,20,20,.14);
  --ua-paper:#FFFFFF;
  --ua-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ua-ease:cubic-bezier(.22,.61,.36,1);
}

/* --- 1. TOP LEVEL NAV -------------------------------------
   Selectors are doubled up on purpose so they outrank the
   theme's own nav rules. Tracking is deliberately tight —
   wide tracking pushed the last item onto a second row.       */
.header__nav .header__list .header__link,
.header__list-item > .header__link{
  font-family:var(--ua-mono);
  font-size:12px;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
  position:relative;
  padding-bottom:3px;
  transition:color .16s var(--ua-ease);
}
.header__list.list--horizontal{flex-wrap:nowrap;}

/* red rule grows from the left */
.header__list-item > .header__link::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--ua-red);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s var(--ua-ease);
}
.header__list-item > .header__link:hover::after{transform:scaleX(1);}
/* the caret sits inside the link — keep the rule off it */
.header__link--icon .header__link-icon{position:relative;top:1px;}

/* --- 1b. STACKING ----------------------------------------
   Your header lives in .page > div, the grid lives in a separate
   <main class="page__main">. Raising the header alone is not
   enough if anything in that chain makes a stacking context, so
   the whole header branch is lifted and main is pinned below.
   500 clears page content; cart/menu overlays usually sit higher. */
.page > div:first-of-type{
  position:relative;
  z-index:500;
}
#fw-section-header,
.header,
.header__nav-container{
  position:relative;
  z-index:500;
}
.header__dropdown{
  z-index:500;
}
main#main-content,
.page__main{
  position:relative;
  z-index:1;
}

/* --- 2. DROPDOWN PANEL ------------------------------------
   Background goes on BOTH the outer div and the inner list.
   The theme's panel was see-through over the page.            */
.header__dropdown{
  background:var(--ua-paper);
  border:1px solid var(--ua-line);
  box-shadow:0 18px 44px rgba(20,20,20,.13);
}
.header__dropdown-inner{
  background:var(--ua-paper);
  border:0;
  border-radius:0;
  /* long menus wrap into a second column instead of running off screen */
  display:grid;
  grid-template-rows:repeat(9,auto);
  grid-auto-flow:column;
  grid-auto-columns:minmax(210px,auto);
  column-gap:26px;
  max-height:74vh;
  overflow-y:auto;
}
.header__dropdown-item{break-inside:avoid;}
.header__dropdown-link{
  display:block;
  font-family:var(--ua-mono);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
  padding-top:9px;
  padding-bottom:9px;
  transition:color .16s var(--ua-ease),padding-left .16s var(--ua-ease);
}
.header__dropdown-link:hover{color:var(--ua-red);padding-left:5px;}

/* --- 3. MOBILE MENU --------------------------------------- */
.mobile-menu__link{
  font-family:var(--ua-mono);
  font-size:15px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding-top:14px;
  padding-bottom:14px;
}
.mobile-menu__dropdown-link{
  display:block;
  font-family:var(--ua-mono);
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding-top:12px;
  padding-bottom:12px;
}
.mobile-menu__dropdown-link:active{color:var(--ua-red);}

.header__link:focus-visible,.header__dropdown-link:focus-visible,
.mobile-menu__link:focus-visible{outline:2px solid var(--ua-red);outline-offset:3px;}

@media(prefers-reduced-motion:reduce){
  .header__link,.header__link::after,.header__dropdown-link{
    transition:none!important;transform:none!important;
  }
}
}



#fw-section-custom-html-4a2db04d-daf6-4890-9333-43b93e469b0d {

.fw-breadcrumb__content {
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 8px;
}
}


#fw-section-custom-html-8018422b-59e4-4659-a8f4-2fe5b6c9450a {

.fw-breadcrumb__content {
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 8px;
}
}


#fw-section-custom-html-30fda0dd-58cc-4d39-881e-d916d7c97f06 {

.fw-breadcrumb__content {
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 8px;
}
}


#fw-section-custom-html-4e56a002-b1c1-46a1-9b70-c0df4e02598e {

.fw-breadcrumb__content {
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 8px;
}
}


#fw-section-custom-html-37c670ce-ebfb-4c11-8df9-ffeae2f9d538 {

.fw-breadcrumb__content {
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 8px;
}
}


#fw-section-custom-html-c127a233-fc58-407e-91e5-c8ce797674a7 {

.fw-breadcrumb__content {
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 8px;
}
}