/* October 2026: Roboto, neutral surfaces and contained formula textures. */
:root {
  --aa-paper: #ffffff;
  --aa-warm: #f5f5f3;
  --aa-line: #dededb;
  --aa-gold: #383836;
  --aa-rose: #f6f6f4;
  --aa-blue: #f6f6f4;
}
body :is(h1, h2, h3, h4) {
  font-family: var(--aa-font-display) !important;
  font-weight: 500 !important;
}
body h1 { font-weight: 600 !important; }
.aa-site-header { background: #fff; }
.aa-site-nav a { font-weight: 600; letter-spacing: .06em; }
.aa-site-footer h2, .aa-site-footer nav a:hover { color: #efefec; }
.aa-site-footer__brand p { font-size: 17px; line-height: 1.6; }
.aa-home .aa-campaign { background: #f8f8f6; }
.aa-home .aa-campaign h1 { font-size: clamp(42px, 3.9vw, 68px); letter-spacing: -.035em; line-height: 1.08; }
.aa-campaign__copy .aa-home-eyebrow { color: #525250; }
.aa-campaign-proof { background: #fff; border-color: var(--aa-line); }
.aa-campaign-proof .aa-review-stars-summary__stars,
.aa-home-range-card__body .aa-review-stars-summary__stars { color: #363634; }

/* Retain colour on the original packaging; remove the large colour fields. */
.aa-home-range-card { border-color: var(--aa-line); background: #fff; }
.aa-home-range-card__image,
.aa-home-range-card--blue .aa-home-range-card__image,
.aa-home-range-card--red .aa-home-range-card__image,
.aa-archive-card__media,
.aa-archive-card--rose .aa-archive-card__media,
.aa-archive-card--blue .aa-archive-card__media,
.aa-archive-card--red .aa-archive-card__media {
  background: #f7f7f5;
  border-top: 0;
}
.aa-home-range-card--red .aa-home-eyebrow,
.aa-home-range-card--red .aa-home-text-link,
.aa-archive-card--red .aa-archive-card__kind { color: #484846; }
.aa-home-range-card__title { display: block; }
.aa-home-range-card__title h3 { font-size: clamp(21px, 1.8vw, 27px); letter-spacing: -.025em; line-height: 1.16; }
.aa-home-range-card__title .aa-home-product-price { display: block; margin-top: 12px; }
.aa-home-range-card__body .aa-home-range-card__feel { margin-top: 17px; font-size: 17px; line-height: 1.45; }
.aa-archive-card__info h2 { font-size: clamp(23px, 2.2vw, 30px); line-height: 1.16; letter-spacing: -.025em; }
.aa-shop-chooser__option,
.aa-shop-chooser__option--blue,
.aa-shop-chooser__option--red,
.aa-texture-guide__option,
.aa-texture-guide__option--blue {
  background: #f7f7f5;
  border-color: var(--aa-line);
  box-shadow: none;
}
.aa-shop-chooser__option { container-type: inline-size; }
.aa-shop-chooser__option strong { font-size: clamp(12px, 5.6cqw, 22px); font-weight: 500; line-height: 1.16; }
.aa-shop-chooser__copy { max-width: none; font-size: 13px; line-height: 1.55; }
.aa-shop-chooser__option--red .aa-shop-chooser__cue,
.aa-shop-chooser__option--red .aa-shop-chooser__link { color: #454543; }

/* A small material swipe sits below the unmodified product image. */
.aa-has-product-texture { position: relative; isolation: isolate; }
.aa-has-product-texture .aa-product-texture {
  position: absolute;
  z-index: 2;
  left: 15%;
  bottom: 2.5%;
  display: block;
  width: 70%;
  height: 21%;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: multiply;
}
.aa-has-product-texture .aa-product-texture > img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: 50% 52%;
  transform: none;
  mix-blend-mode: normal;
}
.aa-home-range-card__image > .aa-home-product-image {
  height: 85%;
  align-self: start;
  object-fit: contain;
  transform: none;
}
.aa-archive-card .aa-archive-card__media > img,
.aa-archive-card .aa-archive-card__media:hover > img {
  height: 83%;
  object-fit: contain;
  transform: none;
}
.aa-pdp .aa-pdp-gallery__item--primary { background: #f7f7f5; border-top: 0; }
.aa-pdp .aa-pdp-gallery__item--primary > img {
  position: relative;
  top: -7%;
  height: 86%;
  object-fit: contain;
  transform: none;
}
.aa-pdp .aa-pdp-gallery__item--primary .aa-product-texture { left: 20%; width: 60%; bottom: 3%; height: 18%; }
/* The TETRAFORCE oil artwork was rejected. Recenter the unchanged pack photos. */
.aa-home-range-card--red .aa-home-range-card__image > .aa-home-product-image { height: 100%; align-self: center; }
.aa-archive-card--red .aa-archive-card__media > img,
.aa-archive-card--red .aa-archive-card__media:hover > img { height: 100%; }
.aa-pdp--tetraforce .aa-pdp-gallery__item--primary > img { top: 0; height: 100%; }
.aa-pdp .aa-pdp-gallery__item:not(.aa-pdp-gallery__item--primary),
.aa-pdp .aa-pdp-gallery-thumbs__item { background: #f7f7f5; }
.aa-pdp .aa-pdp-gallery-thumbs__item.is-current,
.aa-pdp--red .aa-pdp-gallery-thumbs__item.is-current { border-color: #252525; box-shadow: none; }
.aa-pdp .aa-pdp-gallery-controls__progress-fill { background: #252525; }

/* Product typography and selected states use the same neutral hierarchy. */
.aa-pdp--cream .aa-pdp-summary h1 { font-size: clamp(34px, 3.6vw, 49px); line-height: 1.08; letter-spacing: -.035em; }
.aa-pdp .aa-pdp-decision { font-family: var(--aa-font-body); font-size: 18px; line-height: 1.6; letter-spacing: 0; }
.aa-pdp-choice__option--rose,
.aa-pdp-choice__option--blue { border-left: 1px solid var(--aa-line) !important; }
.aa-pdp .aa-pdp-choice a.is-current { border-color: #252525; background: #f5f5f3; box-shadow: inset 0 0 0 1px #252525; }
.aa-pdp .aa-pdp-choice__top strong { font-weight: 500; }
.aa-pdp .aa-buy { --buy-tint: #f5f5f3; --buy-edge: #252525; }
.aa-pdp .aa-buy__choice { border-radius: 0; }
.aa-pdp .aa-buy__choice:has(input:checked) { box-shadow: inset 0 0 0 1px #252525; }
.aa-pdp--cream .aa-pdp-essentials li::before { color: #454543; }
.aa-pdp--cream .aa-pdp-compare__card--rose,
.aa-pdp--cream .aa-pdp-compare__card--blue { border-top: 1px solid var(--aa-line); }
.aa-pdp--cream .aa-pdp-compare__card.is-current { border-color: #252525; }
.aa-pdp--cream .aa-pdp-compare__image,
.aa-pdp--cream .aa-pdp-compare__card--blue .aa-pdp-compare__image { background: #f5f5f3; }
.aa-pdp--cream .aa-pdp-compare__card h3 { font-size: clamp(20px, 1.8vw, 25px); line-height: 1.16; letter-spacing: -.02em; }
.aa-pdp .aa-pdp-pairing__item,
.aa-pdp .aa-pdp-pairing__item--blue { background: #f6f6f4; }
.aa-pdp .aa-pdp-pairing__info strong { font-size: 24px; font-weight: 500; line-height: 1.2; }
.aa-pdp--red .aa-pdp-summary > .aa-pdp-eyebrow,
.aa-pdp--red .aa-pdp-context__eyebrow,
.aa-pdp--red .aa-pdp-features strong { color: #454543; }

/* Science motion remains active, with quiet, neutral material panels. */
.aa-pdp--cream .aa-pdp-cream-science,
.aa-pdp--cream .aa-pdp-ritual,
.aa-pdp--cream .aa-pdp-ritual__pack { background: #f5f5f3; }
.aa-pdp--cream .aa-pdp-cream-science__figure,
.aa-pdp--blue .aa-pdp-cream-science__figure {
  background: radial-gradient(circle at 50% 44%, #fff 0, #efefec 70%, #e4e4e0 100%);
  border-color: #d2d2cd;
}
.aa-pdp--cream .aa-pdp-cream-science__figure strong,
.aa-pdp--cream .aa-pdp-cream-science__figure-label { color: #333330; }
.aa-pdp--cream .aa-pdp-cream-science__figure-orbit,
.aa-pdp--blue .aa-pdp-cream-science__figure-orbit { border-color: rgba(55,55,51,.32); }
.aa-pdp--red .aa-pdp-science,
.aa-pdp .aa-pdp-creator { border-top: 1px solid #d2d2cd; }
.aa-pdp--cream .aa-pdp-formula-note__number,
.aa-pdp--cream .aa-pdp-compare__head > p { color: #555550; }

/* Restrained supporting sections, bag and bundle entry points. */
.aa-brand-editorial, .aa-recognition-teaser, .aa-press__hero,
.aa-press__card, .aa-press__closing { background: #f6f6f4; }
.aa-recognition-teaser__creator { background: #eeeeeb; }
.aa-cart-upgrade, .aa-bundle-entry { border-radius: 0; }
.aa-pdp-pair, .aa-pdp--blue .aa-pdp-pair { border-color: #d5d5d0; background: #f7f7f5; }
.aa-pdp-pair__option:has(input:checked),
.aa-pdp--blue .aa-pdp-pair__option:has(input:checked) { border-color: #252525; box-shadow: inset 0 0 0 1px #252525; }
.aa-notfound__product--rose, .aa-notfound__product--blue { background: #f5f5f3; }

@media (max-width: 700px) {
  .aa-home .aa-campaign h1 { font-size: clamp(35px, 9.1vw, 48px); letter-spacing: -.03em; }
  .aa-home-range-card__title h3 { font-size: 21px; }
  .aa-home-range-card__image > .aa-home-product-image { width: 100%; height: 78%; aspect-ratio: auto; max-height: 300px; align-self: center; transform: scale(1.35) translateY(-8%); }
  .aa-home-range-card--red .aa-home-range-card__image > .aa-home-product-image { height: 100%; transform: scale(1.15); }
  .aa-home-range-card__image .aa-product-texture { width: 100%; left: 0; height: 54px; top: calc(50% + 45px); bottom: auto; }
  .aa-home-range-card__body .aa-home-range-card__feel { font-size: 16px; }
  .aa-pdp--cream .aa-pdp-summary h1 { font-size: 36px; }
  .aa-pdp--cream .aa-pdp-compare__card h3 { font-size: 22px; }
  .aa-pdp .aa-pdp-decision { font-size: 16px; }
}

/* Supplied bottle + texture artwork is one complete composition. */
.aa-has-supplied-art { position: relative; isolation: isolate; }
.aa-home .aa-home-range-card__image.aa-has-supplied-art,
.aa-archive-card .aa-archive-card__media.aa-has-supplied-art,
.aa-pdp .aa-pdp-gallery__item.aa-has-supplied-art {
  background: #fff;
  padding: 12px;
}
.aa-home .aa-home-range-card__image.aa-has-supplied-art > img,
.aa-home .aa-home-range-card__image.aa-has-supplied-art:hover > img,
.aa-archive-card .aa-archive-card__media.aa-has-supplied-art > img,
.aa-archive-card .aa-archive-card__media.aa-has-supplied-art:hover > img,
.aa-pdp .aa-pdp-gallery__item.aa-has-supplied-art > img {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  align-self: center;
  object-fit: contain;
  object-position: center;
  aspect-ratio: auto;
  transform: none;
  mix-blend-mode: normal;
}
.aa-home .aa-home-range-card__image.aa-has-supplied-art > img,
.aa-home .aa-home-range-card__image.aa-has-supplied-art:hover > img {
  position: absolute;
  inset: 12px;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}
.aa-pdp--cream .aa-pdp-gallery-thumbs__item img { mix-blend-mode: normal; }
.aa-pdp .aa-pdp-gallery__item.aa-transformizer-gallery-art {
  display: grid;
  grid-template: minmax(0, 1fr) auto / minmax(0, 1fr);
  padding: 0;
  background: #fff;
}
.aa-pdp .aa-pdp-gallery__item.aa-transformizer-gallery-art > img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: normal;
}
.aa-transformizer-gallery-art figcaption { text-align: center; }
.aa-transformizer-gallery-art figcaption a {
  display: inline-block;
  padding: 12px;
  font-size: .82rem;
  color: var(--aa-ink);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.aa-archive .aa-archive__head-photo--supplied { background: #fff; }
.aa-archive .aa-archive__head-photo--supplied img {
  object-fit: contain;
  object-position: center;
  transform: none;
  mix-blend-mode: normal;
}
