@charset "UTF-8";
:root {
  --side-padding-s: 50px;
  --side-padding-m: 7vw;
  --side-padding-l: 10vw;
  --side-padding-xl: 24vw;
  --edge: max(var(--side-padding-s), calc((100% - 1465px) / 2));
  --edge-reviews: max(var(--side-padding-s), calc((100% - 1161px) / 2));
  --edge-shop: max(var(--side-padding-s), calc((100% - 1421px) / 2));
}
@media (max-width: 900px) {
  :root {
    --side-padding-s: 30px;
    --side-padding-m: 5vw;
    --side-padding-l: 7vw;
    --side-padding-xl: 10vw;
  }
}
@media (max-width: 700px) {
  :root {
    --side-padding-s: 20px;
    --side-padding-m: 40px;
  }
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #1b1b1b;
  background-color: #ffffff;
}

/* ----------------------------------------------------------------
   WIP PASSWORD GATE
----------------------------------------------------------------- */
.gate {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: linear-gradient(180deg, #edf9ff 0%, #bfe4fb 100%);
}

html.unlocked .gate {
  display: none;
}

.gate-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 380px;
  padding: 40px 34px;
  text-align: center;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.gate-card .gate-text {
  margin: 0 0 22px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #5a5a5a;
}
.gate-card .gate-input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  font-family: inherit;
  font-size: 15px;
  color: #000;
  background: #fff;
  border: 1px solid #c1c1c1;
  border-radius: 8px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
}
.gate-card .gate-input::placeholder {
  color: #cfcfcf;
}
.gate-card .gate-input.invalid {
  border-color: #e0584f;
  box-shadow: inset 0 0 4px rgba(224, 88, 79, 0.4);
}
.gate-card .gate-btn {
  width: 100%;
  margin-top: 14px;
  padding: 12px 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(180deg, #7fce5a 0%, #54ac32 100%);
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 999px;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.55), 0 1px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: filter 0.2s ease-in-out;
}
@media (hover: hover) {
  .gate-card .gate-btn:hover {
    filter: brightness(1.05);
  }
}
.gate-card .gate-error {
  margin: 14px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: #e0584f;
}

/* ----------------------------------------------------------------
   SHARED SECTION HEADER
----------------------------------------------------------------- */
.section-head {
  text-align: center;
  padding: 0 var(--side-padding-s);
}
.section-head h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  color: #000;
}
.section-head h2 .accent {
  color: #2867a6;
}
.section-head p {
  width: 80%;
  max-width: 460px;
  margin: 13px auto 0;
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

/* ----------------------------------------------------------------
   NAV
----------------------------------------------------------------- */
header.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--edge);
  background: #ffffff;
  box-shadow: 0px 0px 7.2px rgba(61, 61, 61, 0.48), inset 0px 0px 35px white, inset 0px 0px 18px #cfcfcf;
  z-index: 50;
}
header.site-header .brand {
  position: relative;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 226px;
  height: 81px;
  background: #f4f4f4;
  box-shadow: 0px 4px 9.8px rgba(0, 0, 0, 0.23);
}
header.site-header .brand .logo-rotator {
  position: relative;
  width: 170px;
  height: 60px;
}
header.site-header .brand .logo-rotator img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
header.site-header .brand .logo-rotator img.active {
  opacity: 1;
}
header.site-header .nav-links {
  display: flex;
  align-items: center;
  gap: 46px;
}
header.site-header .nav-links a {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  text-shadow: 0px 0px 10.2px white;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  header.site-header .nav-links a:hover {
    opacity: 0.55;
  }
}
header.site-header .btn-duty-free {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, #7fce5a 0%, #54ac32 100%);
  border: 1px solid rgba(255, 255, 255, 0.65);
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  text-shadow: none !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.55), 0 1px 3px rgba(0, 0, 0, 0.25);
}
@media (hover: hover) {
  header.site-header .btn-duty-free:hover {
    opacity: 0.92;
  }
}
header.site-header .btn-duty-free svg {
  width: 15px;
  height: 16px;
}

/* ----------------------------------------------------------------
   FOOTER
----------------------------------------------------------------- */
footer.site-footer {
  margin-top: 22px;
  padding: 46px 20px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #f4f4f4;
  border-radius: 60px 60px 0 0;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.06);
}
footer.site-footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 34px;
}
footer.site-footer .footer-links a {
  font-size: 15px;
  font-weight: 700;
  color: #342677;
  text-decoration: underline;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  footer.site-footer .footer-links a:hover {
    opacity: 0.6;
  }
}
footer.site-footer .footer-copy {
  margin: 20px 0 0;
  font-size: 15px;
  font-weight: 400;
  color: #342677;
}

/* ----------------------------------------------------------------
   PRODUCT CARD + GRID (shop grid & recommended products)
----------------------------------------------------------------- */
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap: 50px;
}

.product-card {
  display: block;
  color: inherit;
  text-decoration: none;
}
.product-card .pc-img {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #fff;
}
.product-card .pc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.product-card .pc-img::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.13);
  pointer-events: none;
}
.product-card .pc-img .sold-out {
  position: absolute;
  top: 0;
  left: 0;
  width: 38%;
  height: auto;
  z-index: 2;
}
.product-card .pc-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 11px;
}
.product-card .pc-name {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #272727;
  line-height: 1;
}
.product-card .pc-tagline {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  color: #5a5a5a;
}
.product-card .pc-price {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #f10000;
}
.product-card.is-sold-out {
  cursor: default;
}
.product-card.is-sold-out .pc-img::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.6);
  pointer-events: none;
}
@media (hover: hover) {
  .product-card:not(.is-sold-out):hover .pc-img img {
    transform: scale(1.03);
  }
}

@media (max-width: 1080px) {
  .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .product-grid {
    column-gap: 14px;
    row-gap: 28px;
  }
  .product-card .pc-name,
  .product-card .pc-tagline,
  .product-card .pc-price {
    font-size: 12px;
  }
}
/* ----------------------------------------------------------------
   PAYMENTS (shop & product detail)
----------------------------------------------------------------- */
.shop-payments {
  display: flex;
  justify-content: center;
  margin: 70px 0;
}
.shop-payments img {
  width: auto;
  height: 45px;
}

/* ----------------------------------------------------------------
   SHARED RESPONSIVE (nav / footer / section header)
----------------------------------------------------------------- */
@media (max-width: 1080px) {
  header.site-header .brand {
    width: 188px;
    height: 81px;
  }
  header.site-header .brand .logo-rotator {
    width: 152px;
    height: 45px;
  }
  header.site-header .nav-links {
    gap: 18px;
  }
  header.site-header .nav-links a {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  header.site-header .nav-links a:not(.btn-duty-free) {
    display: none;
  }
}
@media (max-width: 600px) {
  header.site-header {
    height: 40px;
  }
  header.site-header .brand {
    width: 112px;
    height: 50px;
  }
  header.site-header .brand .logo-rotator {
    width: 90px;
    height: 26px;
  }
  header.site-header .btn-duty-free {
    padding: 6px 12px;
    font-size: 11px;
    gap: 4px;
  }
  header.site-header .btn-duty-free svg {
    width: 13px;
    height: 14px;
  }
  .section-head h2 {
    font-size: 15px;
  }
  .section-head p {
    font-size: 10px;
    margin-top: 6px;
  }
  footer.site-footer {
    margin-top: 0;
    padding: 46px 50px 30px;
  }
  footer.site-footer .footer-links {
    gap: 16px 18px;
  }
  footer.site-footer .footer-links a {
    font-size: 12px;
  }
  footer.site-footer .footer-copy {
    font-size: 8px;
  }
  .shop-payments {
    margin-top: 60px;
    margin-bottom: 40px;
  }
  .shop-payments img {
    height: 34px;
  }
}
.hh-body {
  margin: 0;
  overflow: hidden;
  background: #f6efd6;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.06);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* no ghost-drag on any image / content (also keeps drags from hijacking the
   carousel swipe) */
.hh-body img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.hh {
  position: fixed;
  inset: 0;
  overflow: hidden;
  font-family: "Almendra", serif;
}

/* ----------------------------------------------------------------
   PAGE-LOAD INTRO — white radial "iris" that opens to reveal the page
----------------------------------------------------------------- */
.hh-intro {
  position: fixed;
  inset: 0;
  z-index: 900;
}

.hh-intro-gradient {
  position: absolute;
  inset: 0;
  --gradient-stop: 0%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) var(--gradient-stop));
}

/* ----------------------------------------------------------------
   BACKGROUND + CURTAINS
----------------------------------------------------------------- */
.hh-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

.hh-bg--mobile {
  display: none;
}

.hh-curtain {
  position: absolute;
  top: 0;
  height: 100%;
  width: auto;
  z-index: 5;
  pointer-events: none;
  user-select: none;
}

.hh-curtain--right {
  right: 0;
}

.hh-curtain--left {
  left: 0;
  transform: scaleX(-1);
}

/* ----------------------------------------------------------------
   SCENE — placemat + menu, centered and fit-scaled
----------------------------------------------------------------- */
.hh-scene {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  z-index: 10;
  perspective: 2400px;
}

.hh-placemat {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1271px;
  height: 815px;
  transform: translate(-50%, -50%) scale(var(--matfit, 1));
  pointer-events: none;
  user-select: none;
}

/* Pan wrapper — on mobile it slides between the two pages (see @600). */
.hh-book-pan {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  transform: translateX(var(--hh-pan, 0px));
}

.hh.is-ready .hh-book-pan {
  transition: transform 0.4s ease;
}

/* Mobile page-turn tap zones (hidden except on mobile when open) */
.hh-pager {
  display: none;
}

/* Book — anchored at the scene centre. Coordinates are relative to that
   anchor (0,0 = screen centre). The spine is the cover's left edge; the
   right page sits under the cover and never moves. */
.hh-book {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  transform: rotate(-1.5deg) scale(var(--bookfit, 1));
  transform-style: preserve-3d;
}

/* Transitions enabled only after the first fit, so nothing animates on load.
   The book recentres WHILE the cover flips (same 0.7s, no delay) so the
   spread slides to centre as it opens, not after. */
.hh.is-ready .hh-placemat {
  transition: transform 0.35s ease;
}

.hh.is-ready .hh-book {
  transition: transform 0.7s ease;
}

.hh[data-state=open] .hh-book,
.hh[data-state=carousel] .hh-book {
  transform: rotate(-1.5deg) scale(var(--bookfit, 1)) translateX(186px);
}

/* Base layer — revealed as the cover lifts */
.hh-back {
  position: absolute;
  left: -588px;
  top: -279px;
  width: 804px;
  height: 558px;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.hh-spring {
  position: absolute;
  left: -207.5px;
  top: -227px;
  width: 43px;
  height: 454px;
  opacity: 0;
  /* pull forward in the 3D book so the binding sits over BOTH pages — the
     flipped cover (left page) is z-index 3 and would otherwise cover it */
  transform: translateZ(2px);
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.hh-right {
  position: absolute;
  left: -186px;
  top: -251px;
  width: 372px;
  height: 502px;
  pointer-events: none;
}

/* when open, the right page is clickable so clicking it closes the menu
   (the Pick Opt.2 button on top still opens its carousel) */
.hh[data-state=open] .hh-right {
  pointer-events: auto;
}

/* Flipping cover — front = cover art, underside (back) = the left page */
.hh-cover {
  position: absolute;
  left: -186px;
  top: -251px;
  width: 372px;
  height: 502px;
  z-index: 3;
  cursor: pointer;
  transform-origin: left center;
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  transition: transform 0.7s ease;
}

.hh-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}

.hh-face--front {
  box-shadow: 0 4px 8.8px rgba(0, 0, 0, 0.1);
}

.hh-face--front img,
.hh-face-page {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hh-face--back {
  transform: rotateY(180deg);
}

.hh[data-state=open] .hh-cover,
.hh[data-state=carousel] .hh-cover {
  transform: rotateY(-180deg);
  cursor: default;
}

.hh[data-state=open] .hh-back,
.hh[data-state=open] .hh-spring,
.hh[data-state=carousel] .hh-back,
.hh[data-state=carousel] .hh-spring {
  opacity: 1;
  transition: opacity 0.3s ease 0.28s;
}

/* Pick Opt buttons (image pill + Almendra label) */
.hh-pick {
  position: absolute;
  width: 134px;
  height: 40px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hh-pick img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hh-pick span {
  position: relative;
  z-index: 1;
  font-family: "Almendra", serif;
  font-size: 18px;
  line-height: 1;
  transform: translateY(-1px);
}

.hh-pick--2 {
  left: -67px;
  top: 168px;
}

.hh-pick--2 span {
  color: #668184;
}

.hh-pick--1 {
  left: 119px;
  top: 421px;
}

.hh-pick--1 span {
  color: #8366a7;
}

/* ----------------------------------------------------------------
   CHROME — Home (top-left), sound / download (bottom-right)
----------------------------------------------------------------- */
.hh-home {
  position: fixed;
  top: 18px;
  left: 19px;
  width: 151px;
  height: 45px;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.hh-home img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hh-home span {
  position: relative;
  z-index: 1;
  font-family: "Almendra", serif;
  font-size: 25px;
  line-height: 1;
  color: #8366a7;
}

.hh-controls {
  position: fixed;
  right: 19px;
  bottom: 22px;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 13px;
}

.hh-sound,
.hh-download {
  width: 45px;
  height: 45px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.hh-home,
.hh-sound,
.hh-download {
  transition: opacity 0.2s ease-in-out;
}

@media (hover: hover) {
  .hh-home:hover,
  .hh-sound:hover,
  .hh-download:hover {
    opacity: 0.7;
  }
}
.hh-sound-on,
.hh-sound-off,
.hh-download img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hh-download {
  display: none;
}

.hh[data-state=carousel] .hh-download {
  display: block;
}

.hh-sound-off {
  display: none;
}

.hh[data-muted=true] .hh-sound-on {
  display: none;
}

.hh[data-muted=true] .hh-sound-off {
  display: block;
}

/* ----------------------------------------------------------------
   PHOTO CAROUSEL (Swiper) — fades in over a 40% white veil
----------------------------------------------------------------- */
.hh-carousel {
  position: fixed;
  inset: 0;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

.hh[data-state=carousel] .hh-carousel {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.35s ease;
}

.hh-carousel-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.4);
}

.hh-swiper {
  position: relative;
  z-index: 1;
  width: min(1084px, 66vw);
  height: 75vh;
}

.hh-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: transparent;
}

/* size to the photo (capped to the box) so portrait shots stand tall — up to
   the full 70vh — instead of being cropped/squished into a landscape frame */
.hh-swiper .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.hh-arrow {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 16;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}

@media (hover: hover) {
  .hh-arrow:hover {
    opacity: 0.7;
  }
}
.hh-arrow.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}

/* close (X) — top-right, closes the carousel (lives inside .hh-carousel so
   it fades in/out with it) */
.hh-close {
  position: fixed;
  top: 18px;
  right: 19px;
  z-index: 17;
  width: 45px;
  height: 45px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}

@media (hover: hover) {
  .hh-close:hover {
    opacity: 0.7;
  }
}
.hh-close img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hh-chevron {
  display: block;
  width: 34px;
  height: 52px;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.9));
}

.hh-prev {
  left: 6%;
}

.hh-prev .hh-chevron {
  transform: rotate(180deg);
}

.hh-next {
  right: 6%;
}

/* ----------------------------------------------------------------
   TABLET  (<= 1080px) — mobile bg, no curtains, same-size menu
----------------------------------------------------------------- */
@media (max-width: 1080px) {
  .hh-bg--wide {
    display: none;
  }
  .hh-bg--mobile {
    display: block;
  }
  .hh-curtain {
    display: none;
  }
  .hh-swiper {
    width: min(783px, 92vw);
  }
  .hh-prev {
    left: 1.7%;
  }
  .hh-next {
    right: 1.7%;
  }
}
/* ----------------------------------------------------------------
   MOBILE  (<= 600px) — smaller chrome
----------------------------------------------------------------- */
@media (max-width: 600px) {
  /* the page-pan slides with the flip (base .hh-book already has no delay) */
  .hh.is-ready .hh-book-pan {
    transition: transform 0.5s ease;
  }
  /* one page at a time; pan between them. Default shows the LEFT page. */
  .hh[data-state=open] .hh-book-pan,
  .hh[data-state=carousel] .hh-book-pan {
    --hh-pan: calc(186px * var(--bookfit, 1));
  }
  .hh[data-state=open][data-page=right] .hh-book-pan,
  .hh[data-state=carousel][data-page=right] .hh-book-pan {
    --hh-pan: calc(-186px * var(--bookfit, 1));
  }
  /* edge tap zones to turn the page (tap the peeking side) */
  .hh[data-state=open] .hh-pager {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 17%;
    z-index: 15;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
  }
  .hh[data-state=open] .hh-pager--left {
    left: 0;
  }
  .hh[data-state=open] .hh-pager--right {
    right: 0;
  }
  .hh-home {
    top: 10px;
    left: 10px;
    width: 101px;
    height: 30px;
  }
  .hh-home span {
    font-size: 16px;
  }
  .hh-controls {
    right: 12px;
    bottom: 12px;
    gap: 8px;
  }
  .hh-close {
    top: 10px;
    right: 12px;
    width: 30px;
    height: 30px;
  }
  .hh-sound,
  .hh-download {
    width: 30px;
    height: 30px;
  }
  .hh-swiper {
    width: 96vw;
  }
  .hh-chevron {
    width: 24px;
    height: 37px;
  }
  .hh-prev {
    left: 1.2%;
  }
  .hh-next {
    right: 1.2%;
  }
}

/*# sourceMappingURL=page_heyhi.css.map */