#fw-section-custom-html-93ee9b13-57c6-42cf-955e-af1d9b7993d1 { /* ======================================== CROOKED BRIAR — ABOUT INTRO ======================================== */ .cb-about-intro { width: 100%; margin: 0; padding: 72px 0 78px; background-color: #1a1618; color: #f2eee5; } .cb-about-intro__inner { width: 88%; max-width: 1260px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 72px; align-items: center; } /* ======================================== IMAGE ======================================== */ .cb-about-intro__image { width: 100%; } .cb-about-intro__image img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: cover; } /* ======================================== TEXT ======================================== */ .cb-about-intro__content { max-width: 570px; } /* KICKER */ .cb-about-intro__kicker { margin: 0 0 12px; font-family: Barlow, "Times New Roman", serif; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #b75c76; } /* HEADING */ .cb-about-intro h1 { margin: 0 0 24px; font-family: Barlow, "Times New Roman", serif; font-size: 44px; font-weight: 400; line-height: 1.08; color: #f2eee5; } /* BODY COPY */ .cb-about-intro__content p { margin: 0 0 16px; font-size: 16px; font-weight: 400; line-height: 1.65; color: rgba(242, 238, 229, 0.80); } /* CLOSING LINE */ .cb-about-intro__content p.cb-about-intro__closing { margin: 24px 0 0; font-family: Barlow, "Times New Roman", serif; font-size: 18px; font-weight: 600; line-height: 1.5; color: #f2eee5; } /* ======================================== TABLET ======================================== */ @media screen and (max-width: 1000px) { .cb-about-intro__inner { gap: 48px; } .cb-about-intro h1 { font-size: 38px; } } /* ======================================== MOBILE ======================================== */ @media screen and (max-width: 768px) { .cb-about-intro { padding: 48px 0 54px; } .cb-about-intro__inner { width: 84%; display: block; } .cb-about-intro__image { margin-bottom: 38px; } .cb-about-intro__image img { max-height: none; } .cb-about-intro__content { max-width: none; } .cb-about-intro__kicker { margin-bottom: 10px; font-size: 12px; letter-spacing: 2.5px; } .cb-about-intro h1 { margin-bottom: 20px; font-size: 34px; line-height: 1.1; } .cb-about-intro__content p { margin-bottom: 14px; font-size: 15px; line-height: 1.6; } .cb-about-intro__content p.cb-about-intro__closing { margin-top: 22px; font-size: 17px; } } } #fw-section-image-with-text-83061f8a-3633-4143-a93b-275626d72353 { --color-primary: #352d31; --color-primary-rgb: 53, 45, 49; --color-background: #1a1618; --color-background-rgb: 26, 22, 24; --color-on-background: #d77a94; --color-on-background-rgb: 215, 122, 148; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #d77a94; --color-background-brightness: 23; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #352d31; --primary-btn-text: #ece4d6; --primary-btn-border-color: #d77a94; --secondary-btn-bg: transparent; --secondary-btn-text: #d77a94; --secondary-btn-border-color: #d77a94; } #fw-section-text-blocks-868e9595-b576-4807-8291-5085a6cb04ae { --font-heading-scale: 0.7; --font-body-scale: 1.0; } #fw-section-custom-html-42ae3ffa-bcb0-47da-b916-d87b10eefe65 { --color-primary: #352d31; --color-primary-rgb: 53, 45, 49; --color-background: #1a1618; --color-background-rgb: 26, 22, 24; --color-on-background: #d77a94; --color-on-background-rgb: 215, 122, 148; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #d77a94; --color-background-brightness: 23; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #352d31; --primary-btn-text: #ece4d6; --primary-btn-border-color: #d77a94; --secondary-btn-bg: transparent; --secondary-btn-text: #d77a94; --secondary-btn-border-color: #d77a94; /* ======================================== CROOKED BRIAR — ABOUT PILLARS ======================================== */ .cb-about-pillars { width: 100%; margin: 0; padding: 30px 0 84px; background-color: #1a1618; color: #f2eee5; } .cb-about-pillars__inner { width: 88%; max-width: 1220px; margin: 0 auto; } /* ======================================== SECTION INTRO ======================================== */ .cb-about-pillars__header { max-width: 720px; margin: 0 auto 58px; text-align: center; } .cb-about-pillars__kicker { margin: 0 0 12px; font-family: "Times New Roman", serif; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #b75c76; } .cb-about-pillars__header h2 { margin: 0 0 16px; font-family: Barlow, "Times New Roman", serif; font-size: 42px; font-weight: 400; line-height: 1.1; color: #f2eee5; } .cb-about-pillars__header p { max-width: 620px; margin: 0 auto; font-size: 16px; line-height: 1.6; color: rgba(242, 238, 229, 0.72); } /* ======================================== 2 × 2 EDITORIAL GRID ======================================== */ .cb-about-pillars__grid { display: grid; grid-template-columns: 1fr 1fr; } /* ======================================== INDIVIDUAL SECTIONS ======================================== */ .cb-about-pillar { padding: 8px 54px 54px; } /* Right-hand column */ .cb-about-pillar:nth-child(even) { border-left: 1px solid rgba(242, 238, 229, 0.16); } /* Second row */ .cb-about-pillar:nth-child(n+3) { padding-top: 54px; padding-bottom: 8px; border-top: 1px solid rgba(242, 238, 229, 0.16); } /* ======================================== SMALL INTRO LINE ======================================== */ .cb-about-pillar__eyebrow { margin: 0 0 10px; font-family: Barlow, Arial, sans-serif; font-size: 11px; font-weight: 600; line-height: 1.35; letter-spacing: 1.8px; text-transform: uppercase; color: rgba(183, 92, 118, 0.88); } /* ======================================== HEADINGS ======================================== */ .cb-about-pillar h3 { margin: 0 0 22px; font-family: Barlow, "Times New Roman", serif; font-size: 31px; font-weight: 400; line-height: 1.12; color: #f2eee5; } /* ======================================== BODY COPY ======================================== */ .cb-about-pillar p { margin: 0 0 16px; font-size: 15px; font-weight: 400; line-height: 1.65; color: rgba(242, 238, 229, 0.76); } .cb-about-pillar p:last-child { margin-bottom: 0; } .cb-about-pillar strong { font-weight: 600; color: #f2eee5; } /* ======================================== CLOSING LINES ======================================== */ .cb-about-pillar p.cb-about-pillar__closing { margin-top: 22px; font-family: Barlow, "Times New Roman", serif; font-size: 17px; font-weight: 600; line-height: 1.5; color: #f2eee5; } /* ======================================== TABLET ======================================== */ @media screen and (max-width: 1000px) { .cb-about-pillar { padding-left: 36px; padding-right: 36px; } .cb-about-pillar h3 { font-size: 28px; } } /* ======================================== MOBILE ======================================== */ @media screen and (max-width: 768px) { .cb-about-pillars { padding: 56px 0 62px; } .cb-about-pillars__inner { width: 84%; } .cb-about-pillars__header { margin-bottom: 42px; } .cb-about-pillars__kicker { margin-bottom: 10px; font-size: 12px; letter-spacing: 2.5px; } .cb-about-pillars__header h2 { font-size: 34px; } .cb-about-pillars__header p { font-size: 15px; } /* Stack all four sections */ .cb-about-pillars__grid { display: block; } .cb-about-pillar { padding: 0 0 36px; margin: 0 0 36px; border-left: none !important; border-top: none !important; border-bottom: 1px solid rgba(242, 238, 229, 0.16); } .cb-about-pillar:nth-child(n+3) { padding-top: 0; } .cb-about-pillar:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .cb-about-pillar__eyebrow { font-size: 10px; letter-spacing: 1.5px; } .cb-about-pillar h3 { margin-bottom: 18px; font-size: 28px; } .cb-about-pillar p { font-size: 15px; line-height: 1.6; } } } #fw-section-custom-html-f51cdea7-86ac-4b57-bb15-bd3f99b10018 { --color-primary: #352d31; --color-primary-rgb: 53, 45, 49; --color-background: #1a1618; --color-background-rgb: 26, 22, 24; --color-on-background: #d77a94; --color-on-background-rgb: 215, 122, 148; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #d77a94; --color-background-brightness: 23; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #352d31; --primary-btn-text: #ece4d6; --primary-btn-border-color: #d77a94; --secondary-btn-bg: transparent; --secondary-btn-text: #d77a94; --secondary-btn-border-color: #d77a94; /* ======================================== CROOKED BRIAR — WORKINGS PAGE HERO ======================================== */ .cb-workings-intro { position: relative; width: 100%; min-height: 730px; margin: 0; display: flex; align-items: flex-end; background-color: #1a1618; background-image: linear-gradient( 90deg, rgba(26, 22, 24, 0.88) 0%, rgba(26, 22, 24, 0.68) 38%, rgba(26, 22, 24, 0.24) 70%, rgba(26, 22, 24, 0.10) 100% ), url("https://cbwork.carrd.co/assets/images/image04.jpg?v=e4f0cbb6"); background-repeat: no-repeat; background-position: center center; background-size: cover; color: #f2eee5; } /* ======================================== INNER CONTENT ======================================== */ .cb-workings-intro__inner { position: relative; z-index: 2; width: 88%; max-width: 1220px; margin: 0 auto; padding: 0 0 130px; } /* ======================================== KICKER ======================================== */ .cb-workings-intro__kicker { margin: 0 0 12px; font-family: Barlow, Arial, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #b75c76; } /* ======================================== MAIN HEADING ======================================== */ .cb-workings-intro h1 { max-width: 760px; margin: 0 0 18px; font-family: Barlow, "Times New Roman", serif; font-size: 48px; font-weight: 400; line-height: 1.08; color: #f2eee5; } /* ======================================== LEAD ======================================== */ .cb-workings-intro__lead { max-width: 680px; margin: 0 0 8px; font-size: 16px; font-weight: 600; line-height: 1.55; color: #f2eee5; } /* ======================================== SUPPORTING TEXT ======================================== */ .cb-workings-intro__text { max-width: 680px; margin: 0; font-size: 16px; font-weight: 400; line-height: 1.6; color: rgba(242, 238, 229, 0.84); } /* ======================================== MOBILE ======================================== */ @media screen and (max-width: 768px) { .cb-workings-intro { min-height: 600px; align-items: flex-end; background-image: linear-gradient( 180deg, rgba(26, 22, 24, 0.18) 0%, rgba(26, 22, 24, 0.42) 38%, rgba(26, 22, 24, 0.92) 78%, rgba(26, 22, 24, 0.98) 100% ), url("https://fatpeoplemagic.carrd.co/assets/images/image08.jpg?v=b5459039"); background-position: center center; } .cb-workings-intro__inner { width: 84%; padding: 0 0 52px; } .cb-workings-intro__kicker { margin-bottom: 10px; font-size: 12px; letter-spacing: 2.5px; } .cb-workings-intro h1 { max-width: 100%; margin-bottom: 16px; font-size: 36px; line-height: 1.1; } .cb-workings-intro__lead, .cb-workings-intro__text { max-width: 100%; font-size: 15px; } } } #fw-section-featured-product-c57cc50d-431b-4d23-906b-e5b67ff2637d { --color-primary: #352d31; --color-primary-rgb: 53, 45, 49; --color-background: #1a1618; --color-background-rgb: 26, 22, 24; --color-on-background: #d77a94; --color-on-background-rgb: 215, 122, 148; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #d77a94; --color-background-brightness: 23; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #352d31; --primary-btn-text: #ece4d6; --primary-btn-border-color: #d77a94; --secondary-btn-bg: transparent; --secondary-btn-text: #d77a94; --secondary-btn-border-color: #d77a94; /* Product title — keep as berry accent */ .featured-product-info__title, .featured-product-info__title a { color: #b75c76; } /* Price — subdued */ .featured-product-info__prices, .featured-product-info__price { color: rgba(242, 238, 229, 0.65); } /* Description — cream */ .featured-product-info__description { color: rgba(242, 238, 229, 0.82); } /* Description heading — stronger cream */ .featured-product-info__description h3 { color: #f2eee5; } /* All description paragraphs */ .featured-product-info__description p { color: rgba(242, 238, 229, 0.82); } /* Bold text within description */ .featured-product-info__description strong, .featured-product-info__description b { color: #f2eee5; } /* Links remain berry */ .featured-product-info__description a { color: #b75c76; } } #fw-section-custom-html-829813c9-1955-4a9a-aef9-81dab7745eef { /* ======================================== CROOKED BRIAR — WORKINGS CHOICE CTA ======================================== */ .cb-workings-choice { width: 100%; margin: 0; padding: 72px 0 76px; background-color: #343a2f; background-image: url("https://imgproxy.fourthwall.dev/UwUnsm6LAo77-A0jTb2IiH-fkn75pNhn5doUSK4GfnM/w:1920/sm:1/enc/XVmNjk-jnPAaqOcv/PcB4DaX7NPP_I4j1/WgsU31jQMH0zFhBV/omFEnGhK7ybX6gKI/F36YiwtR-7lJUcU6/4qhPLe_2V_G6dAFC/1IzHS0im4SwYh6US/TDtoCqCfUyerzZ-R/Fk7x9Hp4rQfuvt7S/kSLCytbx08zG6_nI/cyk-PlkECqa7fV6V/qulSVkmFufIdAalY/V27BFviREgRWct_S/L3rFS_NpHRqQw1R9/OyRvKLLvrVBYc4KD/NGTRyzaMCjiOX_B7.webp"); background-repeat: no-repeat; background-position: center center; background-size: cover; color: #f2eee5; } .cb-workings-choice__inner { width: 88%; max-width: 1050px; margin: 0 auto; text-align: center; } /* KICKER */ .cb-workings-choice__kicker { margin: 0 0 12px; font-family: Barlow, "Times New Roman", serif; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #b75c76; } /* MAIN HEADING */ .cb-workings-choice h2 { margin: 0 auto 18px; font-family: Barlow, "Times New Roman", serif; font-size: 40px; font-weight: 400; line-height: 1.1; color: #f2eee5; } /* INTRO */ .cb-workings-choice__intro { max-width: 680px; margin: 0 auto 42px; font-size: 16px; line-height: 1.6; color: rgba(242, 238, 229, 0.82); } /* TWO OPTIONS */ .cb-workings-choice__options { display: grid; grid-template-columns: 1fr 1fr; gap: 0; max-width: 900px; margin: 0 auto; } .cb-workings-choice__option { padding: 4px 42px 0; } .cb-workings-choice__option + .cb-workings-choice__option { border-left: 1px solid rgba(242, 238, 229, 0.22); } .cb-workings-choice__option h3 { margin: 0 0 12px; font-family: Barlow, "Times New Roman", serif; font-size: 23px; font-weight: 400; line-height: 1.25; color: #f2eee5; } .cb-workings-choice__option p { max-width: 340px; margin: 0 auto 24px; font-size: 15px; line-height: 1.55; color: rgba(242, 238, 229, 0.78); } /* BUTTONS */ .cb-workings-choice__button { display: inline-block; padding: 13px 22px; background-color: #6f2b3e; border: 1px solid #6f2b3e; border-radius: 4px; font-family: Barlow, Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.2; color: #f2eee5; text-decoration: none; transition: background-color 0.2s ease, border-color 0.2s ease; } .cb-workings-choice__button:hover { background-color: #5d2435; border-color: #5d2435; color: #f2eee5; } /* MOBILE */ @media screen and (max-width: 768px) { .cb-workings-choice { padding: 54px 0 58px; } .cb-workings-choice__inner { width: 84%; } .cb-workings-choice__kicker { margin-bottom: 10px; font-size: 12px; letter-spacing: 2.5px; } .cb-workings-choice h2 { font-size: 32px; line-height: 1.12; } .cb-workings-choice__intro { margin-bottom: 34px; font-size: 15px; } .cb-workings-choice__options { display: block; } .cb-workings-choice__option { padding: 0; } .cb-workings-choice__option + .cb-workings-choice__option { margin-top: 32px; padding-top: 32px; border-left: none; border-top: 1px solid rgba(242, 238, 229, 0.22); } .cb-workings-choice__option h3 { font-size: 22px; } .cb-workings-choice__option p { max-width: 360px; font-size: 15px; } } } #fw-section-featured-product-4ec46be2-3925-46c3-97ef-50bed21445d0 { /* Product title — keep as berry accent */ .featured-product-info__title, .featured-product-info__title a { color: #b75c76; } /* Price — subdued */ .featured-product-info__prices, .featured-product-info__price { color: rgba(242, 238, 229, 0.65); } /* Description — cream */ .featured-product-info__description { color: rgba(242, 238, 229, 0.82); } /* Description heading — stronger cream */ .featured-product-info__description h3 { color: #f2eee5; } /* All description paragraphs */ .featured-product-info__description p { color: rgba(242, 238, 229, 0.82); } /* Bold text within description */ .featured-product-info__description strong, .featured-product-info__description b { color: #f2eee5; } /* Links remain berry */ .featured-product-info__description a { color: #b75c76; } } #fw-section-hero-ec6f7f12-601b-4f5d-b2cc-4bb96888b24f { --font-heading-scale: 1.1; --font-body-scale: 1.07; } #fw-section-hero-ec6f7f12-601b-4f5d-b2cc-4bb96888b24f { --color-primary: #6f2b3e; --color-primary-rgb: 111, 43, 62; --color-background: #928881; --color-background-rgb: 146, 136, 129; --color-on-background: #ece4d6; --color-on-background-rgb: 236, 228, 214; --color-on-primary: #e0e0e0; --color-on-primary-rgb: 224, 224, 224; --color-product-image-background: #ece4d6; --color-background-brightness: 138; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #6f2b3e; --primary-btn-text: #e0e0e0; --primary-btn-border-color: #ece4d6; --secondary-btn-bg: transparent; --secondary-btn-text: #ece4d6; --secondary-btn-border-color: #ece4d6; /* ======================================== CROOKED BRIAR — READINGS HERO EXTRAS Adds kicker + availability note ======================================== */ /* ---------------------------------------- KICKER: "TAROT READINGS" ---------------------------------------- */ .hero--fw-section-hero-ec6f7f12-601b-4f5d-b2cc-4bb96888b24f .hero__heading::before { content: "TAROT READINGS"; display: block; margin-bottom: 12px; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #d96887; } /* ---------------------------------------- AVAILABILITY NOTE ---------------------------------------- */ .hero--fw-section-hero-ec6f7f12-601b-4f5d-b2cc-4bb96888b24f .hero__cta-container::after { content: "FOUR READING SLOTS AVAILABLE EACH WEEK"; display: block; width: 100%; margin-top: 5px; font-family: inherit; font-size: 11px; font-weight: 600; line-height: 1.4; letter-spacing: 1.8px; text-transform: uppercase; color: rgba(236, 228, 214, 0.72); } /* Make sure the CTA area allows the note to sit beneath the button */ .hero--fw-section-hero-ec6f7f12-601b-4f5d-b2cc-4bb96888b24f .hero__cta-container { flex-wrap: wrap !important; } } #fw-section-custom-html-01462210-abab-4490-b845-f18172defdfb { --color-primary: #352d31; --color-primary-rgb: 53, 45, 49; --color-background: #d1bea6; --color-background-rgb: 209, 190, 166; --color-on-background: #d77a94; --color-on-background-rgb: 215, 122, 148; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #d77a94; --color-background-brightness: 193; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #352d31; --primary-btn-text: #ece4d6; --primary-btn-border-color: #d77a94; --secondary-btn-bg: transparent; --secondary-btn-text: #d77a94; --secondary-btn-border-color: #d77a94; /* ======================================== CROOKED BRIAR — READING PROCESS ======================================== */ .cb-reading-process { position: relative; z-index: 5; width: 100%; /* Pulls the parchment upward so the torn top overlaps the bottom of the hero. */ margin-top: 0px; margin-bottom: 0; padding: 105px 0 0; background-image: url("https://imgproxy.fourthwall.dev/JQ1iZLtWyooFT1PevVS1BkX262U0w-__m1MDqBwm53U/w:1920/sm:1/enc/4cPlGZKV2aGFFznf/YCUjlxZfzKEWTkqQ/G6dudlgPxNTSfiiL/WEGJSQslj9BiHN_V/4ooBmypk-ox6OjsJ/HDKNcfs-ksoIna0t/tSqsSsFmnY1f9qB0/QvPia5S_KdBoLxnv/dJYXNCnyS3KoCTzz/weDZCDTazez54UoM/mtIk7PD96PLdTLm0/mf0FUiUMIspl279u/i4R8_qLV3PDf7lwT/9tl0hmx6CtRjvwtE/3IHxbemdon8RFulR/XKWgbwOjeTtFPKeV.webp"); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; background-color: transparent; color: #241d1a; } /* ======================================== INNER CONTAINER ======================================== */ .cb-reading-process__inner { width: 88%; max-width: 1180px; margin: 0 auto; } /* ======================================== TEXT AREA ======================================== */ .cb-reading-process__content { width: 58%; max-width: 720px; margin: 0 auto; position: relative; top: -30px; } /* ======================================== KICKER ======================================== */ .cb-reading-process__kicker { margin: 0 0 12px; font-family: Barlow, "Times New Roman", serif; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #624850; } /* ======================================== HEADING ======================================== */ .cb-reading-process h2 { margin: 0 0 24px; font-family: Barlow, "Times New Roman", serif; font-size: 42px; font-weight: 400; line-height: 1.08; color: #1a1618; } /* ======================================== BODY COPY ======================================== */ .cb-reading-process__copy { color: #292325; } .cb-reading-process__copy p { margin: 0 0 14px; font-size: 16px; font-weight: 400; line-height: 1.55; } .cb-reading-process__copy p:last-child { margin-bottom: 0; } /* ======================================== MOBILE ======================================== */ @media screen and (max-width: 768px) { .cb-reading-process { /* Keep the mobile parchment itself in its existing position. */ margin-top: -18px; margin-bottom: 0; padding: 100px 0 0; background-image: url("https://imgproxy.fourthwall.dev/lbIHVWbqtjrHFobqdhTKjma2ljDBw_2xcptnZm40PFI/w:1024/sm:1/enc/m5JGQOpYiEFJCj3J/n19-aybcc862fTSB/pdm5WwXae9npkW8l/GjBmVXcyEbVQ78s5/7-HDFxlCcbfboWNI/RoIFmnJNWO4LSJXj/RZXCESmYmZitam4d/o7OAjrOwjV1bYdHN/lbf2DaijO4yja8AZ/e9bV-D8QWePJCCZ3/ADcfckjLZmVrVYca/c64NhPC1lIEWWzu_/Ftn_b6ZwPVHJeZcZ/-TIu6Vte-deBsr8M/XqUOMbNbWT6dcPIm/3oEX1k0UwbXafpKs.webp"); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; background-color: transparent; } /* Move the text upward inside the parchment */ .cb-reading-process__inner { width: 76%; max-width: 1180px; margin: 0 auto; position: relative; top: -45px; } .cb-reading-process__content { width: 100%; max-width: none; /* Prevent desktop's -30px from stacking with the mobile inner-container adjustment. */ top: 0; } .cb-reading-process__kicker { margin-bottom: 10px; font-size: 12px; letter-spacing: 2.5px; } .cb-reading-process h2 { margin-bottom: 22px; font-size: 34px; line-height: 1.1; } .cb-reading-process__copy p { margin-bottom: 14px; font-size: 15px; line-height: 1.55; } } } #fw-section-custom-html-ec3043ff-cae2-4ba5-bf40-92289963b495 { --color-primary: #352d31; --color-primary-rgb: 53, 45, 49; --color-background: #6f2b3e; --color-background-rgb: 111, 43, 62; --color-on-background: #d77a94; --color-on-background-rgb: 215, 122, 148; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #d77a94; --color-background-brightness: 65; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #352d31; --primary-btn-text: #ece4d6; --primary-btn-border-color: #d77a94; --secondary-btn-bg: transparent; --secondary-btn-text: #d77a94; --secondary-btn-border-color: #d77a94; /* ========================================================= CROOKED BRIAR — READING DETAILS ========================================================= */ .cb-reading-details { width: 100%; margin: 0; padding: 48px 0 34px; background-color: #6f2b3e; color: #f2eee5; } /* ========================================================= INNER CONTAINER ========================================================= */ .cb-reading-details__inner { width: 88%; max-width: 1250px; margin: 0 auto; } /* ========================================================= SECTION HEADING ========================================================= */ .cb-reading-details__heading { margin: 0 auto 32px; text-align: center; } .cb-reading-details__kicker { margin: 0 0 8px; font-family: Barlow, "Times New Roman", serif; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: rgba(242, 238, 229, 0.76); } .cb-reading-details__heading h2 { margin: 0; font-family: Barlow, "Times New Roman", serif; font-size: 38px; font-weight: 400; line-height: 1.08; color: #f2eee5; } /* ========================================================= FOUR-COLUMN GRID ========================================================= */ .cb-reading-details__grid { display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; } /* ========================================================= INDIVIDUAL ITEMS ========================================================= */ .cb-reading-details__item { padding: 0 28px; text-align: center; } .cb-reading-details__item + .cb-reading-details__item { border-left: 1px solid rgba(242, 238, 229, 0.24); } /* ========================================================= ITEM HEADINGS ========================================================= */ .cb-reading-details__item h3 { margin: 0 0 14px; font-family: Barlow, "Times New Roman", serif; font-size: 23px; font-weight: 400; line-height: 1.12; color: #f2eee5; } /* ========================================================= ITEM COPY ========================================================= */ .cb-reading-details__item p { margin: 0 auto; max-width: 255px; font-size: 15px; font-weight: 400; line-height: 1.55; color: rgba(242, 238, 229, 0.90); } /* ========================================================= DISCLAIMER ========================================================= */ .cb-reading-details__disclaimer { width: 100%; margin: 32px auto 0; padding-top: 16px; border-top: 1px solid rgba(242, 238, 229, 0.24); text-align: center; } .cb-reading-details__disclaimer p { margin: 0; font-family: Barlow, "Times New Roman", serif; font-size: 13px; font-style: italic; line-height: 1.45; color: rgba(242, 238, 229, 0.74); } .cb-reading-details__disclaimer a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } .cb-reading-details__disclaimer a:hover { color: #ffffff; } /* ========================================================= TABLET ========================================================= */ @media screen and (max-width: 1000px) { .cb-reading-details__item { padding: 0 20px; } .cb-reading-details__item h3 { font-size: 21px; } .cb-reading-details__item p { font-size: 14px; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 768px) { .cb-reading-details { padding: 42px 0 32px; } .cb-reading-details__inner { width: 82%; } .cb-reading-details__heading { margin-bottom: 30px; } .cb-reading-details__kicker { font-size: 12px; letter-spacing: 2.5px; } .cb-reading-details__heading h2 { font-size: 32px; line-height: 1.12; } .cb-reading-details__grid { display: block; } .cb-reading-details__item { position: relative; padding: 0 0 24px; margin: 0 auto 24px; border-left: none !important; } .cb-reading-details__item:not(:last-child) { border-bottom: 1px solid rgba(242, 238, 229, 0.20); } .cb-reading-details__item:last-child { margin-bottom: 0; padding-bottom: 0; } .cb-reading-details__item h3 { margin-bottom: 10px; font-size: 23px; line-height: 1.15; } .cb-reading-details__item p { max-width: 330px; font-size: 15px; line-height: 1.55; } .cb-reading-details__disclaimer { margin-top: 28px; padding-top: 16px; } .cb-reading-details__disclaimer p { font-size: 13px; line-height: 1.5; } } } #fw-section-hero-eaf51226-ae0e-4053-8cb9-f817cff545c4 { --color-primary: #6f2b3e; --color-primary-rgb: 111, 43, 62; --color-background: #1a1618; --color-background-rgb: 26, 22, 24; --color-on-background: #ece4d6; --color-on-background-rgb: 236, 228, 214; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #ece4d6; --color-background-brightness: 23; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #6f2b3e; --primary-btn-text: #ece4d6; --primary-btn-border-color: #ece4d6; --secondary-btn-bg: transparent; --secondary-btn-text: #ece4d6; --secondary-btn-border-color: #ece4d6; /* ========================================================= CROOKED BRIAR — READY TO ASK CTA ========================================================= */ /* ----------------------------------------- ADD KICKER ABOVE HEADING ----------------------------------------- */ #fw-section-hero-eaf51226-ae0e-4053-8cb9-f817cff545c4 .hero__content--left::before { content: "YOUR TURN TO ASK" !important; display: block !important; width: 100%; margin: 0 0 12px; font-family: Barlow, "Times New Roman", serif; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #b75c76; visibility: visible !important; opacity: 1 !important; } /* ----------------------------------------- HEADING ----------------------------------------- */ #fw-section-hero-eaf51226-ae0e-4053-8cb9-f817cff545c4 .hero__heading { margin-bottom: 22px; } /* ----------------------------------------- BODY COPY ----------------------------------------- */ #fw-section-hero-eaf51226-ae0e-4053-8cb9-f817cff545c4 .hero__text { line-height: 1.6; } /* ----------------------------------------- BUTTON ----------------------------------------- */ #fw-section-hero-eaf51226-ae0e-4053-8cb9-f817cff545c4 .button--primary { background-color: #6f2b3e; } /* ----------------------------------------- MOBILE ----------------------------------------- */ @media screen and (max-width: 768px) { #fw-section-hero-eaf51226-ae0e-4053-8cb9-f817cff545c4 .hero__content--left::before { margin-bottom: 10px; font-size: 12px; letter-spacing: 2.5px; } } } #fw-section-hero-f8f7d811-a28f-41ab-ae75-f70be3db22a4 { --color-primary: #352d31; --color-primary-rgb: 53, 45, 49; --color-background: #1a1618; --color-background-rgb: 26, 22, 24; --color-on-background: #ece4d6; --color-on-background-rgb: 236, 228, 214; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #ece4d6; --color-background-brightness: 23; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #352d31; --primary-btn-text: #ece4d6; --primary-btn-border-color: #ece4d6; --secondary-btn-bg: transparent; --secondary-btn-text: #ece4d6; --secondary-btn-border-color: #ece4d6; .hero__heading::before { content: "GOODS FOR THE STRANGE & SOVEREIGN"; display: block; margin: 0 0 12px; font-family: Barlow, Arial, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #b75c76; } @media screen and (max-width: 768px) { .hero__heading::before { margin-bottom: 10px; font-size: 12px; letter-spacing: 2.5px; } } } #fw-section-custom-html-01152e27-cdda-4cb0-9f69-ee7ad916d0a8 { /* ======================================== CROOKED BRIAR — BRIAR NOTE ARTICLE ======================================== */ .cb-article { width: 100%; margin: 0; padding: 64px 0 72px; background: #1a1618; color: #dedcd2; } /* ======================================== ARTICLE HEADER IMAGE ======================================== */ .cb-article__header-image { width: 88%; max-width: 760px; margin: 0 auto 48px; } .cb-article__header-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid rgba(208, 190, 166, 0.18); } .cb-article__header-image figcaption { margin: 10px 0 0; font-family: "Times New Roman", serif; font-size: 13px; font-style: italic; line-height: 1.5; color: rgba(208, 190, 166, 0.62); } /* ======================================== ARTICLE HEADER ======================================== */ .cb-article__header { width: 88%; max-width: 850px; margin: 0 auto 50px; text-align: center; } .cb-article__category { display: inline-block; margin: 0 0 17px; padding: 5px 9px 4px; border: 1px solid rgba(208, 190, 166, 0.30); background: #d0bea6; font-family: "Times New Roman", serif; font-size: 10px; font-weight: 400; line-height: 1; letter-spacing: 1.6px; text-transform: uppercase; color: #1a1618; } .cb-article__header h1 { max-width: 800px; margin: 0 auto 20px; font-family: Barlow, "Times New Roman", serif; font-size: 48px; font-weight: 400; line-height: 1.08; color: #dedcd2; } .cb-article__deck { max-width: 680px; margin: 0 auto; font-size: 17px; line-height: 1.65; color: rgba(222, 220, 210, 0.76); } /* ======================================== HEADER DIVIDER ======================================== */ .cb-article__divider { width: 190px; margin: 34px auto 0; display: flex; align-items: center; justify-content: center; gap: 10px; } .cb-article__divider > span:not(.cb-article__divider-mark) { display: block; width: 70px; height: 1px; background: rgba(208, 190, 166, 0.34); } .cb-article__divider-mark { font-family: "Times New Roman", serif; font-size: 7px; line-height: 1; color: #d0bea6; } /* ======================================== ARTICLE BODY ======================================== */ .cb-article__body { width: 88%; max-width: 760px; margin: 0 auto; } .cb-article__body p { margin: 0 0 22px; font-size: 17px; font-weight: 400; line-height: 1.78; color: rgba(222, 220, 210, 0.82); } .cb-article__body p.cb-article__lead { font-size: 19px; line-height: 1.72; color: #dedcd2; } /* ======================================== ARTICLE HEADINGS ======================================== */ .cb-article__body h2 { margin: 54px 0 20px; font-family: Barlow, "Times New Roman", serif; font-size: 32px; font-weight: 400; line-height: 1.15; color: #dedcd2; } .cb-article__body h3 { margin: 38px 0 16px; font-family: Barlow, "Times New Roman", serif; font-size: 24px; font-weight: 400; line-height: 1.2; color: #d0bea6; } /* ======================================== STANDARD LISTS ======================================== */ .cb-article__body ul, .cb-article__body ol { margin: 4px 0 26px; padding-left: 24px; color: rgba(222, 220, 210, 0.82); } .cb-article__body li { margin: 0 0 9px; font-size: 17px; line-height: 1.65; } .cb-article__body li::marker { color: #d0bea6; } /* ======================================== LINKS ======================================== */ .cb-article__body a { color: #d0bea6; text-decoration: underline; text-decoration-color: rgba(208, 190, 166, 0.45); text-underline-offset: 3px; transition: color 0.2s ease, text-decoration-color 0.2s ease; } .cb-article__body a:hover { color: #dedcd2; text-decoration-color: #dedcd2; } /* ======================================== QUICK REFERENCE / CALLOUT ======================================== */ .cb-article__callout { margin: 44px 0; padding: 34px 38px 32px; border: 1px solid rgba(208, 190, 166, 0.38); background: #d0bea6; color: #1a1618; } .cb-article__callout-kicker { margin: 0 0 8px; font-family: "Times New Roman", serif; font-size: 10px; font-weight: 400; line-height: 1; letter-spacing: 2px; text-transform: uppercase; color: #6f2b3e; } .cb-article__callout h3 { margin: 0 0 16px; font-family: Barlow, "Times New Roman", serif; font-size: 26px; font-weight: 400; line-height: 1.15; color: #1a1618; } .cb-article__callout p { margin-bottom: 15px; font-size: 15px; line-height: 1.65; color: rgba(26, 22, 24, 0.82); } .cb-article__callout ul { margin: 4px 0 18px; padding-left: 22px; color: #1a1618; } .cb-article__callout li { margin-bottom: 7px; font-size: 15px; line-height: 1.55; } .cb-article__callout li::marker { color: #6f2b3e; } .cb-article__callout p.cb-article__callout-note { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid rgba(26, 22, 24, 0.18); font-family: "Times New Roman", serif; font-size: 16px; font-style: italic; line-height: 1.55; color: #3c1224; } /* ======================================== REFERENCE TABLE ======================================== */ .cb-article__table-wrap { width: 100%; margin: 36px 0 42px; overflow-x: auto; border: 1px solid rgba(208, 190, 166, 0.28); } .cb-article__table { width: 100%; min-width: 640px; border-collapse: collapse; border-spacing: 0; font-size: 14px; } .cb-article__table th, .cb-article__table td { padding: 14px 15px; border-right: 1px solid rgba(208, 190, 166, 0.18); border-bottom: 1px solid rgba(208, 190, 166, 0.18); text-align: left; vertical-align: top; } .cb-article__table th:last-child, .cb-article__table td:last-child { border-right: none; } .cb-article__table tbody tr:last-child td { border-bottom: none; } .cb-article__table th { background: #33131c; font-family: "Times New Roman", serif; font-size: 11px; font-weight: 400; letter-spacing: 1.2px; text-transform: uppercase; color: #dedcd2; } .cb-article__table td { line-height: 1.55; background: #20191c; color: rgba(222, 220, 210, 0.78); } /* ======================================== BRIAR QUOTE ======================================== */ .cb-article__quote { margin: 46px 0; padding: 5px 0 5px 28px; border-left: 2px solid #6f2b3e; } .cb-article__quote p { margin: 0; font-family: "Times New Roman", serif; font-size: 21px; font-style: italic; line-height: 1.55; color: #d0bea6; } /* ======================================== INLINE ARTICLE IMAGE ======================================== */ .cb-article__figure { margin: 46px 0; } .cb-article__figure img { display: block; width: 100%; height: auto; } .cb-article__figure figcaption { margin: 11px 0 0; font-family: "Times New Roman", serif; font-size: 13px; font-style: italic; line-height: 1.5; color: rgba(208, 190, 166, 0.66); } /* ======================================== END OF ARTICLE ======================================== */ .cb-article__end { width: 170px; margin: 54px auto 0; display: flex; align-items: center; justify-content: center; gap: 10px; } .cb-article__end > span:not(.cb-article__end-mark) { display: block; width: 62px; height: 1px; background: rgba(208, 190, 166, 0.30); } .cb-article__end-mark { font-family: "Times New Roman", serif; font-size: 7px; line-height: 1; color: #d0bea6; } /* ======================================== ARTICLE NAVIGATION ======================================== */ .cb-article__nav { width: 88%; max-width: 1000px; margin: 64px auto 0; padding-top: 30px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 36px; align-items: start; border-top: 1px solid rgba(208, 190, 166, 0.18); } .cb-article__nav a { text-decoration: none; } .cb-article__nav-link { display: flex; flex-direction: column; gap: 7px; } .cb-article__nav-link--next { text-align: right; } .cb-article__nav-label { font-family: "Times New Roman", serif; font-size: 10px; line-height: 1; letter-spacing: 1.5px; text-transform: uppercase; color: #d0bea6; } .cb-article__nav-title { font-family: Barlow, "Times New Roman", serif; font-size: 15px; line-height: 1.35; color: rgba(222, 220, 210, 0.72); transition: color 0.2s ease; } .cb-article__nav-link:hover .cb-article__nav-title { color: #dedcd2; } /* ALL NOTES */ .cb-article__nav-home { display: flex; flex-direction: column; align-items: center; gap: 8px; font-family: "Times New Roman", serif; font-size: 10px; line-height: 1; letter-spacing: 1.4px; text-align: center; text-transform: uppercase; color: #d0bea6; } .cb-article__nav-grid { font-size: 9px; transition: transform 0.2s ease; } .cb-article__nav-home:hover .cb-article__nav-grid { transform: rotate(45deg); } /* ======================================== TABLET ======================================== */ @media screen and (max-width: 900px) { .cb-article__header h1 { font-size: 42px; } } /* ======================================== MOBILE ======================================== */ @media screen and (max-width: 680px) { .cb-article { padding: 38px 0 54px; } /* HERO */ .cb-article__header-image { width: 84%; margin-bottom: 38px; } .cb-article__header-image figcaption { font-size: 12px; } /* HEADER */ .cb-article__header { width: 84%; margin-bottom: 40px; } .cb-article__category { margin-bottom: 14px; } .cb-article__header h1 { margin-bottom: 17px; font-size: 35px; line-height: 1.1; } .cb-article__deck { font-size: 15px; line-height: 1.6; } .cb-article__divider { margin-top: 28px; } /* BODY */ .cb-article__body { width: 84%; } .cb-article__body p { margin-bottom: 20px; font-size: 16px; line-height: 1.72; } .cb-article__body p.cb-article__lead { font-size: 18px; line-height: 1.65; } .cb-article__body h2 { margin-top: 44px; font-size: 28px; } .cb-article__body h3 { margin-top: 32px; font-size: 22px; } .cb-article__body li { font-size: 16px; } /* CALLOUT */ .cb-article__callout { margin: 36px 0; padding: 27px 24px 26px; } .cb-article__callout h3 { font-size: 23px; } /* QUOTE */ .cb-article__quote { margin: 38px 0; padding-left: 20px; } .cb-article__quote p { font-size: 19px; } /* FIGURE */ .cb-article__figure { margin: 38px 0; } /* NAVIGATION */ .cb-article__nav { width: 84%; margin-top: 52px; grid-template-columns: 1fr 1fr; gap: 30px 20px; } .cb-article__nav-home { grid-column: 1 / -1; grid-row: 2; } .cb-article__nav-title { font-size: 14px; } } } #fw-section-custom-html-54b2afae-6242-4268-83a1-edfcf20ad1f2 { /* ======================================== CROOKED BRIAR — BRIAR NOTE ARTICLE ======================================== */ .cb-article { width: 100%; margin: 0; padding: 64px 0 72px; background: #1a1618; color: #dedcd2; } /* ======================================== ARTICLE HEADER IMAGE ======================================== */ .cb-article__header-image { width: 88%; max-width: 760px; margin: 0 auto 48px; } .cb-article__header-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid rgba(208, 190, 166, 0.18); } .cb-article__header-image figcaption { margin: 10px 0 0; font-family: "Times New Roman", serif; font-size: 13px; font-style: italic; line-height: 1.5; color: rgba(208, 190, 166, 0.62); } /* ======================================== ARTICLE HEADER ======================================== */ .cb-article__header { width: 88%; max-width: 850px; margin: 0 auto 50px; text-align: center; } .cb-article__category { display: inline-block; margin: 0 0 17px; padding: 5px 9px 4px; border: 1px solid rgba(208, 190, 166, 0.30); background: #d0bea6; font-family: "Times New Roman", serif; font-size: 10px; font-weight: 400; line-height: 1; letter-spacing: 1.6px; text-transform: uppercase; color: #1a1618; } .cb-article__header h1 { max-width: 800px; margin: 0 auto 20px; font-family: Barlow, "Times New Roman", serif; font-size: 48px; font-weight: 400; line-height: 1.08; color: #dedcd2; } .cb-article__deck { max-width: 680px; margin: 0 auto; font-size: 17px; line-height: 1.65; color: rgba(222, 220, 210, 0.76); } /* ======================================== HEADER DIVIDER ======================================== */ .cb-article__divider { width: 190px; margin: 34px auto 0; display: flex; align-items: center; justify-content: center; gap: 10px; } .cb-article__divider > span:not(.cb-article__divider-mark) { display: block; width: 70px; height: 1px; background: rgba(208, 190, 166, 0.34); } .cb-article__divider-mark { font-family: "Times New Roman", serif; font-size: 7px; line-height: 1; color: #d0bea6; } /* ======================================== ARTICLE BODY ======================================== */ .cb-article__body { width: 88%; max-width: 760px; margin: 0 auto; } .cb-article__body p { margin: 0 0 22px; font-size: 17px; font-weight: 400; line-height: 1.78; color: rgba(222, 220, 210, 0.82); } .cb-article__body p.cb-article__lead { font-size: 19px; line-height: 1.72; color: #dedcd2; } /* ======================================== ARTICLE HEADINGS ======================================== */ .cb-article__body h2 { margin: 54px 0 20px; font-family: Barlow, "Times New Roman", serif; font-size: 32px; font-weight: 400; line-height: 1.15; color: #dedcd2; } .cb-article__body h3 { margin: 38px 0 16px; font-family: Barlow, "Times New Roman", serif; font-size: 24px; font-weight: 400; line-height: 1.2; color: #d0bea6; } /* ======================================== STANDARD LISTS ======================================== */ .cb-article__body ul, .cb-article__body ol { margin: 4px 0 26px; padding-left: 24px; color: rgba(222, 220, 210, 0.82); } .cb-article__body li { margin: 0 0 9px; font-size: 17px; line-height: 1.65; } .cb-article__body li::marker { color: #d0bea6; } /* ======================================== LINKS ======================================== */ .cb-article__body a { color: #d0bea6; text-decoration: underline; text-decoration-color: rgba(208, 190, 166, 0.45); text-underline-offset: 3px; transition: color 0.2s ease, text-decoration-color 0.2s ease; } .cb-article__body a:hover { color: #dedcd2; text-decoration-color: #dedcd2; } /* ======================================== QUICK REFERENCE / CALLOUT ======================================== */ .cb-article__callout { margin: 44px 0; padding: 34px 38px 32px; border: 1px solid rgba(208, 190, 166, 0.38); background: #d0bea6; color: #1a1618; } .cb-article__callout-kicker { margin: 0 0 8px; font-family: "Times New Roman", serif; font-size: 10px; font-weight: 400; line-height: 1; letter-spacing: 2px; text-transform: uppercase; color: #6f2b3e; } .cb-article__callout h3 { margin: 0 0 16px; font-family: Barlow, "Times New Roman", serif; font-size: 26px; font-weight: 400; line-height: 1.15; color: #1a1618; } .cb-article__callout p { margin-bottom: 15px; font-size: 15px; line-height: 1.65; color: rgba(26, 22, 24, 0.82); } .cb-article__callout ul { margin: 4px 0 18px; padding-left: 22px; color: #1a1618; } .cb-article__callout li { margin-bottom: 7px; font-size: 15px; line-height: 1.55; } .cb-article__callout li::marker { color: #6f2b3e; } .cb-article__callout p.cb-article__callout-note { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid rgba(26, 22, 24, 0.18); font-family: "Times New Roman", serif; font-size: 16px; font-style: italic; line-height: 1.55; color: #3c1224; } /* ======================================== REFERENCE TABLE ======================================== */ .cb-article__table-wrap { width: 100%; margin: 36px 0 42px; overflow-x: auto; border: 1px solid rgba(208, 190, 166, 0.28); } .cb-article__table { width: 100%; min-width: 640px; border-collapse: collapse; border-spacing: 0; font-size: 14px; } .cb-article__table th, .cb-article__table td { padding: 14px 15px; border-right: 1px solid rgba(208, 190, 166, 0.18); border-bottom: 1px solid rgba(208, 190, 166, 0.18); text-align: left; vertical-align: top; } .cb-article__table th:last-child, .cb-article__table td:last-child { border-right: none; } .cb-article__table tbody tr:last-child td { border-bottom: none; } .cb-article__table th { background: #33131c; font-family: "Times New Roman", serif; font-size: 11px; font-weight: 400; letter-spacing: 1.2px; text-transform: uppercase; color: #dedcd2; } .cb-article__table td { line-height: 1.55; background: #20191c; color: rgba(222, 220, 210, 0.78); } /* ======================================== BRIAR QUOTE ======================================== */ .cb-article__quote { margin: 46px 0; padding: 5px 0 5px 28px; border-left: 2px solid #6f2b3e; } .cb-article__quote p { margin: 0; font-family: "Times New Roman", serif; font-size: 21px; font-style: italic; line-height: 1.55; color: #d0bea6; } /* ======================================== INLINE ARTICLE IMAGE ======================================== */ .cb-article__figure { margin: 46px 0; } .cb-article__figure img { display: block; width: 100%; height: auto; } .cb-article__figure figcaption { margin: 11px 0 0; font-family: "Times New Roman", serif; font-size: 13px; font-style: italic; line-height: 1.5; color: rgba(208, 190, 166, 0.66); } /* ======================================== BULLETED LIST ======================================== */ .cb-article__body ul { list-style-type: disc; list-style-position: outside; padding-left: 1.5rem; margin: 1.25rem 0 1.5rem; } .cb-article__body ol { list-style-type: decimal; list-style-position: outside; padding-left: 1.5rem; margin: 1.25rem 0 1.5rem; } .cb-article__body li { display: list-item; margin-bottom: 0.5rem; padding-left: 0.25rem; } .cb-article__body li:last-child { margin-bottom: 0; } /* ======================================== END OF ARTICLE ======================================== */ .cb-article__end { width: 170px; margin: 54px auto 0; display: flex; align-items: center; justify-content: center; gap: 10px; } .cb-article__end > span:not(.cb-article__end-mark) { display: block; width: 62px; height: 1px; background: rgba(208, 190, 166, 0.30); } .cb-article__end-mark { font-family: "Times New Roman", serif; font-size: 7px; line-height: 1; color: #d0bea6; } /* ======================================== ARTICLE NAVIGATION ======================================== */ .cb-article__nav { width: 88%; max-width: 1000px; margin: 64px auto 0; padding-top: 30px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 36px; align-items: start; border-top: 1px solid rgba(208, 190, 166, 0.18); } .cb-article__nav a { text-decoration: none; } .cb-article__nav-link { display: flex; flex-direction: column; gap: 7px; } .cb-article__nav-link--next { text-align: right; } .cb-article__nav-label { font-family: "Times New Roman", serif; font-size: 10px; line-height: 1; letter-spacing: 1.5px; text-transform: uppercase; color: #d0bea6; } .cb-article__nav-title { font-family: Barlow, "Times New Roman", serif; font-size: 15px; line-height: 1.35; color: rgba(222, 220, 210, 0.72); transition: color 0.2s ease; } .cb-article__nav-link:hover .cb-article__nav-title { color: #dedcd2; } /* ALL NOTES */ .cb-article__nav-home { display: flex; flex-direction: column; align-items: center; gap: 8px; font-family: "Times New Roman", serif; font-size: 10px; line-height: 1; letter-spacing: 1.4px; text-align: center; text-transform: uppercase; color: #d0bea6; } .cb-article__nav-grid { font-size: 9px; transition: transform 0.2s ease; } .cb-article__nav-home:hover .cb-article__nav-grid { transform: rotate(45deg); } /* ======================================== TABLET ======================================== */ @media screen and (max-width: 900px) { .cb-article__header h1 { font-size: 42px; } } /* ======================================== MOBILE ======================================== */ @media screen and (max-width: 680px) { .cb-article { padding: 38px 0 54px; } /* HERO */ .cb-article__header-image { width: 84%; margin-bottom: 38px; } .cb-article__header-image figcaption { font-size: 12px; } /* HEADER */ .cb-article__header { width: 84%; margin-bottom: 40px; } .cb-article__category { margin-bottom: 14px; } .cb-article__header h1 { margin-bottom: 17px; font-size: 35px; line-height: 1.1; } .cb-article__deck { font-size: 15px; line-height: 1.6; } .cb-article__divider { margin-top: 28px; } /* BODY */ .cb-article__body { width: 84%; } .cb-article__body p { margin-bottom: 20px; font-size: 16px; line-height: 1.72; } .cb-article__body p.cb-article__lead { font-size: 18px; line-height: 1.65; } .cb-article__body h2 { margin-top: 44px; font-size: 28px; } .cb-article__body h3 { margin-top: 32px; font-size: 22px; } .cb-article__body li { font-size: 16px; } /* CALLOUT */ .cb-article__callout { margin: 36px 0; padding: 27px 24px 26px; } .cb-article__callout h3 { font-size: 23px; } /* QUOTE */ .cb-article__quote { margin: 38px 0; padding-left: 20px; } .cb-article__quote p { font-size: 19px; } /* FIGURE */ .cb-article__figure { margin: 38px 0; } /* NAVIGATION */ .cb-article__nav { width: 84%; margin-top: 52px; grid-template-columns: 1fr 1fr; gap: 30px 20px; } .cb-article__nav-home { grid-column: 1 / -1; grid-row: 2; } .cb-article__nav-title { font-size: 14px; } } } #fw-section-custom-html-f774dd8e-4e6d-4555-8654-4acd14c8d206 { /* ======================================== CROOKED BRIAR — BRIAR NOTE ARTICLE ======================================== */ .cb-article { width: 100%; margin: 0; padding: 64px 0 72px; background: #1a1618; color: #dedcd2; } /* ======================================== ARTICLE HEADER IMAGE ======================================== */ .cb-article__header-image { width: 88%; max-width: 760px; margin: 0 auto 48px; } .cb-article__header-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid rgba(208, 190, 166, 0.18); } .cb-article__header-image figcaption { margin: 10px 0 0; font-family: "Times New Roman", serif; font-size: 13px; font-style: italic; line-height: 1.5; color: rgba(208, 190, 166, 0.62); } /* ======================================== ARTICLE HEADER ======================================== */ .cb-article__header { width: 88%; max-width: 850px; margin: 0 auto 50px; text-align: center; } .cb-article__category { display: inline-block; margin: 0 0 17px; padding: 5px 9px 4px; border: 1px solid rgba(208, 190, 166, 0.30); background: #d0bea6; font-family: "Times New Roman", serif; font-size: 10px; font-weight: 400; line-height: 1; letter-spacing: 1.6px; text-transform: uppercase; color: #1a1618; } .cb-article__header h1 { max-width: 800px; margin: 0 auto 20px; font-family: Barlow, "Times New Roman", serif; font-size: 48px; font-weight: 400; line-height: 1.08; color: #dedcd2; } .cb-article__deck { max-width: 680px; margin: 0 auto; font-size: 17px; line-height: 1.65; color: rgba(222, 220, 210, 0.76); } /* ======================================== HEADER DIVIDER ======================================== */ .cb-article__divider { width: 190px; margin: 34px auto 0; display: flex; align-items: center; justify-content: center; gap: 10px; } .cb-article__divider > span:not(.cb-article__divider-mark) { display: block; width: 70px; height: 1px; background: rgba(208, 190, 166, 0.34); } .cb-article__divider-mark { font-family: "Times New Roman", serif; font-size: 7px; line-height: 1; color: #d0bea6; } /* ======================================== ARTICLE BODY ======================================== */ .cb-article__body { width: 88%; max-width: 760px; margin: 0 auto; } .cb-article__body p { margin: 0 0 22px; font-size: 17px; font-weight: 400; line-height: 1.78; color: rgba(222, 220, 210, 0.82); } .cb-article__body p.cb-article__lead { font-size: 19px; line-height: 1.72; color: #dedcd2; } /* ======================================== ARTICLE HEADINGS ======================================== */ .cb-article__body h2 { margin: 54px 0 20px; font-family: Barlow, "Times New Roman", serif; font-size: 32px; font-weight: 400; line-height: 1.15; color: #dedcd2; } .cb-article__body h3 { margin: 38px 0 16px; font-family: Barlow, "Times New Roman", serif; font-size: 24px; font-weight: 400; line-height: 1.2; color: #d0bea6; } /* ======================================== STANDARD LISTS ======================================== */ .cb-article__body ul, .cb-article__body ol { margin: 4px 0 26px; padding-left: 24px; color: rgba(222, 220, 210, 0.82); } .cb-article__body li { margin: 0 0 9px; font-size: 17px; line-height: 1.65; } .cb-article__body li::marker { color: #d0bea6; } /* ======================================== LINKS ======================================== */ .cb-article__body a { color: #d0bea6; text-decoration: underline; text-decoration-color: rgba(208, 190, 166, 0.45); text-underline-offset: 3px; transition: color 0.2s ease, text-decoration-color 0.2s ease; } .cb-article__body a:hover { color: #dedcd2; text-decoration-color: #dedcd2; } /* ======================================== QUICK REFERENCE / CALLOUT ======================================== */ .cb-article__callout { margin: 44px 0; padding: 34px 38px 32px; border: 1px solid rgba(208, 190, 166, 0.38); background: #d0bea6; color: #1a1618; } .cb-article__callout-kicker { margin: 0 0 8px; font-family: "Times New Roman", serif; font-size: 10px; font-weight: 400; line-height: 1; letter-spacing: 2px; text-transform: uppercase; color: #6f2b3e; } .cb-article__callout h3 { margin: 0 0 16px; font-family: Barlow, "Times New Roman", serif; font-size: 26px; font-weight: 400; line-height: 1.15; color: #1a1618; } .cb-article__callout p { margin-bottom: 15px; font-size: 15px; line-height: 1.65; color: rgba(26, 22, 24, 0.82); } .cb-article__callout ul { margin: 4px 0 18px; padding-left: 22px; color: #1a1618; } .cb-article__callout li { margin-bottom: 7px; font-size: 15px; line-height: 1.55; } .cb-article__callout li::marker { color: #6f2b3e; } .cb-article__callout p.cb-article__callout-note { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid rgba(26, 22, 24, 0.18); font-family: "Times New Roman", serif; font-size: 16px; font-style: italic; line-height: 1.55; color: #3c1224; } /* ======================================== REFERENCE TABLE ======================================== */ .cb-article__table-wrap { width: 100%; margin: 36px 0 42px; overflow-x: auto; border: 1px solid rgba(208, 190, 166, 0.28); } .cb-article__table { width: 100%; min-width: 640px; border-collapse: collapse; border-spacing: 0; font-size: 14px; } .cb-article__table th, .cb-article__table td { padding: 14px 15px; border-right: 1px solid rgba(208, 190, 166, 0.18); border-bottom: 1px solid rgba(208, 190, 166, 0.18); text-align: left; vertical-align: top; } .cb-article__table th:last-child, .cb-article__table td:last-child { border-right: none; } .cb-article__table tbody tr:last-child td { border-bottom: none; } .cb-article__table th { background: #33131c; font-family: "Times New Roman", serif; font-size: 11px; font-weight: 400; letter-spacing: 1.2px; text-transform: uppercase; color: #dedcd2; } .cb-article__table td { line-height: 1.55; background: #20191c; color: rgba(222, 220, 210, 0.78); } /* ======================================== BRIAR QUOTE ======================================== */ .cb-article__quote { margin: 46px 0; padding: 5px 0 5px 28px; border-left: 2px solid #6f2b3e; } .cb-article__quote p { margin: 0; font-family: "Times New Roman", serif; font-size: 21px; font-style: italic; line-height: 1.55; color: #d0bea6; } /* ======================================== INLINE ARTICLE IMAGE ======================================== */ .cb-article__figure { margin: 46px 0; } .cb-article__figure img { display: block; width: 100%; height: auto; } .cb-article__figure figcaption { margin: 11px 0 0; font-family: "Times New Roman", serif; font-size: 13px; font-style: italic; line-height: 1.5; color: rgba(208, 190, 166, 0.66); } /* ======================================== BULLETED LIST ======================================== */ .cb-article__body ul { list-style-type: disc; list-style-position: outside; padding-left: 1.5rem; margin: 1.25rem 0 1.5rem; } .cb-article__body ol { list-style-type: decimal; list-style-position: outside; padding-left: 1.5rem; margin: 1.25rem 0 1.5rem; } .cb-article__body li { display: list-item; margin-bottom: 0.5rem; padding-left: 0.25rem; } .cb-article__body li:last-child { margin-bottom: 0; } /* ======================================== END OF ARTICLE ======================================== */ .cb-article__end { width: 170px; margin: 54px auto 0; display: flex; align-items: center; justify-content: center; gap: 10px; } .cb-article__end > span:not(.cb-article__end-mark) { display: block; width: 62px; height: 1px; background: rgba(208, 190, 166, 0.30); } .cb-article__end-mark { font-family: "Times New Roman", serif; font-size: 7px; line-height: 1; color: #d0bea6; } /* ======================================== ARTICLE NAVIGATION ======================================== */ .cb-article__nav { width: 88%; max-width: 1000px; margin: 64px auto 0; padding-top: 30px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 36px; align-items: start; border-top: 1px solid rgba(208, 190, 166, 0.18); } .cb-article__nav a { text-decoration: none; } .cb-article__nav-link { display: flex; flex-direction: column; gap: 7px; } .cb-article__nav-link--next { text-align: right; } .cb-article__nav-label { font-family: "Times New Roman", serif; font-size: 10px; line-height: 1; letter-spacing: 1.5px; text-transform: uppercase; color: #d0bea6; } .cb-article__nav-title { font-family: Barlow, "Times New Roman", serif; font-size: 15px; line-height: 1.35; color: rgba(222, 220, 210, 0.72); transition: color 0.2s ease; } .cb-article__nav-link:hover .cb-article__nav-title { color: #dedcd2; } /* ALL NOTES */ .cb-article__nav-home { display: flex; flex-direction: column; align-items: center; gap: 8px; font-family: "Times New Roman", serif; font-size: 10px; line-height: 1; letter-spacing: 1.4px; text-align: center; text-transform: uppercase; color: #d0bea6; } .cb-article__nav-grid { font-size: 9px; transition: transform 0.2s ease; } .cb-article__nav-home:hover .cb-article__nav-grid { transform: rotate(45deg); } /* ======================================== TABLET ======================================== */ @media screen and (max-width: 900px) { .cb-article__header h1 { font-size: 42px; } } /* ======================================== MOBILE ======================================== */ @media screen and (max-width: 680px) { .cb-article { padding: 38px 0 54px; } /* HERO */ .cb-article__header-image { width: 84%; margin-bottom: 38px; } .cb-article__header-image figcaption { font-size: 12px; } /* HEADER */ .cb-article__header { width: 84%; margin-bottom: 40px; } .cb-article__category { margin-bottom: 14px; } .cb-article__header h1 { margin-bottom: 17px; font-size: 35px; line-height: 1.1; } .cb-article__deck { font-size: 15px; line-height: 1.6; } .cb-article__divider { margin-top: 28px; } /* BODY */ .cb-article__body { width: 84%; } .cb-article__body p { margin-bottom: 20px; font-size: 16px; line-height: 1.72; } .cb-article__body p.cb-article__lead { font-size: 18px; line-height: 1.65; } .cb-article__body h2 { margin-top: 44px; font-size: 28px; } .cb-article__body h3 { margin-top: 32px; font-size: 22px; } .cb-article__body li { font-size: 16px; } /* CALLOUT */ .cb-article__callout { margin: 36px 0; padding: 27px 24px 26px; } .cb-article__callout h3 { font-size: 23px; } /* QUOTE */ .cb-article__quote { margin: 38px 0; padding-left: 20px; } .cb-article__quote p { font-size: 19px; } /* FIGURE */ .cb-article__figure { margin: 38px 0; } /* NAVIGATION */ .cb-article__nav { width: 84%; margin-top: 52px; grid-template-columns: 1fr 1fr; gap: 30px 20px; } .cb-article__nav-home { grid-column: 1 / -1; grid-row: 2; } .cb-article__nav-title { font-size: 14px; } } } #fw-section-rich-text-178986660319754 { --font-heading-scale: 1.0; --font-body-scale: 1.0; } #fw-section-rich-text-178986660319754 { --color-primary: #352d31; --color-primary-rgb: 53, 45, 49; --color-background: #d0bea6; --color-background-rgb: 208, 190, 166; --color-on-background: #3c1721; --color-on-background-rgb: 60, 23, 33; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #3c1721; --color-background-brightness: 193; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #352d31; --primary-btn-text: #ece4d6; --primary-btn-border-color: #3c1721; --secondary-btn-bg: transparent; --secondary-btn-text: #3c1721; --secondary-btn-border-color: #3c1721; } #fw-section-custom-html-be168deb-996d-4b9e-be12-a9b337c8235a { /* ======================================== CROOKED BRIAR — ETHICS & POLICIES ======================================== */ .cb-policies { width: 100%; margin: 0; padding: 64px 0 80px; background: #d6c3a5; color: #49121d; } .cb-policies__inner { width: 88%; max-width: 840px; margin: 0 auto; } /* PAGE HEADER */ .cb-policies__header { margin-bottom: 42px; } .cb-policies__kicker { margin: 0 0 10px; font-family: Barlow, Arial, sans-serif; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #6f2b3e; } .cb-policies h1 { margin: 0 0 22px; font-family: Barlow, "Times New Roman", serif; font-size: 46px; font-weight: 400; line-height: 1.08; color: #49121d; } .cb-policies__intro { max-width: 780px; } .cb-policies p { margin: 0 0 14px; font-size: 16px; line-height: 1.65; } .cb-policies p:last-child { margin-bottom: 0; } /* QUICK LINKS */ .cb-policies__nav { margin: 30px 0 0; padding: 20px 0; border-top: 1px solid rgba(73, 18, 29, 0.22); border-bottom: 1px solid rgba(73, 18, 29, 0.22); } .cb-policies__nav-label { display: block; margin-bottom: 10px; font-family: Barlow, Arial, sans-serif; font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: 2.5px; text-transform: uppercase; color: #6f2b3e; } .cb-policies__nav-links { display: flex; flex-wrap: wrap; gap: 8px 22px; } .cb-policies__nav a { font-size: 14px; color: #49121d; text-decoration: underline; text-underline-offset: 3px; } .cb-policies__nav a:hover { color: #6f2b3e; } /* MAJOR GROUPS */ .cb-policies__group { margin-top: 52px; } .cb-policies__group-label { margin: 0 0 28px; padding-bottom: 11px; border-bottom: 1px solid rgba(73, 18, 29, 0.28); font-family: Barlow, Arial, sans-serif; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #6f2b3e; } /* INDIVIDUAL POLICY SECTIONS */ .cb-policies__section { margin-bottom: 38px; scroll-margin-top: 110px; } .cb-policies__section:last-child { margin-bottom: 0; } .cb-policies h2 { margin: 0 0 14px; font-family: Barlow, "Times New Roman", serif; font-size: 30px; font-weight: 400; line-height: 1.15; color: #49121d; } .cb-policies h3 { margin: 24px 0 8px; font-family: Barlow, "Times New Roman", serif; font-size: 21px; font-weight: 500; line-height: 1.2; color: #49121d; } /* IMPORTANT POLICY CALLOUTS */ .cb-policies__callout { margin: 22px 0; padding: 20px 22px; background: rgba(111, 43, 62, 0.07); border-left: 3px solid #6f2b3e; } .cb-policies__callout p { margin-bottom: 10px; } .cb-policies__callout p:last-child { margin-bottom: 0; } /* LINKS */ .cb-policies a { color: #6f2b3e; text-underline-offset: 3px; } .cb-policies a:hover { color: #49121d; } /* CLOSING */ .cb-policies__closing { margin-top: 44px; padding-top: 24px; border-top: 1px solid rgba(73, 18, 29, 0.28); } .cb-policies__agreement { margin-top: 24px !important; font-size: 14px !important; font-style: italic; color: rgba(73, 18, 29, 0.82); } /* MOBILE */ @media screen and (max-width: 768px) { .cb-policies { padding: 46px 0 60px; } .cb-policies__inner { width: 84%; } .cb-policies__header { margin-bottom: 36px; } .cb-policies h1 { font-size: 38px; } .cb-policies p { font-size: 15px; line-height: 1.6; } .cb-policies__nav { margin-top: 26px; padding: 18px 0; } .cb-policies__nav-links { display: block; } .cb-policies__nav a { display: block; margin-bottom: 8px; } .cb-policies__nav a:last-child { margin-bottom: 0; } .cb-policies__group { margin-top: 44px; } .cb-policies__group-label { margin-bottom: 25px; } .cb-policies__section { margin-bottom: 34px; } .cb-policies h2 { font-size: 27px; } .cb-policies h3 { font-size: 20px; } .cb-policies__callout { padding: 18px; } } } #fw-section-custom-html-7c0aa88e-c896-4f9c-aedd-2139cbba9daa { /* ======================================== CROOKED BRIAR — BRIAR NOTES INDEX ======================================== */ .cb-notes { width: 100%; margin: 0; background: #1a1618; color: #dedcd2; } /* ======================================== INTRO ======================================== */ .cb-notes__intro { width: 88%; max-width: 900px; margin: 0 auto; padding: 92px 0 72px; text-align: center; } .cb-notes__kicker { margin: 0 0 14px; font-family: "Times New Roman", serif; font-size: 13px; font-weight: 400; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #d0bea6; } .cb-notes__intro h1 { max-width: 760px; margin: 0 auto 20px; font-family: Barlow, "Times New Roman", serif; font-size: 52px; font-weight: 400; line-height: 1.05; color: #dedcd2; } .cb-notes__intro-text { max-width: 650px; margin: 0 auto; font-size: 17px; font-weight: 400; line-height: 1.65; color: rgba(222, 220, 210, 0.78); } /* ======================================== INTRO FLOURISH ======================================== */ .cb-notes__flourish { width: 210px; margin: 36px auto 0; display: flex; align-items: center; justify-content: center; gap: 11px; color: #d0bea6; } .cb-notes__flourish > span:not(.cb-notes__diamond) { display: block; width: 78px; height: 1px; background: rgba(208, 190, 166, 0.42); } .cb-notes__diamond { font-size: 7px; line-height: 1; } /* ======================================== ARCHIVE ======================================== */ .cb-notes__archive { width: 88%; max-width: 1220px; margin: 0 auto; padding: 0 0 94px; } .cb-notes__section-heading { margin: 0 0 34px; } .cb-notes__section-kicker { margin: 0 0 8px; font-family: "Times New Roman", serif; font-size: 11px; font-weight: 400; line-height: 1; letter-spacing: 2.4px; text-transform: uppercase; color: #d0bea6; } .cb-notes__section-heading h2 { margin: 0; font-family: Barlow, "Times New Roman", serif; font-size: 34px; font-weight: 400; line-height: 1.1; color: #dedcd2; } /* ======================================== CARD GRID ======================================== */ .cb-notes__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 22px; } /* ======================================== NOTE CARD ======================================== */ .cb-note-card { min-width: 0; margin: 0; border: 1px solid rgba(208, 190, 166, 0.22); background: #20191c; transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease; } .cb-note-card:hover { border-color: rgba(208, 190, 166, 0.42); background: #33131c; transform: translateY(-2px); } .cb-note-card__link { height: 100%; display: flex; flex-direction: column; color: inherit; text-decoration: none; } /* ======================================== CARD IMAGE ======================================== */ .cb-note-card__image-wrap { width: 100%; aspect-ratio: 4 / 3; margin: 0; overflow: hidden; background: #343a30; } .cb-note-card__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s ease, opacity 0.45s ease; } .cb-note-card__link:hover .cb-note-card__image { transform: scale(1.025); opacity: 0.92; } /* ======================================== CARD CONTENT ======================================== */ .cb-note-card__content { display: flex; flex: 1; flex-direction: column; padding: 24px 24px 26px; } .cb-note-card__category { display: inline-block; align-self: flex-start; margin: 0 0 13px; padding: 5px 8px 4px; border: 1px solid rgba(208, 190, 166, 0.30); background: #d0bea6; font-family: "Times New Roman", serif; font-size: 10px; font-weight: 400; line-height: 1; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1618; } .cb-note-card h3 { margin: 0 0 14px; font-family: Barlow, "Times New Roman", serif; font-size: 25px; font-weight: 400; line-height: 1.15; color: #dedcd2; transition: color 0.25s ease; } .cb-note-card__link:hover h3 { color: #d0bea6; } .cb-note-card p { margin: 0 0 24px; font-size: 14px; font-weight: 400; line-height: 1.65; color: rgba(222, 220, 210, 0.70); } .cb-note-card__read { margin-top: auto; font-family: "Times New Roman", serif; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 1.2px; text-transform: uppercase; color: #d0bea6; } .cb-note-card__read span { display: inline-block; margin-left: 5px; transition: transform 0.25s ease; } .cb-note-card__link:hover .cb-note-card__read span { transform: translateX(4px); } /* ======================================== END OF THE NOTES ======================================== */ .cb-notes__end { width: 88%; max-width: 1220px; margin: 0 auto; padding: 0 0 68px; text-align: center; } .cb-notes__end-flourish { width: 150px; margin: 0 auto 18px; display: flex; align-items: center; justify-content: center; gap: 10px; } .cb-notes__end-flourish > span:not(.cb-notes__end-mark) { display: block; width: 54px; height: 1px; background: rgba(208, 190, 166, 0.32); } .cb-notes__end-mark { font-family: "Times New Roman", serif; font-size: 7px; line-height: 1; color: #d0bea6; } .cb-notes__end p { margin: 0; font-family: "Times New Roman", serif; font-size: 17px; font-style: italic; line-height: 1.4; color: rgba(208, 190, 166, 0.72); } /* ======================================== TABLET ======================================== */ @media screen and (max-width: 1000px) { .cb-notes__intro h1 { font-size: 46px; } .cb-notes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 22px; } } /* ======================================== MOBILE ======================================== */ @media screen and (max-width: 680px) { .cb-notes__intro { width: 84%; padding: 64px 0 56px; } .cb-notes__kicker { margin-bottom: 11px; font-size: 12px; letter-spacing: 2.5px; } .cb-notes__intro h1 { margin-bottom: 17px; font-size: 38px; line-height: 1.08; } .cb-notes__intro-text { font-size: 15px; line-height: 1.6; } .cb-notes__flourish { margin-top: 28px; } /* ARCHIVE */ .cb-notes__archive { width: 84%; padding-bottom: 64px; } .cb-notes__section-heading { margin-bottom: 28px; } .cb-notes__section-heading h2 { font-size: 30px; } /* SINGLE COLUMN */ .cb-notes__grid { display: block; } .cb-note-card { margin-bottom: 28px; } .cb-note-card:last-child { margin-bottom: 0; } .cb-note-card__content { padding: 22px 20px 24px; } .cb-note-card h3 { font-size: 24px; } .cb-note-card p { font-size: 15px; } /* END OF NOTES */ .cb-notes__end { width: 84%; padding-bottom: 50px; } .cb-notes__end p { font-size: 16px; } } } #fw-section-hero-35c75cdd-fe2e-4d33-9265-98506e1ffae1 { --font-heading-scale: 1.1; --font-body-scale: 1.07; } #fw-section-hero-35c75cdd-fe2e-4d33-9265-98506e1ffae1 { --color-primary: #6f2b3e; --color-primary-rgb: 111, 43, 62; --color-background: #928881; --color-background-rgb: 146, 136, 129; --color-on-background: #ece4d6; --color-on-background-rgb: 236, 228, 214; --color-on-primary: #e0e0e0; --color-on-primary-rgb: 224, 224, 224; --color-product-image-background: #ece4d6; --color-background-brightness: 138; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #6f2b3e; --primary-btn-text: #e0e0e0; --primary-btn-border-color: #ece4d6; --secondary-btn-bg: transparent; --secondary-btn-text: #ece4d6; --secondary-btn-border-color: #ece4d6; /* ========================================================= CROOKED BRIAR HERO ========================================================= */ /* ========================================================= DESKTOP ========================================================= */ @media screen and (min-width: 769px) { .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__content { width: 800px !important; max-width: 800px !important; text-align: left !important; align-items: flex-start !important; position: relative !important; left: 160px !important; } .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__heading { width: 100% !important; text-align: left !important; line-height: 0.92 !important; margin-left: 0 !important; margin-right: 0 !important; } .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__text { width: 100% !important; text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__cta-container { width: 100% !important; justify-content: flex-start !important; text-align: center !important; } .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__cta { margin-left: 0 !important; margin-right: auto !important; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 768px) { /* Keep the mobile image positioned where you want it */ .hero .section-background__image { background-position: 90% center !important; background-size: cover !important; background-repeat: no-repeat !important; } /* Reset desktop horizontal shift */ .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__content { position: relative !important; left: 0 !important; } } } #fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 { --font-heading-scale: 1.1; --font-body-scale: 1.07; } #fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 { --color-primary: #6f2b3e; --color-primary-rgb: 111, 43, 62; --color-background: #928881; --color-background-rgb: 146, 136, 129; --color-on-background: #ece4d6; --color-on-background-rgb: 236, 228, 214; --color-on-primary: #e0e0e0; --color-on-primary-rgb: 224, 224, 224; --color-product-image-background: #ece4d6; --color-background-brightness: 138; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #6f2b3e; --primary-btn-text: #e0e0e0; --primary-btn-border-color: #ece4d6; --secondary-btn-bg: transparent; --secondary-btn-text: #ece4d6; --secondary-btn-border-color: #ece4d6; /* ========================================================= CROOKED BRIAR HERO ========================================================= */ /* ========================================================= DESKTOP ========================================================= */ @media screen and (min-width: 769px) { .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__content { width: 800px !important; max-width: 800px !important; text-align: left !important; align-items: flex-start !important; position: relative !important; left: 160px !important; } .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__heading { width: 100% !important; text-align: left !important; line-height: 0.92 !important; margin-left: 0 !important; margin-right: 0 !important; } .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__text { width: 100% !important; text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__cta-container { width: 100% !important; justify-content: flex-start !important; text-align: center !important; } .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__cta { margin-left: 0 !important; margin-right: auto !important; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 768px) { /* Keep the mobile image positioned where you want it */ .hero .section-background__image { background-position: 90% center !important; background-size: cover !important; background-repeat: no-repeat !important; } /* Reset desktop horizontal shift */ .hero--fw-section-hero-92feada9-f17d-42da-b385-29f32e3847b5 .hero__content { position: relative !important; left: 0 !important; } } } #fw-section-custom-html-d2898dc9-bf41-41cb-9ea7-b9d377c41beb { --color-primary: #1f1f1f; --color-primary-rgb: 31, 31, 31; --color-background: #34262d; --color-background-rgb: 52, 38, 45; --color-on-background: #0a0808; --color-on-background-rgb: 10, 8, 8; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #0a0808; --color-background-brightness: 43; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #1f1f1f; --primary-btn-text: #ece4d6; --primary-btn-border-color: #0a0808; --secondary-btn-bg: transparent; --secondary-btn-text: #0a0808; --secondary-btn-border-color: #0a0808; /* ========================================================= CROOKED BRIAR — PHILOSOPHY SECTION ========================================================= */ .cb-philosophy { width: 100%; background: #34262D; color: #f2eee5; padding: 64px 0 68px; } .cb-philosophy-inner { width: 88%; max-width: 1120px; margin: 0 auto; display: flex; align-items: flex-start; justify-content: center; gap: 72px; } /* IMAGE */ .cb-philosophy-image-wrap { flex: 0 0 560px; } .cb-philosophy-image { display: block; width: 560px; height: 373px; object-fit: cover; object-position: center; border-radius: 3px; } /* COPY */ .cb-philosophy-copy { flex: 1; max-width: 550px; padding-top: 0px; } .cb-philosophy-kicker { margin: 0 0 12px; font-family: Barlow, "Times New Roman", serif; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: rgba(242, 238, 229, 0.70); } .cb-philosophy-copy h2 { margin: 0 0 22px; font-family: Barlow, "Times New Roman", serif; font-size: 42px; font-weight: 400; line-height: 1.08; color: #f2eee5; } .cb-philosophy-copy p { margin: 0 0 16px; font-size: 16px; line-height: 1.65; color: rgba(242, 238, 229, 0.88); } .cb-philosophy-copy p:last-child { margin-bottom: 0; } /* ========================================================= TABLET ========================================================= */ @media screen and (max-width: 1000px) { .cb-philosophy-inner { width: 90%; gap: 44px; } .cb-philosophy-image-wrap { flex-basis: 360px; } .cb-philosophy-image { width: 360px; height: 300px; } .cb-philosophy-copy h2 { font-size: 36px; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 768px) { .cb-philosophy { padding: 44px 0 48px; } .cb-philosophy-inner { width: 88%; display: flex; flex-direction: column; gap: 28px; } .cb-philosophy-image-wrap { flex: none; width: 100%; } .cb-philosophy-image { width: 100%; height: auto; aspect-ratio: 4 / 3; } .cb-philosophy-copy { max-width: 100%; padding-top: 0; } .cb-philosophy-kicker { margin-bottom: 10px; } .cb-philosophy-copy h2 { margin-bottom: 18px; font-size: 34px; line-height: 1.05; } .cb-philosophy-copy p { font-size: 15px; line-height: 1.6; } } } #fw-section-custom-html-539445b6-b4bf-43ce-8d86-a5b7494119ae { --color-primary: #1f1f1f; --color-primary-rgb: 31, 31, 31; --color-background: #343a2f; --color-background-rgb: 52, 58, 47; --color-on-background: #0a0808; --color-on-background-rgb: 10, 8, 8; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #0a0808; --color-background-brightness: 55; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #1f1f1f; --primary-btn-text: #ece4d6; --primary-btn-border-color: #0a0808; --secondary-btn-bg: transparent; --secondary-btn-text: #0a0808; --secondary-btn-border-color: #0a0808; /* ========================================================= CROOKED BRIAR — THREE PATHS / PARCHMENT OVERLAP ========================================================= */ .cb-paths-section { position: relative; z-index: 3; width: 100%; /* Pull the parchment upward so the torn top overlaps the bottom of the philosophy section. */ margin-top: -100px; margin-bottom: -45px; /* Use the full parchment image as the section background. Keep the whole torn paper visible. */ background-image: url("https://imgproxy.fourthwall.dev/nDCOTt8pA9GbFo58fO9PIIrjrSmbwUMlJdRXEMufK5s/w:1920/sm:1/enc/pLTBeC10ikheVZwT/wGlVHFwMV-DyGD63/7sK2kVJEXX6zy_4Q/8WgnIDAEVkygVDid/s74AFajmI43fEo-J/11hwucsX_ecmzy9_/uFtIKuG95IibMPu-/PHO0VSCK9B8BJFqG/v5SZeAMIF-gvlY9_/KzERlLvxWF8ZMFS4/UmflOizE_aIsj79i/7cqHFuzKsPHkFGn7/g-pEWrIJsr8sjQfy/FoP_wLPEq1se6CX8/rOkAjlr34m1lfJXa/TaAn1NWck5QF98OW.webp"); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; background-color: transparent; color: #241d1a; /* Less top padding now because the whole section has been moved upward. */ padding: 105px 0 95px; } /* ========================================================= INNER CONTENT ========================================================= */ .cb-paths-inner { width: 90%; max-width: 1250px; margin: 0 auto; /* Nudge the content upward inside the parchment so it doesn't sit too low after the overlap. */ position: relative; top: -18px; } /* ========================================================= HEADING ========================================================= */ .cb-paths-heading { text-align: center; margin: 0 auto 36px; } .cb-paths-kicker { margin: 0 0 8px; font-family: Barlow, "Times New Roman", serif; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 3px; text-transform: uppercase; color: #624850; } .cb-paths-heading h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 42px; font-weight: 400; line-height: 1.2; color: #241d1a; } /* ========================================================= GRID ========================================================= */ .cb-paths-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 52px; align-items: start; } /* ========================================================= INDIVIDUAL PATH ========================================================= */ .cb-path-item { display: flex; flex-direction: column; align-items: center; color: inherit; text-decoration: none; text-align: center; padding: 0 18px; transition: transform 0.22s ease, color 0.22s ease; } .cb-path-item + .cb-path-item { border-left: 1px solid rgba(74, 55, 50, 0.20); } /* ========================================================= IMAGE ========================================================= */ .cb-path-image-wrap { width: 100%; max-width: 315px; margin: 0 auto 18px; } .cb-path-image-wrap img { display: block; width: 100%; height: 220px; object-fit: contain; margin: 0 auto; } /* ========================================================= TYPE ========================================================= */ .cb-path-item h3 { margin: 0 0 8px; font-family: Barlow, "Sneaky Times", serif; font-size: 30px; font-weight: 400; line-height: 1; color: #241d1a; } .cb-path-item p { width: 100%; max-width: 300px; min-height: 48px; margin: 0 auto 12px; font-size: 15px; line-height: 1.45; color: #463b37; } /* ========================================================= TEXT LINK ========================================================= */ .cb-path-explore { display: inline-block; margin-top: 2px; padding-bottom: 3px; border-bottom: 1px solid rgba(126, 43, 67, 0.45); font-size: 14px; font-weight: 600; color: #7E2B43; transition: color 0.2s ease, border-color 0.2s ease; } /* ========================================================= HOVER ========================================================= */ @media (hover: hover) { .cb-path-item:hover { transform: translateY(-3px); } .cb-path-item:hover .cb-path-explore { color: #532033; border-color: #532033; } } /* ========================================================= TABLET ========================================================= */ @media screen and (max-width: 1000px) { .cb-paths-section { margin-top: -65px; padding: 95px 0 85px; } .cb-paths-inner { top: -12px; } .cb-paths-grid { gap: 24px; } .cb-path-item { padding: 0 10px; } .cb-path-image-wrap img { height: 190px; } .cb-path-item h3 { font-size: 27px; } .cb-path-item p { font-size: 14px; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 768px) { .cb-paths-section { margin-top: -20px; margin-bottom: -21px; background-image: url("https://imgproxy.fourthwall.dev/tTCYom2UGbTwHdEJpOCKYlidNCWMgzgj-NCwRLkj6-U/w:1024/sm:1/enc/JnUGBQMBIWOw_T8C/004OB3gELvATMRGY/yuJdWP2NBctpXNgP/kq-iAYb13A_fR0-1/iCbYyim9GZbM0q7G/BwGqvpY_yYYuwOv3/_o9FXpC8tFdVDtry/ZqBwfyl6GSj93paS/6REY1DLixuNQgfgT/ZLbYgkhdOD3E0J84/iZQ_Z0aHeXlE5neP/ZRXlXaYFoihR53rY/tD2oCPocvt4TRiUH/Ve3Z8juavYyQvqFj/mk4l8o2Tj-Chn8ke/l_aJI5UjSc7Ti2e5.webp"); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; background-color: #1a1617; padding: 85px 0 35px; } .cb-paths-inner { width: 88%; top: -4px; } .cb-paths-heading { margin-bottom: 30px; } .cb-paths-kicker { font-size: 13px; letter-spacing: 3px; } .cb-paths-heading h2 { font-size: 24px; } .cb-paths-grid { display: block; } .cb-path-item { width: 100%; position: relative; padding: 0 0 34px; margin: 0 auto 34px; border-left: none !important; border-bottom: none; } .cb-path-item:not(:last-child)::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 65%; border-bottom: 1px solid rgba(74, 55, 50, 0.18); } .cb-path-item:last-child { margin-bottom: 0; padding-bottom: 0; } .cb-path-image-wrap { max-width: 270px; margin-bottom: 14px; } .cb-path-image-wrap img { height: 185px; } .cb-path-item h3 { font-size: 29px; } .cb-path-item p { min-height: 0; max-width: 310px; margin-bottom: 10px; font-size: 15px; } } } #fw-section-featured-product-57844c22-1ef2-4393-91ab-ed2ccb633ef2 { --color-primary: #1f1f1f; --color-primary-rgb: 31, 31, 31; --color-background: #ece4d6; --color-background-rgb: 236, 228, 214; --color-on-background: #0a0808; --color-on-background-rgb: 10, 8, 8; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #0a0808; --color-background-brightness: 229; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #1f1f1f; --primary-btn-text: #ece4d6; --primary-btn-border-color: #0a0808; --secondary-btn-bg: transparent; --secondary-btn-text: #0a0808; --secondary-btn-border-color: #0a0808; } #fw-section-newsletter-f4657bfe-e46a-44ca-824a-57a65f03effe { --color-primary: #352d31; --color-primary-rgb: 53, 45, 49; --color-background: #343a2f; --color-background-rgb: 52, 58, 47; --color-on-background: #ece4d6; --color-on-background-rgb: 236, 228, 214; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #ece4d6; --color-background-brightness: 55; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #352d31; --primary-btn-text: #ece4d6; --primary-btn-border-color: #ece4d6; --secondary-btn-bg: transparent; --secondary-btn-text: #ece4d6; --secondary-btn-border-color: #ece4d6; } #fw-section-footer { --font-heading-scale: 1.07; --font-body-scale: 1.07; } #fw-section-footer { --color-primary: #1f1f1f; --color-primary-rgb: 31, 31, 31; --color-background: #2b0e16; --color-background-rgb: 43, 14, 22; --color-on-background: #d77a94; --color-on-background-rgb: 215, 122, 148; --color-on-primary: #ece4d6; --color-on-primary-rgb: 236, 228, 214; --color-product-image-background: #d77a94; --color-background-brightness: 24; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #1f1f1f; --primary-btn-text: #ece4d6; --primary-btn-border-color: #d77a94; --secondary-btn-bg: transparent; --secondary-btn-text: #d77a94; --secondary-btn-border-color: #d77a94; /* ======================================== CROOKED BRIAR — FOOTER BACKGROUND ======================================== */ footer.footer { background-color: #1a1618 !important; background-image: url("https://fatpeoplemagic.carrd.co/assets/images/image06.jpg?v=3fe46106") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } @media screen and (max-width: 768px) { footer.footer { background-position: center center !important; background-size: cover !important; } } } #fw-section-header { --color-primary: #1f1f1f; --color-primary-rgb: 31, 31, 31; --color-background: #1a1618; --color-background-rgb: 26, 22, 24; --color-on-background: #d77a94; --color-on-background-rgb: 215, 122, 148; --color-on-primary: #e0e0e0; --color-on-primary-rgb: 224, 224, 224; --color-product-image-background: #d77a94; --color-background-brightness: 23; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #1f1f1f; --primary-btn-text: #e0e0e0; --primary-btn-border-color: #d77a94; --secondary-btn-bg: transparent; --secondary-btn-text: #d77a94; --secondary-btn-border-color: #d77a94; }