/* Generated by scripts/theme/brand.mjs from project-assets/theme.md (section 7) and project-assets/brand-mapping.json; do not edit.
 * 108 of 302 --uq-* variables set, 194 kept as the theme's;
 * 47 rules, 7 of them sizes under a phone @media; the accent on dark grounds in 1 place;
 * 2 scrims of DV-004 on 14 places;
 * the focus ring as project-assets/theme.md writes it, over the theme's resets; the @font-face of 'Montserrat Variable' and of Montserrat Fallback, its metric-matched fallback (fallback.mjs). */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(brand-fonts/montserrat/files/montserrat-cyrillic-ext-wght-normal.woff2?v=D39fL7tOrhJn) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(brand-fonts/montserrat/files/montserrat-cyrillic-wght-normal.woff2?v=oYewdwkP6K4_) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(brand-fonts/montserrat/files/montserrat-vietnamese-wght-normal.woff2?v=JrJAP5le1l-0) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(brand-fonts/montserrat/files/montserrat-latin-ext-wght-normal.woff2?v=VNmni3_2C2ia) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(brand-fonts/montserrat/files/montserrat-latin-wght-normal.woff2?v=BrFtt6lpE11I) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Montserrat Fallback';
  src: local('Arial'), local('Liberation Sans');
  size-adjust: 111.82%;
  ascent-override: 86.57%;
  descent-override: 22.45%;
  line-gap-override: 0.00%;
}
:root {
  color-scheme: light;
  --turquoise-50: #F5FCFC;
  --turquoise-100: #C6EBEF;
  --turquoise-200: #96DBE3;
  --turquoise-300: #67CAD6;
  --turquoise-400: #38BAC9;
  --turquoise-500: #2A8F9B;
  --turquoise-600: #22737D;
  --turquoise-700: #1A575F;
  --turquoise-800: #113B40;
  --turquoise-900: #091F22;
  --sun-50: #FEFBF4;
  --sun-100: #F9EDCE;
  --sun-200: #F4DEA8;
  --sun-300: #EFD082;
  --sun-400: #EBC25C;
  --sun-500: #E6B436;
  --sun-600: #CB9919;
  --sun-700: #9A7413;
  --sun-800: #694F0D;
  --sun-900: #382A07;
  --clay-50: #FCF7F6;
  --clay-100: #F0DCD4;
  --clay-200: #E4C0B3;
  --clay-300: #D8A592;
  --clay-400: #CD8970;
  --clay-500: #C16E4F;
  --clay-600: #A25639;
  --clay-700: #7B412B;
  --clay-800: #532C1D;
  --clay-900: #2C1710;
  --beige-50: #FCFAF5;
  --beige-100: #F2E8D5;
  --beige-200: #E8D5B3;
  --beige-300: #DDC391;
  --beige-400: #D3B06F;
  --beige-500: #C89E4D;
  --beige-600: #B28837;
  --beige-700: #906E2D;
  --beige-800: #6E5422;
  --beige-900: #4C3A18;
  --moss-50: #F9FAF7;
  --moss-100: #D9E4D0;
  --moss-200: #BACDA9;
  --moss-300: #9BB781;
  --moss-400: #7B9F5C;
  --moss-500: #5D7845;
  --moss-600: #4B6138;
  --moss-700: #39492A;
  --moss-800: #27321D;
  --moss-900: #141A0F;
  --green-500: #198754;
  --yellow-500: #FFC107;
  --cyan-500: #0DCAF0;
  --red-500: #DC3545;
  --ink: #1F2A2E;
  --ink-muted: #5A6B70;
  --line: #E2D9C8;
  --paper: #FFFFFF;
  --color-brand: var(--turquoise-500);
  --color-primary: var(--turquoise-500);
  --color-primary-hover: var(--turquoise-700);
  --color-primary-text: var(--turquoise-700);
  --color-secondary: var(--sun-500);
  --color-secondary-hover: var(--sun-700);
  --color-secondary-text: var(--sun-800);
  --color-third: var(--clay-500);
  --color-third-hover: var(--clay-700);
  --color-third-text: var(--clay-700);
  --color-fourth: var(--beige-100);
  --color-fourth-hover: var(--beige-700);
  --color-fourth-text: var(--beige-800);
  --color-success: var(--green-500);
  --color-warning: var(--yellow-500);
  --color-info: var(--cyan-500);
  --color-danger: var(--red-500);
  --color-bg: var(--beige-100);
  --color-bg-hover: var(--beige-700);
  --color-surface: var(--paper);
  --color-surface-alt: var(--beige-50);
  --color-border: var(--line);
  --color-border-dark: var(--color-text);
  --color-text: var(--ink);
  --color-text-muted: var(--ink-muted);
  --color-focus: var(--turquoise-600);
  --font-sans: 'Montserrat Variable', 'Montserrat Fallback', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --text-display: 3.052rem;
  --text-h1: 2.441rem;
  --text-h2: 1.953rem;
  --text-h3: 1.563rem;
  --text-h4: 1.25rem;
  --text-body-lg: 1.125rem;
  --text-body: 1rem;
  --text-body-sm: 0.875rem;
  --text-caption: 0.75rem;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(45, 33, 20, 0.06);
  --shadow-md: 0 4px 12px rgba(45, 33, 20, 0.08);
  --shadow-lg: 0 12px 32px rgba(45, 33, 20, 0.10);
}
:root {
  /* The theme's accent */
  --uq-colour-ff4136: var(--color-primary-text);
  --uq-colour-fd3f0f: var(--color-primary-text);
  --uq-colour-ff4e43: var(--color-primary-text);
  /* Neutrals: greys, black and white */
  --uq-white: var(--paper);
  --uq-black: var(--color-text);
  --uq-colour-666666: var(--color-text-muted);
  --uq-colour-999999: var(--color-text-muted);
  --uq-colour-c1c1c1: var(--color-text-muted);
  --uq-colour-444444: var(--color-text);
  --uq-colour-333333: var(--color-text);
  --uq-colour-555555: var(--color-text);
  --uq-colour-303030: var(--color-text);
  --uq-colour-b7b7b7: var(--color-border);
  --uq-colour-505050: var(--color-text);
  --uq-colour-252525: var(--color-primary);
  --uq-colour-f3f3f3: var(--color-bg);
  --uq-colour-4b4b4b: var(--color-text);
  --uq-colour-cccccc: var(--color-text-muted);
  --uq-colour-d5d5d5: var(--color-border);
  --uq-colour-3c3c3c: var(--color-text);
  --uq-colour-474747: var(--color-text);
  --uq-colour-4c4c4c: var(--color-text);
  --uq-colour-d9d9d9: var(--color-border);
  --uq-colour-dddddd: var(--color-border);
  --uq-colour-efefef: var(--color-bg);
  --uq-colour-343434: var(--color-text);
  --uq-colour-363636: var(--color-text);
  --uq-colour-606060: var(--color-text-muted);
  --uq-colour-686868: var(--color-text-muted);
  --uq-colour-6f6f6f: var(--color-text-muted);
  --uq-colour-767676: var(--color-text-muted);
  --uq-colour-dcd9d9: var(--color-border);
  --uq-colour-eeeeee: var(--color-bg);
  --uq-colour-f2f2f2: var(--color-bg);
  --uq-colour-202020: var(--color-text);
  --uq-colour-575757: var(--color-text);
  --uq-colour-777777: var(--color-text-muted);
  --uq-colour-869791: var(--color-text-muted);
  --uq-colour-9c9b9b: var(--color-text-muted);
  --uq-colour-afafaf: var(--color-text-muted);
  --uq-colour-d6d6d6: var(--color-bg);
  --uq-colour-e5e5e5: var(--color-bg);
  --uq-colour-f1f1f1: var(--color-bg);
  --uq-colour-f4f4f4: var(--color-bg);
  --uq-colour-f5f6f8: var(--color-bg);
  --uq-colour-f6f6f6: var(--color-bg);
  --uq-colour-0c1923: var(--color-text);
  --uq-colour-151515: var(--color-text);
  --uq-colour-383838: var(--color-text);
  --uq-colour-393939: var(--color-text);
  --uq-colour-3a3a3a: var(--color-text);
  --uq-colour-464646: var(--color-text);
  --uq-colour-4d4d4d: var(--color-text);
  --uq-colour-636363: var(--color-text-muted);
  --uq-colour-777474: var(--color-text-muted);
  --uq-colour-797979: var(--color-text-muted);
  --uq-colour-8e8e8e: var(--color-text-muted);
  --uq-colour-919191: var(--color-text-muted);
  --uq-colour-c2c2c2: var(--color-border);
  --uq-colour-cbcbcb: var(--color-border);
  --uq-colour-cfcecc: var(--color-bg);
  --uq-colour-cfcfcd: var(--color-bg);
  --uq-colour-dbdbdb: var(--color-bg);
  --uq-colour-e6e6e6: var(--color-border);
  --uq-colour-ebebeb: var(--color-bg);
  --uq-colour-f6f7f9: var(--color-bg);
  --uq-colour-fafafa: var(--color-bg);
  --uq-white-rgb: 255,255,255;
  --uq-black-rgb: 31,42,46;
  /* Neutrals at an alpha */
  --uq-colour-f6f6f8-a900: rgba(242, 232, 213, 0.9);
  --uq-colour-404040-a700: rgba(31, 42, 46, 0.7);
  --uq-colour-999999-a600: rgba(90, 107, 112, 0.6);
  /* Status text */
  --uq-colour-ff0000: var(--color-danger);
  --uq-colour-008000: var(--color-success);
  /* Prices in the cart panel */
  --uq-colour-cc0000: var(--color-primary-text);
  --uq-colour-cc3333: var(--color-primary-text);
  /* Rating stars */
  --uq-colour-f3c258: var(--sun-700);
  /* Bootstrap's eight roles and their channel twins */
  --uq-dark: var(--color-text);
  --uq-secondary: var(--color-secondary);
  --uq-primary: var(--color-primary);
  --uq-danger: var(--color-danger);
  --uq-success: var(--color-success);
  --uq-light: var(--color-bg);
  --uq-info: var(--color-info);
  --uq-warning: var(--color-warning);
  --uq-dark-rgb: 31,42,46;
  --uq-danger-rgb: 220,53,69;
  --uq-info-rgb: 13,202,240;
  --uq-light-rgb: 242,232,213;
  --uq-primary-rgb: 42,143,155;
  --uq-secondary-rgb: 230,180,54;
  --uq-success-rgb: 25,135,84;
  --uq-warning-rgb: 255,193,7;
  /* Bootstrap's greys, border and focus */
  --uq-colour-dee2e6: var(--color-border);
  --uq-colour-e9ecef: var(--color-bg);
  --uq-colour-0d6efd-a250: rgba(34, 115, 125, 0.25);
  --uq-colour-adb5bd: var(--color-text-muted);
  --uq-colour-0a58ca: var(--color-primary-hover);
  --uq-colour-0a53be: var(--color-primary-hover);
  --uq-colour-3184fd-rgb: 42,143,155;
  --uq-colour-495057: var(--color-text);
  --uq-colour-86b7fe: var(--color-focus);
  --uq-colour-ced4da: var(--color-border);
  --uq-colour-343a40: var(--color-text);
  /* Text families */
  --uq-font-poppins: var(--font-sans);
  --uq-font-dosis: var(--font-sans);
  --uq-font-arizonia: var(--font-sans);
  /* Hues used once */
  --uq-colour-ffaca7: var(--color-third);
}
body {
  background-color: var(--color-bg);
}
.bg__white {
  background-color: var(--color-surface-alt);
}
.shopping__cart,
.shopping__cart__inner .offsetmenu__close__btn,
.filter__wrap,
.filter__menu__close__btn {
  background-color: var(--color-surface-alt);
}
.htc__newsletter__area .input__box input:not(.bst__btn) {
  background-color: var(--paper);
  color: var(--color-text);
}
.htc__newsletter__area .subscribe__btn input.bst__btn {
  background-image: url("images/icons/send.png");
}
.reply-form-box textarea::placeholder,
.single-checkout-box textarea::placeholder,
.contact-box textarea::placeholder,
.review-box textarea::placeholder {
  color: var(--color-text-muted);
}
.main__menu li.drop ul.dropdown,
.main__menu ul.dropdown li a,
.modal-content,
.form-control,
.form-control:focus,
.page-link,
.search__area .search__inner form input[type="text"],
.news__input input,
.cart-plus-minus-box {
  background-color: var(--color-surface-alt);
}
.main__menu > li > a {
  color: var(--color-text);
}
.product__details h3 {
  font-size: 14px;
  font-weight: 500;
}
.sticky__header.scroll-header {
  background-color: var(--color-bg);
}
.accordion-item,
.accordion-button,
.form-check-input,
.product__action::before {
  background-color: var(--color-surface-alt);
}
.accordion-button:not(.collapsed) {
  background-color: var(--color-bg);
  color: var(--color-primary-text);
}
.alert-success {
  background-color: var(--moss-100);
}
.alert-warning {
  background-color: var(--sun-100);
}
.alert-danger {
  background-color: var(--clay-100);
}
@media (max-width: 767px) {
.container {
  width: 100%;
  max-width: initial;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}
}
@media (max-width: 767px) {
.header--5 .mainmenu__area {
  top: 0;
}
}
.bradcaump-title,
.breadcrumb-item,
.breadcrumb-item.active,
.sidebar__list li,
.title__5,
.title__6,
.product__deatils__tab li a,
.addtocart-btn a,
.htc__choose__wrap h2,
.test__info span,
.banner .content h2 a,
.sidebar__menu li a,
.ft__title {
  text-transform: none;
}
.product__menu.product__tab.tab__style--1 li a {
  text-transform: none;
}
.popular__product--2 .product__action::before {
  background-color: var(--color-surface-alt);
}
@media (max-width: 767px) {
.popular__product--4 .product__details {
  position: initial;
  padding-top: 27px;
  opacity: 1;
}
}
@media (hover: none) {
.popular__product--4 .product__details {
  opacity: 1;
  bottom: 20px;
}
}
.popular__product--4 .product:focus-within .product__details {
  opacity: 1;
  bottom: 20px;
}
.body__overlay {
  cursor: pointer;
}
a {
  color: var(--color-primary);
}
a:hover,
a:focus,
a:active {
  color: var(--clay-700);
}
.copyright p {
  color: var(--color-text);
}
.copyright p a {
  color: var(--color-primary);
}
.breadcrumb-item {
  color: var(--color-primary);
}
.breadcrumb-item.active {
  color: var(--color-text);
}
.contact__details p a {
  color: var(--color-primary);
}
p a:not(.btn):hover,
p a:not(.btn):focus-visible,
.form-check-label a:hover,
.form-check-label a:focus-visible,
.pro__dtl__size a:hover,
.pro__dtl__size a:focus-visible,
.ft__widget .list-unstyled a:hover,
.ft__widget .list-unstyled a:focus-visible,
.copyright__inner .list-inline a:hover,
.copyright__inner .list-inline a:focus-visible,
.bg__white nav[aria-labelledby] a:hover,
.bg__white nav[aria-labelledby] a:focus-visible,
.mt--60[aria-labelledby] ul a:hover,
.mt--60[aria-labelledby] ul a:focus-visible {
  color: var(--clay-700);
}
[style] > .ht__bradcaump__wrap .breadcrumb-item {
  color: var(--color-text);
}
.htc__foooter__area[style] a {
  color: var(--color-text);
}
.htc__foooter__area[style] a:hover,
.htc__foooter__area[style] a:focus-visible {
  color: var(--color-text);
}
.addtocart-btn a:focus,
.addtocart-btn a:active,
.buttons-cart a:focus,
.buttons-cart a:active,
.wc-proceed-to-checkout a:focus,
.wc-proceed-to-checkout a:active {
  color: var(--paper);
}
caption,
.blockquote-footer,
.figure-caption,
.form-text,
.form-control::placeholder {
  color: var(--color-text-muted);
}
/* Choice 19: 16 px fields 48 px high, and tap targets as large as the theme's icon links (UX-BLUEPRINT.md section 6). */
.form-control,
.form-select,
.news__input input,
.cart-plus-minus-box {
  font-size: max(16px, 1rem);
  min-height: var(--space-7);
}
.header--5 .menu-extra li a {
  display: inline-block;
  padding: 7px 12.5px;
  margin: -7px -12.5px;
}
.pro__soaial__link li a {
  display: inline-block;
  padding: 10px 13px;
  margin: -10px -13px;
}
.offsetmenu .offsetmenu__close__btn a {
  display: block;
  padding: 29px 50px 24px;
  margin: -29px -50px -24px;
}
.shopping__cart__inner .offsetmenu__close__btn a {
  display: block;
  padding: 21px 50px 24px;
  margin: -21px -50px -24px;
}
@media (max-width: 767px) {
.shopping__cart__inner .offsetmenu__close__btn a {
  display: block;
  padding: 10px 20px 0;
  margin: -10px -20px 0;
}
}
.btn {
  padding-top: calc((44px - var(--bs-btn-font-size) * var(--bs-btn-line-height)) / 2 - var(--bs-btn-border-width));
  padding-bottom: calc((44px - var(--bs-btn-font-size) * var(--bs-btn-line-height)) / 2 - var(--bs-btn-border-width));
}
.dec.qtybutton,
.inc.qtybutton {
  padding-top: calc((44px - var(--bs-btn-font-size) * var(--bs-btn-line-height)) / 2 - var(--bs-btn-border-width));
  padding-bottom: calc((44px - var(--bs-btn-font-size) * var(--bs-btn-line-height)) / 2 - var(--bs-btn-border-width));
}
.dec.qtybutton,
.inc.qtybutton {
  min-width: 44px;
}
.sidebar__list li a {
  display: block;
  min-height: 44px;
  padding-top: calc((44px - 1lh) / 2);
  padding-bottom: calc((44px - 1lh) / 2);
}
.product__list__option li a {
  display: inline-block;
  min-height: 44px;
  padding-top: calc((44px - 1lh) / 2);
  padding-bottom: calc((44px - 1lh) / 2);
}
.pro__dtl__size a {
  display: inline-block;
  min-height: 44px;
  padding-top: calc((44px - 1lh) / 2);
  padding-bottom: calc((44px - 1lh) / 2);
}
@media (max-width: 767px) {
.htc__foooter__area .ft__widget .list-unstyled li a,
.htc__foooter__area .copyright__inner .list-inline li a {
  display: block;
  min-height: 44px;
  padding-top: calc((44px - 1lh) / 2);
  padding-bottom: calc((44px - 1lh) / 2);
}
}
/* Choice 25: the whole label row of a checkbox or radio is as high as the icon link box, its 14 px box kept. */
.form-check {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 44px;
}
.form-check .form-check-input {
  flex: none;
  margin-top: 0;
  margin-right: 0.5em;
}
.form-check .form-check-label {
  flex: 1 1 0%;
  min-width: 100%;
  align-self: stretch;
  min-height: 44px;
  padding-top: calc((44px - 1lh) / 2);
  padding-bottom: calc((44px - 1lh) / 2);
}
.form-check > :not(.form-check-input):not(.form-check-label) {
  flex: 0 0 100%;
}
/* The accent on dark grounds, HUMAN-REQUESTS.md row 10: --turquoise-400. */
.team__hover__action {
  --uq-colour-ff4136: var(--turquoise-400);
  --uq-colour-fd3f0f: var(--turquoise-400);
  --uq-colour-ff4e43: var(--turquoise-400);
}
/* Choice 29: a link on a dark ground or in a scrim keeps the theme's hover (css/shortcode/default.css a:hover), its accent re-pointed above. */
:where(.team__hover__action,
.login__register__menu,
.htc__login__register__wrap,
.slider__inner,
.slider__content,
.ht__bradcaump__wrap .text-center,
.banner .content,
.feature__details,
.new__product__details,
.popular__product--2 .product__details,
.bg--4 .section__title,
.bg--4 .filter__menu__container,
.htc__foooter__area[style] .ft__widget,
.htc__foooter__area[style] .copyright__inner,
.testimonial__details) a:is(:hover, :focus, :active) {
  color: var(--uq-colour-ff4136, #ff4136);
}
/* DV-004, choice 11: text over a photograph. 0.72 to 0.57 of --color-surface-alt keeps --color-text at 7:1 to 4.5:1 over any photograph. */
.login__register__menu,
.htc__login__register__wrap,
.slider__inner,
.slider__content,
.ht__bradcaump__wrap .text-center,
.banner .content,
.feature__details,
.new__product__details,
.popular__product--2 .product__details,
.bg--4 .section__title,
.bg--4 .filter__menu__container,
.htc__foooter__area[style] .ft__widget,
.htc__foooter__area[style] .copyright__inner {
  --uq-colour-ff4136: var(--color-text);
  --uq-colour-fd3f0f: var(--color-text);
  --uq-colour-ff4e43: var(--color-text);
  --uq-colour-666666: var(--color-text);
  --uq-colour-999999: var(--color-text);
  --uq-colour-c1c1c1: var(--color-text);
  --uq-colour-cccccc: var(--color-text);
  --uq-colour-606060: var(--color-text);
  --uq-colour-686868: var(--color-text);
  --uq-colour-6f6f6f: var(--color-text);
  --uq-colour-767676: var(--color-text);
  --uq-colour-777777: var(--color-text);
  --uq-colour-869791: var(--color-text);
  --uq-colour-9c9b9b: var(--color-text);
  --uq-colour-afafaf: var(--color-text);
  --uq-colour-636363: var(--color-text);
  --uq-colour-777474: var(--color-text);
  --uq-colour-797979: var(--color-text);
  --uq-colour-8e8e8e: var(--color-text);
  --uq-colour-919191: var(--color-text);
  --uq-colour-cc0000: var(--color-text);
  --uq-colour-cc3333: var(--color-text);
  --uq-colour-adb5bd: var(--color-text);
  --uq-colour-0a58ca: var(--color-text);
  --uq-colour-0a53be: var(--color-text);
  --uq-colour-86b7fe: var(--color-text);
  color: var(--color-text);
  text-shadow: 0 1px 2px rgba(252, 250, 245, 0.72);
  background-image: linear-gradient(rgba(252, 250, 245, 0.72), rgba(252, 250, 245, 0.57));
}
/* DV-004, choice 11: text over a photograph. 0.9 of --color-text keeps --paper at 7:1 to 4.5:1, and --turquoise-400 at 4.5:1, over any photograph. */
.testimonial__details {
  --uq-colour-ff4136: var(--turquoise-400);
  --uq-colour-fd3f0f: var(--turquoise-400);
  --uq-colour-ff4e43: var(--turquoise-400);
  color: var(--paper);
  text-shadow: 0 1px 2px rgba(31, 42, 46, 0.9);
  background-image: linear-gradient(rgba(31, 42, 46, 0.9), rgba(31, 42, 46, 0.9));
}
/* The focus ring, more specific than a:focus, textarea:focus, button:focus, input:focus. */
:root :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}