/* Esscre site styles. Colours and fonts come from the original Zass theme settings. */

/* ---------- Fonts (self-hosted, SIL Open Font License, see assets/fonts) ---------- */
@font-face { font-family: "Open Sans"; font-weight: 400; font-display: swap; src: url("../fonts/open-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Open Sans"; font-weight: 600; font-display: swap; src: url("../fonts/open-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Open Sans"; font-weight: 700; font-display: swap; src: url("../fonts/open-sans-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Quattrocento"; font-weight: 400; font-display: swap; src: url("../fonts/quattrocento-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Quattrocento"; font-weight: 700; font-display: swap; src: url("../fonts/quattrocento-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Quattrocento Sans"; font-weight: 400; font-display: swap; src: url("../fonts/quattrocento-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Quattrocento Sans"; font-weight: 700; font-display: swap; src: url("../fonts/quattrocento-sans-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Crimson Text"; font-weight: 400; font-display: swap; src: url("../fonts/crimson-text-latin-400-normal.woff2") format("woff2"); }

/* ---------- Theme tokens ---------- */
:root {
  --accent: #42303b;
  --accent-hover: #37232f;
  --button: #863500;
  --button-hover: #333333;
  --heading: #2b3033;
  --text: #6b6b6b;        /* theme used #999999, which fails contrast on white; darkened for reading */
  --title-bg: #e9e7e2;
  --title-text: #474237;
  --alt-bg: #f5f4f1;
  --footer-bg: #f0eeea;
  --footer-rule: #e7e5e1;
  --band: #70482b;
  --icon: #9b6b3b;
  --line: #e5e3de;
  --sans: "Open Sans", Arial, sans-serif;
  --heading-font: Arial, Helvetica, sans-serif;
  --serif: "Quattrocento", Georgia, serif;
  --sans-alt: "Quattrocento Sans", "Open Sans", Arial, sans-serif;
  --tear: clamp(36px, 7vw, 99px);
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: var(--text); font: 400 15px/1.65 var(--sans); overflow-wrap: break-word; }
img, iframe { max-width: 100%; }
img { height: auto; display: block; }
a { color: var(--accent); }
a:hover { color: var(--accent-hover); }
:focus-visible { outline: 2px solid var(--button); outline-offset: 2px; }
h1, h2, h3, h4, h5, h6 { color: var(--heading); font-family: var(--heading-font); line-height: 1.3; margin: 0 0 .6em; }
h1 { font-size: clamp(30px, 6vw, 56px); font-weight: 800; letter-spacing: 2px; }
h2 { font-size: clamp(25px, 4.4vw, 40px); font-weight: 800; letter-spacing: 1px; }
h3 { font-size: clamp(21px, 3.4vw, 34px); font-weight: 700; }
h4 { font-size: clamp(18px, 2.4vw, 24px); font-weight: 500; }
h5 { font-size: 18px; font-weight: 500; }
h6 { font-size: 16px; font-weight: 700; margin-bottom: .2em; }
p { margin: 0 0 1em; }
ul { margin: 0; padding: 0; list-style: none; }
[id] { scroll-margin-top: 110px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link { position: absolute; left: 8px; top: -60px; z-index: 200; background: #fff; padding: 8px 14px; }
.skip-link:focus { top: 8px; }
.inner { width: 100%; max-width: 1230px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }
.section { padding: 60px 0; }
.section-tight { padding: 30px 0; }
.alt-bg { background: var(--alt-bg); }
.center { text-align: center; }
.serif { font-family: var(--serif); }
.sans-alt { font-family: var(--sans-alt); }
.lead { font-family: var(--serif); font-size: clamp(17px, 2vw, 20px); font-weight: 400; color: var(--heading); line-height: 1.5; }

/* Icons: masks defined at the end of this file, drawn from the theme's icon fonts */
.i { display: inline-block; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; vertical-align: -.12em; flex: none; }

/* ---------- Buttons ---------- */
.btn, .form button { display: inline-block; padding: 14px 28px; border: 1px solid var(--button); border-radius: 30px; background: var(--button); color: #fff; font: 600 14px/1.2 var(--sans); text-decoration: none; cursor: pointer; transition: background .3s, border-color .3s, color .3s; }
.btn:hover, .form button:hover { background: var(--button-hover); border-color: var(--button-hover); color: #fff; }
.btn-outline { background: transparent; border-color: #fff; }
.btn-outline:hover { background: rgba(255, 255, 255, .16); border-color: #fff; }
.btn-gradient { border: 0; border-radius: 3px; padding: 18px 34px; font-size: 19px; font-weight: 700; background: linear-gradient(to right, #2d68c6, #20b4ea); }
.btn-gradient:hover { background: linear-gradient(to right, #2d68c6, #2d68c6); }

/* ---------- Top bar and header ---------- */
.top-bar { border-bottom: 1px solid #f1f1f1; font-size: 12px; color: #000; }
.top-bar .inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2px 20px; min-height: 40px; padding-top: 4px; padding-bottom: 4px; }
.top-contact { display: flex; flex-wrap: wrap; gap: 2px 20px; }
.top-contact a { color: #000; text-decoration: none; }
.top-contact .i { margin-right: 6px; }
.social { display: flex; gap: 14px; }
.social a { color: #000; display: flex; padding: 3px; }
.social a:hover { color: var(--button); }
.site-header { background: #fff; position: sticky; top: 0; z-index: 50; box-shadow: 0 5px 8px rgba(0, 0, 0, .04); }
.site-header .inner { display: flex; align-items: center; gap: 30px; }
.logo { flex: none; padding: 10px 0; }
.logo img { width: 130px; }
.nav-toggle { display: none; }
.site-nav { flex: 1; }
.site-nav > ul { display: flex; justify-content: center; }
.site-nav li { position: relative; }
.site-nav a { display: block; padding: 0 15px; color: #0a0707; font: 600 12px/86px Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current] { text-decoration: underline; text-underline-offset: 5px; }
.site-nav ul ul { position: absolute; left: 0; top: 100%; min-width: 230px; background: #fff; box-shadow: 0 8px 18px rgba(0, 0, 0, .1); visibility: hidden; opacity: 0; transition: opacity .2s; }
.site-nav li:hover > ul, .site-nav li:focus-within > ul { visibility: visible; opacity: 1; }
.site-nav ul ul a { line-height: 1.4; padding: 12px 18px; text-transform: none; letter-spacing: .3px; }

/* ---------- Page title band with the theme's torn paper edge ---------- */
.title-band { position: relative; background: var(--title-bg); padding: calc(var(--tear) + 10px) 0; color: var(--title-text); }
.title-band::before, .title-band::after, .torn::before, .torn::after { content: ""; position: absolute; left: 0; width: 100%; height: var(--tear); background-size: 100% 100%; background-repeat: no-repeat; pointer-events: none; }
.title-band::before, .torn::before { top: -1px; background-image: url("../img/ripoff-flip.webp"); }
.title-band::after, .torn::after { bottom: -1px; background-image: url("../img/ripoff.webp"); }
.title-band h1 { color: var(--title-text); font-family: var(--heading-font); font-size: clamp(26px, 4.6vw, 44px); margin: 0 0 .1em; position: relative; z-index: 1; }
.title-band p { margin: 0; position: relative; z-index: 1; }
.title-band.center { text-align: center; }
.breadcrumb { position: relative; z-index: 1; font-size: 12px; }
.breadcrumb ol { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 0 8px; }
.title-band.center .breadcrumb ol { justify-content: center; }
.breadcrumb li + li::before { content: "|"; margin-right: 8px; color: var(--title-text); }
.breadcrumb a { color: var(--title-text); }

/* ---------- Layout helpers ---------- */
.two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px 50px; align-items: center; }
.two-col.top { align-items: start; }
.three-col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }

/* Home slider: swipeable without JS, dots and autoplay added by main.js */
.slider { position: relative; }
.slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.slides::-webkit-scrollbar { display: none; }
.slides li { flex: 0 0 100%; scroll-snap-align: start; }
.slides img { width: 100%; }
.dots { position: absolute; left: 0; right: 0; bottom: 8px; display: flex; justify-content: center; gap: 4px; }
.dots button { width: 28px; height: 28px; padding: 8px; background: none; border: 0; cursor: pointer; }
.dots button::before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, .85); box-shadow: 0 0 0 1px rgba(0, 0, 0, .35); }
.dots button[aria-current="true"]::before { background: var(--accent); }

/* Icon boxes */
.icon-box { text-align: center; }
.icon-box .i { color: var(--icon); font-size: 44px; margin-bottom: 14px; }
.icon-box h2 { font-size: 18px; font-weight: 700; letter-spacing: 0; }
.icon-box p { margin: 0; }

.intro-logo { width: min(220px, 60%); margin: 0 auto; }
.intro-title { font-family: var(--serif); font-size: 28px; font-weight: 700; letter-spacing: 0; }
.intro-text { font-family: var(--serif); font-size: 18px; font-weight: 400; color: var(--heading); letter-spacing: 0; line-height: 1.5; }

/* Brown feature band */
.band { position: relative; background: var(--band); color: #fff; padding: calc(var(--tear) + 50px) 0; text-align: center; }
.band h2, .band p { color: #fff; }
.band p { font: 500 18px/1.4 var(--heading-font); margin-bottom: 26px; }
.band .btn { position: relative; z-index: 1; }

/* Logo rows */
.logo-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: center; }
.logo-row li { display: flex; justify-content: center; }
.logo-row img { max-height: 130px; width: auto; }
.logo-row .wide img { max-height: 90px; }
.section-title { font-family: var(--serif); font-weight: 400; text-align: center; letter-spacing: 0; }

/* Separator headings */
.separator { display: flex; align-items: center; gap: 18px; margin: 40px 0 30px; font-size: 16px; font-weight: 700; letter-spacing: 0; color: #333; text-align: center; }
.separator::before, .separator::after { content: ""; flex: 1; border-top: 5px solid var(--line); }

/* Team cards (from the Team Members plugin look) */
.team { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 80px 24px; padding-top: 70px; }
.team-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.team > li { text-align: center; padding: 0 12px 20px; box-shadow: 3px 0 5px rgba(0, 0, 0, .04), 0 1px 4px rgba(0, 0, 0, .08); }
.team img { width: 60%; border-radius: 50%; margin: -50px auto 12px; aspect-ratio: 1; object-fit: cover; }
.team h3 { font: 700 15px/1.4 var(--sans); color: #333; margin: 0; letter-spacing: 0; }
.team p { font-size: 13px; color: var(--text); margin: 2px 0 0; }
.team .social { justify-content: center; margin-top: 8px; }
.team .social a { color: #333; }

/* Cards: features and products */
.cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px 24px; }
.card a { display: block; color: inherit; text-decoration: none; }
.card .thumb { position: relative; overflow: hidden; background: var(--alt-bg); }
.card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .5s; }
.card a:hover img { transform: scale(1.04); }
.card h2, .card h3 { font: 600 15px/1.4 var(--sans); letter-spacing: 0; color: #333; margin: 10px 0 2px; text-align: center; }
.card .price { text-align: center; font-weight: 700; color: var(--heading); margin: 0; }
.card.feature img { aspect-ratio: 16 / 10; }
.card.feature h2, .card.feature h3 { text-align: left; }
.date-badge { position: absolute; left: 0; top: 12px; background: var(--accent); color: #fff; font-size: 12px; font-weight: 600; padding: 4px 10px; }
.card.feature .meta { font-size: 12px; margin: 0; }

/* Galleries with lightbox */
.gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.gallery a { display: block; background: var(--alt-bg); }
.gallery img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.gallery.tall img { aspect-ratio: 2 / 3; object-fit: cover; object-position: top; }
.gallery.wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gallery.wide img { aspect-ratio: 2 / 1; }
.lightbox { padding: 0; border: 0; background: transparent; max-width: 94vw; max-height: 94vh; overflow: visible; }
.lightbox::backdrop { background: rgba(0, 0, 0, .85); }
.lightbox img { max-width: 94vw; max-height: 86vh; width: auto; margin: 0 auto; }
.lightbox button { display: block; margin: 8px auto 0; padding: 8px 16px; background: #fff; color: #333; border: 0; border-radius: 30px; font: 600 13px var(--sans); cursor: pointer; }

/* Tabs: every panel is visible without JS */
.tab-group > section + section { margin-top: 40px; }
.js .tab-group > section + section { margin-top: 0; }
.tab-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-bottom: 24px; }
.tab-list button { padding: 12px 22px; background: var(--alt-bg); border: 1px solid var(--line); color: #333; font: 600 14px var(--sans); cursor: pointer; }
.tab-list button[aria-selected="true"] { background: var(--accent); border-color: var(--accent); color: #fff; }
.js .tab-group .tab-title { display: none; }
.tab-title { text-align: center; font-size: 20px; }

/* Video links, turned into players on click by main.js */
.videos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.video { position: relative; display: flex; align-items: flex-end; aspect-ratio: 4 / 3; padding: 14px; background: var(--accent); color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 1.35; }
.video:hover { background: var(--accent-hover); color: #fff; }
.video .i { position: absolute; left: 50%; top: 40%; font-size: 34px; transform: translate(-50%, -50%); }
.video-frame { width: 100%; aspect-ratio: 4 / 3; border: 0; display: block; }

/* Forms */
.form { display: grid; gap: 14px; }
.form-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.form label { display: block; font-size: 13px; font-weight: 600; color: #333; margin-bottom: 4px; }
.form input, .form select, .form textarea { display: block; width: 100%; padding: 10px; border: 1px solid; border-color: #c9c6c0 #dedbd5 #dedbd5 #c9c6c0; border-radius: 2px; background: #fff; color: #333; font: 400 15px var(--sans); }
.form textarea { min-height: 130px; resize: vertical; }
.form-note { font-size: 13px; margin: 0; }
.form-narrow { max-width: 760px; margin: 0 auto; }

/* Contact details */
.details dt { font: 700 16px/1.3 var(--heading-font); color: #333; margin-top: 16px; }
.details dd { margin: 0; }
.map { display: block; width: 100%; height: 450px; border: 0; }

/* Artist hero */
.artist-hero img { max-height: 720px; width: auto; margin: 0 auto; }
.artist-hero h1 { font-family: "Crimson Text", Georgia, serif; font-weight: 400; text-align: center; letter-spacing: 1px; }
.artist-hero .roles { text-align: center; font: 700 clamp(17px, 2.4vw, 24px)/1.3 var(--heading-font); color: #0f0f0f; }
.artist-hero .lead { text-align: center; }
.artist-hero .cta { text-align: center; margin-top: 24px; }

/* Product page */
.product-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.product-main img { width: 100%; }
.product-layout .gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 12px; }
.product-info .price { font-size: 22px; font-weight: 700; color: var(--heading); }
.product-info dl { display: grid; grid-template-columns: auto 1fr; gap: 2px 14px; margin: 14px 0; }
.product-info dt { font-weight: 700; color: #333; }
.product-info dd { margin: 0; }

/* Article / post */
.article { max-width: 860px; margin: 0 auto; }
.article img { width: 100%; margin-bottom: 20px; }
.article .meta { font-size: 13px; }
.notice { padding: 12px 16px; background: var(--alt-bg); border-left: 4px solid var(--accent); color: #333; }

/* Services */
.service + .service { margin-top: 40px; }

/* ---------- Footer ---------- */
.site-footer { position: relative; background: var(--footer-bg); margin-top: 40px; }
.site-footer::before { content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: var(--tear); background: url("../img/ripoff-flip.webp") center / 100% 100% no-repeat; }
.footer-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 50px; padding-top: calc(var(--tear) + 40px); padding-bottom: 50px; font-size: 13px; }
.footer-cols h2 { font: 700 15px/1.3 var(--sans); color: #333; letter-spacing: 0; padding-bottom: 10px; border-bottom: 1px solid var(--footer-rule); }
.footer-cols a { color: #333; }
.footer-cols li { padding: 4px 0; }
.footer-cols .i { margin-right: 8px; width: 1.05em; }
.copyright { background: var(--alt-bg); font-size: 12px; }
.copyright .inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 20px; padding-top: 18px; padding-bottom: 18px; }
.copyright p { margin: 0; }

/* ---------- Narrower screens ---------- */
@media (max-width: 1100px) {
  .team, .team-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* Touch devices get the stacked menu because hover menus do not work there */
@media (max-width: 900px), (hover: none) {
  .site-header .inner { flex-wrap: wrap; gap: 0 16px; justify-content: space-between; }
  .site-nav { flex-basis: 100%; }
  .site-nav > ul { display: block; padding-bottom: 10px; }
  .site-nav a { line-height: 1.4; padding: 10px 0; border-top: 1px solid var(--footer-rule); }
  .site-nav ul ul { position: static; visibility: visible; opacity: 1; box-shadow: none; }
  .site-nav ul ul a { padding-left: 16px; }
  .js .nav-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; background: none; border: 1px solid var(--footer-rule); border-radius: 2px; color: #0a0707; font: 600 12px Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; }
  .js .site-nav { display: none; }
  .js .site-nav.open { display: block; }
}
@media (max-width: 760px) {
  .inner { padding-left: 16px; padding-right: 16px; }
  .section { padding: 36px 0; }
  .two-col, .product-layout, .form-pair { grid-template-columns: minmax(0, 1fr); }
  .three-col, .footer-cols { grid-template-columns: minmax(0, 1fr); }
  .videos, .gallery.wide { grid-template-columns: minmax(0, 1fr); }
  .team, .team-3, .cards, .logo-row, .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team { gap: 70px 12px; }
  .site-header { position: static; }
  .map { height: 320px; }
  [id] { scroll-margin-top: 16px; }
}
@media (max-width: 380px) {
  .top-contact { font-size: 11.5px; }
  .team > li { padding: 0 6px 16px; }
  .logo-row img { max-height: 100px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}
@media print {
  .top-bar, .site-nav, .nav-toggle, .map, .title-band::before, .title-band::after { display: none; }
}

/* ---------- Icon shapes ---------- */
.i-phone{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20512%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M493.4%20423.4c10.8994%20-2.5%2018.5996%20-12.2002%2018.5996%20-23.4004c0%20-256.5%20-207.9%20-464%20-464%20-464c-11.2998%200%20-20.9004%207.7998%20-23.4004%2018.5996l-24%20104c-2.59961%2011.3008%203.30078%2022.9004%2014%2027.6006l112%2048c9.80078%204.2002%2021.2002%201.39941%2028%20-6.90039%0Al49.6006%20-60.5996c78.2998%2036.7002%20141.2%20100.5%20177.2%20177.2l-60.6006%2049.5996c-8.2998%206.7002%20-11.0996%2018.2002%20-6.89941%2028l48%20112c4.59961%2010.5996%2016.1992%2016.5%2027.5%2013.9004z%27/%3E%3C/svg%3E")}
.i-mail{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20512%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M502.3%20257.2c3.90039%203.09961%209.7002%200.200195%209.7002%20-4.7002v-204.5c0%20-26.5%20-21.5%20-48%20-48%20-48h-416c-26.5%200%20-48%2021.5%20-48%2048v204.4c0%205%205.7002%207.7998%209.7002%204.69922c22.3994%20-17.3994%2052.0996%20-39.5%20154.1%20-113.6%0Ac21.1006%20-15.4004%2056.7002%20-47.7998%2092.2002%20-47.5996c35.7002%20-0.300781%2072%2032.7998%2092.2998%2047.5996c102%2074.0996%20131.601%2096.2998%20154%20113.7zM256%20128c-23.2002%20-0.400391%20-56.5996%2029.2002%20-73.4004%2041.4004c-132.699%2096.2998%20-142.8%20104.8%20-173.399%20128.699%0Ac-5.7998%204.60059%20-9.2002%2011.5%20-9.2002%2018.9004v19c0%2026.5%2021.5%2048%2048%2048h416c26.5%200%2048%20-21.5%2048%20-48v-19c0%20-7.40039%20-3.40039%20-14.4004%20-9.2002%20-18.9004c-30.5996%20-24%20-40.7002%20-32.3994%20-173.399%20-128.699c-16.8008%20-12.2002%20-50.2002%20-41.8008%20-73.4004%20-41.4004z%27/%3E%3C/svg%3E")}
.i-pin{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20384%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M172.268%20-53.6699c-145.298%20210.639%20-172.268%20232.257%20-172.268%20309.67c0%20106.039%2085.9609%20192%20192%20192s192%20-85.9609%20192%20-192c0%20-77.4131%20-26.9697%20-99.0312%20-172.268%20-309.67c-9.53516%20-13.7744%20-29.9307%20-13.7734%20-39.4648%200zM192%20176c44.1826%200%2080%2035.8174%2080%2080%0As-35.8174%2080%20-80%2080s-80%20-35.8174%20-80%20-80s35.8174%20-80%2080%20-80z%27/%3E%3C/svg%3E")}
.i-clock{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20512%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M256%20440c137%200%20248%20-111%20248%20-248s-111%20-248%20-248%20-248s-248%20111%20-248%20248s111%20248%20248%20248zM313.1%2089.9004c5.40039%20-3.90039%2012.9004%20-2.7002%2016.8008%202.59961l28.1992%2038.7998c3.90039%205.40039%202.80078%2012.9004%20-2.59961%2016.7998l-63.5%2046.2002v137.7%0Ac0%206.59961%20-5.40039%2012%20-12%2012h-48c-6.59961%200%20-12%20-5.40039%20-12%20-12v-168.3c0%20-3.7998%201.7998%20-7.40039%204.90039%20-9.7002z%27/%3E%3C/svg%3E")}
.i-camera{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20512%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M512%20304v-288c0%20-26.5%20-21.5%20-48%20-48%20-48h-416c-26.5%200%20-48%2021.5%20-48%2048v288c0%2026.5%2021.5%2048%2048%2048h88l12.2998%2032.9004c7%2018.6992%2024.9004%2031.0996%2044.9004%2031.0996h125.5c20%200%2037.8994%20-12.4004%2044.8994%20-31.0996l12.4004%20-32.9004h88c26.5%200%2048%20-21.5%2048%20-48zM376%20160%0Ac0%2066.2002%20-53.7998%20120%20-120%20120s-120%20-53.7998%20-120%20-120s53.7998%20-120%20120%20-120s120%2053.7998%20120%20120zM344%20160c0%20-48.5%20-39.5%20-88%20-88%20-88s-88%2039.5%20-88%2088s39.5%2088%2088%2088s88%20-39.5%2088%20-88z%27/%3E%3C/svg%3E")}
.i-music{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20512%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M470.38%20446.49c2.59277%200.816406%206.90234%201.48047%209.62012%201.48047c17.6475%200%2031.9834%20-14.3232%2032%20-31.9707v-352c0%20-35.3496%20-43%20-64%20-96%20-64s-96%2028.6602%20-96%2064s43%2064%2096%2064c8.95898%20-0.0488281%2023.2949%20-1.80957%2032%20-3.92969v184.609l-256%20-75v-233.68%0Ac0%20-35.3398%20-43%20-64%20-96%20-64s-96%2028.6602%20-96%2064s43%2064%2096%2064c8.95801%20-0.0507812%2023.2939%20-1.80664%2032%20-3.91992v261.41c0.0078125%2012.958%2010.0479%2026.626%2022.4102%2030.5098z%27/%3E%3C/svg%3E")}
.i-play{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20448%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M424.4%20233.3c31.5%20-18.5%2031.3994%20-64.0996%200%20-82.5996l-352%20-208c-31.7002%20-18.7998%20-72.4004%203.7998%20-72.4004%2041.2998v416.1c0%2041.8008%2043.7998%2058.2002%2072.4004%2041.3008z%27/%3E%3C/svg%3E")}
.i-menu{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20448%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M16%20316c-8.83691%200%20-16%207.16309%20-16%2016v40c0%208.83691%207.16309%2016%2016%2016h416c8.83691%200%2016%20-7.16309%2016%20-16v-40c0%20-8.83691%20-7.16309%20-16%20-16%20-16h-416zM16%20156c-8.83691%200%20-16%207.16309%20-16%2016v40c0%208.83691%207.16309%2016%2016%2016h416c8.83691%200%2016%20-7.16309%2016%20-16v-40%0Ac0%20-8.83691%20-7.16309%20-16%20-16%20-16h-416zM16%20-4c-8.83691%200%20-16%207.16309%20-16%2016v40c0%208.83691%207.16309%2016%2016%2016h416c8.83691%200%2016%20-7.16309%2016%20-16v-40c0%20-8.83691%20-7.16309%20-16%20-16%20-16h-416z%27/%3E%3C/svg%3E")}
.i-close{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20352%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M242.72%20192l100.07%20-100.07c12.2803%20-12.29%2012.2803%20-32.1992%200%20-44.4795l-22.2402%20-22.2402c-12.2803%20-12.2803%20-32.2002%20-12.2803%20-44.4795%200l-100.07%20100.07l-100.07%20-100.07c-12.2793%20-12.2803%20-32.1992%20-12.2803%20-44.4795%200l-22.2402%2022.2402%0Ac-12.2803%2012.29%20-12.2803%2032.2002%200%2044.4795l100.07%20100.07l-100.07%20100.07c-12.2803%2012.29%20-12.2803%2032.1992%200%2044.4795l22.2402%2022.2402c12.29%2012.2803%2032.2002%2012.2803%2044.4795%200l100.07%20-100.07l100.07%20100.07c12.29%2012.2803%2032.1992%2012.2803%2044.4795%200%0Al22.2402%20-22.2402c12.2803%20-12.29%2012.2803%20-32.2002%200%20-44.4795z%27/%3E%3C/svg%3E")}
.i-facebook{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20320%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M279.14%20160h-74.6895v-224h-100.17v224h-81.3906v92.6602h81.3906v70.6201c0%2080.3398%2047.8594%20124.72%20121.08%20124.72c35.0693%200%2071.75%20-6.25977%2071.75%20-6.25977v-78.8906h-40.4199c-39.8203%200%20-52.2402%20-24.71%20-52.2402%20-50.0596v-60.1299h88.9102z%27/%3E%3C/svg%3E")}
.i-linkedin{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20448%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M100.28%200h-92.8799v299.1h92.8799v-299.1zM53.79%20339.9c-29.7002%200%20-53.79%2024.5996%20-53.79%2054.2998c0%2029.6914%2024.0977%2053.79%2053.79%2053.79s53.79%20-24.0986%2053.79%20-53.79c0%20-29.7002%20-24.0996%20-54.2998%20-53.79%20-54.2998zM447.9%200h-92.6807v145.6%0Ac0%2034.7002%20-0.700195%2079.2002%20-48.29%2079.2002c-48.29%200%20-55.6895%20-37.7002%20-55.6895%20-76.7002v-148.1h-92.7803v299.1h89.0801v-40.7998h1.2998c12.4004%2023.5%2042.6904%2048.2998%2087.8799%2048.2998c94%200%20111.28%20-61.8994%20111.28%20-142.3v-164.3h-0.0996094z%27/%3E%3C/svg%3E")}
.i-instagram{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-448%20448%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M224.1%20307c63.6006%200%20114.9%20-51.2998%20114.9%20-114.9c0%20-63.5996%20-51.2998%20-114.899%20-114.9%20-114.899c-63.5996%200%20-114.899%2051.2998%20-114.899%20114.899c0%2063.6006%2051.2998%20114.9%20114.899%20114.9zM224.1%20117.4c41.1006%200%2074.7002%2033.5%2074.7002%2074.6992%0Ac0%2041.2002%20-33.5%2074.7002%20-74.7002%2074.7002c-41.1992%200%20-74.6992%20-33.5%20-74.6992%20-74.7002c0%20-41.1992%2033.5996%20-74.6992%2074.6992%20-74.6992zM370.5%20311.7c0%20-14.9004%20-12%20-26.7998%20-26.7998%20-26.7998c-14.9004%200%20-26.7998%2012%20-26.7998%2026.7998s12%2026.7998%2026.7998%2026.7998%0As26.7998%20-12%2026.7998%20-26.7998zM446.6%20284.5c2.10059%20-37%202.10059%20-147.8%200%20-184.8c-1.7998%20-35.9004%20-10%20-67.7002%20-36.1992%20-93.9004c-26.2002%20-26.2998%20-58%20-34.5%20-93.9004%20-36.2002c-37%20-2.09961%20-147.9%20-2.09961%20-184.9%200%0Ac-35.8994%201.80078%20-67.5996%2010%20-93.8994%2036.2002s-34.5%2058%20-36.2002%2093.9004c-2.09961%2037%20-2.09961%20147.899%200%20184.899c1.7998%2035.9004%209.90039%2067.7002%2036.2002%2093.9004s58.0996%2034.4004%2093.8994%2036.0996c37%202.10059%20147.9%202.10059%20184.9%200%0Ac35.9004%20-1.7998%2067.7002%20-10%2093.9004%20-36.1992c26.2998%20-26.2002%2034.5%20-58%2036.1992%20-93.9004zM398.8%2060c11.7002%2029.4004%209%2099.5%209%20132.1c0%2032.6006%202.7002%20102.601%20-9%20132.101c-7.89941%2019.7002%20-23%2034.7998%20-42.5996%2042.5996c-29.4004%2011.6006%20-99.5%209%20-132.101%209%0Ac-32.5996%200%20-102.6%202.7002%20-132.1%20-9c-19.7002%20-7.89941%20-34.7998%20-23%20-42.5996%20-42.5996c-11.6006%20-29.4004%20-9%20-99.5%20-9%20-132.101c0%20-32.5996%20-2.7002%20-102.6%209%20-132.1c7.89941%20-19.7002%2023%20-34.7998%2042.5996%20-42.5996c29.4004%20-11.6006%2099.5%20-9%20132.1%20-9%0Ac32.6006%200%20102.601%20-2.7002%20132.101%209c19.7002%207.89941%2034.7998%2023%2042.5996%2042.5996z%27/%3E%3C/svg%3E")}
.i-search{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-480%20512%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M%20168,480C%2075.36,480,0,404.64,0,312S%2075.36,144,%20168,144c%2043.6,0,%2083.248,16.832,%20113.136,44.16%0A%09%09c%200.352-0.624,%200.672-1.28,%201.216-1.824l%2034.416-34.416c-2.88-4.864-4.512-10.368-4.512-16.176c0-8.544,%203.328-16.576,%209.376-22.624%0A%09%09l%20135.76-135.76C%20463.424-28.672,%20471.456-32,%20480-32s%2016.576,3.328,%2022.624,9.376S%20512-8.544,%20512,0s-3.328,16.576-9.376,22.624l-135.76,135.76%0A%09%09c-10.144,10.144-26.544,11.664-38.72,4.784l-34.48,34.48c-0.544,0.544-1.184,0.864-1.824,1.216C%20319.168,228.752,%20336,268.4,%20336,312%0A%09%09C%20336,404.64,%20260.64,480,%20168,480z%20M%20355.552,147.072l%20135.76-135.76C%20494.336,8.288,%20496,4.272,%20496,0s-1.664-8.288-4.688-11.312%0A%09%09c-6.064-6.032-16.56-6.032-22.624,0l-135.76,135.76c-3.008,3.024-4.688,7.040-4.688,11.312s%201.664,8.288,%204.688,11.312%0A%09%09c%203.024,3.008,%207.040,4.688,%2011.312,4.688S%20352.512,150.096,%20355.552,147.072z%20M%20168,160C%2084.192,160,%2016,228.192,%2016,312S%2084.192,464,%20168,464%0A%09%09S%20320,395.808,%20320,312S%20251.808,160,%20168,160zM%20168,432C%20101.824,432,%2048,378.176,%2048,312S%20101.824,192,%20168,192s%20120,53.824,%20120,120S%20234.176,432,%20168,432z%20M%20168,208%0A%09%09C%20110.656,208,%2064,254.656,%2064,312S%20110.656,416,%20168,416S%20272,369.344,%20272,312S%20225.344,208,%20168,208z%27/%3E%3C/svg%3E")}
.i-focus{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-480%20672%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M%20136,480l-112,0%20C%2010.768,480,0,469.232,0,456l0-96%20C0,355.584,%203.584,352,%208,352S%2016,355.584,%2016,360l0,96%20C%2016,460.416,%2019.6,464,%2024,464l%20112,0%20%0A%09%09C%20140.416,464,%20144,467.584,%20144,472S%20140.416,480,%20136,480zM%20648,480l-112,0%20C%20531.584,480,%20528,476.416,%20528,472S%20531.584,464,%20536,464l%20112,0%20C%20652.4,464,%20656,460.416,%20656,456l0-96%20%0A%09%09C%20656,355.584,%20659.584,352,%20664,352S%20672,355.584,%20672,360l0,96%20C%20672,469.232,%20661.232,480,%20648,480zM%20664,96c-4.416,0-8-3.584-8-8l0-96%20c0-4.416-3.6-8-8-8l-112,0%20c-4.416,0-8-3.584-8-8%0A%09%09s%203.584-8,%208-8l%20112,0%20c%2013.232,0,%2024,10.768,%2024,24l0,96%20C%20672,92.416,%20668.416,96,%20664,96zM%208,96C%203.584,96,0,92.416,0,88l0-96%20C0-21.232,%2010.768-32,%2024-32l%20112,0%20C%20140.416-32,%20144-28.416,%20144-24S%20140.416-16,%20136-16%0A%09%09l-112,0%20C%2019.6-16,%2016-12.416,%2016-8l0,96%20C%2016,92.416,%2012.416,96,%208,96zM%20376,176c%204.416,0,%208,3.584,%208,8l0,80%20c0,4.416-3.584,8-8,8l-80,0%20c-4.416,0-8-3.584-8-8l0-80%20%0A%09%09c0-4.416,%203.584-8,%208-8L%20376,176%20z%20M%20304,256l%2064,0%20l0-64%20l-64,0%20L%20304,256%20z%27/%3E%3C/svg%3E")}
.i-megaphone{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%20-480%20640%20512%27%3E%3Cpath%20transform=%27scale(1%20-1)%27%20d=%27M%20631.968,480C%20627.536,480,%20624,476.416,%20624,472l0-496%20c0-4.416,%203.536-8,%207.968-8s%208,3.584,%208,8l0,496%20%0A%09%09C%20639.968,476.416,%20636.384,480,%20631.968,480zM%20603.472,460.736c-2.72,1.328-6.016,0.992-8.416-0.88l-9.040-7.12C%20538.368,415.056,%20458.672,352,%20296,352L%2074.096,352%20%0A%09%09C%2050.88,352,%2032,332.8,%2032,309.216l0-171.424%20C%2032,114.752,%2050.88,96,%2074.096,96l%2054.304,0%20c%201.408-18,%208.032-60.704,%2039.264-92.176%0A%09%09C%20191.248-19.952,%20223.664-32,%20264-32c%204.416,0,%208,3.584,%208,8S%20268.416-16,%20264-16c-35.872,0-64.416,10.432-84.896,31.008%0A%09%09C%20152.432,41.824,%20146.032,79.392,%20144.496,96l%2047.92,0%20c%201.36-10.912,%205.76-30.096,%2020.384-44.832C%20225.424,38.448,%20242.656,32,%20264,32%0A%09%09c%204.416,0,%208,3.584,%208,8S%20268.416,48,%20264,48c-16.88,0-30.256,4.832-39.744,14.336c-10.512,10.544-14.304,24.736-15.696,33.664l%2086.336,0%20%0A%09%09c%20163.456,0,%20243.792-63.408,%20291.792-101.296l%208.352-6.576c%201.424-1.12,%203.168-1.68,%204.912-1.68c%201.2,0,%202.4,0.272,%203.504,0.816%0A%09%09c%202.752,1.344,%204.496,4.128,%204.496,7.184L%20607.952,453.552%20C%20607.968,456.608,%20606.224,459.392,%20603.472,460.736z%20M%2048,137.792L%2048,309.216%20C%2048,323.984,%2059.696,336,%2074.096,336L%20128,336%20%0A%09%09l0-224%20L%2074.096,112%20C%2059.456,112,%2048,123.328,%2048,137.792z%20M%20592,10.928C%20541.856,50.384,%20458.752,112,%20294.912,112l-92.752,0%20c-0.752,0.24-1.52,0.48-2.368,0.496%0A%09%09c-0.016,0-0.016,0-0.032,0c-0.864,0-1.68-0.24-2.464-0.496L%20144,112%20L%20144,336%20l%20152,0%20C%20459.792,336,%20542.304,397.824,%20592,437.056L%20592,10.928%20zM%208,130.288c%204.416,0,%208,3.584,%208,8L%2016,309.712%20c0,4.416-3.584,8-8,8S0,314.144,0,309.712l0-171.424%20%0A%09%09C0,133.872,%203.584,130.288,%208,130.288z%27/%3E%3C/svg%3E")}