:root {
  --lg-ink: #171512;
  --lg-warm: #f7f7f5;
  --lg-sand: #e8e2dc;
  --lg-gold: #875f3f;
  --lg-line: rgba(23, 21, 18, .14);
}

html { scroll-behavior: smooth; }
body, button, input { font-family: Inter, "Helvetica Neue", Arial, sans-serif; }
body.page-home { background: #fff; color: var(--lg-ink); }
.container-fluid { max-width: 1480px; padding-left: clamp(18px, 4vw, 64px); padding-right: clamp(18px, 4vw, 64px); }

.lg-announcement {
  min-height: 31px; padding: 6px clamp(16px, 4vw, 60px); background: #ede9e3; color: #2e2923;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px;
  font-size: 9px; letter-spacing: .12em; text-transform: uppercase;
}
.lg-announcement span:nth-child(2) { text-align: center; }
.lg-announcement span:last-child { justify-self: end; }
header .top-wrap { display: none !important; }
header .header-content { background: rgba(255,255,255,.97); border-bottom: 1px solid var(--lg-line); }
header .header-content .container-fluid { min-height: 76px; }
header .logo img { max-width: 188px; max-height: 46px; }
header .right-btn img { width: 19px; height: 19px; }
.lg-main-nav { display: flex; justify-content: center; align-items: center; gap: clamp(15px, 1.8vw, 30px); }
.lg-main-nav a { color: var(--lg-ink); font-size: 10px; font-weight: 700; letter-spacing: .08em; white-space: nowrap; }
.lg-main-nav a:hover { color: var(--lg-gold); }
.lg-search-button { border: 0; background: transparent; color: var(--lg-ink); padding-top: .45rem; }
.lg-mobile-nav { display: grid; }
.lg-mobile-nav a { padding: 17px 4px; border-bottom: 1px solid var(--lg-line); color: var(--lg-ink); font-size: 12px; font-weight: 700; letter-spacing: .12em; }

.lg-main-hero { position: relative; min-height: min(680px, 72vh); overflow: hidden; background: linear-gradient(120deg, #503a31, #b99f8b); }
.lg-main-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.lg-main-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13,11,10,.66) 0%, rgba(13,11,10,.28) 43%, rgba(13,11,10,.03) 72%); }
.lg-main-hero-copy { position: relative; z-index: 2; max-width: 1480px; margin: auto; padding: clamp(120px, 16vh, 185px) clamp(25px, 6vw, 92px); color: #fff; }
.lg-kicker { margin: 0 0 16px; font-size: 10px; font-weight: 750; letter-spacing: .23em; text-transform: uppercase; }
.lg-main-hero h1 { max-width: 780px; margin: 0; font: 600 clamp(48px, 5.9vw, 88px)/.98 Inter, "Helvetica Neue", Arial, sans-serif; letter-spacing: -.055em; }
.lg-main-hero-copy > p:not(.lg-kicker) { max-width: 560px; margin: 28px 0 33px; color: rgba(255,255,255,.86); font-size: clamp(14px, 1.2vw, 18px); line-height: 1.65; }
.lg-hero-buttons { display: flex; flex-wrap: wrap; gap: 11px; }
.lg-primary-button, .lg-outline-button { display: inline-flex; min-width: 150px; min-height: 48px; padding: 13px 24px; align-items: center; justify-content: center; border: 1px solid #fff; font-size: 10px; font-weight: 750; letter-spacing: .14em; }
.lg-primary-button { background: #fff; color: var(--lg-ink); }
.lg-outline-button { color: #fff; background: rgba(255,255,255,.05); }
.lg-primary-button:hover, .lg-outline-button:hover { background: var(--lg-gold); border-color: var(--lg-gold); color: #fff; }
.lg-hero-dots { position: absolute; z-index: 3; left: 50%; bottom: 24px; display: flex; gap: 7px; transform: translateX(-50%); }
.lg-hero-dots i { width: 28px; height: 2px; background: #fff; opacity: .45; }
.lg-hero-dots i:first-child { opacity: 1; }

.lg-offer-strip { overflow: hidden; padding: 15px 0; border-bottom: 1px solid var(--lg-line); background: #f7f4ef; }
.lg-offer-track { width: max-content; display: flex; gap: 58px; animation: lgTicker 26s linear infinite; }
.lg-offer-track span { font-size: 9px; font-weight: 700; letter-spacing: .13em; white-space: nowrap; }
@keyframes lgTicker { to { transform: translateX(-50%); } }

.lg-lifecycle { max-width: 1100px; margin: 0 auto; padding: 22px 24px 8px; }
.lg-lifecycle-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }
.lg-lifecycle-grid a { display: grid; place-items: center; gap: 12px; color: var(--lg-ink); font-size: 12px; font-weight: 750; letter-spacing: .08em; text-align: center; }
.lg-cycle-art { width: 76px; height: 54px; position: relative; display: block; border-radius: 50%; background: radial-gradient(circle at 50% 50%, #181411 0 12%, var(--ring) 13% 31%, #221915 32% 36%, #d7b7a2 37% 55%, transparent 56%); transition: transform .3s ease; }
.lg-lifecycle-grid a:hover .lg-cycle-art { transform: translateY(-3px) scale(1.05); }
.lg-cycle-day { --ring:#90684f; }.lg-cycle-month { --ring:#6c8390; }.lg-cycle-six { --ring:#82715d; }.lg-cycle-care { --ring:#6d765d; }.lg-cycle-acc { --ring:#785f75; }

.lg-section { max-width: 1480px; margin: 0 auto; padding: clamp(75px, 8vw, 120px) clamp(20px, 4vw, 64px); }
.lg-section-head { margin-bottom: 38px; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.lg-section-head h2, .lg-editorial h2 { margin: 0; font: 600 clamp(36px, 4vw, 56px)/1.05 Inter, "Helvetica Neue", Arial, sans-serif; letter-spacing: -.045em; }
.lg-section-head > a { padding-bottom: 6px; border-bottom: 1px solid; color: var(--lg-ink); font-size: 10px; font-weight: 750; letter-spacing: .14em; white-space: nowrap; }

.lg-discover-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.lg-discover-card { position: relative; min-height: 440px; padding: 28px; overflow: hidden; color: #fff; display: flex; align-items: flex-end; isolation: isolate; }
.lg-discover-card::before { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 50% 40%, rgba(255,255,255,.44), transparent 48%), linear-gradient(145deg, var(--c1), var(--c2)); transition: transform .5s ease; }
.lg-discover-card::after { content: ""; position: absolute; inset: 45% 0 0; z-index: -1; background: linear-gradient(transparent, rgba(0,0,0,.46)); }
.lg-discover-card:hover::before { transform: scale(1.04); }
.lg-dark-eyes { --c1:#b9947a; --c2:#35231d; }.lg-light-eyes { --c1:#d8d0c1; --c2:#78909a; }.lg-natural-eyes { --c1:#dfbca8; --c2:#79584c; }.lg-bold-eyes { --c1:#a797a4; --c2:#302639; }
.lg-iris { position: absolute; z-index: -1; width: 210px; aspect-ratio: 1; top: 78px; left: calc(50% - 105px); border-radius: 50%; border: 51px solid rgba(32,23,20,.72); background: radial-gradient(circle at 38% 34%, #fff 0 5%, #17110f 7% 42%, #050404 44%); box-shadow: 0 20px 80px rgba(0,0,0,.25), 0 0 0 16px rgba(255,255,255,.1); }
.lg-light-eyes .lg-iris { border-color: rgba(95,128,145,.85); }.lg-natural-eyes .lg-iris { border-color: rgba(128,84,55,.8); }.lg-bold-eyes .lg-iris { border-color: rgba(80,60,80,.84); }
.lg-discover-card strong, .lg-discover-card em { display: block; }
.lg-discover-card strong { font: 400 28px Georgia, serif; }
.lg-discover-card em { margin-top: 10px; font-size: 9px; font-style: normal; font-weight: 700; letter-spacing: .13em; }

.lg-picks { padding-top: 42px; }
.lg-centered-head > div { text-align: center; flex: 1; }
.lg-product-tabs { margin: -15px 0 42px; display: flex; justify-content: center; gap: 38px; border-bottom: 1px solid var(--lg-line); }
.lg-product-tabs a { padding: 15px 0; border-bottom: 2px solid transparent; color: var(--lg-ink); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.lg-product-tabs a.active { border-color: var(--lg-ink); }
.lg-product-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.lg-product-card { min-width: 0; }
.lg-product-card .product-wrap { border: 0 !important; }
.lg-product-card .product-wrap .image { overflow: hidden; background: #f5f3ef; }
.lg-product-card .product-wrap img { width: 100%; transition: transform .5s ease; }
.lg-product-card:hover .product-wrap img { transform: scale(1.025); }
.lg-product-card .product-bottom-info { padding: 16px 0 0; }
.lg-product-card .product-name { min-height: auto; font-size: 14px; font-weight: 600; }
.lg-product-card .product-price { margin-top: 7px; font-size: 14px; }
.lg-product-note { margin-top: 10px; color: var(--lg-gold); font-size: 8px; font-weight: 750; letter-spacing: .13em; }
.lg-product-note span { margin-left: 8px; color: #77706a; }
.lg-empty-products { padding: 70px 25px; text-align: center; background: #f7f4ef; color: #6f6962; }

.lg-colors { padding-top: 52px; }
.lg-color-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.lg-color-grid a { min-height: 300px; padding: 28px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; background: var(--shade); }
.lg-color-grid i { width: 112px; height: 112px; margin-bottom: 24px; border-radius: 50%; border: 32px solid rgba(255,255,255,.43); background: #111; box-shadow: 0 18px 45px rgba(0,0,0,.2); transition: transform .35s ease; }
.lg-color-grid a:hover i { transform: scale(1.08); }
.lg-color-grid strong { font: 600 22px Inter, sans-serif; }
.lg-color-grid span { margin-top: 8px; font-size: 8px; font-weight: 700; letter-spacing: .18em; }
.lg-color-blue { --shade:#607f91; }.lg-color-brown { --shade:#7b5844; }.lg-color-green { --shade:#667459; }.lg-color-grey { --shade:#747577; }.lg-color-red { --shade:#8f5552; }.lg-color-black { --shade:#292827; }

.lg-occasions { padding-top: 56px; }
.lg-occasion-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.lg-occasion-grid a { min-height: 450px; padding: 28px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: linear-gradient(145deg, var(--o1), var(--o2)); isolation: isolate; }
.lg-occasion-grid a::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .92; background: radial-gradient(circle at 52% 38%, rgba(255,255,255,.32), transparent 32%), linear-gradient(145deg,var(--o1),var(--o2)); transition: transform .45s ease; }
.lg-occasion-grid a::after { content: ""; position: absolute; inset: 45% 0 0; z-index: -1; background: linear-gradient(transparent, rgba(0,0,0,.58)); }
.lg-occasion-grid a:hover::before { transform: scale(1.04); }
.lg-occasion-grid span { font-size: 22px; font-weight: 600; }
.lg-occasion-grid strong { margin-top: 8px; font-size: 10px; letter-spacing: .17em; }
.lg-occasion-holiday { --o1:#b9a38d; --o2:#6f5948; }.lg-occasion-date { --o1:#d0a2a2; --o2:#87565f; }.lg-occasion-office { --o1:#9da3a8; --o2:#4f565e; }.lg-occasion-selfie { --o1:#b7a9c2; --o2:#675d77; }

.lg-editorial { min-height: 610px; display: grid; grid-template-columns: 1.05fr .95fr; background: #e8ddd0; overflow: hidden; }
.lg-editorial-art { position: relative; min-height: 520px; background: radial-gradient(circle at 50% 47%, #1b1310 0 8%, #98704f 9% 21%, #201714 22% 25%, #e2bfa8 26% 41%, #7f4f41 42% 44%, #c89179 45% 51%, #efd0be 52% 62%, transparent 63%), linear-gradient(145deg,#d2a18c,#714539); }
.lg-editorial-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,.24), transparent 50%); }
.lg-editorial-copy { padding: clamp(65px, 8vw, 120px); align-self: center; }
.lg-editorial-copy > p:not(.lg-kicker) { max-width: 540px; margin: 26px 0 32px; color: #61584f; font-size: 15px; line-height: 1.75; }
.lg-editorial .lg-primary-button { background: var(--lg-ink); border-color: var(--lg-ink); color: #fff; }

.lg-proof { min-height: 540px; padding: clamp(75px, 9vw, 130px) clamp(20px, 5vw, 78px); display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px, 8vw, 120px); align-items: center; background: #fff; color: var(--lg-ink); }
.lg-proof-heading h2 { max-width: 650px; margin: 0 0 30px; font: 650 clamp(58px, 7vw, 96px)/.95 Inter, sans-serif; letter-spacing: -.06em; }
.lg-proof-heading a { padding-bottom: 6px; border-bottom: 1px solid var(--lg-ink); color: var(--lg-ink); font-size: 9px; font-weight: 750; letter-spacing: .15em; }
.lg-proof-grid { display: grid; }
.lg-proof-grid article { position: relative; padding: 28px 0 28px 55px; border-bottom: 1px solid var(--lg-line); }
.lg-proof-grid article:first-child { border-top: 1px solid var(--lg-line); }
.lg-proof-grid b { position: absolute; left: 0; top: 31px; color: #b99d7a; font-size: 10px; }
.lg-proof-grid h3 { margin: 0 0 9px; font: 600 22px Inter, sans-serif; }
.lg-proof-grid p { margin: 0; color: #68615a; font-size: 13px; line-height: 1.65; }

.lg-experience { max-width: none; background: #f5f1eb; }
.lg-experience .lg-centered-head { max-width: 1480px; margin-left: auto; margin-right: auto; }
.lg-experience-grid { max-width: 1480px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.lg-experience-grid article { min-height: 310px; padding: 40px; background: #fff; border: 1px solid rgba(23,21,18,.08); }
.lg-feature-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--lg-line); border-radius: 50%; color: var(--lg-gold); font-size: 11px; font-weight: 750; }
.lg-experience-grid h3 { margin: 24px 0 15px; font: 600 21px Inter, sans-serif; }
.lg-experience-grid p { color: #68615a; font-size: 13px; line-height: 1.7; }
.lg-experience-grid span { display: inline-block; margin-top: 28px; color: var(--lg-gold); font-size: 8px; font-weight: 750; letter-spacing: .15em; }

.lg-community { padding: clamp(75px, 8vw, 115px) 0; overflow: hidden; }
.lg-community > .lg-section-head { max-width: 1480px; margin-left: auto; margin-right: auto; padding: 0 clamp(20px, 4vw, 64px); }
.lg-community-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 22vw); gap: 12px; padding: 0 clamp(20px, 4vw, 64px); overflow-x: auto; scrollbar-width: thin; scroll-snap-type: x proximity; }
.lg-community-card { position: relative; min-height: 410px; overflow: hidden; background: #eee8e1; scroll-snap-align: start; }
.lg-community-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.lg-community-card:hover img { transform: scale(1.035); }
.lg-community-card span { position: absolute; inset: auto 0 0; padding: 30px 22px 20px; color: #fff; font-size: 11px; font-weight: 650; background: linear-gradient(transparent, rgba(0,0,0,.65)); }

.lg-brand-line { padding: 78px 24px; text-align: center; background: #fff; }
.lg-brand-line h2 { max-width: 820px; margin: 0 auto; font: 600 clamp(36px, 4.4vw, 60px)/1.05 Inter, sans-serif; letter-spacing: -.045em; }

.lg-journal { padding-top: 60px; }
.lg-journal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.lg-journal-grid > a { color: var(--lg-ink); }
.lg-journal-art { position: relative; height: 360px; margin-bottom: 23px; overflow: hidden; background: linear-gradient(145deg, var(--a), var(--b)); }
.lg-journal-art::before { content: ""; position: absolute; width: 210px; height: 210px; left: calc(50% - 105px); top: calc(50% - 105px); border-radius: 50%; border: 52px solid rgba(255,255,255,.34); background: #17120f; box-shadow: 0 25px 60px rgba(0,0,0,.2); transition: transform .45s ease; }
.lg-journal-grid a:hover .lg-journal-art::before { transform: scale(1.06); }
.art-one { --a:#c7a68e; --b:#7e5f4f; }.art-two { --a:#9caeaf; --b:#4d6970; }.art-three { --a:#c9b5a8; --b:#78675d; }
.lg-journal-grid > a > span { color: var(--lg-gold); font-size: 8px; font-weight: 750; letter-spacing: .15em; }
.lg-journal-grid h3 { min-height: 64px; margin: 11px 0 18px; font: 600 clamp(21px, 1.8vw, 27px)/1.2 Inter, sans-serif; }
.lg-journal-grid em { padding-bottom: 5px; border-bottom: 1px solid; font-size: 8px; font-style: normal; font-weight: 750; letter-spacing: .13em; }

.lg-about { min-height: 640px; display: grid; grid-template-columns: 1fr 1fr; background: #f0ede8; }
.lg-about-art { min-height: 520px; display: flex; align-items: flex-end; padding: 36px; color: #fff; background: radial-gradient(circle at 50% 43%, #15110f 0 7%, #8d674b 8% 21%, #201714 22% 25%, #dfbca5 26% 42%, #815044 43% 45%, #d69a82 46% 55%, transparent 56%), linear-gradient(145deg,#d5ad99,#71473d); }
.lg-about-art span { font-size: 11px; font-weight: 800; letter-spacing: .35em; }
.lg-about-copy { padding: clamp(60px, 8vw, 120px); align-self: center; }
.lg-about-copy h2 { margin: 0; font: 650 clamp(48px, 5vw, 72px)/1 Inter, sans-serif; letter-spacing: -.05em; }
.lg-about-copy > p:not(.lg-kicker) { max-width: 620px; margin: 26px 0 32px; color: #615b55; font-size: 15px; line-height: 1.75; }
.lg-about-copy .lg-primary-button { background: var(--lg-ink); border-color: var(--lg-ink); color: #fff; }

.lg-membership { padding: clamp(90px, 10vw, 150px) 24px; text-align: center; background: #171512; color: #fff; }
.lg-membership h2 { margin: 0; font: 650 clamp(42px, 5.2vw, 74px)/1 Inter, sans-serif; letter-spacing: -.05em; }
.lg-membership > p:not(.lg-kicker) { max-width: 610px; margin: 24px auto 31px; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.7; }
.lg-membership .lg-primary-button { background: #fff; border-color: #fff; color: var(--lg-ink); }

.lg-benefits { padding: 38px clamp(20px, 5vw, 70px); background: var(--lg-ink); color: #fff; display: grid; grid-template-columns: repeat(4, 1fr); }
.lg-benefits div { padding: 4px 30px; border-right: 1px solid rgba(255,255,255,.18); }
.lg-benefits div:last-child { border: 0; }
.lg-benefits b, .lg-benefits strong, .lg-benefits span { display: block; }
.lg-benefits b { margin-bottom: 16px; color: #b99d7a; font: 400 12px Georgia, serif; }
.lg-benefits strong { font: 600 18px Inter, sans-serif; }
.lg-benefits span { margin-top: 6px; color: rgba(255,255,255,.62); font-size: 11px; }

.lg-welcome[hidden] { display: none; }
.lg-welcome { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 20px; }
.lg-welcome-backdrop { position: absolute; inset: 0; background: rgba(15,12,10,.66); backdrop-filter: blur(3px); }
.lg-welcome-card { position: relative; z-index: 1; width: min(880px, 96vw); min-height: 510px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; background: #f5efe7; box-shadow: 0 35px 100px rgba(0,0,0,.35); }
.lg-welcome-close { position: absolute; z-index: 3; top: 13px; right: 15px; width: 38px; height: 38px; border: 1px solid rgba(0,0,0,.2); border-radius: 50%; background: rgba(255,255,255,.86); font-size: 25px; line-height: 1; }
.lg-welcome-art { position: relative; background: radial-gradient(circle at 50% 42%, #15110f 0 8%, #8b6747 9% 22%, #211816 23% 26%, #ddbaa4 27% 42%, #7c4e42 43% 45%, #d79b82 46% 54%, transparent 55%), linear-gradient(145deg,#d8ad98,#72483e); }
.lg-welcome-art::after { content: "LOOKGLOW"; position: absolute; left: 25px; bottom: 22px; color: rgba(255,255,255,.84); font: 700 10px Arial; letter-spacing: .35em; }
.lg-welcome-copy { padding: 62px 48px; align-self: center; text-align: center; }
.lg-welcome-copy h2 { margin: 0; font: 400 47px/1 Georgia, serif; letter-spacing: -.04em; }
.lg-welcome-copy > p:not(.lg-kicker) { margin: 24px 0 28px; color: #675f57; font-size: 13px; line-height: 1.65; }
.lg-welcome-copy .lg-primary-button { background: var(--lg-ink); border-color: var(--lg-ink); color: #fff; }
.lg-welcome-later { display: block; margin: 18px auto 0; padding: 2px; border: 0; border-bottom: 1px solid; background: transparent; color: #6d655d; font-size: 9px; letter-spacing: .1em; }

footer { background: #f6f3ee; border-top: 1px solid var(--lg-line); }
footer .footer-content { padding-top: 68px; padding-bottom: 52px; }
footer h6 { font-size: 10px; letter-spacing: .14em; }
footer a, footer p, footer li { color: #605a53 !important; }
footer .footer-bottom { border-top: 1px solid var(--lg-line); background: transparent; }

@media (max-width: 1199px) {
  .lg-main-nav { gap: 13px; }
  .lg-main-nav a { font-size: 9px; }
  .lg-discover-card { min-height: 380px; }
  .lg-color-grid { grid-template-columns: repeat(3, 1fr); }
  .lg-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
  .lg-announcement { grid-template-columns: 1fr 1fr; }
  .lg-announcement span:first-child { display: none; }
  .lg-main-hero { min-height: 650px; }
  .lg-main-hero-image { object-position: 58% center; }
  .lg-lifecycle-grid { gap: 10px; }
  .lg-cycle-art { width: 64px; height: 48px; }
  .lg-discover-grid, .lg-product-grid, .lg-color-grid { grid-template-columns: repeat(2, 1fr); }
  .lg-occasion-grid { grid-template-columns: repeat(2, 1fr); }
  .lg-editorial { grid-template-columns: 1fr; }
  .lg-proof { grid-template-columns: 1fr; }
  .lg-experience-grid { grid-template-columns: repeat(2, 1fr); }
  .lg-journal-grid { grid-template-columns: 1fr; }
  .lg-about { grid-template-columns: 1fr; }
  .lg-journal-grid { max-width: 680px; margin: 0 auto; }
  .lg-journal-art { height: 440px; }
  .lg-benefits { grid-template-columns: 1fr 1fr; }
  .lg-benefits div:nth-child(2) { border-right: 0; }
  .lg-benefits div:nth-child(-n+2) { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.18); }
}

@media (max-width: 575px) {
  .lg-announcement { display: flex; justify-content: center; min-height: 29px; font-size: 8px; }
  .lg-announcement span:last-child { display: none; }
  .lg-main-hero { min-height: 590px; }
  .lg-main-hero-image { object-position: 62% center; }
  .lg-main-hero-shade { background: linear-gradient(0deg, rgba(12,10,9,.72), rgba(12,10,9,.05) 80%); }
  .lg-main-hero-copy { padding: 285px 22px 80px; text-align: center; }
  .lg-main-hero h1 { font-size: 45px; }
  .lg-main-hero-copy > p:not(.lg-kicker) { margin-left: auto; margin-right: auto; }
  .lg-hero-buttons { justify-content: center; }
  .lg-section { padding: 70px 18px; }
  .lg-lifecycle { padding: 22px 12px 4px; overflow-x: auto; }
  .lg-lifecycle-grid { min-width: 570px; }
  .lg-section-head { align-items: flex-start; }
  .lg-section-head h2 { font-size: 42px; }
  .lg-section-head > a { margin-top: 9px; }
  .lg-discover-grid { grid-template-columns: 1fr; }
  .lg-discover-card { min-height: 390px; }
  .lg-product-tabs { gap: 15px; overflow-x: auto; justify-content: flex-start; }
  .lg-product-tabs a { flex: 0 0 auto; font-size: 8px; }
  .lg-product-grid { gap: 12px; }
  .lg-product-card .product-name { font-size: 12px; }
  .lg-product-note span { display: none; }
  .lg-color-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .lg-color-grid a { min-height: 230px; padding: 20px 10px; }
  .lg-color-grid i { width: 92px; height: 92px; border-width: 27px; }
  .lg-editorial-art { min-height: 430px; }
  .lg-occasion-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .lg-occasion-grid a { min-height: 310px; padding: 18px; }
  .lg-occasion-grid span { font-size: 18px; }
  .lg-editorial-copy { padding: 65px 24px; text-align: center; }
  .lg-proof { padding: 75px 24px; }
  .lg-proof-heading { text-align: center; }
  .lg-proof-grid article { padding-left: 42px; }
  .lg-experience-grid article { min-height: 0; padding: 34px 28px; }
  .lg-experience-grid { grid-template-columns: 1fr; }
  .lg-community-track { grid-auto-columns: 78vw; }
  .lg-community-card { min-height: 390px; }
  .lg-journal-art { height: 330px; }
  .lg-journal-grid h3 { min-height: 0; }
  .lg-about-art { min-height: 390px; }
  .lg-about-copy { padding: 62px 24px; text-align: center; }
  .lg-benefits { grid-template-columns: 1fr; text-align: center; }
  .lg-benefits div { border-right: 0; padding: 19px 5px; margin: 0 !important; border-bottom: 1px solid rgba(255,255,255,.18) !important; }
}