.hero-buttons { flex-flow: column; align-items: flex-start; gap: 17px; margin: 27px 0px 34px; }
.hero-finder { width: 100%; max-width: 414px; }
.scent-finder-cta { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 22px; width: 100%; min-height: 94px; padding: 20px 21px 20px 25px; text-align: left; color: rgb(255, 249, 236); background: linear-gradient(115deg, rgb(37, 60, 44), rgb(24, 43, 33)); border: 1px solid rgb(189, 161, 107); border-radius: 2px; box-shadow: rgba(33, 59, 40, 0.15) 0px 10px 27px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; transition: transform 0.25s, box-shadow 0.25s, background 0.25s; }
.scent-finder-cta::before { content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(110deg, transparent 20%, rgba(231, 214, 175, 0.082) 49%, transparent 75%); transform: translateX(-110%); transition: transform 0.65s; }
.finder-text { display: flex; flex-direction: column; gap: 7px; min-width: 0px; }
.finder-text small { font-size: 9px; line-height: 1.3; letter-spacing: 0.16em; color: rgb(225, 201, 152); font-weight: 500; }
.finder-text > span { font-size: 18px; line-height: 1.35; letter-spacing: 0px; font-weight: 600; }
.finder-arrow { display: grid; place-items: center; flex-shrink: 0; width: 45px; height: 45px; border: 1px solid rgba(222, 197, 154, 0.5); border-radius: 50%; background: rgba(213, 188, 131, 0.07); color: rgb(242, 215, 163); font-size: 25px; font-weight: 400; line-height: 1; transition: background 0.25s, transform 0.25s, color 0.25s; }
.scent-finder-cta:hover { transform: translateY(-3px); box-shadow: rgba(33, 59, 40, 0.2) 0px 15px 32px; }
.scent-finder-cta:hover::before { transform: translateX(110%); }
.scent-finder-cta:hover .finder-arrow { transform: rotate(45deg); color: rgb(36, 59, 43); background: rgb(230, 209, 166); }
.scent-finder-cta:active { transform: translateY(0px); }
.scent-finder-cta:focus-visible { outline: rgb(169, 139, 82) solid 3px; outline-offset: 5px; }
.finder-note { display: flex; gap: 7px; align-items: center; font-size: 11px; line-height: 1.6; color: rgb(115, 125, 105); margin-top: 11px; }
.finder-note > span:first-child { color: rgb(157, 131, 86); font-size: 17px; line-height: 1; }
.hero-buttons .hero-catalog { font-size: 12px; padding: 3px 0px; gap: 20px; color: rgb(108, 116, 95); border-bottom-color: rgb(197, 199, 184); }
.hero-buttons .hero-catalog:hover { color: rgb(40, 62, 44); border-bottom-color: rgb(117, 133, 108); }
.discovery { grid-template-columns: minmax(0px, 43%) minmax(0px, 57%); align-items: stretch; min-height: 0px; background: rgb(35, 48, 39); }
.discovery-photo { overflow: hidden; background: rgb(199, 181, 150); min-width: 0px; }
.discovery-photo picture { display: block; height: 100%; }
.discovery-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0px; }
.discovery-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 55px 11% 55px 12%; position: relative; z-index: 1; }
.discovery-copy h2 { font-size: clamp(48px, 4.4vw, 70px); line-height: 1.06; margin-top: 25px; }
.discovery-copy p:not(.eyebrow) { font-size: 15px; line-height: 1.95; max-width: 390px; margin-top: 25px; }
.discovery-copy .button { min-height: 57px; padding: 17px 24px; margin-top: 33px; font-size: 13px; min-width: 245px; }
.discovery-copy small { font-size: 11px; line-height: 1.7; margin-top: 17px; }
.discovery::after { display: none; }
@media (min-width: 1600px) {
  .discovery { grid-template-columns: minmax(0px, 40%) minmax(0px, 60%); }
  .discovery-photo { aspect-ratio: 3 / 4; }
  .discovery-photo img { object-fit: contain; background: rgb(29, 37, 31); }
}
@media (max-width: 1150px) {
  .hero-finder { max-width: 360px; }
  .scent-finder-cta { padding: 18px 18px 18px 20px; gap: 15px; min-height: 88px; }
  .finder-text > span { font-size: 17px; }
  .finder-arrow { width: 40px; height: 40px; font-size: 23px; }
  .discovery-copy { padding: 35px 9%; }
  .discovery-copy h2 { font-size: 48px; }
  .discovery-copy p:not(.eyebrow) { font-size: 14px; }
  .discovery-copy .eyebrow { font-size: 10px; }
  .discovery-copy .button { min-width: 225px; }
}
@media (max-width: 760px) {
  .hero-buttons { flex-direction: column; align-items: flex-start; gap: 17px; margin: 25px 0px 30px; width: 100%; }
  .hero-finder { max-width: 414px; }
  .scent-finder-cta { min-height: 91px; padding: 19px 20px; gap: 16px; }
  .finder-text > span { font-size: 18px; }
  .finder-text small { font-size: 9px; }
  .finder-arrow { width: 43px; height: 43px; }
  .finder-note { font-size: 10.5px; gap: 6px; margin-top: 11px; }
  .hero-buttons .hero-catalog { font-size: 12px; gap: 22px; }
  .discovery { grid-template-columns: 1fr; margin: 0px 5%; }
  .discovery-photo { aspect-ratio: 2 / 3; }
  .discovery-photo picture { height: auto; }
  .discovery-photo img { height: auto; }
  .discovery-copy { padding: 38px 27px 42px; }
  .discovery-copy .eyebrow { font-size: 9px; }
  .discovery-copy h2 { font-size: 48px; margin-top: 20px; }
  .discovery-copy p:not(.eyebrow) { font-size: 14px; margin-top: 21px; max-width: 100%; }
  .discovery-copy .button { margin-top: 27px; min-width: 0px; width: 100%; font-size: 13px; }
  .discovery-copy small { font-size: 11px; }
}
@media (max-width: 360px) {
  .scent-finder-cta { padding: 18px 16px; gap: 12px; }
  .finder-text > span { font-size: 16px; }
  .finder-text small { font-size: 8px; }
  .finder-arrow { width: 37px; height: 37px; font-size: 22px; }
  .finder-note { font-size: 9px; }
  .discovery-copy { padding-left: 23px; padding-right: 23px; }
  .discovery-copy h2 { font-size: 43px; }
}
@media (prefers-reduced-motion: reduce) {
  .scent-finder-cta, .scent-finder-cta::before, .finder-arrow { transition: none; }
  .scent-finder-cta:hover, .scent-finder-cta:hover .finder-arrow { transform: none; }
  .scent-finder-cta::before { display: none; }
}