/* ===== EDIT COLORS AND FONTS HERE ===== */
:root {
  --paper: #fafaf8;
  --ink: #000000;
  --muted: #555555;
  --link: #3b8fd4;
  --brand-font: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --nav-font: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --body-font: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --gap: 4%;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body-font);
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid #2b62d9; outline-offset: 4px; border-radius: 3px; }
img { display: block; max-width: 100%; height: auto; }
figure { margin: 0; }

/* ===== Header ===== */
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2rem;
  padding: 2.5rem 3.5vw 2.5rem 17vw;
}
.brand {
  font-family: var(--brand-font);
  font-weight: 300;
  font-size: 1.75rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
}
.site-header nav { display: flex; gap: 2rem; }
.site-header nav a {
  font-family: var(--nav-font);
  font-weight: 300;
  font-size: 1.0625rem;
  letter-spacing: 0.03em;
  padding: 0.1rem 0.15rem;
}
.site-header nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 0.4em; text-decoration-thickness: 1px; }

/* ===== Home ===== */
.hero { display: block; }
.hero img {
  width: 100%;
  height: calc(100vh - 6.5rem);
  min-height: 22rem;
  object-fit: cover;
}

/* ===== Photography ===== */
main { padding-bottom: 6rem; }
.page-title {
  margin: 4rem 0 3.5rem;
  text-align: center;
  font-family: var(--brand-font);
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.grid {
  width: min(85vw, 1500px);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6.5rem var(--gap);
}
.grid figure { width: calc((100% - 2 * var(--gap)) / 3); text-align: center; }
.grid figure a { display: block; }
.grid img { width: 100%; }
figcaption { margin-top: 1.4rem; line-height: 1.5; }
.grid .title {
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.05em;
}

/* ===== Enlarged photo (opens with :target, no JavaScript) ===== */
.lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.98);
  align-items: center;
  justify-content: center;
  padding: 3.5rem 4.5rem;
}
.lightbox:target { display: flex; }
.lightbox figure { text-align: center; }
.lightbox img { max-width: 100%; max-height: 82vh; width: auto; margin: 0 auto; }
.lightbox figcaption { font-weight: 300; letter-spacing: 0.05em; margin-top: 1rem; }
.lb-close, .lb-prev, .lb-next {
  position: fixed;
  font-family: var(--nav-font);
  font-weight: 300;
  line-height: 1;
  color: var(--ink);
  padding: 0.5rem 1rem;
}
.lb-close { top: 1rem; right: 1.25rem; font-size: 2.5rem; }
.lb-prev, .lb-next { top: 50%; transform: translateY(-50%); font-size: 3.5rem; }
.lb-prev { left: 0.75rem; }
.lb-next { right: 0.75rem; }
.lb-close:hover, .lb-prev:hover, .lb-next:hover { opacity: 0.5; }

/* ===== About ===== */
.about {
  width: min(85vw, 1300px);
  margin: 3.5rem auto 0;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: clamp(2rem, 8vw, 9rem);
  align-items: center;
}
.about-image img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.about-text { max-width: 36rem; }
.about-text h1 {
  margin: 0 0 1.75rem;
  font-family: var(--brand-font);
  font-weight: 700;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.15;
}
.about-text p { margin: 0 0 1.25rem; font-size: 0.875rem; line-height: 1.8; }
.about-text .contact { margin-top: 2rem; }
.about-text .contact a { color: var(--link); }
.about-text .contact a:hover { text-decoration: underline; }

/* ===== Footer ===== */
.site-footer { padding: 2rem 1rem 3rem; text-align: center; color: var(--muted); font-size: 0.75rem; letter-spacing: 0.05em; }
.site-footer p { margin: 0; }

/* ===== Tablet and mobile ===== */
@media (max-width: 64rem) {
  .site-header { padding: 2rem 2rem; }
  .grid figure { width: calc((100% - var(--gap)) / 2); }
}
@media (max-width: 44rem) {
  .site-header { flex-direction: column; padding: 1.75rem 1.25rem; gap: 1rem; }
  .brand { font-size: 1.4rem; }
  .hero img { height: 60vh; }
  .home .hero img { height: 100%; }
  .grid { gap: 3.5rem; }
  .grid figure { width: 100%; }
  .about { grid-template-columns: 1fr; margin-top: 1.5rem; }
  .lightbox { padding: 3.5rem 1rem; }
  .lb-prev, .lb-next { top: auto; bottom: 0.75rem; transform: none; }
}

/* ===== Home: one screen, no scrolling, white frame on all sides ===== */
body.home { height: 100vh; height: 100dvh; overflow: hidden; display: flex; flex-direction: column; }
.home .site-header { flex: none; padding-top: 2rem; padding-bottom: 2rem; }
.home main { flex: 1; min-height: 0; padding: 0 clamp(1rem, 3.5vw, 3.5rem) clamp(1rem, 3.5vw, 3.5rem); }
.home .hero { height: 100%; }
.home .hero img { width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.home .site-footer { display: none; }

/* ===== About: social link ===== */
.about-text .social { margin: 1.75rem 0 0; }
.about-text .social a { display: inline-block; color: var(--ink); opacity: 0.55; line-height: 0; }
.about-text .social a:hover { opacity: 0.9; }
.about-text .social + .contact { margin-top: 1rem; }

/* ===== Art of the Taboo ===== */
.description { max-width: 42rem; margin: -1rem auto 4.5rem; padding: 0 1.25rem; text-align: left; }
.description p { margin: 0 0 1.25rem; font-size: 0.9375rem; line-height: 1.85; }
.description .listen { text-align: center; margin-top: 2rem; }
.description .listen a { border-bottom: 1px solid var(--ink); padding-bottom: 2px; letter-spacing: 0.04em; font-weight: 500; }
.description .listen a:hover { opacity: 0.6; }
.grid.two { width: min(80vw, 1300px); gap: 5rem var(--gap); align-items: center; }
.grid.two figure { width: calc((100% - var(--gap)) / 2); }

@media (max-width: 44rem) {
  .grid.two figure { width: 100%; }
  .home .site-header { padding: 1.25rem; }
}

/* ===== Art of the Taboo landing + project gallery ===== */
.about.project { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
.about.project .about-image img { aspect-ratio: auto; height: auto; }
.about.project .about-image a { display: block; }
.about.project .about-image a:hover img { opacity: 0.92; }
.view-link { margin-top: 1rem; text-align: left; font-size: 0.8125rem; letter-spacing: 0.06em; }
.view-link a { border-bottom: 1px solid var(--ink); padding-bottom: 2px; }
.view-link a:hover { opacity: 0.6; }
.about-text h1.exact, .page-title.exact { text-transform: none; letter-spacing: 0.03em; }
.about-text h1.exact { font-size: clamp(1.5rem, 2.6vw, 2.25rem); }
.about-text .listen { margin-top: 1.75rem; }
.about-text .listen a { border-bottom: 1px solid var(--ink); padding-bottom: 2px; letter-spacing: 0.04em; font-weight: 500; }
.about-text .listen a:hover { opacity: 0.6; }
.back { text-align: center; margin: -2rem 0 3.5rem; font-size: 0.8125rem; letter-spacing: 0.06em; }
.back a:hover { text-decoration: underline; }

/* ===== Art of the Taboo: centered layout on desktop ===== */
.about.project {
  width: min(74vw, 1080px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  margin-top: 2.5rem;
  align-items: center;
}
.about.project .about-image { display: flex; flex-direction: column; align-items: center; }
.about.project .about-image a { display: block; }
.about.project .about-image img { width: auto; max-width: 100%; max-height: 78vh; }
.about.project .view-link { text-align: center; }
.about.project .about-text { text-align: center; margin-inline: auto; max-width: 30rem; }
.grid.two { width: min(68vw, 1000px); }
@media (max-width: 64rem) {
  .about.project { width: 84vw; }
  .grid.two { width: 84vw; }
}
@media (max-width: 44rem) {
  .about.project { grid-template-columns: 1fr; width: 88vw; }
  .grid.two { width: 88vw; }
}


/* ===== Latest changes ===== */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Photography: 2 per row */
.grid { width: min(72vw, 1250px); gap: 4.5rem var(--gap); }
.grid figure { width: calc((100% - var(--gap)) / 2); }

/* Links: no underline until hover */
.view-link a { border-bottom: 0; padding-bottom: 0; color: #8a8a8a; }
.view-link a:hover { color: #000; opacity: 1; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.4em; }
.about-text .listen a { border-bottom: 0; padding-bottom: 0; }
.about-text .listen a:hover { opacity: 1; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.4em; }

/* Project headings (h2) same look as h1 */
.about-text h2 { margin: 0 0 1.5rem; font-family: var(--brand-font); font-weight: 700; line-height: 1.15; }
.about-text h2.exact { font-size: clamp(1.4rem, 2.4vw, 2.1rem); letter-spacing: 0.03em; text-transform: none; }
.projects .about.project { margin-top: 5.5rem; }
.projects .about.project:first-child { margin-top: 2.5rem; }

/* One-screen pages (About, project photo pages) */
.fit { height: 100vh; height: 100dvh; overflow: hidden; display: flex; flex-direction: column; }
.fit .site-header { flex: none; padding-top: 2rem; padding-bottom: 2rem; }
.fit main { flex: 1; min-height: 0; padding-bottom: 1.5rem; }
.fit .site-footer { display: none; }

/* About page */
.about.solo { width: min(86vw, 1200px); margin: 0 auto; gap: clamp(2rem, 6vw, 6rem); align-content: center; }
.about.solo .about-image img { width: 100%; aspect-ratio: auto; height: min(calc(100dvh - var(--header-h) - 4.9rem), 720px); object-fit: cover; }
.about.solo .about-text { max-width: 34rem; }
.about.solo .about-text p { font-size: 0.8125rem; line-height: 1.7; margin-bottom: 0.95rem; }
.about-text .links { display: flex; align-items: center; gap: 1.25rem; margin-top: 1.5rem; }
.about-text .links .social { color: var(--ink); opacity: 0.55; line-height: 0; }
.about-text .links .social:hover { opacity: 0.9; }
.about-text .links .email { color: var(--link); }
.about-text .links .email:hover { text-decoration: underline; text-underline-offset: 0.3em; }

/* Project photo pages: every photo visible on one screen */
.sheet-page main { display: flex; flex-direction: column; padding: 0 clamp(1rem, 3.5vw, 3.5rem) clamp(1rem, 2vw, 1.75rem); }
.sheet-page .page-title { margin: 0 0 0.35rem; }
.sheet-page .back { margin: 0 0 1rem; }
.sheet { flex: 1; min-height: 0; width: min(92vw, 1400px); margin: 0 auto; display: grid;
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); grid-template-rows: repeat(var(--rows), minmax(0, 1fr));
  gap: clamp(0.6rem, 1.2vw, 1.1rem); }
.sheet figure { position: relative; min-width: 0; min-height: 0; }
.sheet a { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.sheet img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.sheet a:hover img { opacity: 0.9; }

@media (max-width: 64rem) {
  .fit { height: auto; overflow: visible; display: block; }
  .fit .site-footer { display: block; }
  .fit main { padding-bottom: 4rem; }
  .about.solo { width: 86vw; }
  .about.solo .about-image img { height: auto; aspect-ratio: 4 / 5; }
  .sheet { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: auto; }
  .sheet figure { position: static; }
  .sheet a { position: static; display: block; }
  .sheet img { width: 100%; max-height: none; }
}
@media (max-width: 44rem) {
  .grid { width: 88vw; }
  .grid figure { width: 100%; }
}
.about-text .links .social { margin: 0; }


/* ===== Home: full-bleed image + animated name ===== */
.home main { padding: 0; }
.home .hero { height: 100%; }
.home .hero img { width: 100%; height: 100%; object-fit: cover; }

.brand-anim .l, .brand-anim .a, .brand-anim .w2 { display: inline-block; }
.brand-anim .l { animation: brand-appear 0.9s ease-out both; }
.brand-anim .a { animation: brand-drop 1.2s cubic-bezier(0.25, 0.8, 0.3, 1) both; }
.brand-anim .w2 { animation: brand-appear 1.4s ease-out 2.7s both; }
.brand-anim .w1 > :nth-child(1) { animation-delay: 0.15s; }
.brand-anim .w1 > :nth-child(2) { animation-delay: 0.45s; }
.brand-anim .w1 > :nth-child(3) { animation-delay: 0.85s; }
.brand-anim .w1 > :nth-child(4) { animation-delay: 1.15s; }
.brand-anim .w1 > :nth-child(5) { animation-delay: 1.55s; }
.brand-anim .w1 > :nth-child(6) { animation-delay: 1.85s; }
@keyframes brand-appear { from { opacity: 0; filter: blur(6px); } to { opacity: 1; filter: blur(0); } }
@keyframes brand-drop {
  0%   { opacity: 0; transform: translateY(-4.5rem); }
  55%  { opacity: 1; }
  78%  { transform: translateY(0.18rem); }
  100% { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .brand-anim .l, .brand-anim .a, .brand-anim .w2 { animation: none; }
}

/* ===== Art of the Taboo ===== */
.about-text h1.caps { text-transform: uppercase; letter-spacing: 0.06em; font-size: clamp(1.3rem, 2.2vw, 1.9rem); }
.about.project .about-text p.desc { text-align: justify; hyphens: none; -webkit-hyphens: none; }
.about-text .listen + .listen { margin-top: 0.9rem; }

/* ===== Book viewer (Architecture projects) ===== */
.book-page { background: #333; color: #eee; }
.book-page .site-header .brand, .book-page .site-header nav a { color: #f0f0f0; }
.viewer { position: relative; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; }
.book-page main.viewer { padding: 0 0 2.5rem; }
.stage { display: flex; align-items: center; justify-content: center;
  --ph: min(calc(100dvh - var(--header-h) - 6.4rem), calc((100vw - 11rem) / 2 / var(--r, 1)));
  --pw: calc(var(--ph) * var(--r, 1));
  --sw: calc(var(--pw) / 10); }
.book { position: relative; width: calc(var(--pw) * 2); height: var(--ph); perspective: 2300px; cursor: pointer;
  transition: transform 1.15s cubic-bezier(0.5, 0.05, 0.3, 1); }
.book.at-start { transform: translateX(calc(var(--pw) / -2)); }
.book.at-end { transform: translateX(calc(var(--pw) / 2)); }
.leaf { position: absolute; top: 0; left: 50%; width: var(--pw); height: 100%; transform-origin: 0 50%;
  transform-style: preserve-3d; transition: transform 1.15s cubic-bezier(0.5, 0.05, 0.3, 1); }
.leaf.flipped { transform: rotateY(-180deg); }
/* each page is a chain of thin strips that bend a little while turning */
.seg { position: absolute; top: 0; left: 0; width: calc(var(--sw) + 1px); height: 100%; transform-origin: 0 50%; transform-style: preserve-3d; }
.seg.last { width: var(--sw); }
.seg > .seg { left: var(--sw); }
.face { position: absolute; inset: 0; background-color: #fff; background-repeat: no-repeat; background-size: var(--pw) var(--ph);
  backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.face.pg-back { transform: rotateY(180deg); }
.leaf.curl-fwd  { --a: -8.5deg; --lift: 15vmin; }
.leaf.curl-back { --a: 8.5deg;  --lift: 15vmin; }
.leaf.curl-fwd > .seg, .leaf.curl-back > .seg { animation: page-lift 1.15s cubic-bezier(0.45, 0, 0.35, 1) both; }
.leaf.curl-fwd .seg .seg, .leaf.curl-back .seg .seg { animation: page-curl 1.15s ease-in-out both; animation-delay: calc(var(--k) * 30ms); }
@keyframes page-curl {
  0%   { transform: rotateY(0deg); }
  46%  { transform: rotateY(var(--a)); }
  76%  { transform: rotateY(calc(var(--a) * -0.22)); }
  100% { transform: rotateY(0deg); }
}
@keyframes page-lift {
  0%   { transform: translateZ(0); }
  48%  { transform: translateZ(var(--lift)); }
  100% { transform: translateZ(0); }
}
.nav { position: absolute; top: 50%; transform: translateY(-50%); width: 4.5rem; height: min(28rem, 55%); border: 0; border-radius: 0.9rem;
  background: transparent; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 5; }
.nav.prev { left: 1rem; } .nav.next { right: 1rem; }
.nav:hover, .nav:focus-visible { background: #1e1e1e; }
.nav[disabled] { opacity: 0.22; pointer-events: none; }
.counter { position: absolute; bottom: 0.6rem; left: 0; right: 0; margin: 0; text-align: center; font-size: 0.8125rem; letter-spacing: 0.06em; color: #bdbdbd; }
.counter .ttl::after { content: " \00b7  "; }
.book-back { position: absolute; top: 0.25rem; left: 1.5rem; font-size: 0.8125rem; letter-spacing: 0.06em; color: #bdbdbd; z-index: 5; }
.book-back:hover { color: #fff; text-decoration: underline; text-underline-offset: 0.4em; }
.viewer.ready .book-pages { display: none; }
.book-pages { display: flex; gap: 1rem; overflow-x: auto; margin: 0; padding: 0 1.5rem; list-style: none; max-width: 100%; }
.book-pages img { height: calc(100dvh - 13rem); width: auto; background: #fff; }
@media (max-width: 64rem) {
  .fit.book-page { height: 100vh; height: 100dvh; overflow: hidden; display: flex; flex-direction: column; }
  .fit.book-page .site-footer { display: none; }
  .nav { width: 2.6rem; }
  .stage { --ph: min(calc(100dvh - var(--header-h) - 8rem), calc((100vw - 6rem) / 2 / var(--r, 1))); }
}

/* ===== Home: Calderwood first, then Katana ===== */
.brand-anim .w2 { animation: brand-appear 1.2s ease-out 0.15s both; }
.brand-anim .w1 > :nth-child(1) { animation-delay: 1.35s; }
.brand-anim .w1 > :nth-child(2) { animation-delay: 1.65s; }
.brand-anim .w1 > :nth-child(3) { animation-delay: 2.05s; }
.brand-anim .w1 > :nth-child(4) { animation-delay: 2.35s; }
.brand-anim .w1 > :nth-child(5) { animation-delay: 2.75s; }
.brand-anim .w1 > :nth-child(6) { animation-delay: 3.05s; }

/* flat pages at rest (no seams); strips only while turning */
.flat { position: absolute; inset: 0; transform-style: preserve-3d; }
.leaf:not(.curl-fwd):not(.curl-back) > .seg { visibility: hidden; }
.leaf.curl-fwd > .flat, .leaf.curl-back > .flat { visibility: hidden; }


/* ================= FINAL LAYER: header, spacing, fonts, photography rows ================= */
:root {
  --header-h: 6.125rem;
  --name-font: "Mansalva", "Segoe Print", "Bradley Hand", "Brush Script MT", cursive;
  --title-font: "Playfair Display", "Didot", Georgia, "Times New Roman", serif;
}
.svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }

/* one header on every page, so every page starts the same distance below the name */
.site-header { height: var(--header-h); padding-top: 0; padding-bottom: 0; }
.home .site-header, .fit .site-header { padding-top: 0; padding-bottom: 0; }
.brand {
  font-family: var(--name-font);
  font-weight: 400;
  font-size: 2.2rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1;
  filter: url(#rough);
}
/* content begins directly under the header on every page */
.page-title { margin-top: 0; }
.about.project, .projects .about.project:first-child { margin-top: 0; }
.projects .about.project + .about.project { margin-top: 5.5rem; }
.about.project .about-image img { max-height: calc(100dvh - var(--header-h) - 4.5rem); }

/* home name animation: twice as fast */
.brand-anim .l { animation-duration: 0.45s; }
.brand-anim .a { animation-duration: 0.6s; }
.brand-anim .w2 { animation-duration: 0.6s; animation-delay: 0.08s; }
.brand-anim .w1 > :nth-child(1) { animation-delay: 0.68s; }
.brand-anim .w1 > :nth-child(2) { animation-delay: 0.83s; }
.brand-anim .w1 > :nth-child(3) { animation-delay: 1.03s; }
.brand-anim .w1 > :nth-child(4) { animation-delay: 1.18s; }
.brand-anim .w1 > :nth-child(5) { animation-delay: 1.38s; }
.brand-anim .w1 > :nth-child(6) { animation-delay: 1.53s; }
@keyframes brand-drop {
  0%   { opacity: 0; transform: translateY(-3.8rem); }
  55%  { opacity: 1; }
  78%  { transform: translateY(0.15rem); }
  100% { opacity: 1; transform: translateY(0); }
}

/* messy ink project title (Algo(g)rave) */
.ink-title { font-family: var(--title-font); font-weight: 900; text-transform: uppercase; letter-spacing: 0.035em; line-height: 1.12;
  color: #0c0c0c; filter: url(#ink); text-shadow: 0 0 1.5px rgba(0,0,0,0.55), 1px 1px 0 rgba(0,0,0,0.18); }
.ink-title .w { display: inline-block; white-space: nowrap; }
.ink-title .c { display: inline-block; transform: translateY(var(--y)) rotate(var(--r)); }
.about-text h1.ink-title { font-size: clamp(1.7rem, 3.1vw, 2.7rem); letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 1.6rem; }
.page-title.ink-title { font-size: clamp(1.7rem, 3.4vw, 3rem); text-transform: uppercase; letter-spacing: 0.035em; margin-bottom: 0.4rem; }
.back { margin-top: 0; }

/* Photography: one row of two photos per screen, scrolling jumps row to row */
html.snap { scroll-snap-type: y mandatory; scroll-padding-top: var(--header-h); scroll-behavior: auto; }
.snap .site-header { position: sticky; top: 0; z-index: 6; background: var(--paper); }
.snap .site-footer { position: fixed; left: 0; right: 0; bottom: 0.55rem; padding: 0; z-index: 5; pointer-events: none; font-size: 0.6875rem; color: #9a9a9a; }
.photo-rows { padding: 0; }
.prow { height: calc(100vh - var(--header-h)); height: calc(100dvh - var(--header-h)); scroll-snap-align: start; scroll-snap-stop: always;
  display: flex; flex-direction: column; padding: 0 clamp(1rem, 3.5vw, 3.5rem) 2rem; }
.prow .page-title { flex: none; margin: 0 0 0.9rem; }
.prow-grid { flex: 1; min-height: 0; width: min(92vw, 1500px); margin: 0 auto; display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr); gap: clamp(1rem, 4vw, 4rem); }
.prow figure { display: flex; flex-direction: column; min-width: 0; min-height: 0; text-align: center; }
.prow figure a { position: relative; flex: 1; min-height: 0; display: block; }
.prow figure img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.prow figcaption { flex: none; margin-top: 0.6rem; }
.prow .title { font-weight: 300; font-size: 0.9375rem; letter-spacing: 0.05em; }

/* project books start right under the header too */
.book-page .viewer { align-items: flex-start; }
.stage { --ph: min(calc(100dvh - var(--header-h) - 4.9rem), calc((100vw - 11rem) / 2 / var(--r, 1))); }

@media (max-width: 44rem) {
  .site-header { height: auto; padding: 1.25rem; }
  .brand { font-size: 1.8rem; }
  html.snap { scroll-snap-type: none; }
  .snap .site-header { position: static; }
  .snap .site-footer { position: static; padding: 2rem 1rem 3rem; pointer-events: auto; }
  .prow { height: auto; scroll-snap-align: none; padding-bottom: 1rem; }
  .prow-grid { grid-template-columns: 1fr; grid-template-rows: none; gap: 2.5rem; width: 88vw; }
  .prow figure a { position: static; }
  .prow figure img { position: static; height: auto; }
  .about.project .about-image img { max-height: none; }
}
@media (max-width: 64rem) and (min-width: 44.01rem) {
  .site-header { padding-left: 2rem; padding-right: 2rem; }
}
@media (prefers-reduced-motion: reduce) { html.snap { scroll-snap-type: none; } .brand { filter: none; } }

/* photography rows: photo + caption centered together in each screen */
.prow { --img-max: calc(100dvh - var(--header-h) - 8.5rem); }
.prow-grid { align-items: center; }
.prow figure { justify-content: center; }
.prow figure a { position: static; flex: none; display: flex; justify-content: center; }
.prow figure img { position: static; width: auto; max-width: 100%; height: auto; max-height: var(--img-max); object-fit: contain; }
main.about.project { padding-bottom: 1rem; }
.about.project .about-image img { max-height: calc(100dvh - var(--header-h) - 6rem); }
@media (max-width: 44rem) {
  .prow figure a { display: block; }
  .prow figure img { width: 100%; max-height: none; }
}


/* ================= LATEST: original name font, lower start, 4 photos per screen, ink title ================= */
:root {
  --header-h: 7.5rem;                       /* bigger = content starts lower on every page */
  --title-font: "Anton", Impact, "Haettenschweiler", "Arial Narrow Bold", "DejaVu Sans Condensed", sans-serif;
}
/* the name goes back to the earlier look */
.brand { font-family: var(--brand-font); font-weight: 300; font-size: 1.75rem; letter-spacing: 0.16em; line-height: 1.2; filter: none; }
/* extra space sits below the header line, so the name itself does not move */
.site-header { padding-bottom: calc(var(--header-h) - 6.125rem); }
.home .site-header, .fit .site-header { padding-top: 0; padding-bottom: calc(var(--header-h) - 6.125rem); }

/* Algo(g)rave title: heavy letterpress type, uneven letters, ink speckle and stamped shadows */
.ink-title { font-family: var(--title-font); font-weight: 400; text-transform: uppercase; letter-spacing: 0.045em; line-height: 1.04; color: #0a0a0a;
  filter: url(#ink);
  text-shadow: 3px 3px 0 rgba(60,60,60,0.5), 6px 5px 1px rgba(0,0,0,0.17), -2px 1px 0 rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.5); }
.ink-title .ln { display: block; white-space: nowrap; }
.ink-title .c { display: inline-block; transform: translateY(var(--y)) rotate(var(--r)) scale(var(--s, 1)); }
.about.project .about-text { container-type: inline-size; width: 100%; }
.about-text h1.ink-title { font-size: clamp(1.7rem, 3.4vw, 3rem); font-size: clamp(1.5rem, 9cqw, 3.2rem); letter-spacing: 0.04em; margin-bottom: 1.8rem; }
.page-title.ink-title { font-size: clamp(2rem, 4.2vw, 3.8rem); letter-spacing: 0.04em; margin-bottom: 0.9rem; }
.page-title.ink-title .ln { display: inline; }
.page-title.ink-title .ln:first-child::after { content: " "; }

/* Photography: four photos (2 x 2) per screen */
.prow { --img-max: calc((100dvh - var(--header-h) - 10.5rem) / 2); }
.prow-grid { grid-template-rows: repeat(2, minmax(0, 1fr)); row-gap: 0.9rem; column-gap: clamp(1rem, 5vw, 5rem); width: min(80vw, 1200px); }
.prow figcaption { margin-top: 0.4rem; }
@media (max-width: 44rem) {
  .site-header, .home .site-header, .fit .site-header { height: auto; padding: 1.25rem 1.25rem 1.9rem; }
  .prow-grid { grid-template-rows: none; row-gap: 2.5rem; width: 88vw; }
  .ink-title .ln { white-space: normal; }
}


/* ================= LATEST 2: book controls, softer flip, hand-painted title, home fixes ================= */
/* page flip: back to the earlier gentle curl */
.book { perspective: 2800px; }
.leaf.curl-fwd  { --a: -5.5deg; }
.leaf.curl-back { --a: 5.5deg; }
.leaf.curl-fwd > .seg, .leaf.curl-back > .seg { animation: none; }
.leaf.curl-fwd .seg .seg, .leaf.curl-back .seg .seg { animation: page-curl 1.15s ease-in-out both; animation-delay: calc(var(--k) * 24ms); }
@keyframes page-curl {
  0%   { transform: rotateY(0deg); }
  38%  { transform: rotateY(var(--a)); }
  72%  { transform: rotateY(calc(var(--a) * -0.25)); }
  100% { transform: rotateY(0deg); }
}
/* name at half brightness on the book pages */
.book-page .site-header .brand { color: #787878; }
/* back link + arrows sit in a row directly above the book's left corner */
.stage { display: flex; justify-content: center; align-items: flex-start;
  --ph: min(calc(100dvh - var(--header-h) - 5.2rem), calc((100vw - 11rem) / 2 / var(--r, 1))); }
.bookwrap { display: flex; flex-direction: column; align-items: flex-start; width: calc(var(--pw) * 2); }
.bookbar { display: flex; align-items: center; gap: 0.5rem; height: 2.4rem; margin-bottom: 0.3rem; transition: transform 1.15s cubic-bezier(0.5, 0.05, 0.3, 1); }
.stage:has(.book.at-start) .bookbar, .stage:has(.book.at-end) .bookbar { transform: translateX(calc(var(--pw) / 2)); }
.bookbar .book-back { position: static; margin-right: 0.9rem; }
.counter { display: none; }
@media (max-width: 44rem) { .bookbar .nav { width: 2.4rem; } .stage { --ph: min(calc(100dvh - var(--header-h) - 6.2rem), calc((100vw - 3rem) / 2 / var(--r, 1))); } }

/* home name: t and n animate exactly like the K (plain fade, no filter) */
@keyframes brand-appear { from { opacity: 0; } to { opacity: 1; } }
/* hero: right quarter cropped, stretched to fill */
.home .hero img { width: 100%; height: 100%; object-fit: fill; }

/* Algo(g)rave title: fits the column on two lines, hand-painted look */
.ink-title { color: #111; text-shadow: 1px 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.02em; }
.about-text h1.ink-title { font-size: 7.4cqw; line-height: 1.12; margin-bottom: 1.6rem; }
.about-text h1.ink-title > span { display: block; width: 100%; }
.about-text h1.ink-title .ln { display: flex; justify-content: space-between; width: 100%; white-space: nowrap; }
.about-text h1.ink-title .ln .w { display: inline-flex; white-space: nowrap; }
.about-text h1.ink-title .ln:first-child { font-size: 1.7em; letter-spacing: 0; line-height: 1; }
.about-text h1.ink-title .ln:first-child .w { display: flex; justify-content: space-between; width: 100%; }
.about-text h1.ink-title .ln:last-child { font-size: 1; }
.ink-title .ln:first-child::after { content: none; }


/* ================= LATEST 3: Calderwood Creations ================= */
/* home: Calderwood shoves Katana off the page, then "Creations" drops in */
.brand-anim .w0 { display: inline-grid; grid-template-columns: 1fr; vertical-align: baseline;
  animation: katana-collapse 0.45s cubic-bezier(0.3, 0.2, 0.3, 1) 2.45s both; }
.brand-anim .w0 .w1 { display: block; min-width: 0; white-space: nowrap;
  animation: katana-fly 0.6s cubic-bezier(0.1, 0.5, 0.3, 1) 2.45s both; }
.brand-anim .w3 { display: inline-block; white-space: pre; animation: brand-drop 0.45s cubic-bezier(0.25, 0.8, 0.3, 1) 2.95s both; }
@keyframes katana-collapse { from { grid-template-columns: 1fr; } to { grid-template-columns: 0fr; } }
@keyframes katana-fly {
  0%   { transform: translateX(0); opacity: 1; filter: blur(0); }
  100% { transform: translateX(-110vw); opacity: 0; filter: blur(9px); }
}
@media (prefers-reduced-motion: reduce) {
  .brand-anim .w0, .brand-anim .w3 { animation: none; }
  .brand-anim .w0 { display: none; }
}

/* Algo(g)rave: subtle shadow + a crow's shadow lands on the word */
.title-wrap { position: relative; }
.title-wrap .ink-title { margin-bottom: 1.6rem; text-shadow: 3px 4px 5px rgba(0,0,0,0.2); }
.crow { position: absolute; right: 2%; top: -6cqw; width: 13cqw; height: auto; overflow: visible;
  fill: #000; stroke: #000; stroke-width: 2.4; stroke-linecap: round; opacity: 0.5; filter: blur(0.7px); pointer-events: none;
  transform-origin: 50% 100%; animation: crow-land 4.2s cubic-bezier(0.3, 0.1, 0.3, 1) 0.8s both; }
.crow .wing { transform-box: fill-box; transform-origin: 85% 100%; animation: crow-flap 0.28s ease-in-out 0.8s 13 alternate both; }
.crow-body { animation: none; }
@keyframes crow-land {
  0%   { transform: translate(-60%, -520%) scale(1.8) rotate(10deg); opacity: 0; }
  12%  { opacity: 0.5; }
  70%  { transform: translate(-6%, -70%) scale(1.15) rotate(-4deg); opacity: 0.5; }
  90%  { transform: translate(0, 0) scale(1) rotate(0deg); opacity: 0.5; }
  100% { transform: translate(0, 0) scale(1) rotate(0deg); opacity: 0; }
}
@keyframes crow-flap { from { transform: rotate(35deg) scaleY(1.15); } to { transform: rotate(-52deg) scaleY(0.5); } }
@media (prefers-reduced-motion: reduce) { .crow, .crow .wing { animation: none; } .crow .wing { transform: rotate(-52deg) scaleY(0.5); } }
@media (max-width: 44rem) { .crow { top: -4.5cqw; } }

/* perched crow (upright silhouette) takes over when the flying one lands */
.crow-perch { position: absolute; right: 6%; top: -14.6cqw; width: 12cqw; height: auto; overflow: visible;
  fill: #000; stroke: #000; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; opacity: 0.5; filter: blur(0.5px); pointer-events: none;
  animation: crow-perch-in 0.5s ease-out 4.6s both; }
@keyframes crow-perch-in { from { opacity: 0; transform: translateY(-1.2cqw) scale(1.08); } to { opacity: 0.5; transform: none; } }
@media (prefers-reduced-motion: reduce) { .crow { display: none; } .crow-perch { animation: none; } }

/* booklet pages: menu hidden, Back matches the name colour */
.book-page .site-header nav { visibility: hidden; }
.book-page .book-back, .book-page .book-back:hover { color: #787878; }


/* crow removed; Algo(g)rave shadow: deeper in the middle, fading to the base shade toward both sides */
.crow, .crow-perch { display: none; }
.title-wrap { isolation: isolate; }
.title-wrap .shadow-copy { position: absolute; left: 0; top: 0; width: 100%; margin: 0; z-index: -1; pointer-events: none;
  color: transparent; text-shadow: 4px 6px 7px rgba(0,0,0,0.75);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 50%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 50%, transparent 100%); }

/* menu: hovering makes the text bolder (no jumping) */
.site-header nav a { display: inline-block; }
.site-header nav a::after { content: attr(data-text); display: block; font-weight: 700; height: 0; overflow: hidden; visibility: hidden; }
.site-header nav a:hover { font-weight: 700; }

/* the gap closes first (C meets the last a), then Calderwood shoves Katana off */
.brand-anim .sp { display: inline-grid; grid-template-columns: 1fr; animation: katana-collapse 0.25s ease-in-out 2.15s both; }
.brand-anim .sp > span { min-width: 0; white-space: pre; }
@media (prefers-reduced-motion: reduce) { .brand-anim .sp { animation: none; display: none; } }
/* booklets: no name in the header; Algo title: second line keeps the earlier shadow */
.book-page .site-header .brand { visibility: hidden; }
.title-wrap .shadow-copy .ln:last-child { visibility: hidden; }
.site-header nav a { text-align: center; }


/* ================= LATEST 4: photo titles in the enlarged view, Purchase Print, Contact ================= */
.prow figcaption { display: none; }
.lightbox figure { width: fit-content; max-width: 100%; margin: 0 auto; text-align: left; }
.lightbox figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 2rem; margin-top: 0.7rem;
  font-weight: 300; font-size: 0.9375rem; letter-spacing: 0.05em; }
.lightbox .buy { text-decoration: none; text-align: right; }
.lightbox .buy:hover { text-decoration: underline; text-underline-offset: 0.4em; text-decoration-thickness: 1px; }
.buy-btn { font-weight: 300; letter-spacing: 0.05em; text-decoration: none; }
.buy-btn:hover { text-decoration: underline; text-underline-offset: 0.4em; text-decoration-thickness: 1px; }
.contact { text-align: center; padding: 2rem 1rem; }
.contact .page-title { margin-bottom: 1.5rem; }
.contact p { margin: 0 0 1.2rem; }
.lightbox { z-index: 1000; background: var(--paper); }
.lightbox img { max-height: calc(100dvh - 9rem); }
.print .links { text-align: center; }

/* MACROdosis: individual photos under the book (page scrolls) */
body.has-photos.fit.book-page { height: auto; overflow: visible; display: block; }
body.has-photos .viewer { height: calc(100dvh - var(--header-h)); }
.photo-stack { display: flex; flex-direction: column; align-items: center; gap: 2.5rem; padding: 3rem 1.5rem 4rem; }
.photo-stack figure { margin: 0; }
.photo-stack img { display: block; width: auto; max-width: min(1100px, 92vw); max-height: 88dvh; height: auto; }
body.has-photos .site-footer { display: block; }


/* LATEST 5: Algo title back to the painted two-line version, with only a hint of shadow underneath */
.title-wrap .shadow-copy { display: none; }
.title-wrap .ink-title { text-shadow: 0 3px 4px rgba(0,0,0,0.16); }


/* ================= LATEST 6: contact form + Algo title shadow ================= */
.contact-page .about-image { text-align: center; }
.contact-page .about-image figcaption { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; margin-top: 1.4rem; }
.contact-page .about-image img { max-height: calc(100dvh - var(--header-h) - 11rem); }
.contact-title { font-weight: 300; font-size: clamp(1.8rem, 3.4vw, 3rem); letter-spacing: 0.22em; text-transform: uppercase; margin: 0 0 2.2rem; text-align: center; }
.contact-form { width: 100%; max-width: 30rem; margin: 0 auto; display: flex; flex-direction: column; gap: 1.3rem; }
.contact-form label { display: grid; grid-template-columns: 7.5rem 1fr; align-items: start; gap: 1rem; }
.contact-form label span { font-weight: 300; font-size: 0.875rem; letter-spacing: 0.1em; text-transform: uppercase; padding-top: 0.75rem; color: #666; }
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea {
  width: 100%; font: inherit; font-size: 0.95rem; color: #111; background: #f2f2f0; border: 0; border-bottom: 1px solid #bdbdb8; border-radius: 0;
  padding: 0.7rem 0.8rem; outline: none; transition: background 0.2s, border-color 0.2s; }
.contact-form textarea { resize: vertical; min-height: 8rem; }
.contact-form input:focus, .contact-form textarea:focus { background: #fff; border-bottom-color: #000; box-shadow: 0 3px 10px rgba(0,0,0,0.08); }
.contact-form button { align-self: center; margin-top: 0.6rem; font: inherit; font-weight: 300; font-size: 0.9375rem; letter-spacing: 0.25em; text-transform: uppercase;
  background: transparent; color: #111; border: 1px solid #111; padding: 0.8rem 2.8rem; cursor: pointer; transition: background 0.25s, color 0.25s; }
.contact-form button:hover, .contact-form button:focus-visible { background: #111; color: #fff; }
.contact-form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
@media (max-width: 44rem) { .contact-form label { grid-template-columns: 1fr; gap: 0.3rem; } .contact-form label span { padding-top: 0; } }

/* Algo(g)rave title: as it is, plus a soft shadow underneath */
.title-wrap .ink-title { text-shadow: none; filter: url(#ink) drop-shadow(0 6px 4px rgba(0, 0, 0, 0.3)); }
.about-text h1.contact-title { font-weight: 300; font-size: clamp(1.8rem, 3.2vw, 2.8rem); letter-spacing: 0.22em; text-transform: uppercase; margin: 0 0 2.2rem; text-align: center; }


/* ================= LATEST 7: Misc page, contact alignment ================= */
.misc { text-align: center; padding: 1rem 1.5rem 3rem; }
.misc .page-title { margin-bottom: 2.5rem; }
.misc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 6rem); max-width: 60rem; margin: 0 auto; }
.misc-block h2 { font-weight: 300; font-size: 1.5rem; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 1.2rem; }
.misc-block p { line-height: 1.8; margin: 0 0 1rem; }
.misc-block img { max-width: 100%; height: auto; margin-bottom: 1rem; }
.misc-block a { text-decoration: none; }
.misc-block a:hover { text-decoration: underline; text-underline-offset: 0.4em; text-decoration-thickness: 1px; }
@media (max-width: 44rem) { .misc-grid { grid-template-columns: 1fr; } }

/* contact: heading lines up with the boxes; Send centred under them */
.about-text h1.contact-title { text-align: left; margin-left: 8.5rem; }
.contact-form .actions { display: flex; justify-content: center; margin-left: 8.5rem; }
.contact-form button { align-self: auto; }
@media (max-width: 44rem) { .about-text h1.contact-title, .contact-form .actions { margin-left: 0; } .about-text h1.contact-title { text-align: center; } }
.site-header nav { gap: 1.7rem; }
.site-header nav a { white-space: nowrap; }
@media (max-width: 1320px) and (min-width: 44.01rem) {
  .site-header { padding-left: 2rem; padding-right: 2rem; }
  .brand { font-size: 1.4rem; letter-spacing: 0.12em; }
  .site-header nav { gap: 1.2rem; }
}
@media (max-width: 1020px) and (min-width: 44.01rem) {
  .brand { font-size: 1.1rem; letter-spacing: 0.08em; }
  .site-header nav { gap: 0.8rem; }
  .site-header nav a { font-size: 0.8125rem; }
}
@media (max-width: 840px) and (min-width: 44.01rem) { .brand { font-size: 0.95rem; } .site-header nav { gap: 0.55rem; } .site-header nav a { font-size: 0.75rem; } .site-header { padding-left: 1rem; padding-right: 1rem; } }


/* ================= LATEST 8: bigger centred booklets, arrow hover, title in the top row ================= */
.book-page .site-header { height: 0; min-height: 0; padding: 0; overflow: hidden; }
.book-page main.viewer { padding: 0; height: 100dvh; align-items: center; }
body.fit.book-page { justify-content: flex-start; }
.stage { align-items: center; --ph: min(calc(100dvh - 7rem), calc((100vw - 13rem) / 2 / var(--r, 1))); }
.book-page .viewer { align-items: center; }
.bookwrap { align-items: flex-start; }
.bookbar { gap: 1.4rem; height: 2rem; margin-bottom: 0.5rem; }
.bookbar .book-back, .bookbar .book-title { font-size: 0.8125rem; letter-spacing: 0.06em; color: #787878; margin: 0; }
.bookbar .book-title { text-transform: none; }
.nav { border: 2px solid transparent; transition: border-color 0.2s; }
.nav:hover, .nav:focus-visible { background: transparent; border-color: #000; }
@media (max-width: 44rem) { .stage { --ph: min(calc(100dvh - 8rem), calc((100vw - 3rem) / 2 / var(--r, 1))); } }
.stage { --ph: min(calc(100dvh - 7rem), calc((100vw - 9rem) / 2 / var(--r, 1))); }
.nav { width: 3.2rem; }
.nav.prev { left: 0.75rem; } .nav.next { right: 0.75rem; }
@media (max-width: 44rem) { .stage { --ph: min(calc(100dvh - 8rem), calc((100vw - 3rem) / 2 / var(--r, 1))); } .nav { width: 2.4rem; } }


.contact-page .socials { display: flex; gap: 1rem; align-items: center; }
.contact-page .socials .social { color: var(--ink); opacity: 0.55; line-height: 0; }
.contact-page .socials .social:hover { opacity: 0.9; }

/* Email field: hide the browser's contact-card icon, show a small envelope instead */
.contact-form input[type=email]::-webkit-contacts-auto-fill-button,
.contact-form input[type=email]::-webkit-credentials-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; }
.contact-form input[type=email] { padding-right: 2.6rem; background-repeat: no-repeat; background-position: right 0.9rem center; background-size: 1.15rem 1.15rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1.5'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E"); }

/* LATEST: about avatar + radio link; contact left side static */
.about.solo .about-image { position: relative; }
.about.solo .about-image img.avatar { position: absolute; right: calc(100% + 1rem); bottom: 0; width: clamp(3.5rem, 5.5vw, 5.5rem); height: auto; aspect-ratio: 5 / 6; object-fit: contain; }
@media (max-width: 62rem) { .about.solo .about-image img.avatar { display: none; } }
.about-text p a { color: var(--link); }
.about-text p a:hover { text-decoration: underline; text-underline-offset: 0.25em; }
.contact-page { height: calc(100dvh - var(--header-h)); align-content: start; align-items: start; }
.contact-page .about-image { margin-top: 5rem; }
.contact-page .about-text { margin-top: 5rem; }
.contact-form textarea { max-height: 11rem; }
@media (max-width: 44rem) { .contact-page { height: auto; } .contact-page .about-image, .contact-page .about-text { margin-top: 1rem; } }
.about.solo .about-image img.avatar-blur { bottom: auto; top: 0; aspect-ratio: 1; object-fit: cover; width: clamp(3.5rem, 5.5vw, 5.5rem); }

/* ================= LATEST 7 ================= */
/* home: "Calderwood" is always there; "Creations" fades in (reverse dissolve) on load / when the name is clicked */
.brand-anim .w2 { animation: none; opacity: 1; filter: none; }
.brand-anim .w3 { display: inline-block; white-space: pre; animation: brand-appear 1.8s ease-out 0.35s both; }
@media (prefers-reduced-motion: reduce) { .brand-anim .w3 { animation: none; } }

/* Algo(g)rave photos: Back sits at the bottom, photos start higher */
.page-title + .grid.two { margin-top: -1.8rem; }
.back.back-bottom { margin: 3.5rem 0 3rem; }

/* back buttons: plain, original colour and style */
.back, .back a { color: var(--ink); }
.book-page .book-back, .book-page .book-back:hover, .bookbar .book-back, .bookbar .book-title { color: #e8e8e8; }

/* booklets: Back + title sit under the book */
.bookwrap { align-items: flex-start; }
.bookbar { margin: 0.8rem 0 0; height: 2rem; }

/* booklet arrows: plain white; on hover a bold black outline, nothing else */
.nav, .nav:hover, .nav:focus-visible { background: none; border: 0; box-shadow: none; outline: 0; color: #fff; }
.nav svg { filter: none; transition: filter 0.15s; }
.nav:hover svg, .nav:focus-visible svg { filter: drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(1.5px 1.5px 0 #000) drop-shadow(-1.5px -1.5px 0 #000) drop-shadow(1.5px -1.5px 0 #000) drop-shadow(-1.5px 1.5px 0 #000); }

/* ================= LATEST 8: calmer, slower page turns ================= */
.book { transition-duration: 1.6s; }
.leaf { transition-duration: 1.6s; }
.bookbar { transition-duration: 1.6s; }
.leaf.curl-fwd  { --a: -3.2deg; }
.leaf.curl-back { --a: 3.2deg; }
.leaf.curl-fwd .seg .seg, .leaf.curl-back .seg .seg { animation-duration: 1.6s; }
.projects .about.project { scroll-margin-top: 4.5rem; }

/* ================= LATEST 9: misc music player ================= */
.misc.no-title { padding-top: 3.5rem; }
.tracks { list-style: none; margin: 0 0 1.4rem; padding: 0; }
.track { display: flex; align-items: center; justify-content: center; gap: 0.9rem; }
.track .play { width: 2.6rem; height: 2.6rem; border-radius: 50%; border: 1px solid currentColor; background: none; color: inherit; cursor: pointer; display: grid; place-items: center; padding: 0; }
.track .play:hover { background: rgba(0,0,0,0.06); }
.track .ico { width: 0; height: 0; border-style: solid; border-width: 0.45rem 0 0.45rem 0.75rem; border-color: transparent transparent transparent currentColor; margin-left: 0.15rem; }
.track .play[aria-pressed="true"] .ico { width: 0.75rem; height: 0.9rem; border: 0; margin: 0; background: linear-gradient(90deg, currentColor 0 35%, transparent 35% 65%, currentColor 65% 100%); }
.track .t-name { letter-spacing: 0.08em; }
.track .t-by { opacity: 0.6; }

/* ================= LATEST 10 ================= */
/* Art of the Taboo: both links at the bottom are black */
.about-text .listen a, .about-text .listen a:hover { color: #000; }

/* photo pages: title block sits 1/8 in further in toward the middle */
.print .about-text { transform: translateX(-0.125in); }
@media (max-width: 44rem) { .print .about-text { transform: none; } }

/* about: radio station link is grey */
.about-text p a.radio, .about-text p a.radio:hover { color: #8a8a8a; }

/* More Works: bands / projects */
.bands { display: flex; flex-direction: column; gap: 1.9rem; margin-top: 1.6rem; }
.band h3 { font-weight: 400; font-size: 1.05rem; letter-spacing: 0.14em; text-transform: uppercase; margin: 0 0 0.6rem; }
.band .soon { opacity: 0.5; margin: 0; }
.track .t-by em { font-style: normal; opacity: 0.8; }

/* contact: envelope icon only appears while the box is selected, and it is the same contact-card arrow icon as the form reference */
.contact-form input[type=email] { background-image: none; }
.contact-form input[type=email]:focus { background-repeat: no-repeat; background-position: right 0.8rem center; background-size: 1.5rem 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='7'/%3E%3Ccircle cx='9' cy='10' r='2.2' fill='%23333' stroke='none'/%3E%3Cpath d='M4.6 16.4c1-1.9 2.5-2.7 4.4-2.7s3.4.8 4.4 2.7'/%3E%3Cpath d='M18 10.6l2.6 2.8 2.6-2.8'/%3E%3C/svg%3E"); }
/* message box: drag its bottom-right corner down; it stops when Send is near the bottom of the page. The left side stays put. */
.contact-form textarea { resize: vertical; max-height: calc(100dvh - var(--header-h) - 27rem); }
.contact-page .about-image { position: sticky; top: 0; align-self: start; }
.contact-page .socials span.social { cursor: default; }
@media (max-width: 44rem) { .contact-form textarea { max-height: none; } .contact-page .about-image { position: static; } }

/* header fit with the longer "More Works" label */
@media (max-width: 1500px) and (min-width: 44.01rem) {
  .site-header { padding-left: 2rem; padding-right: 2rem; }
  .brand { font-size: 1.4rem; letter-spacing: 0.12em; }
  .site-header nav { gap: 1.2rem; }
}
@media (max-width: 1180px) and (min-width: 44.01rem) {
  .brand { font-size: 1.1rem; letter-spacing: 0.08em; }
  .site-header nav { gap: 0.8rem; }
  .site-header nav a { font-size: 0.8125rem; }
}
@media (max-width: 960px) and (min-width: 44.01rem) { .brand { font-size: 0.95rem; } .site-header nav { gap: 0.55rem; } .site-header nav a { font-size: 0.75rem; } .site-header { padding-left: 1rem; padding-right: 1rem; } }


/* ================= LATEST 11: black & white only on the Architecture covers (and the Taboo cover); Architecture scrolls like Photography ================= */
.bw-hover .about-image img { filter: grayscale(1); transition: filter 0.45s ease, opacity 0.2s; }
.bw-hover .about-image a:hover img { filter: none; }
@media (hover: none) { .bw-hover .about-image img { filter: none; } }

.projects .project .about-image img { filter: grayscale(1); transition: filter 0.45s ease, opacity 0.2s; }
.projects .project.active .about-image img { filter: none; }

.projects { padding: 0; }
.apage { height: calc(100vh - var(--header-h)); height: calc(100dvh - var(--header-h)); scroll-snap-align: start; scroll-snap-stop: always;
  display: grid; grid-template-rows: minmax(0,1fr) minmax(0,1fr); align-items: center; row-gap: 0.5rem; padding: 0.6rem 0; box-sizing: border-box; }
.projects .apage .about.project, .projects .apage .about.project + .about.project, .projects .about.project:not(:first-child) { margin: 0; width: min(82vw, 1100px); height: 100%; min-height: 0; align-self: stretch; align-content: center; align-items: center; padding: 0; margin-inline: auto; }
.projects .apage .about.project .about-image { min-height: 0; }
.projects .apage .about.project .about-image img { width: auto; max-width: 100%; max-height: calc((100dvh - var(--header-h)) / 2 - 2rem); height: auto; }
.projects .apage .about-text h2 { margin-bottom: 0.8rem; font-size: clamp(1.1rem, 2.3vh + 0.4rem, 1.7rem); }
.projects .apage .about-text p.desc { font-size: clamp(0.7rem, 1.5vh, 0.875rem); line-height: 1.6; margin-bottom: 0; }
@media (max-width: 44rem) {
  html.snap { scroll-snap-type: none; }
  .apage { height: auto; display: block; padding: 0; }
  .projects .apage .about.project { height: auto; width: 88vw; margin-top: 3rem !important; }
  .projects .apage .about.project .about-image img { max-height: none; width: 100%; }
  .projects .project .about-image img { filter: none; }
}

/* ================= LATEST 12 ================= */
/* contact: only the message box grows (straight down); everything else stays put */
.contact-page .about-text, .contact-page .about-image { align-self: start; }
.contact-page .about-text { transform: none; }

/* booklets: title in the left corner, Back in the right corner, same line, both grey */
.bookbar { width: 100%; justify-content: space-between; gap: 1rem; }
.bookbar .book-title { order: 1; }
.bookbar .book-back { order: 2; margin: 0; }
.book-page .bookbar .book-back, .book-page .bookbar .book-title, .book-page .bookbar .book-back:hover { color: #9a9a9a; }
.book-page .bookbar .book-back:hover { text-decoration: underline; text-underline-offset: 0.4em; }

/* contact: icons in reverse order */
.contact-page .socials { flex-direction: row-reverse; }

/* architecture: grey links, credits pop-up, texts, cover placeholders */
.projects a.grey, .projects summary.grey { color: #8a8a8a; }
.projects a.grey:hover, .projects summary.grey:hover { color: #5e5e5e; text-decoration: underline; text-underline-offset: 0.3em; }
.projects .about-text p.links { margin: 0.7rem 0 0; font-size: clamp(0.7rem, 1.5vh, 0.875rem); display: flex; flex-wrap: wrap; justify-content: center; gap: 0.3rem 1.4rem; align-items: baseline; }
.projects details.credits { position: relative; display: inline-block; }
.projects details.credits summary { cursor: pointer; list-style: none; }
.projects details.credits summary::-webkit-details-marker { display: none; }
.projects .credits-box { position: absolute; z-index: 20; left: 50%; bottom: calc(100% + 0.6rem); transform: translateX(-50%); width: min(24rem, 80vw); text-align: left; background: rgba(250,250,248,0.97); border: 1px solid #cfcfcf; box-shadow: 0 6px 24px rgba(0,0,0,0.12); padding: 1rem 1.2rem; color: #8a8a8a; font-size: 0.8125rem; line-height: 1.5; }
.projects .credits-box p { margin: 0 0 0.35rem; font-size: inherit; line-height: inherit; text-align: left; }
.projects .credits-box b { font-weight: 500; letter-spacing: 0.04em; }
.projects .credits-box ul { margin: 0.2rem 0 0; padding-left: 1.1rem; }
.projects .cover-ph { width: min(100%, 22rem); aspect-ratio: 4 / 3; max-height: calc((100dvh - var(--header-h)) / 2 - 2rem); margin: 0 auto; display: grid; place-items: center; background: rgba(0,0,0,0.05); border: 1px dashed #b5b5b5; color: #8a8a8a; font-size: 0.8125rem; letter-spacing: 0.08em; }
.projects .texts .about-image img { filter: none; }
.projects .texts .text-list { list-style: none; margin: 0; padding: 0; font-size: clamp(0.78rem, 1.7vh, 0.95rem); line-height: 1.9; text-align: center; }
.projects .texts .about-image img { max-height: calc((100dvh - var(--header-h)) / 2 - 2rem); }

/* More Works: guitar-pick album placeholders */
.bands { flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 2.2rem 1.8rem; }
.band { text-align: center; width: 9.5rem; }
.band h3 { min-height: 2.6em; display: flex; align-items: flex-end; justify-content: center; text-align: center; font-size: 0.9rem; margin: 0 0 0.7rem; line-height: 1.3; }
.pick { display: block; width: 9.5rem; aspect-ratio: 0.92; background: #dcdcd8; clip-path: url(#pick-shape); display: grid; place-items: center; color: #8a8a8a; font-size: 0.7rem; letter-spacing: 0.08em; }
.pick span { padding-bottom: 1.2rem; }
a.pick:hover { background: #cfcfca; }
.band .tracks { margin: 1rem 0 0.4rem; }
.band .track { gap: 0.6rem; justify-content: center; flex-wrap: wrap; font-size: 0.8rem; }
.band .track .play { width: 2.2rem; height: 2.2rem; }
.band p.sc { margin: 0.4rem 0 0; font-size: 0.8rem; line-height: 1.5; }
.misc-block#music { min-width: 0; }
.stage:has(.book.at-start) .bookbar, .stage:has(.book.at-end) .bookbar { width: 50%; }
.bookbar { transition-property: transform, width; }
.bands { gap: 1.8rem 1.2rem; }
.band { width: 8.5rem; }
.pick { width: 8.5rem; }
.band h3 { font-size: 0.78rem; letter-spacing: 0.1em; min-height: 3.9em; }
.band#experiments h3 { text-transform: none; letter-spacing: 0.06em; font-size: 0.9rem; }
.projects .credits-box { position: fixed; left: 50%; top: 50%; bottom: auto; transform: translate(-50%, -50%); width: min(26rem, 88vw); }
.band#sunyata-cycles { width: 15rem; } .band#sunyata-cycles .pick { margin: 0 auto; }
#hrdc-tiny-home-village .about-text p.desc { font-size: clamp(0.66rem, 1.35vh, 0.8rem); line-height: 1.5; }

/* ================= LATEST 13 ================= */
:root { --foot-h: 2rem; --paper: #fafaf8 url("images/background.jpg") center top / cover no-repeat fixed; }

/* copyright: always visible, always on top, with its own strip at the bottom that content never uses */
.site-footer, .fit .site-footer, .snap .site-footer, .home .site-footer, .book-page .site-footer, body.has-photos .site-footer {
  position: fixed; left: 0; right: 0; bottom: 0; height: var(--foot-h); display: flex; align-items: center; justify-content: center;
  padding: 0; margin: 0; z-index: 3000; pointer-events: none; color: #8d8d8d; font-size: 0.6875rem; letter-spacing: 0.05em; }
.book-page .site-footer { color: #9a9a9a; }
body { box-sizing: border-box; padding-bottom: var(--foot-h); }
.apage { height: calc(100vh - var(--header-h) - var(--foot-h)); height: calc(100dvh - var(--header-h) - var(--foot-h)); }
.prow { height: calc(100vh - var(--header-h) - var(--foot-h)); height: calc(100dvh - var(--header-h) - var(--foot-h)); }
.book-page main.viewer { height: calc(100dvh - var(--foot-h)); }
.contact-page { height: calc(100dvh - var(--header-h) - var(--foot-h)); }
.lightbox { padding-bottom: calc(3rem + var(--foot-h)); }
.apage.one { grid-template-rows: minmax(0, 1fr); }

/* architecture covers + taboo cover: full colour, dimmed until hovered / selected */
.projects .project .about-image img { filter: brightness(0.55); transition: filter 0.45s ease, opacity 0.2s; }
.projects .project.active .about-image img { filter: none; }
.projects .texts .about-image img { filter: none; }
.bw-hover .about-image img { filter: brightness(0.55); }
.bw-hover .about-image a:hover img { filter: none; }
@media (hover: none) { .bw-hover .about-image img { filter: none; } }

/* photography: title in the enlarged view sits further in */
.lightbox .cap { margin-left: 2in; }
@media (max-width: 62rem) { .lightbox .cap { margin-left: 0; } }

/* print pages: grey link + standard grey Back */
.print .about-text a.grey, a.grey { color: #8a8a8a; }
a.grey:hover { color: #5e5e5e; text-decoration: underline; text-underline-offset: 0.3em; }
.print .back, .print .back a { color: #8a8a8a; }

/* More Works: picks at angles, three to a row */
.bands { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6rem 0.6rem; justify-items: center; align-items: start; margin-top: 1.4rem; }
.band { width: 100%; text-align: center; }
.band h3 { min-height: 3.6em; font-size: 0.74rem; letter-spacing: 0.1em; text-transform: uppercase; margin: 0; display: flex; align-items: flex-end; justify-content: center; text-align: center; }
.band#sunyata-cycles, .band#experiments, .band#solo { width: 100%; }
.pickbox { width: 8.4rem; height: 8.4rem; margin: 0.2rem auto 0; display: grid; place-items: center; }
.pick { width: 6.3rem; aspect-ratio: 0.94; background: #dcdcd8; clip-path: url(#pick-shape); display: grid; place-items: center; color: #8a8a8a; font-size: 0.62rem; letter-spacing: 0.08em; transition: transform 0.5s ease; }
.pick span { padding-bottom: 0.8rem; }
.band:nth-child(1) .pick { transform: rotate(-18deg); }
.band:nth-child(2) .pick { transform: rotate(72deg); }
.band:nth-child(3) .pick { transform: rotate(24deg); }
.band:nth-child(4) .pick { transform: rotate(-68deg); }
.band:nth-child(5) .pick { transform: rotate(118deg); }
.band:nth-child(6) .pick { transform: rotate(-35deg); }
.band .pick span { transform: none; }
.band:hover .pick { transform: rotate(0deg); }
.band .tracks { margin: 0.4rem 0 0.2rem; }
.band .track { flex-direction: column; gap: 0.4rem; font-size: 0.72rem; }
.band .track .t-name { text-align: center; line-height: 1.4; }
.band p.sc { margin: 0.3rem 0 0; font-size: 0.72rem; }

/* contact: no icon in the email box; form lines up with the left side (Send level with the email text) */
.contact-form input[type=email], .contact-form input[type=email]:focus { background-image: none !important; padding-right: 0.9rem; }
.contact-page .socials { flex-direction: row; }
.contact-page .about-text { display: flex; flex-direction: column; align-self: stretch; }
.contact-page .contact-form { flex: 1 1 auto; min-height: 0; }
.contact-page .contact-form label.msg { flex: 1 1 auto; align-items: stretch; min-height: 0; }
.contact-page .contact-form textarea { max-height: none; }

@media (max-width: 44rem) {
  .site-footer, .fit .site-footer, .snap .site-footer, .home .site-footer, .book-page .site-footer, body.has-photos .site-footer { position: static; height: auto; display: block; padding: 2rem 1rem 3rem; text-align: center; pointer-events: auto; }
  body { padding-bottom: 0; }
  .projects .project .about-image img, .bw-hover .about-image img { filter: none; }
  .contact-page .about-text { display: block; }
  .pickbox { width: 7rem; height: 7rem; } .pick { width: 5.2rem; }
}

/* Art of the Taboo photos are never dimmed */
.bw-hover .about-image img, .bw-hover .about-image a:hover img { filter: none; }
.band#experiments h3 { text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.74rem; }

/* ================= LATEST 14 ================= */
.projects .project .about-image img { filter: brightness(0.69); }
.projects .project.active .about-image img, .projects .texts .about-image img { filter: none; }

/* More Works: bigger picks, all upright, alternating tip down / tip up, wiggle on hover */
.misc-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); max-width: 84rem; width: 92vw; gap: clamp(1.5rem, 4vw, 4rem); }
.bands { gap: 1.2rem 0.5rem; margin-top: 1.6rem; }
.band h3 { font-size: 0.9rem; min-height: 2.8em; }
.pickbox { width: 100%; max-width: 17rem; height: auto; aspect-ratio: 1; margin: 0.3rem auto 0; }
.pick { width: 82%; --a: 0deg; transform: rotate(var(--a)); }
.band:nth-child(even) .pick { --a: 180deg; }
.band:nth-child(n) .pick { transform: rotate(var(--a)); }
.band:hover .pick { transform: rotate(var(--a)); animation: pick-wiggle 0.45s ease-in-out infinite; }
@keyframes pick-wiggle { 0%, 100% { transform: rotate(calc(var(--a) - 7deg)); } 50% { transform: rotate(calc(var(--a) + 7deg)); } }
@media (prefers-reduced-motion: reduce) { .band:hover .pick { animation: none; } }
.pick span { font-size: 0.75rem; }
.band.sun-solo p.sc, .band p.sc { font-size: 0.85rem; margin-top: 0.6rem; }
@media (max-width: 44rem) { .misc-grid { grid-template-columns: 1fr; } .bands { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* contact: message box bottom flush with the picture, Send bottom flush with the icons */
.contact-page .contact-form .actions { margin-top: 0.15rem; }
.contact-page .contact-form button { margin-top: 0; }
.contact-page .contact-form textarea { min-height: 5rem; }
.band:nth-child(even) .pick span { transform: rotate(180deg); padding: 0.8rem 0 0; }

/* ================= LATEST 15 ================= */
.projects .project .about-image img { filter: brightness(0.87); }
.projects .project.active .about-image img, .projects .texts .about-image img { filter: none; }
/* Art of the Taboo main photo: black and white until hovered / clicked */
.bw-hover .about-image img { filter: grayscale(1); transition: filter 0.45s ease; }
.bw-hover .about-image a:hover img, .bw-hover .about-image a:focus img, .bw-hover .about-image a:active img { filter: none; }
@media (hover: none) { .bw-hover .about-image img { filter: none; } }
/* photography: titles back in the left corner */
.lightbox .cap { margin-left: 0; }
/* music picks 20% smaller */
.pickbox { max-width: 13.6rem; }
/* texts page */
.texts-page .text-list { list-style: none; margin: 1rem 0 0; padding: 0; line-height: 2; text-align: center; font-size: 0.95rem; }
.texts-page .about-image img { max-height: calc(100dvh - var(--header-h) - 8rem); width: auto; }
.print.texts-page .about-text { transform: none; }

/* ================= LATEST 16 ================= */
.about-text .links.stack { display: block; margin-top: 0.9rem; line-height: 1.7; font-size: clamp(0.7rem, 1.5vh, 0.875rem); }
/* arch + photo: the strip under each page is solid wall colour, so the next row never peeks out behind the copyright */
.snap .site-footer { background: var(--paper); }

/* ================= LATEST 17 ================= */
/* site title: quirky small-cap lettering in the spirit of the festival look (online font, falls back to a serif offline) */

/* links under the MACROdose text: one under the other */
.about-text .links.stack { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; }
.about-text .links.stack a { display: block; width: 100%; text-align: center; }

/* ================= LATEST 18 ================= */
/* site title: soft, cartoony, hand-drawn look - every letter a little different (tilt, height, size, spacing) */
.brand { font-family: "Chewy", "Gochi Hand", "Chalkboard SE", "Comic Sans MS", "Comic Neue", cursive; font-weight: 400; text-transform: none; letter-spacing: 0.02em; }
.brand .hd i { font-style: normal; display: inline-block; transform: translateY(var(--y, 0)) rotate(var(--r, 0deg)) scale(var(--s, 1)); margin-left: var(--m, 0); }
@media (min-width: 70rem) { .brand { font-size: 2.9rem; } }

/* ================= LATEST 19 ================= */
/* site title in ECOPLANET (put the font file in the "fonts" folder as ecoplanet.ttf / .otf / .woff2); until then the rounded cartoon font shows */
@font-face { font-family: "Ecoplanet"; font-display: swap;
  src: local("Ecoplanet"), local("ECOPLANET"), url("ecoplanet-font/EcoplanetPersonalUseRegular-WyeW4.ttf") format("truetype"), url("fonts/ecoplanet.woff2") format("woff2"), url("fonts/ecoplanet.ttf") format("truetype"), url("fonts/ecoplanet.otf") format("opentype"); }
.brand { font-family: "Ecoplanet", "Chewy", "Gochi Hand", "Chalkboard SE", "Comic Sans MS", cursive; }

/* ================= LATEST 20 ================= */
/* site title: ECOPLANET exactly as the font is drawn, in black */
.brand, .brand:hover, .brand:visited { color: #000; font-weight: 400; letter-spacing: 0.05em; }

/* ================= LATEST 21 ================= */
/* site title sits the same distance from the left edge as the menu does from the right edge, on wide screens too */
@media (min-width: 1501px) { .site-header, .home .site-header, .fit .site-header { padding-left: 3.5vw; } }

/* ===== LATEST 22: solo tune click target; Texts list straight, left indent; CV page ===== */
.pick.playable { cursor: pointer; }
.pick.playable:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
.pick.playable.on { filter: brightness(0.9); }
.texts-page .text-list { text-align: left; padding-left: 1.5rem; }
.cv-page .about-text { max-width: 44rem; }

/* header fit with the longer "Want to collaborate?" label and the CV link */
@media (min-width: 1121px) and (max-width: 1700px) {
  .site-header { padding-left: 1.6rem; padding-right: 1.6rem; }
  .brand { font-size: 2.1rem; }
  .site-header nav { gap: 1rem; }
  .site-header nav a { font-size: 0.85rem; }
}
@media (min-width: 44.01rem) and (max-width: 1120px) {
  .brand { font-size: 0.95rem; }
  .site-header nav { gap: 0.5rem; }
  .site-header nav a { font-size: 0.7rem; }
}
@media (min-width: 1121px) and (max-width: 1230px) { .brand { font-size: 1.8rem; } .site-header nav { gap: 0.75rem; } .site-header nav a { font-size: 0.8rem; } }
@media (min-width: 44.01rem) and (max-width: 860px) { .brand { font-size: 0.85rem; } .site-header nav { gap: 0.4rem; } .site-header nav a { font-size: 0.66rem; } .site-header { padding-left: 0.7rem; padding-right: 0.7rem; } }
@media (max-width: 860px) and (min-width: 44.01rem) { .brand { font-size: 0.8rem; } .site-header nav { gap: 0.3rem; } .site-header nav a { font-size: 0.62rem; } }
@media (max-width: 44rem) { .site-header nav { flex-wrap: wrap; justify-content: center; gap: 0.3rem 1rem; } }

/* ===== LATEST 23: words never cut mid-word; Belgrade second link line ===== */
html, body, p, h1, h2, h3, li, a, summary { hyphens: none; -webkit-hyphens: none; overflow-wrap: normal; word-break: normal; }
.projects .about-text div.links2 { margin: 0.3rem 0 0; font-size: clamp(0.7rem, 1.5vh, 0.875rem); display: flex; flex-wrap: wrap; justify-content: center; gap: 0.3rem 1.4rem; align-items: baseline; }

/* ===== LATEST 24: Contact heading fits the form width; Taboo links; Music page ===== */
.about-text h1.contact-title { font-size: clamp(0.95rem, 1.9vw, 1.45rem); letter-spacing: 0.12em; white-space: nowrap; margin-left: 8.5rem; text-align: left; }
@media (max-width: 44rem) { .about-text h1.contact-title { margin-left: 0; text-align: center; font-size: 1.1rem; white-space: normal; } }
.about-text .links.taboo-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.3rem 1.4rem; align-items: baseline; margin: 1.6rem 0 0; font-size: clamp(0.7rem, 1.5vh, 0.875rem); }
.about-text .links.taboo-links a.grey { color: #8a8a8a; border: 0; letter-spacing: normal; font-weight: 400; }
.about-text .links.taboo-links a.grey:hover { color: #5e5e5e; text-decoration: underline; text-underline-offset: 0.3em; }
.misc-grid { grid-template-columns: minmax(0, 1fr); max-width: 60rem; }
.pick-link { display: grid; place-items: center; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
.pick-link:focus-visible { outline: 2px solid #000; outline-offset: 4px; }
.misc.no-title { padding-top: 1.5rem; }
.cv-page .about-text { align-self: start; transform: none; margin-top: 3.5rem; }
.title-ghost { opacity: 0; pointer-events: none; user-select: none; }

/* ===== LATEST 25: Taboo photo tetris, Hyundai one-line links, Music photos, light grey contact boxes ===== */
.tetris { width: min(86vw, 1400px); margin: 0 auto; display: flex; align-items: flex-start; gap: clamp(1rem, 3vw, 3rem); }
.tcol { flex: var(--w, 1) 1 0; min-width: 0; display: flex; flex-direction: column; gap: clamp(1.5rem, 3vw, 3rem); }
.tetris figure { width: 100%; margin: 0; text-align: center; }
.tetris figure a { display: block; }
.tetris img { display: block; width: 100%; height: auto; }
@media (max-width: 44rem) { .tetris { display: grid; gap: 2.5rem; width: 88vw; } .tcol { display: contents; } .tetris figure { order: var(--o); } }
.projects .about-text p.links.one-line { flex-wrap: nowrap; white-space: nowrap; }
.pick.has-photo { position: relative; overflow: hidden; background: #dcdcd8; }
.pick.has-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.band:nth-child(even) .pick.has-photo img { transform: rotate(180deg); }
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea { background: #e4e4e2; }
.contact-form input:focus, .contact-form textarea:focus { background: #ebebe9; }

/* ===== LATEST 26: About photo framing ===== */
.about.solo .about-image img.about-photo { object-position: 100% 50%; }

/* ===== LATEST 31: MOBILE ONLY (phones, up to 44rem wide). Nothing here applies to the desktop layout. ===== */
@media (max-width: 44rem) {
  /* name on phones reads "Deadbeat Designs", stretched to fill the header width; its box height does not grow */
  .site-header .brand > span { display: none; }
  .site-header .brand::after { content: "Deadbeat Designs"; }
  .site-header .brand { align-self: stretch; transform: none; margin: 0; width: 100%; text-align: center; white-space: nowrap;
    font-size: calc((100vw - 2.5rem) / 7.9); height: 2.16rem; line-height: 2.16rem; overflow: visible; }
  /* menu: left side, indented, 5% smaller; rows are Art/Architecture/Music - Photography/Texts/About - CV/Contact */
  .site-header { align-items: flex-start; gap: 1rem; padding: 1.25rem 1.25rem 1.2rem; }
  .site-header nav { display: block; align-self: stretch; padding-left: 1rem; line-height: 2.25rem; }
  .site-header nav a { display: inline; margin-right: 0.85rem; padding: 0; }
  .site-header nav a::after { content: none; display: none; }
  .site-header nav a:nth-child(3)::after, .site-header nav a:nth-child(7)::after { content: "\A"; display: inline; white-space: pre; height: auto; visibility: visible; font-weight: 400; }
  .site-header nav a { font-size: 1.009rem; text-align: left; }

  /* Taboo page: title above the photo, and title + whole photo fit in the first screen */
  main.about.project { display: flex; flex-direction: column; }
  main.about.project .about-text { display: contents; container-type: normal; }
  main.about.project .about-text .title-wrap { order: -1; margin: 0 0 0.8rem; padding: 0 1.25rem; }
  main.about.project .about-text h1.ink-title { font-size: 6.4vw; margin-bottom: 0.2rem; }
  main.about.project .about-image { margin: 0 0 1.4rem; }
  main.about.project .about-image img { width: auto; max-width: 100%; max-height: calc(100dvh - 20.5rem); margin: 0 auto; }
  main.about.project .about-text .desc, main.about.project .about-text .links { padding: 0 1.5rem; }

  /* Contact page: title, then the message boxes, then the photo + email + icons at the bottom */
  main.contact-page { display: flex; flex-direction: column; height: auto; }
  main.contact-page .about-text { display: contents; container-type: normal; }
  main.contact-page h1.contact-title { order: 1; text-align: center; margin: 0 0 0.5rem; }
  main.contact-page .contact-form { order: 2; margin-bottom: 1.2rem; flex: none; min-height: auto; gap: 0.5rem; }
  main.contact-page .contact-form label.msg { flex: none; min-height: auto; }
  main.contact-page { margin-top: -1.4rem; }
  main.contact-page .contact-form textarea { min-height: 3.8rem; }
  main.contact-page .contact-form label span { font-size: 0.8rem; }
  main.contact-page .contact-form .actions { margin-top: 0; }
  main.contact-page .about-image { order: 3; margin: 0; }

  /* Texts: everything on one screen */
  main.about.project.texts-page .about-image img { max-height: calc(100dvh - 29rem); width: auto; margin: 0 auto; }
  main.texts-page .about-image { margin-bottom: 0.4rem; }
  main.texts-page .title-ghost { display: none; }
  main.texts-page .text-list { margin-top: -1.55rem; }

  /* Music: all six picks on one screen (2 x 3) */
  .fit .bands { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, 1fr); align-items: center; gap: 0.6rem 0.6rem; margin-top: 0; min-height: calc(100dvh - 19rem); }
  .fit .band h3 { min-height: 2.4em; font-size: 0.68rem; }
  .fit .pickbox { width: 7.8rem; height: 7.8rem; margin-top: 0; }
  /* Music: Most Grandiose and Experiments swap places */
  #the-alekats { order: 1; } #bad-cable { order: 2; } #sunyata-cycles { order: 4; }
  #the-most-grandiose-ever { order: 3; } #solo { order: 5; } #experiments { order: 6; }
}
/* Copyright line: on every page, fixed at the same spot (1.25rem from the bottom, like the name is 1.25rem from the top) */
@media (max-width: 44rem) {
  .site-footer, .fit .site-footer, .snap .site-footer, .home .site-footer, .book-page .site-footer, body.has-photos .site-footer, html:has(.prow-grid) .site-footer {
    display: block !important; position: fixed !important; left: 0; right: 0; bottom: 0; top: auto; height: auto; margin: 0; z-index: 50; pointer-events: none;
    padding: 1.6rem 0 1.25rem; text-align: center; font-size: 0.75rem; line-height: 1; color: #6a6a6a;
    background: linear-gradient(to top, rgba(246,246,245,0.96) 60%, rgba(246,246,245,0)); }
  .site-footer p { margin: 0; }
  .book-page .site-footer { background: none; color: #bdbdbd; }
  body:not(.book-page) { padding-bottom: 3.2rem; }
}
/* Photography only: snapping pages with the header pinned, exactly two photos per screen */
@media (max-width: 44rem) {
  html:has(.prow-grid) { --header-h: 11.6rem; scroll-snap-type: y mandatory; scroll-padding-top: var(--header-h); }
  html:has(.prow-grid) .site-header { position: sticky; top: 0; z-index: 6; height: var(--header-h); overflow: hidden; background: var(--paper); padding-top: 1rem; padding-bottom: 0; }
  html:has(.prow-grid) .site-footer { position: static; padding: 1rem 1rem 2rem; }
  .prow { height: auto; padding: 0; scroll-snap-align: none; }
  .prow-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: none; grid-auto-rows: calc((100dvh - var(--header-h) - 2.6rem) / 2); row-gap: 0; width: 88vw; height: auto; flex: none; }
  .prow figure { height: 100%; min-height: 0; padding: 0.9rem 0; display: flex; align-items: center; justify-content: center; }
  .prow figure:nth-child(odd) { scroll-snap-align: start; scroll-snap-stop: always; }
  .prow figure a { display: flex; justify-content: center; align-items: center; height: 100%; }
  .prow figure img { width: auto; max-width: 100%; height: auto; max-height: 100%; margin: 0 auto; }
  .prow .sr-only { position: absolute; }
}
@media (max-width: 23.5rem) { .site-header nav a { font-size: 0.92rem; } }

/* ===== LATEST 32: MOBILE ONLY - arch booklets and opened Photography photos are turned to landscape (page rotated 90deg clockwise) ===== */
@media (max-width: 44rem) {
  body.book-page main.viewer { position: fixed; top: 0; left: 0; width: 100dvh; height: 100vw; padding: 0; margin: 0; transform-origin: 0 0; transform: translateX(100vw) rotate(90deg); z-index: 20; }
  body.book-page main.viewer .stage { --ph: min(calc(100vw - 8.8rem), calc((100dvh - 9rem) / 2 / var(--r, 1))); }
  html:has(.prow-grid) .lightbox { position: fixed; inset: auto; top: 0; left: 0; width: 100dvh; height: 100vw; padding: 2.5rem 3.5rem 3rem; transform-origin: 0 0; transform: translateX(100vw) rotate(90deg); }
  html:has(.prow-grid) .lightbox img { max-height: calc(100vw - 8.5rem); max-width: calc(100dvh - 7rem); }
  html:has(.prow-grid) .lightbox .lb-prev, html:has(.prow-grid) .lightbox .lb-next { top: 50%; bottom: auto; transform: translateY(-50%); }
  html:has(.prow-grid) .lightbox .lb-close { top: 0.8rem; right: 1rem; }
  body.book-page .site-footer { position: fixed; top: 0; left: 0; bottom: auto; right: auto; width: 100dvh; height: auto; padding: 0; margin: 0; background: none; transform-origin: 0 0; transform: translateX(100vw) rotate(90deg) translateY(calc(100vw - 2.4rem)); z-index: 21; }
}

/* ===== LATEST 33: MOBILE ONLY - Contact joins the second menu line; Photography copyright matches the other pages; bigger opened photos ===== */
@media (max-width: 44rem) {
  .site-header nav a:nth-child(7)::after { content: none; display: none; }
  .site-header nav a { font-size: 0.9rem; margin-right: 0.6rem; }
  main.about.project .about-image img { max-height: calc(100dvh - 18.4rem); }
  html:has(.prow-grid) { --header-h: 9.7rem; }
  html:has(.prow-grid) .site-header { padding-top: 1.25rem; }
  html:has(.prow-grid) .site-footer { position: fixed !important; padding: 1.6rem 0 1.25rem; }
  html:has(.prow-grid) .lightbox { padding: 1rem 1.2rem 1.2rem; }
  html:has(.prow-grid) .lightbox img { max-height: calc(100vw - 6.2rem); max-width: calc(100dvh - 2.4rem); }
  html:has(.prow-grid) .lightbox .lb-prev { left: 0.2rem; } html:has(.prow-grid) .lightbox .lb-next { right: 0.2rem; }
  html:has(.prow-grid) .lightbox .lb-close { top: auto; bottom: 0.4rem; right: 0.9rem; }
}
@media (max-width: 44rem) {
  html:has(.prow-grid) .site-header { justify-content: flex-start; }
  main.about.project .about-image { margin-top: -2.4rem; }
}
@media (max-width: 44rem) {
  html:has(.prow-grid) .lightbox { padding: 0.5rem 1rem 0.5rem; }
  html:has(.prow-grid) .lightbox img { max-height: calc(100vw - 4.1rem); max-width: calc(100dvh - 2rem); }
}

/* ===== LATEST 34: MOBILE ONLY - menu text back to its earlier size; CV moves to the first line ===== */
@media (max-width: 44rem) {
  .site-header nav { display: flex; flex-wrap: wrap; align-items: baseline; }
  .site-header nav a:nth-child(3)::after, .site-header nav a:nth-child(7)::after { content: none; display: none; }
  .site-header nav a { font-size: 1.009rem; margin-right: 0.85rem; }
  .site-header nav a:nth-child(1) { order: 1; } .site-header nav a:nth-child(2) { order: 2; } .site-header nav a:nth-child(3) { order: 3; }
  .site-header nav a:nth-child(7) { order: 4; }
  .site-header nav::after { content: ""; order: 5; flex: 0 0 100%; height: 0; }
  .site-header nav a:nth-child(4) { order: 6; } .site-header nav a:nth-child(5) { order: 7; } .site-header nav a:nth-child(6) { order: 8; } .site-header nav a:nth-child(8) { order: 9; }
}
@media (max-width: 44rem) {
  .site-header nav a { font-size: min(1.009rem, calc((100vw - 5.3rem) / 19.9)); margin-right: 0.55rem; }
}
@media (max-width: 44rem) {
  .site-header nav { padding-left: 0.75rem; }
  .site-header nav a { font-size: min(1.009rem, calc((100vw - 5.3rem) / 21.5)); margin-right: 0.5rem; }
}
@media (max-width: 44rem) { .site-header nav { justify-content: flex-start; } }

/* ===== LATEST 35: MOBILE ONLY - CV back before Contact; Desktop/Mobile pop-up; contact boxes cut-up photo + salmon text; salmon title glow ===== */
@media (max-width: 44rem) {
  .site-header nav a:nth-child(7) { order: 9; } .site-header nav a:nth-child(8) { order: 10; }

  html.view-choice-open { overflow: hidden; }
  #view-choice { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; background: #f6f6f5; padding: 1.5rem; }
  #view-choice .vc-card { width: 100%; max-width: 20rem; display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
  #view-choice .vc-q { margin: 0 0 0.6rem; font-size: 1.05rem; letter-spacing: 0.08em; color: #111; line-height: 1.5; }
  #view-choice .vc-btn { width: 100%; font: inherit; font-weight: 300; font-size: 0.9375rem; letter-spacing: 0.25em; text-transform: uppercase; padding: 0.95rem 1rem; background: transparent; cursor: pointer; border-radius: 0; }
  #view-choice .vc-desktop { color: #000; border: 1px solid #000; }
  #view-choice .vc-mobile { color: #b5b5b5; border: 1px solid #b5b5b5; }

  main.contact-page h1.contact-title { text-shadow: 0 0 0.55rem rgba(250,128,114,0.38), 0.07em 0.09em 0.14em rgba(250,128,114,0.30); }
  .contact-form input[type=text], .contact-form input[type=email], .contact-form textarea {
    color: #fa8072; caret-color: #fa8072; background-color: transparent; background-repeat: no-repeat;
    background-image: linear-gradient(rgba(246,246,245,0.8), rgba(246,246,245,0.8)), url("images/contact.jpg") !important;
  }
  .contact-form input::placeholder, .contact-form textarea::placeholder { color: #fa8072; }
  .contact-form label:nth-of-type(1) input { background-size: auto, 230% auto; background-position: 0 0, 62% 22%; clip-path: polygon(0 4%, 6% 0, 31% 3%, 58% 0, 83% 4%, 100% 0, 99% 55%, 100% 100%, 70% 96%, 44% 100%, 18% 95%, 0 100%); }
  .contact-form label:nth-of-type(2) input { background-size: auto, 250% auto; background-position: 0 0, 40% 58%; clip-path: polygon(0 0, 24% 5%, 49% 0, 77% 4%, 100% 1%, 98% 48%, 100% 97%, 73% 100%, 47% 95%, 21% 100%, 2% 96%, 0 50%); }
  .contact-form label.msg textarea { background-size: auto, 170% auto; background-position: 0 0, 75% 48%; clip-path: polygon(0 2%, 22% 0, 52% 3%, 79% 0, 100% 3%, 98% 38%, 100% 70%, 99% 100%, 71% 97%, 40% 100%, 12% 98%, 0 100%, 2% 60%); }
  .contact-form input:focus, .contact-form textarea:focus { background-color: transparent; box-shadow: none; }
}

/* ===== LATEST 36: MOBILE ONLY - 2-line even menu with "Taboo Art"; Desktop|Mobile switch; Algo one photo per page; pop-up with name + site background; light grey Purchase Print / X; no pink title glow; Music-Contact content starts at the Photography height ===== */
@media (max-width: 44rem) {
  /* menu: two lines of four, evenly spread */
  .site-header nav { display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between; padding: 0 0.75rem; }
  .site-header nav::after { display: none; }
  .site-header nav a, .site-header nav a:nth-child(n) { order: 0; margin-right: 0; font-size: min(1.009rem, calc((100vw - 5.4rem) / 19.6)); }
  .site-header nav a[href="art-of-the-taboo.html"] { font-size: 0; }
  .site-header nav a[href="art-of-the-taboo.html"]::before { content: "Exhibitions"; font-size: min(1.009rem, calc((100vw - 5.4rem) / 19.6)); }

  /* Desktop | Mobile switch under the copyright */
  .site-footer .vc-switch { margin: 0.5rem 0 0; font-size: 0.7rem; line-height: 1; letter-spacing: 0.08em; color: #b5b5b5; pointer-events: auto; }
  .site-footer .vc-switch a { color: inherit; text-decoration: none; padding: 0.3rem 0.2rem; }
  .site-footer .vc-switch a.on { color: #9a9a9a; }
  body:not(.book-page) { padding-bottom: 4.8rem; }

  /* pop-up: site background + name at the top */
  #view-choice { background: var(--paper); }
  #view-choice .vc-head { position: absolute; top: 0; left: 0; right: 0; height: auto; }

  /* title: no pink glow */
  main.contact-page h1.contact-title { text-shadow: none; }

  /* Photography opened photos: light grey Purchase Print and X (X in the upper left of the landscape view) */
  html:has(.prow-grid) .lightbox .buy { color: #b5b5b5; }
  html:has(.prow-grid) .lightbox .lb-close { top: 0.7rem; left: 0.9rem; right: auto; bottom: auto; color: #b5b5b5; }
  html:has(.prow-grid) { --header-h: 9.7rem; }
  .prow-grid { grid-auto-rows: calc((100dvh - var(--header-h) - 3.9rem) / 2); }

  /* Algo gallery: one photo per page, header pinned, nothing peeking in */
  html:has(.tetris) { --header-h: 9.7rem; scroll-snap-type: y mandatory; scroll-padding-top: var(--header-h); }
  html:has(.tetris) .site-header { position: sticky; top: 0; z-index: 6; height: var(--header-h); overflow: hidden; background: var(--paper); padding-top: 1.25rem; padding-bottom: 0; justify-content: flex-start; }
  .tetris { gap: 0; width: 88vw; }
  .tetris figure { height: calc(100dvh - var(--header-h) - 4.9rem); display: flex; flex-direction: column; align-items: center; justify-content: center; scroll-snap-align: start; scroll-snap-stop: always; }
  .tetris figure a { flex: 1 1 auto; min-height: 0; display: flex; align-items: center; justify-content: center; max-width: 100%; }
  .tetris img { width: auto; max-width: 100%; height: auto; max-height: 100%; }
  .tetris figcaption { flex: none; padding-top: 0.5rem; }
}
/* the switch must also be readable when a phone shows the desktop version */
.vc-desktop-view .site-footer { height: auto; }
.vc-desktop-view .site-footer .vc-switch { margin: 0.6rem 0 0; font-size: 2.6rem; line-height: 1; color: #b5b5b5; text-align: center; pointer-events: auto; }
.vc-desktop-view .site-footer .vc-switch a { color: inherit; text-decoration: none; padding: 0.6rem 0.8rem; }
.vc-desktop-view .site-footer .vc-switch a.on { color: #9a9a9a; }
@media (max-width: 44rem) {
  /* Music, Texts, About, CV, Contact: content starts at the same height as the first Photography photo */
  .fit .bands { margin-top: -1.25rem; }
  main.about.project.texts-page { margin-top: 3.34rem; }
  main.about.project.print.texts-page .about-image img { max-height: calc(100dvh - 33rem); }
  main.about.solo { margin-top: 0.95rem; }
  main.about.project.cv-page { margin-top: 0.95rem; }
  main.about.project.contact-page { margin-top: 0.9rem; }
}

/* ===== LATEST 37: DESKTOP + MOBILE - subtle hand-torn paper edges on photos (clip only: the photo files are untouched). Not used on: Music picks, opened booklets, opened Photography/Algo photos, Texts photo. Every edge is different. ===== */
img[src="images/about-friends.jpg"]{clip-path:polygon(0.1% 0.1%,1.6% 0.5%,3.2% 0.9%,4.8% 1.1%,6.3% 1.4%,7.9% 1.3%,9.5% 0.9%,11.1% 0.4%,12.7% 0.2%,14.3% 0.3%,15.9% 0.3%,17.5% 0.2%,19.0% 0.4%,20.6% 0.7%,22.2% 1.1%,23.8% 1.5%,25.4% 1.9%,27.0% 1.2%,28.6% 1.4%,30.2% 1.1%,31.7% 0.6%,33.3% 0.5%,34.9% 0.3%,36.5% 0.1%,38.1% 0.2%,39.7% 0.2%,41.3% 0.0%,42.9% 0.4%,44.4% 0.4%,46.0% 0.3%,47.6% 0.4%,49.2% 0.4%,50.8% 0.3%,52.4% 0.7%,54.0% 0.7%,55.6% 0.7%,57.1% 0.8%,58.7% 0.9%,60.3% 1.1%,61.9% 1.3%,63.5% 0.9%,65.1% 0.9%,66.7% 1.1%,68.3% 1.2%,69.8% 1.1%,71.4% 1.2%,73.0% 1.2%,74.6% 1.1%,76.2% 1.3%,77.8% 1.3%,79.4% 1.2%,81.0% 1.6%,82.5% 1.4%,84.1% 1.3%,85.7% 1.3%,87.3% 1.3%,88.9% 1.2%,90.5% 1.2%,92.1% 1.3%,93.7% 1.0%,95.2% 1.1%,96.8% 0.9%,98.4% 0.9%,99.7% 0.8%,99.7% 1.7%,99.7% 3.4%,99.6% 5.2%,99.6% 6.9%,99.6% 8.6%,99.6% 10.3%,99.5% 12.1%,99.6% 13.8%,99.5% 15.5%,99.6% 17.2%,99.6% 19.0%,99.5% 20.7%,99.7% 22.4%,99.5% 24.1%,99.6% 25.9%,99.5% 27.6%,99.6% 29.3%,99.7% 31.0%,99.5% 32.8%,99.5% 34.5%,99.5% 36.2%,99.4% 37.9%,99.6% 39.7%,99.5% 41.4%,99.5% 43.1%,99.6% 44.8%,99.6% 46.6%,99.6% 48.3%,99.7% 50.0%,99.9% 51.7%,99.8% 53.4%,99.9% 55.2%,100.0% 56.9%,99.8% 58.6%,99.7% 60.3%,99.5% 62.1%,99.5% 63.8%,99.4% 65.5%,99.3% 67.2%,99.3% 69.0%,99.4% 70.7%,99.4% 72.4%,99.5% 74.1%,99.3% 75.9%,99.4% 77.6%,99.4% 79.3%,99.4% 81.0%,99.4% 82.8%,99.2% 84.5%,99.3% 86.2%,99.2% 87.9%,99.1% 89.7%,99.1% 91.4%,99.3% 93.1%,99.2% 94.8%,99.2% 96.6%,98.9% 98.4%,98.4% 98.3%,96.8% 98.4%,95.2% 98.5%,93.7% 98.6%,92.1% 98.6%,90.5% 98.8%,88.9% 98.5%,87.3% 98.6%,85.7% 98.7%,84.1% 98.4%,82.5% 98.4%,81.0% 98.3%,79.4% 98.2%,77.8% 98.2%,76.2% 98.4%,74.6% 98.7%,73.0% 98.9%,71.4% 99.1%,69.8% 98.7%,68.3% 98.7%,66.7% 98.9%,65.1% 99.0%,63.5% 99.1%,61.9% 99.0%,60.3% 98.8%,58.7% 98.5%,57.1% 98.4%,55.6% 98.6%,54.0% 99.2%,52.4% 99.1%,50.8% 99.2%,49.2% 99.5%,47.6% 99.4%,46.0% 99.6%,44.4% 99.5%,42.9% 100.0%,41.3% 99.9%,39.7% 99.7%,38.1% 99.8%,36.5% 99.8%,34.9% 99.8%,33.3% 99.7%,31.7% 99.6%,30.2% 99.6%,28.6% 99.9%,27.0% 99.4%,25.4% 99.9%,23.8% 100.0%,22.2% 99.8%,20.6% 99.9%,19.0% 99.6%,17.5% 99.8%,15.9% 99.8%,14.3% 99.7%,12.7% 99.8%,11.1% 99.7%,9.5% 99.5%,7.9% 99.6%,6.3% 99.7%,4.8% 99.8%,3.2% 99.7%,1.6% 99.6%,0.3% 99.9%,0.4% 98.3%,0.3% 96.6%,0.3% 94.8%,0.3% 93.1%,0.4% 91.4%,0.4% 89.7%,0.7% 87.9%,0.6% 86.2%,0.6% 84.5%,0.4% 82.8%,0.3% 81.0%,0.2% 79.3%,0.2% 77.6%,0.0% 75.9%,0.0% 74.1%,0.0% 72.4%,0.0% 70.7%,0.0% 69.0%,0.0% 67.2%,0.2% 65.5%,0.2% 63.8%,0.3% 62.1%,0.3% 60.3%,0.4% 58.6%,0.3% 56.9%,0.3% 55.2%,0.5% 53.4%,0.5% 51.7%,0.5% 50.0%,0.5% 48.3%,0.5% 46.6%,0.5% 44.8%,0.6% 43.1%,0.8% 41.4%,0.8% 39.7%,0.8% 37.9%,0.8% 36.2%,0.6% 34.5%,0.5% 32.8%,0.6% 31.0%,0.8% 29.3%,0.9% 27.6%,1.0% 25.9%,1.0% 24.1%,1.0% 22.4%,0.9% 20.7%,0.7% 19.0%,0.6% 17.2%,0.4% 15.5%,0.4% 13.8%,0.4% 12.1%,0.5% 10.3%,0.3% 8.6%,0.4% 6.9%,0.4% 5.2%,0.3% 3.4%,0.2% 1.7%);}
img[src="images/contact.jpg"]{clip-path:polygon(0.8% 0.4%,1.6% 0.5%,3.2% 0.7%,4.8% 0.5%,6.3% 0.7%,7.9% 0.1%,9.5% 0.2%,11.1% 0.2%,12.7% 0.1%,14.3% 0.2%,15.9% 0.1%,17.5% 0.3%,19.0% 0.0%,20.6% 0.1%,22.2% 0.4%,23.8% 0.3%,25.4% 0.6%,27.0% 0.9%,28.6% 0.8%,30.2% 1.2%,31.7% 1.2%,33.3% 1.3%,34.9% 1.2%,36.5% 1.6%,38.1% 1.6%,39.7% 1.4%,41.3% 1.6%,42.9% 1.8%,44.4% 1.4%,46.0% 1.3%,47.6% 1.2%,49.2% 1.2%,50.8% 1.0%,52.4% 1.2%,54.0% 1.1%,55.6% 0.9%,57.1% 1.0%,58.7% 0.6%,60.3% 0.6%,61.9% 0.5%,63.5% 0.3%,65.1% 0.1%,66.7% 0.3%,68.3% 0.2%,69.8% 0.4%,71.4% 0.3%,73.0% 0.2%,74.6% 0.1%,76.2% 0.4%,77.8% 0.5%,79.4% 0.7%,81.0% 0.6%,82.5% 0.7%,84.1% 1.0%,85.7% 1.2%,87.3% 1.1%,88.9% 0.7%,90.5% 1.1%,92.1% 1.2%,93.7% 1.1%,95.2% 1.1%,96.8% 1.1%,98.4% 1.1%,98.9% 1.1%,99.0% 1.7%,98.9% 3.4%,98.8% 5.1%,98.7% 6.8%,99.0% 8.5%,99.1% 10.2%,99.5% 11.9%,99.6% 13.6%,99.6% 15.3%,99.8% 16.9%,99.7% 18.6%,99.7% 20.3%,99.4% 22.0%,99.6% 23.7%,99.5% 25.4%,99.5% 27.1%,99.5% 28.8%,99.4% 30.5%,99.3% 32.2%,99.0% 33.9%,98.9% 35.6%,98.9% 37.3%,99.1% 39.0%,98.9% 40.7%,99.1% 42.4%,99.0% 44.1%,99.0% 45.8%,98.9% 47.5%,99.0% 49.2%,98.8% 50.8%,99.0% 52.5%,98.8% 54.2%,98.8% 55.9%,98.8% 57.6%,98.8% 59.3%,99.0% 61.0%,99.0% 62.7%,98.8% 64.4%,98.9% 66.1%,98.7% 67.8%,98.4% 69.5%,98.2% 71.2%,98.3% 72.9%,98.2% 74.6%,98.3% 76.3%,98.4% 78.0%,98.3% 79.7%,98.5% 81.4%,98.5% 83.1%,98.7% 84.7%,98.9% 86.4%,98.9% 88.1%,99.0% 89.8%,98.8% 91.5%,99.1% 93.2%,99.2% 94.9%,99.5% 96.6%,99.7% 98.3%,100.0% 99.7%,98.4% 99.9%,96.8% 99.8%,95.2% 99.8%,93.7% 99.9%,92.1% 99.7%,90.5% 99.7%,88.9% 99.9%,87.3% 99.9%,85.7% 100.0%,84.1% 99.8%,82.5% 99.8%,81.0% 99.9%,79.4% 99.8%,77.8% 99.9%,76.2% 99.9%,74.6% 99.9%,73.0% 100.0%,71.4% 99.7%,69.8% 99.7%,68.3% 99.5%,66.7% 99.6%,65.1% 99.5%,63.5% 99.4%,61.9% 99.3%,60.3% 99.2%,58.7% 99.4%,57.1% 99.4%,55.6% 99.5%,54.0% 99.5%,52.4% 99.5%,50.8% 99.4%,49.2% 99.4%,47.6% 99.4%,46.0% 99.1%,44.4% 99.1%,42.9% 99.1%,41.3% 99.4%,39.7% 99.1%,38.1% 98.9%,36.5% 99.1%,34.9% 99.3%,33.3% 99.4%,31.7% 99.2%,30.2% 99.1%,28.6% 99.2%,27.0% 99.4%,25.4% 99.5%,23.8% 99.2%,22.2% 99.3%,20.6% 99.3%,19.0% 99.4%,17.5% 99.4%,15.9% 99.3%,14.3% 99.7%,12.7% 99.2%,11.1% 99.5%,9.5% 99.3%,7.9% 99.4%,6.3% 99.4%,4.8% 99.1%,3.2% 99.2%,1.6% 99.4%,0.5% 99.4%,0.5% 98.3%,0.5% 96.6%,0.5% 94.9%,0.7% 93.2%,0.7% 91.5%,0.6% 89.8%,0.7% 88.1%,0.5% 86.4%,0.6% 84.7%,0.6% 83.1%,0.4% 81.4%,0.6% 79.7%,0.5% 78.0%,0.5% 76.3%,0.3% 74.6%,0.4% 72.9%,0.1% 71.2%,0.4% 69.5%,0.2% 67.8%,0.2% 66.1%,0.2% 64.4%,0.2% 62.7%,0.4% 61.0%,0.8% 59.3%,0.4% 57.6%,0.5% 55.9%,0.4% 54.2%,0.2% 52.5%,0.2% 50.8%,0.4% 49.2%,0.3% 47.5%,0.0% 45.8%,0.1% 44.1%,0.1% 42.4%,0.0% 40.7%,0.1% 39.0%,0.1% 37.3%,0.0% 35.6%,0.1% 33.9%,0.3% 32.2%,0.3% 30.5%,0.2% 28.8%,0.2% 27.1%,0.2% 25.4%,0.4% 23.7%,0.3% 22.0%,0.3% 20.3%,0.4% 18.6%,0.3% 16.9%,0.5% 15.3%,0.4% 13.6%,0.4% 11.9%,0.4% 10.2%,0.5% 8.5%,0.7% 6.8%,0.6% 5.1%,0.8% 3.4%,0.9% 1.7%);}
img[src="images/taboo-cover.png"]{clip-path:polygon(2.1% 0.9%,2.5% 1.3%,5.0% 1.0%,7.5% 0.7%,10.0% 0.4%,12.5% 0.5%,15.0% 0.0%,17.5% 0.2%,20.0% 0.0%,22.5% 0.5%,25.0% 0.8%,27.5% 0.6%,30.0% 0.9%,32.5% 0.9%,35.0% 1.1%,37.5% 1.4%,40.0% 1.5%,42.5% 1.5%,45.0% 1.4%,47.5% 1.5%,50.0% 1.6%,52.5% 2.2%,55.0% 2.4%,57.5% 2.5%,60.0% 2.6%,62.5% 2.7%,65.0% 2.1%,67.5% 2.1%,70.0% 1.7%,72.5% 1.8%,75.0% 1.2%,77.5% 1.2%,80.0% 1.2%,82.5% 0.8%,85.0% 0.9%,87.5% 1.2%,90.0% 0.9%,92.5% 1.0%,95.0% 0.8%,97.7% 0.8%,97.8% 1.6%,97.5% 3.2%,97.6% 4.8%,97.9% 6.3%,98.0% 7.9%,98.0% 9.5%,97.9% 11.1%,98.1% 12.7%,98.0% 14.3%,98.2% 15.9%,98.2% 17.5%,98.2% 19.0%,98.0% 20.6%,98.1% 22.2%,97.5% 23.8%,97.2% 25.4%,96.9% 27.0%,97.3% 28.6%,98.2% 30.2%,98.1% 31.7%,98.3% 33.3%,98.2% 34.9%,98.1% 36.5%,97.8% 38.1%,97.2% 39.7%,97.3% 41.3%,97.2% 42.9%,97.3% 44.4%,97.4% 46.0%,97.9% 47.6%,97.8% 49.2%,97.8% 50.8%,97.9% 52.4%,98.0% 54.0%,98.5% 55.6%,98.0% 57.1%,98.4% 58.7%,98.3% 60.3%,98.4% 61.9%,98.4% 63.5%,98.3% 65.1%,98.5% 66.7%,98.1% 68.3%,98.2% 69.8%,98.6% 71.4%,98.8% 73.0%,99.4% 74.6%,99.3% 76.2%,99.4% 77.8%,99.8% 79.4%,99.2% 81.0%,99.2% 82.5%,99.1% 84.1%,99.1% 85.7%,98.7% 87.3%,98.9% 88.9%,99.2% 90.5%,98.9% 92.1%,99.3% 93.7%,98.8% 95.2%,98.7% 96.8%,98.3% 98.4%,98.3% 99.7%,97.5% 99.3%,95.0% 99.4%,92.5% 99.3%,90.0% 99.3%,87.5% 99.5%,85.0% 99.4%,82.5% 99.1%,80.0% 99.5%,77.5% 99.6%,75.0% 99.3%,72.5% 100.0%,70.0% 99.8%,67.5% 99.3%,65.0% 99.6%,62.5% 99.6%,60.0% 99.3%,57.5% 99.5%,55.0% 99.6%,52.5% 99.5%,50.0% 99.5%,47.5% 99.5%,45.0% 99.7%,42.5% 99.8%,40.0% 99.5%,37.5% 99.6%,35.0% 99.5%,32.5% 99.4%,30.0% 99.3%,27.5% 99.6%,25.0% 99.6%,22.5% 99.8%,20.0% 99.8%,17.5% 99.4%,15.0% 99.6%,12.5% 99.5%,10.0% 99.8%,7.5% 99.4%,5.0% 99.7%,2.5% 99.6%,0.5% 99.6%,0.3% 98.4%,0.2% 96.8%,0.4% 95.2%,0.0% 93.7%,0.9% 92.1%,0.4% 90.5%,0.9% 88.9%,0.9% 87.3%,0.4% 85.7%,1.6% 84.1%,1.9% 82.5%,2.0% 81.0%,2.0% 79.4%,2.3% 77.8%,2.5% 76.2%,2.7% 74.6%,3.2% 73.0%,2.7% 71.4%,2.7% 69.8%,2.9% 68.3%,2.9% 66.7%,2.2% 65.1%,1.9% 63.5%,1.8% 61.9%,2.2% 60.3%,1.8% 58.7%,1.7% 57.1%,1.2% 55.6%,1.4% 54.0%,1.3% 52.4%,1.7% 50.8%,1.5% 49.2%,1.2% 47.6%,2.0% 46.0%,1.8% 44.4%,1.3% 42.9%,1.4% 41.3%,1.2% 39.7%,0.8% 38.1%,1.1% 36.5%,0.9% 34.9%,0.9% 33.3%,1.4% 31.7%,1.0% 30.2%,1.6% 28.6%,1.8% 27.0%,1.4% 25.4%,1.0% 23.8%,1.1% 22.2%,0.8% 20.6%,0.4% 19.0%,0.1% 17.5%,1.1% 15.9%,1.4% 14.3%,1.5% 12.7%,1.7% 11.1%,1.0% 9.5%,1.4% 7.9%,1.6% 6.3%,1.4% 4.8%,1.3% 3.2%,1.6% 1.6%);}
.tetris img[src="images/taboo-01.png"]{clip-path:polygon(0.2% 0.2%,2.4% 0.1%,4.9% 0.1%,7.3% 0.0%,9.8% 0.5%,12.2% 0.8%,14.6% 0.7%,17.1% 0.5%,19.5% 0.2%,22.0% 0.2%,24.4% 0.5%,26.8% 0.3%,29.3% 0.1%,31.7% 0.1%,34.1% 0.0%,36.6% 0.2%,39.0% 0.5%,41.5% 0.5%,43.9% 0.7%,46.3% 0.6%,48.8% 0.7%,51.2% 0.4%,53.7% 0.4%,56.1% 0.5%,58.5% 0.2%,61.0% 0.1%,63.4% 0.3%,65.9% 0.2%,68.3% 0.3%,70.7% 0.6%,73.2% 0.7%,75.6% 0.2%,78.0% 0.5%,80.5% 0.5%,82.9% 0.5%,85.4% 0.7%,87.8% 0.6%,90.2% 1.0%,92.7% 0.8%,95.1% 1.3%,97.6% 1.4%,99.7% 1.5%,99.4% 3.2%,99.5% 4.8%,99.1% 6.3%,98.9% 7.9%,98.3% 9.5%,97.7% 11.1%,98.8% 12.7%,98.9% 14.3%,99.3% 15.9%,99.2% 17.5%,99.1% 19.0%,99.1% 20.6%,99.1% 22.2%,98.8% 23.8%,98.9% 25.4%,99.0% 27.0%,98.9% 28.6%,99.0% 30.2%,98.7% 31.7%,98.6% 33.3%,98.4% 34.9%,98.8% 36.5%,98.5% 38.1%,98.4% 39.7%,98.5% 41.3%,98.7% 42.9%,98.2% 44.4%,98.4% 46.0%,98.4% 47.6%,98.8% 49.2%,98.7% 50.8%,98.7% 52.4%,99.3% 54.0%,99.4% 55.6%,99.2% 57.1%,99.0% 58.7%,98.6% 60.3%,98.7% 61.9%,99.2% 63.5%,98.7% 65.1%,98.6% 66.7%,98.8% 68.3%,98.9% 69.8%,98.9% 71.4%,99.2% 73.0%,99.1% 74.6%,98.8% 76.2%,99.2% 77.8%,98.6% 79.4%,99.4% 81.0%,99.0% 82.5%,99.3% 84.1%,99.1% 85.7%,99.1% 87.3%,99.2% 88.9%,98.9% 90.5%,99.0% 92.1%,99.5% 93.7%,99.7% 95.2%,99.4% 96.8%,99.6% 98.4%,100.0% 100.0%,97.6% 99.6%,95.1% 99.5%,92.7% 99.3%,90.2% 98.7%,87.8% 98.4%,85.4% 98.8%,82.9% 98.7%,80.5% 98.9%,78.0% 98.5%,75.6% 98.3%,73.2% 98.7%,70.7% 98.3%,68.3% 98.6%,65.9% 98.8%,63.4% 98.7%,61.0% 98.9%,58.5% 98.4%,56.1% 98.0%,53.7% 98.0%,51.2% 98.1%,48.8% 98.1%,46.3% 98.1%,43.9% 97.9%,41.5% 98.0%,39.0% 97.7%,36.6% 97.7%,34.1% 97.8%,31.7% 97.7%,29.3% 97.8%,26.8% 97.6%,24.4% 97.3%,22.0% 97.6%,19.5% 97.2%,17.1% 97.4%,14.6% 96.8%,12.2% 96.6%,9.8% 96.4%,7.3% 96.3%,4.9% 96.5%,2.4% 97.2%,0.0% 97.4%,0.4% 96.8%,0.3% 95.2%,0.3% 93.7%,0.1% 92.1%,0.1% 90.5%,0.3% 88.9%,0.5% 87.3%,0.5% 85.7%,1.0% 84.1%,0.8% 82.5%,1.1% 81.0%,1.3% 79.4%,1.4% 77.8%,1.2% 76.2%,1.2% 74.6%,1.5% 73.0%,1.2% 71.4%,1.5% 69.8%,1.7% 68.3%,2.1% 66.7%,2.1% 65.1%,2.1% 63.5%,2.0% 61.9%,1.8% 60.3%,1.7% 58.7%,1.9% 57.1%,1.4% 55.6%,1.5% 54.0%,1.8% 52.4%,1.6% 50.8%,1.6% 49.2%,1.9% 47.6%,1.7% 46.0%,1.6% 44.4%,2.1% 42.9%,1.7% 41.3%,1.6% 39.7%,1.7% 38.1%,1.8% 36.5%,2.0% 34.9%,1.9% 33.3%,1.7% 31.7%,1.8% 30.2%,1.7% 28.6%,1.5% 27.0%,1.3% 25.4%,1.3% 23.8%,1.4% 22.2%,0.8% 20.6%,0.8% 19.0%,0.7% 17.5%,0.8% 15.9%,0.7% 14.3%,0.7% 12.7%,0.7% 11.1%,0.8% 9.5%,0.7% 7.9%,0.6% 6.3%,0.3% 4.8%,0.4% 3.2%,0.3% 1.6%);}
.tetris img[src="images/taboo-04.png"]{clip-path:polygon(0.8% 0.0%,2.4% 0.1%,4.9% 0.4%,7.3% 0.1%,9.8% 0.3%,12.2% 0.3%,14.6% 0.4%,17.1% 0.2%,19.5% 0.4%,22.0% 0.5%,24.4% 0.6%,26.8% 0.6%,29.3% 0.8%,31.7% 0.9%,34.1% 0.6%,36.6% 0.7%,39.0% 0.7%,41.5% 0.9%,43.9% 0.8%,46.3% 0.7%,48.8% 0.9%,51.2% 0.4%,53.7% 0.6%,56.1% 0.6%,58.5% 1.0%,61.0% 1.5%,63.4% 1.5%,65.9% 1.5%,68.3% 1.5%,70.7% 1.3%,73.2% 1.3%,75.6% 1.3%,78.0% 1.1%,80.5% 1.1%,82.9% 1.1%,85.4% 1.0%,87.8% 1.2%,90.2% 1.1%,92.7% 0.7%,95.1% 0.6%,97.3% 0.5%,97.5% 1.6%,97.2% 3.2%,98.0% 4.8%,97.9% 6.3%,97.9% 7.9%,97.8% 9.5%,97.7% 11.1%,98.3% 12.7%,97.8% 14.3%,98.2% 15.9%,97.6% 17.5%,97.5% 19.0%,96.9% 20.6%,97.3% 22.2%,97.0% 23.8%,96.7% 25.4%,96.9% 27.0%,97.5% 28.6%,97.4% 30.2%,98.0% 31.7%,98.2% 33.3%,97.9% 34.9%,96.8% 36.5%,96.8% 38.1%,96.9% 39.7%,96.6% 41.3%,96.5% 42.9%,97.2% 44.4%,97.8% 46.0%,98.2% 47.6%,98.7% 49.2%,98.6% 50.8%,99.4% 52.4%,98.9% 54.0%,98.8% 55.6%,98.9% 57.1%,99.0% 58.7%,99.3% 60.3%,98.8% 61.9%,98.4% 63.5%,99.0% 65.1%,98.1% 66.7%,97.5% 68.3%,98.0% 69.8%,98.2% 71.4%,97.8% 73.0%,98.3% 74.6%,98.5% 76.2%,98.7% 77.8%,99.1% 79.4%,99.9% 81.0%,100.0% 82.5%,100.0% 84.1%,99.6% 85.7%,98.9% 87.3%,98.3% 88.9%,98.1% 90.5%,97.8% 92.1%,97.6% 93.7%,98.2% 95.2%,98.2% 96.8%,98.6% 98.4%,98.9% 99.9%,97.6% 99.9%,95.1% 100.0%,92.7% 99.9%,90.2% 99.8%,87.8% 99.7%,85.4% 99.7%,82.9% 99.5%,80.5% 99.5%,78.0% 99.2%,75.6% 99.4%,73.2% 99.1%,70.7% 99.4%,68.3% 99.3%,65.9% 99.3%,63.4% 99.3%,61.0% 99.4%,58.5% 99.4%,56.1% 99.5%,53.7% 99.7%,51.2% 99.6%,48.8% 99.6%,46.3% 99.6%,43.9% 99.6%,41.5% 99.7%,39.0% 99.7%,36.6% 99.6%,34.1% 99.6%,31.7% 99.6%,29.3% 99.6%,26.8% 99.5%,24.4% 99.4%,22.0% 99.5%,19.5% 99.4%,17.1% 99.5%,14.6% 99.6%,12.2% 99.7%,9.8% 99.6%,7.3% 99.8%,4.9% 99.8%,2.4% 99.8%,2.0% 99.6%,1.9% 98.4%,1.7% 96.8%,1.6% 95.2%,1.5% 93.7%,1.4% 92.1%,1.6% 90.5%,1.6% 88.9%,1.8% 87.3%,1.7% 85.7%,2.1% 84.1%,1.8% 82.5%,2.0% 81.0%,1.7% 79.4%,1.8% 77.8%,2.0% 76.2%,1.9% 74.6%,2.1% 73.0%,1.9% 71.4%,1.6% 69.8%,1.9% 68.3%,1.7% 66.7%,1.8% 65.1%,1.9% 63.5%,1.9% 61.9%,2.1% 60.3%,2.2% 58.7%,2.5% 57.1%,2.0% 55.6%,2.4% 54.0%,2.1% 52.4%,1.8% 50.8%,1.4% 49.2%,1.3% 47.6%,1.5% 46.0%,1.2% 44.4%,1.1% 42.9%,0.8% 41.3%,0.9% 39.7%,0.6% 38.1%,0.6% 36.5%,0.5% 34.9%,0.0% 33.3%,0.4% 31.7%,0.4% 30.2%,0.6% 28.6%,0.6% 27.0%,0.9% 25.4%,1.1% 23.8%,1.2% 22.2%,1.5% 20.6%,1.3% 19.0%,1.2% 17.5%,1.1% 15.9%,0.7% 14.3%,1.1% 12.7%,1.3% 11.1%,1.2% 9.5%,1.2% 7.9%,1.2% 6.3%,1.1% 4.8%,1.0% 3.2%,0.7% 1.6%);}
.tetris img[src="images/taboo-08.jpg"]{clip-path:polygon(0.1% 1.1%,1.6% 0.9%,3.2% 0.8%,4.8% 0.8%,6.3% 0.5%,7.9% 0.8%,9.5% 0.8%,11.1% 0.8%,12.7% 1.0%,14.3% 0.7%,15.9% 1.1%,17.5% 1.0%,19.0% 1.3%,20.6% 1.2%,22.2% 1.7%,23.8% 1.7%,25.4% 1.7%,27.0% 1.7%,28.6% 2.0%,30.2% 2.1%,31.7% 2.1%,33.3% 1.6%,34.9% 1.6%,36.5% 1.9%,38.1% 1.9%,39.7% 1.5%,41.3% 1.6%,42.9% 1.5%,44.4% 1.3%,46.0% 1.3%,47.6% 0.9%,49.2% 1.0%,50.8% 0.8%,52.4% 0.6%,54.0% 0.6%,55.6% 0.4%,57.1% 0.4%,58.7% 0.6%,60.3% 0.5%,61.9% 0.1%,63.5% 0.4%,65.1% 0.2%,66.7% 0.0%,68.3% 0.2%,69.8% 0.4%,71.4% 0.5%,73.0% 0.7%,74.6% 0.6%,76.2% 1.2%,77.8% 0.8%,79.4% 0.8%,81.0% 0.8%,82.5% 0.8%,84.1% 0.9%,85.7% 0.9%,87.3% 1.0%,88.9% 1.4%,90.5% 1.1%,92.1% 1.5%,93.7% 1.2%,95.2% 1.5%,96.8% 1.6%,97.9% 1.6%,98.0% 2.4%,98.1% 4.9%,97.7% 7.3%,97.8% 9.8%,97.6% 12.2%,97.7% 14.6%,97.3% 17.1%,97.9% 19.5%,98.3% 22.0%,98.5% 24.4%,98.7% 26.8%,98.9% 29.3%,98.7% 31.7%,98.3% 34.1%,98.5% 36.6%,98.6% 39.0%,98.2% 41.5%,98.3% 43.9%,98.8% 46.3%,99.2% 48.8%,99.3% 51.2%,99.3% 53.7%,99.6% 56.1%,99.2% 58.5%,99.6% 61.0%,99.6% 63.4%,99.2% 65.9%,99.3% 68.3%,99.2% 70.7%,99.4% 73.2%,99.1% 75.6%,98.7% 78.0%,98.1% 80.5%,97.6% 82.9%,98.2% 85.4%,98.9% 87.8%,99.3% 90.2%,99.5% 92.7%,100.0% 95.1%,99.9% 97.6%,99.9% 99.1%,98.4% 99.1%,96.8% 99.1%,95.2% 98.9%,93.7% 98.9%,92.1% 98.7%,90.5% 99.2%,88.9% 99.2%,87.3% 99.2%,85.7% 99.3%,84.1% 99.2%,82.5% 99.4%,81.0% 99.4%,79.4% 99.8%,77.8% 99.8%,76.2% 99.7%,74.6% 100.0%,73.0% 99.9%,71.4% 99.9%,69.8% 100.0%,68.3% 99.6%,66.7% 99.1%,65.1% 99.3%,63.5% 99.3%,61.9% 99.4%,60.3% 99.3%,58.7% 99.3%,57.1% 99.4%,55.6% 99.1%,54.0% 98.9%,52.4% 99.1%,50.8% 98.7%,49.2% 98.8%,47.6% 98.9%,46.0% 99.1%,44.4% 99.1%,42.9% 98.9%,41.3% 98.9%,39.7% 98.5%,38.1% 98.6%,36.5% 98.8%,34.9% 98.8%,33.3% 98.9%,31.7% 98.9%,30.2% 99.0%,28.6% 98.9%,27.0% 98.9%,25.4% 98.9%,23.8% 98.9%,22.2% 99.0%,20.6% 98.8%,19.0% 98.6%,17.5% 98.2%,15.9% 98.6%,14.3% 98.4%,12.7% 98.6%,11.1% 98.6%,9.5% 99.1%,7.9% 99.2%,6.3% 98.9%,4.8% 99.0%,3.2% 99.2%,1.6% 99.2%,0.0% 99.2%,0.3% 97.6%,0.8% 95.1%,1.2% 92.7%,1.1% 90.2%,1.4% 87.8%,1.5% 85.4%,1.8% 82.9%,1.5% 80.5%,1.5% 78.0%,1.8% 75.6%,2.1% 73.2%,2.4% 70.7%,2.7% 68.3%,2.0% 65.9%,2.1% 63.4%,1.7% 61.0%,2.0% 58.5%,2.8% 56.1%,2.6% 53.7%,2.6% 51.2%,2.8% 48.8%,2.8% 46.3%,2.3% 43.9%,1.8% 41.5%,1.5% 39.0%,1.5% 36.6%,1.9% 34.1%,2.1% 31.7%,2.1% 29.3%,2.1% 26.8%,2.1% 24.4%,2.0% 22.0%,1.6% 19.5%,1.0% 17.1%,0.6% 14.6%,1.0% 12.2%,1.0% 9.8%,1.1% 7.3%,0.7% 4.9%,0.5% 2.4%);}
.tetris img[src="images/taboo-02.png"]{clip-path:polygon(0.4% 1.1%,1.6% 0.8%,3.2% 0.6%,4.8% 0.5%,6.3% 0.5%,7.9% 0.6%,9.5% 0.1%,11.1% 0.5%,12.7% 0.2%,14.3% 0.5%,15.9% 0.6%,17.5% 0.4%,19.0% 0.2%,20.6% 0.3%,22.2% 0.7%,23.8% 0.8%,25.4% 0.9%,27.0% 1.2%,28.6% 0.7%,30.2% 0.8%,31.7% 0.1%,33.3% 0.2%,34.9% 0.8%,36.5% 0.4%,38.1% 0.0%,39.7% 0.5%,41.3% 0.1%,42.9% 0.5%,44.4% 0.6%,46.0% 0.3%,47.6% 0.3%,49.2% 0.4%,50.8% 0.2%,52.4% 0.4%,54.0% 0.2%,55.6% 0.0%,57.1% 0.3%,58.7% 0.2%,60.3% 0.7%,61.9% 0.5%,63.5% 0.8%,65.1% 0.5%,66.7% 0.5%,68.3% 0.3%,69.8% 0.4%,71.4% 0.4%,73.0% 0.3%,74.6% 0.3%,76.2% 0.6%,77.8% 0.4%,79.4% 0.7%,81.0% 0.9%,82.5% 0.4%,84.1% 0.7%,85.7% 0.8%,87.3% 0.9%,88.9% 0.9%,90.5% 1.0%,92.1% 1.0%,93.7% 1.3%,95.2% 1.1%,96.8% 1.1%,98.4% 1.1%,99.9% 1.1%,100.0% 2.4%,99.7% 4.9%,99.6% 7.3%,99.5% 9.8%,99.5% 12.2%,99.0% 14.6%,98.3% 17.1%,98.1% 19.5%,97.8% 22.0%,98.5% 24.4%,98.4% 26.8%,98.9% 29.3%,98.9% 31.7%,99.0% 34.1%,98.7% 36.6%,98.6% 39.0%,98.4% 41.5%,98.6% 43.9%,98.5% 46.3%,98.0% 48.8%,97.6% 51.2%,97.2% 53.7%,97.4% 56.1%,97.3% 58.5%,97.5% 61.0%,97.7% 63.4%,97.7% 65.9%,97.7% 68.3%,97.7% 70.7%,97.9% 73.2%,97.8% 75.6%,97.8% 78.0%,97.8% 80.5%,98.0% 82.9%,97.6% 85.4%,97.9% 87.8%,98.6% 90.2%,98.1% 92.7%,98.2% 95.1%,98.0% 96.9%,96.8% 96.5%,95.2% 97.1%,93.7% 96.9%,92.1% 97.6%,90.5% 97.8%,88.9% 98.0%,87.3% 97.7%,85.7% 97.2%,84.1% 96.9%,82.5% 97.4%,81.0% 96.9%,79.4% 96.9%,77.8% 97.0%,76.2% 97.7%,74.6% 97.4%,73.0% 97.8%,71.4% 98.2%,69.8% 98.1%,68.3% 98.3%,66.7% 98.1%,65.1% 98.5%,63.5% 98.8%,61.9% 99.4%,60.3% 98.7%,58.7% 99.2%,57.1% 99.6%,55.6% 99.9%,54.0% 100.0%,52.4% 100.0%,50.8% 99.2%,49.2% 99.3%,47.6% 98.9%,46.0% 99.1%,44.4% 99.7%,42.9% 99.0%,41.3% 99.2%,39.7% 98.7%,38.1% 98.7%,36.5% 99.1%,34.9% 98.8%,33.3% 98.2%,31.7% 98.6%,30.2% 98.6%,28.6% 98.2%,27.0% 98.0%,25.4% 98.5%,23.8% 97.9%,22.2% 98.3%,20.6% 98.4%,19.0% 98.3%,17.5% 98.3%,15.9% 97.8%,14.3% 97.2%,12.7% 97.3%,11.1% 97.3%,9.5% 97.6%,7.9% 97.3%,6.3% 97.4%,4.8% 97.8%,3.2% 97.2%,1.6% 97.1%,0.5% 97.4%,0.8% 95.1%,0.8% 92.7%,0.5% 90.2%,0.0% 87.8%,0.4% 85.4%,0.4% 82.9%,0.4% 80.5%,0.5% 78.0%,0.5% 75.6%,0.4% 73.2%,0.4% 70.7%,0.3% 68.3%,0.4% 65.9%,0.3% 63.4%,0.1% 61.0%,0.2% 58.5%,0.0% 56.1%,0.4% 53.7%,0.2% 51.2%,0.5% 48.8%,0.4% 46.3%,0.4% 43.9%,0.4% 41.5%,0.3% 39.0%,0.4% 36.6%,0.2% 34.1%,0.5% 31.7%,0.4% 29.3%,0.2% 26.8%,0.4% 24.4%,0.4% 22.0%,0.1% 19.5%,0.3% 17.1%,0.3% 14.6%,0.6% 12.2%,0.4% 9.8%,0.6% 7.3%,0.4% 4.9%,0.6% 2.4%);}
.tetris img[src="images/taboo-05.png"]{clip-path:polygon(0.4% 1.9%,2.0% 1.6%,4.0% 2.1%,6.0% 1.4%,8.0% 1.6%,10.0% 1.1%,12.0% 1.2%,14.0% 1.3%,16.0% 1.1%,18.0% 1.3%,20.0% 1.4%,22.0% 1.7%,24.0% 1.8%,26.0% 1.7%,28.0% 1.7%,30.0% 1.5%,32.0% 1.3%,34.0% 0.7%,36.0% 0.1%,38.0% 0.3%,40.0% 0.2%,42.0% 0.1%,44.0% 0.0%,46.0% 0.2%,48.0% 0.3%,50.0% 0.3%,52.0% 0.8%,54.0% 1.0%,56.0% 1.0%,58.0% 1.1%,60.0% 1.0%,62.0% 1.3%,64.0% 1.2%,66.0% 1.0%,68.0% 0.9%,70.0% 1.0%,72.0% 0.7%,74.0% 0.9%,76.0% 1.2%,78.0% 1.2%,80.0% 1.7%,82.0% 2.0%,84.0% 1.8%,86.0% 1.5%,88.0% 1.8%,90.0% 1.5%,92.0% 1.6%,94.0% 1.8%,96.0% 1.6%,98.0% 1.5%,98.4% 1.4%,98.4% 3.2%,98.6% 4.8%,98.9% 6.3%,98.7% 7.9%,98.6% 9.5%,99.0% 11.1%,99.2% 12.7%,99.3% 14.3%,99.5% 15.9%,99.6% 17.5%,99.6% 19.0%,99.6% 20.6%,99.5% 22.2%,99.7% 23.8%,99.2% 25.4%,99.1% 27.0%,98.9% 28.6%,99.7% 30.2%,100.0% 31.7%,99.8% 33.3%,100.0% 34.9%,98.7% 36.5%,98.6% 38.1%,98.0% 39.7%,98.5% 41.3%,98.2% 42.9%,98.2% 44.4%,98.4% 46.0%,98.7% 47.6%,98.0% 49.2%,98.1% 50.8%,98.0% 52.4%,98.3% 54.0%,97.5% 55.6%,97.9% 57.1%,97.8% 58.7%,97.8% 60.3%,97.5% 61.9%,97.1% 63.5%,96.6% 65.1%,96.3% 66.7%,96.2% 68.3%,96.6% 69.8%,96.4% 71.4%,96.2% 73.0%,96.3% 74.6%,96.6% 76.2%,96.4% 77.8%,96.9% 79.4%,96.7% 81.0%,97.3% 82.5%,97.5% 84.1%,97.1% 85.7%,97.1% 87.3%,97.0% 88.9%,97.2% 90.5%,96.6% 92.1%,97.1% 93.7%,97.4% 95.2%,97.6% 96.8%,97.1% 98.7%,96.0% 99.0%,94.0% 99.0%,92.0% 99.2%,90.0% 99.2%,88.0% 99.3%,86.0% 99.2%,84.0% 99.2%,82.0% 99.0%,80.0% 99.2%,78.0% 99.2%,76.0% 99.2%,74.0% 99.2%,72.0% 99.7%,70.0% 99.5%,68.0% 99.6%,66.0% 99.7%,64.0% 99.8%,62.0% 99.5%,60.0% 99.6%,58.0% 99.7%,56.0% 99.6%,54.0% 99.6%,52.0% 99.9%,50.0% 100.0%,48.0% 99.7%,46.0% 99.7%,44.0% 99.6%,42.0% 99.5%,40.0% 99.4%,38.0% 99.4%,36.0% 99.1%,34.0% 98.8%,32.0% 98.8%,30.0% 98.8%,28.0% 98.8%,26.0% 99.1%,24.0% 99.1%,22.0% 99.0%,20.0% 99.1%,18.0% 99.0%,16.0% 99.1%,14.0% 99.4%,12.0% 99.1%,10.0% 99.2%,8.0% 99.2%,6.0% 99.0%,4.0% 98.9%,2.0% 99.0%,0.3% 99.0%,0.3% 98.4%,0.1% 96.8%,0.7% 95.2%,0.6% 93.7%,0.4% 92.1%,0.7% 90.5%,0.7% 88.9%,0.7% 87.3%,0.5% 85.7%,0.4% 84.1%,0.6% 82.5%,0.6% 81.0%,0.6% 79.4%,0.4% 77.8%,0.3% 76.2%,0.2% 74.6%,0.0% 73.0%,0.2% 71.4%,0.1% 69.8%,0.0% 68.3%,0.3% 66.7%,0.2% 65.1%,0.4% 63.5%,0.4% 61.9%,0.2% 60.3%,0.3% 58.7%,0.5% 57.1%,0.5% 55.6%,0.8% 54.0%,0.8% 52.4%,0.7% 50.8%,0.7% 49.2%,1.0% 47.6%,0.9% 46.0%,1.0% 44.4%,1.3% 42.9%,1.3% 41.3%,1.6% 39.7%,1.6% 38.1%,1.7% 36.5%,2.0% 34.9%,2.1% 33.3%,2.1% 31.7%,2.1% 30.2%,2.1% 28.6%,2.1% 27.0%,2.0% 25.4%,1.6% 23.8%,1.8% 22.2%,1.9% 20.6%,1.7% 19.0%,1.6% 17.5%,1.4% 15.9%,1.3% 14.3%,1.2% 12.7%,1.0% 11.1%,1.2% 9.5%,0.7% 7.9%,0.7% 6.3%,0.8% 4.8%,0.6% 3.2%);}
.tetris img[src="images/taboo-07.jpg"]{clip-path:polygon(0.1% 0.0%,2.4% 0.3%,4.9% 0.3%,7.3% 0.8%,9.8% 1.0%,12.2% 0.8%,14.6% 1.0%,17.1% 0.7%,19.5% 0.7%,22.0% 0.8%,24.4% 0.7%,26.8% 0.7%,29.3% 0.5%,31.7% 1.2%,34.1% 1.0%,36.6% 1.6%,39.0% 1.3%,41.5% 1.2%,43.9% 1.2%,46.3% 1.1%,48.8% 1.1%,51.2% 0.8%,53.7% 1.0%,56.1% 1.2%,58.5% 1.1%,61.0% 1.0%,63.4% 1.3%,65.9% 1.3%,68.3% 1.4%,70.7% 1.8%,73.2% 1.9%,75.6% 2.1%,78.0% 1.7%,80.5% 1.9%,82.9% 2.0%,85.4% 1.9%,87.8% 2.6%,90.2% 2.1%,92.7% 1.8%,95.1% 1.8%,97.6% 1.8%,98.8% 2.0%,99.2% 3.2%,98.8% 4.8%,98.5% 6.3%,98.9% 7.9%,98.8% 9.5%,98.7% 11.1%,98.6% 12.7%,98.3% 14.3%,98.7% 15.9%,98.6% 17.5%,98.6% 19.0%,98.5% 20.6%,99.1% 22.2%,99.3% 23.8%,99.3% 25.4%,99.5% 27.0%,99.1% 28.6%,99.5% 30.2%,99.1% 31.7%,99.6% 33.3%,99.3% 34.9%,98.7% 36.5%,99.0% 38.1%,98.6% 39.7%,98.1% 41.3%,98.3% 42.9%,97.8% 44.4%,98.2% 46.0%,97.5% 47.6%,96.8% 49.2%,96.4% 50.8%,96.6% 52.4%,97.2% 54.0%,97.1% 55.6%,96.9% 57.1%,97.0% 58.7%,97.0% 60.3%,96.6% 61.9%,96.8% 63.5%,96.1% 65.1%,96.2% 66.7%,95.9% 68.3%,96.5% 69.8%,96.4% 71.4%,96.4% 73.0%,97.2% 74.6%,96.5% 76.2%,97.1% 77.8%,97.4% 79.4%,97.3% 81.0%,97.3% 82.5%,97.2% 84.1%,97.5% 85.7%,97.3% 87.3%,97.7% 88.9%,97.3% 90.5%,97.9% 92.1%,98.0% 93.7%,98.8% 95.2%,99.7% 96.8%,99.7% 98.4%,100.0% 99.4%,97.6% 99.4%,95.1% 99.4%,92.7% 99.5%,90.2% 99.5%,87.8% 99.5%,85.4% 99.5%,82.9% 99.6%,80.5% 99.8%,78.0% 99.9%,75.6% 99.7%,73.2% 99.6%,70.7% 99.2%,68.3% 99.1%,65.9% 99.1%,63.4% 99.2%,61.0% 99.3%,58.5% 99.0%,56.1% 99.2%,53.7% 98.9%,51.2% 98.9%,48.8% 98.8%,46.3% 98.7%,43.9% 98.9%,41.5% 99.1%,39.0% 99.4%,36.6% 99.5%,34.1% 99.7%,31.7% 99.7%,29.3% 99.8%,26.8% 99.6%,24.4% 99.9%,22.0% 99.8%,19.5% 100.0%,17.1% 99.9%,14.6% 99.8%,12.2% 99.7%,9.8% 99.5%,7.3% 99.5%,4.9% 99.2%,2.4% 99.1%,1.2% 99.2%,1.2% 98.4%,1.1% 96.8%,1.0% 95.2%,1.1% 93.7%,1.0% 92.1%,1.0% 90.5%,1.0% 88.9%,1.0% 87.3%,1.2% 85.7%,0.9% 84.1%,1.0% 82.5%,1.0% 81.0%,0.6% 79.4%,0.6% 77.8%,0.6% 76.2%,0.8% 74.6%,0.4% 73.0%,0.8% 71.4%,1.0% 69.8%,1.5% 68.3%,1.2% 66.7%,1.0% 65.1%,1.2% 63.5%,1.0% 61.9%,0.9% 60.3%,0.8% 58.7%,0.8% 57.1%,0.6% 55.6%,0.4% 54.0%,0.5% 52.4%,0.4% 50.8%,0.5% 49.2%,0.5% 47.6%,0.4% 46.0%,0.5% 44.4%,0.6% 42.9%,0.4% 41.3%,0.4% 39.7%,0.3% 38.1%,0.4% 36.5%,0.3% 34.9%,0.3% 33.3%,0.0% 31.7%,0.6% 30.2%,0.5% 28.6%,0.4% 27.0%,0.3% 25.4%,0.2% 23.8%,0.2% 22.2%,0.4% 20.6%,0.2% 19.0%,0.4% 17.5%,0.3% 15.9%,0.4% 14.3%,0.7% 12.7%,0.4% 11.1%,0.5% 9.5%,0.4% 7.9%,0.5% 6.3%,0.3% 4.8%,0.2% 3.2%,0.3% 1.6%);}
.tetris img[src="images/taboo-03.png"]{clip-path:polygon(0.4% 2.9%,1.6% 3.2%,3.2% 3.5%,4.8% 4.0%,6.3% 4.5%,7.9% 4.4%,9.5% 4.0%,11.1% 3.8%,12.7% 3.6%,14.3% 3.5%,15.9% 3.7%,17.5% 3.8%,19.0% 3.9%,20.6% 3.7%,22.2% 4.2%,23.8% 3.8%,25.4% 3.7%,27.0% 3.6%,28.6% 3.6%,30.2% 3.5%,31.7% 3.1%,33.3% 3.2%,34.9% 2.8%,36.5% 3.0%,38.1% 3.1%,39.7% 3.2%,41.3% 3.4%,42.9% 3.1%,44.4% 3.0%,46.0% 3.3%,47.6% 3.5%,49.2% 2.4%,50.8% 2.9%,52.4% 2.7%,54.0% 2.6%,55.6% 2.8%,57.1% 2.6%,58.7% 2.6%,60.3% 2.4%,61.9% 2.6%,63.5% 3.0%,65.1% 2.4%,66.7% 2.7%,68.3% 2.5%,69.8% 2.3%,71.4% 2.4%,73.0% 2.2%,74.6% 2.4%,76.2% 2.1%,77.8% 1.5%,79.4% 1.7%,81.0% 1.7%,82.5% 2.2%,84.1% 2.3%,85.7% 2.3%,87.3% 2.3%,88.9% 1.2%,90.5% 0.8%,92.1% 0.1%,93.7% 0.0%,95.2% 0.3%,96.8% 0.4%,98.4% 1.1%,98.5% 2.4%,98.5% 4.9%,98.6% 7.3%,98.9% 9.8%,98.9% 12.2%,99.0% 14.6%,99.0% 17.1%,98.9% 19.5%,98.9% 22.0%,99.0% 24.4%,99.2% 26.8%,99.3% 29.3%,99.5% 31.7%,99.7% 34.1%,99.8% 36.6%,100.0% 39.0%,99.9% 41.5%,99.7% 43.9%,99.4% 46.3%,99.0% 48.8%,99.0% 51.2%,99.0% 53.7%,99.0% 56.1%,98.8% 58.5%,98.9% 61.0%,99.1% 63.4%,98.9% 65.9%,99.0% 68.3%,99.0% 70.7%,99.2% 73.2%,99.0% 75.6%,99.1% 78.0%,99.2% 80.5%,99.1% 82.9%,99.3% 85.4%,99.2% 87.8%,99.2% 90.2%,99.1% 92.7%,99.2% 95.1%,99.8% 96.7%,98.4% 96.9%,96.8% 96.8%,95.2% 96.9%,93.7% 96.6%,92.1% 96.3%,90.5% 95.9%,88.9% 96.5%,87.3% 97.4%,85.7% 98.2%,84.1% 98.6%,82.5% 99.1%,81.0% 98.4%,79.4% 98.5%,77.8% 98.4%,76.2% 98.8%,74.6% 98.2%,73.0% 98.3%,71.4% 98.5%,69.8% 98.8%,68.3% 98.3%,66.7% 98.7%,65.1% 98.7%,63.5% 99.2%,61.9% 98.6%,60.3% 98.4%,58.7% 98.6%,57.1% 98.5%,55.6% 98.0%,54.0% 98.5%,52.4% 98.1%,50.8% 97.9%,49.2% 97.9%,47.6% 97.9%,46.0% 98.3%,44.4% 97.6%,42.9% 98.0%,41.3% 98.0%,39.7% 98.0%,38.1% 97.9%,36.5% 97.4%,34.9% 97.4%,33.3% 97.1%,31.7% 96.5%,30.2% 97.2%,28.6% 97.6%,27.0% 98.3%,25.4% 98.8%,23.8% 99.1%,22.2% 99.2%,20.6% 99.2%,19.0% 98.7%,17.5% 98.4%,15.9% 98.5%,14.3% 98.4%,12.7% 98.8%,11.1% 98.7%,9.5% 99.1%,7.9% 98.8%,6.3% 99.1%,4.8% 99.3%,3.2% 99.6%,1.6% 99.6%,0.8% 100.0%,1.1% 97.6%,1.1% 95.1%,1.1% 92.7%,0.9% 90.2%,0.9% 87.8%,0.7% 85.4%,0.5% 82.9%,1.0% 80.5%,1.2% 78.0%,1.2% 75.6%,1.4% 73.2%,1.2% 70.7%,1.0% 68.3%,1.0% 65.9%,1.0% 63.4%,1.0% 61.0%,0.9% 58.5%,0.9% 56.1%,0.9% 53.7%,0.8% 51.2%,0.8% 48.8%,0.8% 46.3%,1.0% 43.9%,1.1% 41.5%,1.0% 39.0%,0.9% 36.6%,1.1% 34.1%,1.1% 31.7%,0.9% 29.3%,0.8% 26.8%,0.7% 24.4%,0.7% 22.0%,0.7% 19.5%,0.7% 17.1%,0.6% 14.6%,0.6% 12.2%,0.5% 9.8%,0.7% 7.3%,0.6% 4.9%);}
.tetris img[src="images/taboo-06.png"]{clip-path:polygon(0.0% 1.0%,2.4% 0.9%,4.9% 1.1%,7.3% 1.0%,9.8% 0.9%,12.2% 0.9%,14.6% 0.8%,17.1% 0.9%,19.5% 0.5%,22.0% 0.4%,24.4% 0.7%,26.8% 0.8%,29.3% 0.6%,31.7% 0.7%,34.1% 1.0%,36.6% 0.8%,39.0% 0.7%,41.5% 0.8%,43.9% 0.7%,46.3% 0.9%,48.8% 0.5%,51.2% 0.7%,53.7% 0.7%,56.1% 0.5%,58.5% 0.8%,61.0% 0.6%,63.4% 0.6%,65.9% 0.3%,68.3% 0.3%,70.7% 0.2%,73.2% 0.1%,75.6% 0.0%,78.0% 0.0%,80.5% 0.0%,82.9% 0.4%,85.4% 0.2%,87.8% 0.5%,90.2% 0.4%,92.7% 0.5%,95.1% 0.9%,97.6% 0.6%,99.1% 1.5%,99.1% 3.2%,99.1% 4.8%,98.8% 6.3%,98.2% 7.9%,98.6% 9.5%,98.1% 11.1%,97.8% 12.7%,97.4% 14.3%,97.4% 15.9%,97.1% 17.5%,97.3% 19.0%,98.0% 20.6%,98.1% 22.2%,97.8% 23.8%,97.4% 25.4%,97.4% 27.0%,98.0% 28.6%,97.9% 30.2%,98.2% 31.7%,98.7% 33.3%,98.2% 34.9%,97.8% 36.5%,97.9% 38.1%,98.2% 39.7%,98.3% 41.3%,98.1% 42.9%,98.0% 44.4%,98.3% 46.0%,98.4% 47.6%,98.1% 49.2%,98.9% 50.8%,98.7% 52.4%,98.6% 54.0%,98.9% 55.6%,98.7% 57.1%,99.0% 58.7%,98.7% 60.3%,99.0% 61.9%,99.2% 63.5%,98.8% 65.1%,99.2% 66.7%,99.4% 68.3%,99.5% 69.8%,99.3% 71.4%,99.9% 73.0%,99.2% 74.6%,99.4% 76.2%,98.8% 77.8%,99.9% 79.4%,99.6% 81.0%,99.1% 82.5%,99.6% 84.1%,100.0% 85.7%,99.6% 87.3%,99.5% 88.9%,100.0% 90.5%,99.4% 92.1%,99.3% 93.7%,99.5% 95.2%,98.4% 96.8%,98.2% 98.4%,98.0% 100.0%,97.6% 99.8%,95.1% 99.7%,92.7% 99.9%,90.2% 99.6%,87.8% 99.3%,85.4% 99.4%,82.9% 99.3%,80.5% 99.1%,78.0% 99.1%,75.6% 99.0%,73.2% 99.2%,70.7% 99.3%,68.3% 99.0%,65.9% 98.9%,63.4% 98.9%,61.0% 98.9%,58.5% 98.9%,56.1% 98.8%,53.7% 98.9%,51.2% 98.8%,48.8% 98.8%,46.3% 99.0%,43.9% 99.2%,41.5% 99.1%,39.0% 99.2%,36.6% 99.4%,34.1% 99.6%,31.7% 99.6%,29.3% 99.8%,26.8% 99.7%,24.4% 99.8%,22.0% 100.0%,19.5% 99.8%,17.1% 99.6%,14.6% 99.3%,12.2% 99.0%,9.8% 98.9%,7.3% 98.9%,4.9% 99.2%,2.4% 99.4%,0.7% 99.1%,0.6% 98.4%,0.9% 96.8%,0.7% 95.2%,0.8% 93.7%,0.7% 92.1%,0.7% 90.5%,1.1% 88.9%,0.8% 87.3%,0.9% 85.7%,0.9% 84.1%,1.2% 82.5%,1.5% 81.0%,1.7% 79.4%,1.8% 77.8%,2.0% 76.2%,1.6% 74.6%,1.7% 73.0%,1.5% 71.4%,1.3% 69.8%,1.1% 68.3%,1.5% 66.7%,1.2% 65.1%,1.4% 63.5%,1.3% 61.9%,1.6% 60.3%,1.2% 58.7%,1.2% 57.1%,1.2% 55.6%,0.9% 54.0%,1.0% 52.4%,1.4% 50.8%,1.1% 49.2%,1.2% 47.6%,1.2% 46.0%,1.1% 44.4%,1.2% 42.9%,0.9% 41.3%,0.7% 39.7%,1.0% 38.1%,0.9% 36.5%,0.7% 34.9%,0.7% 33.3%,0.8% 31.7%,0.7% 30.2%,0.5% 28.6%,0.3% 27.0%,0.2% 25.4%,0.1% 23.8%,0.3% 22.2%,0.2% 20.6%,0.3% 19.0%,0.3% 17.5%,0.6% 15.9%,0.4% 14.3%,0.7% 12.7%,0.4% 11.1%,0.4% 9.5%,0.3% 7.9%,0.3% 6.3%,0.5% 4.8%,0.2% 3.2%,0.2% 1.6%);}
.tetris img[src="images/taboo-09.jpg"]{clip-path:polygon(1.4% 1.3%,3.2% 1.2%,4.8% 1.1%,6.3% 1.2%,7.9% 0.9%,9.5% 0.8%,11.1% 1.2%,12.7% 1.1%,14.3% 1.1%,15.9% 1.3%,17.5% 1.1%,19.0% 1.2%,20.6% 0.9%,22.2% 1.0%,23.8% 1.0%,25.4% 1.2%,27.0% 1.2%,28.6% 1.0%,30.2% 0.8%,31.7% 0.5%,33.3% 0.4%,34.9% 0.6%,36.5% 0.6%,38.1% 0.7%,39.7% 0.6%,41.3% 0.7%,42.9% 0.7%,44.4% 0.8%,46.0% 0.7%,47.6% 0.7%,49.2% 0.8%,50.8% 0.7%,52.4% 0.8%,54.0% 0.7%,55.6% 0.9%,57.1% 0.8%,58.7% 0.8%,60.3% 0.7%,61.9% 0.8%,63.5% 0.6%,65.1% 0.7%,66.7% 0.6%,68.3% 0.5%,69.8% 0.4%,71.4% 0.4%,73.0% 0.3%,74.6% 0.2%,76.2% 0.3%,77.8% 0.0%,79.4% 0.1%,81.0% 0.0%,82.5% 0.1%,84.1% 0.0%,85.7% 0.2%,87.3% 0.2%,88.9% 0.3%,90.5% 0.3%,92.1% 0.3%,93.7% 0.7%,95.2% 0.5%,96.8% 0.3%,98.4% 0.3%,99.9% 0.4%,99.9% 2.4%,99.8% 4.9%,99.7% 7.3%,99.7% 9.8%,99.7% 12.2%,99.7% 14.6%,99.7% 17.1%,99.7% 19.5%,99.5% 22.0%,99.3% 24.4%,99.3% 26.8%,99.2% 29.3%,99.2% 31.7%,99.4% 34.1%,99.7% 36.6%,99.6% 39.0%,99.8% 41.5%,99.9% 43.9%,99.7% 46.3%,99.9% 48.8%,99.8% 51.2%,99.7% 53.7%,99.8% 56.1%,99.9% 58.5%,99.9% 61.0%,99.8% 63.4%,100.0% 65.9%,99.8% 68.3%,100.0% 70.7%,99.8% 73.2%,100.0% 75.6%,99.8% 78.0%,99.9% 80.5%,99.8% 82.9%,99.8% 85.4%,99.8% 87.8%,99.9% 90.2%,99.8% 92.7%,99.7% 95.1%,99.7% 97.6%,99.6% 98.1%,98.4% 98.4%,96.8% 98.4%,95.2% 98.5%,93.7% 98.3%,92.1% 98.6%,90.5% 98.4%,88.9% 98.4%,87.3% 97.7%,85.7% 97.9%,84.1% 97.4%,82.5% 97.9%,81.0% 98.4%,79.4% 99.1%,77.8% 99.3%,76.2% 99.6%,74.6% 99.6%,73.0% 99.5%,71.4% 99.3%,69.8% 99.7%,68.3% 99.3%,66.7% 98.7%,65.1% 99.1%,63.5% 99.0%,61.9% 98.8%,60.3% 98.3%,58.7% 98.4%,57.1% 99.0%,55.6% 99.2%,54.0% 99.2%,52.4% 99.5%,50.8% 99.7%,49.2% 99.8%,47.6% 100.0%,46.0% 99.5%,44.4% 99.6%,42.9% 99.1%,41.3% 98.8%,39.7% 98.7%,38.1% 98.5%,36.5% 98.5%,34.9% 98.3%,33.3% 98.5%,31.7% 98.5%,30.2% 98.3%,28.6% 98.1%,27.0% 97.9%,25.4% 97.7%,23.8% 97.8%,22.2% 97.9%,20.6% 97.5%,19.0% 97.5%,17.5% 97.9%,15.9% 97.6%,14.3% 97.6%,12.7% 97.2%,11.1% 97.7%,9.5% 97.9%,7.9% 97.9%,6.3% 97.9%,4.8% 98.3%,3.2% 98.0%,1.6% 98.1%,0.9% 98.2%,0.9% 97.6%,0.9% 95.1%,0.9% 92.7%,0.9% 90.2%,1.0% 87.8%,0.7% 85.4%,1.0% 82.9%,1.0% 80.5%,1.0% 78.0%,0.7% 75.6%,0.7% 73.2%,0.3% 70.7%,0.6% 68.3%,0.5% 65.9%,0.5% 63.4%,0.2% 61.0%,0.4% 58.5%,0.3% 56.1%,0.2% 53.7%,0.0% 51.2%,0.1% 48.8%,0.4% 46.3%,0.5% 43.9%,0.7% 41.5%,0.8% 39.0%,0.7% 36.6%,0.9% 34.1%,1.0% 31.7%,1.1% 29.3%,1.2% 26.8%,1.4% 24.4%,1.2% 22.0%,1.3% 19.5%,1.3% 17.1%,1.2% 14.6%,1.2% 12.2%,1.1% 9.8%,1.3% 7.3%,1.2% 4.9%,1.3% 2.4%);}
.apage img[src="images/macrodosis-stage-cover.jpg"]{clip-path:polygon(0.0% 1.4%,1.6% 1.6%,3.2% 1.5%,4.8% 1.3%,6.3% 1.4%,7.9% 1.4%,9.5% 1.3%,11.1% 1.1%,12.7% 1.1%,14.3% 1.0%,15.9% 0.7%,17.5% 0.8%,19.0% 0.8%,20.6% 0.8%,22.2% 0.6%,23.8% 0.6%,25.4% 0.8%,27.0% 0.8%,28.6% 0.6%,30.2% 0.7%,31.7% 1.0%,33.3% 0.6%,34.9% 1.0%,36.5% 0.8%,38.1% 0.8%,39.7% 0.8%,41.3% 0.7%,42.9% 0.9%,44.4% 0.9%,46.0% 1.0%,47.6% 1.1%,49.2% 0.8%,50.8% 1.1%,52.4% 1.1%,54.0% 0.9%,55.6% 1.2%,57.1% 1.1%,58.7% 1.3%,60.3% 1.3%,61.9% 1.0%,63.5% 0.7%,65.1% 0.7%,66.7% 0.7%,68.3% 0.5%,69.8% 0.0%,71.4% 0.2%,73.0% 0.3%,74.6% 0.3%,76.2% 0.5%,77.8% 0.6%,79.4% 0.8%,81.0% 0.8%,82.5% 1.0%,84.1% 1.7%,85.7% 1.6%,87.3% 1.5%,88.9% 1.6%,90.5% 1.5%,92.1% 1.5%,93.7% 1.5%,95.2% 1.3%,96.8% 1.2%,98.4% 1.1%,99.2% 1.0%,99.4% 2.4%,99.5% 4.9%,99.6% 7.3%,99.6% 9.8%,99.3% 12.2%,99.2% 14.6%,99.2% 17.1%,99.1% 19.5%,99.2% 22.0%,99.3% 24.4%,99.5% 26.8%,99.5% 29.3%,99.6% 31.7%,99.5% 34.1%,99.5% 36.6%,99.3% 39.0%,99.5% 41.5%,99.6% 43.9%,99.5% 46.3%,99.5% 48.8%,99.4% 51.2%,99.3% 53.7%,99.4% 56.1%,99.6% 58.5%,99.6% 61.0%,99.6% 63.4%,99.7% 65.9%,99.8% 68.3%,99.8% 70.7%,99.8% 73.2%,99.7% 75.6%,99.7% 78.0%,99.7% 80.5%,99.8% 82.9%,99.7% 85.4%,99.5% 87.8%,99.4% 90.2%,99.3% 92.7%,99.2% 95.1%,99.2% 97.6%,99.0% 98.6%,98.4% 98.6%,96.8% 98.8%,95.2% 98.8%,93.7% 98.9%,92.1% 99.0%,90.5% 99.4%,88.9% 99.3%,87.3% 99.4%,85.7% 99.3%,84.1% 99.3%,82.5% 99.3%,81.0% 99.7%,79.4% 99.8%,77.8% 99.5%,76.2% 99.4%,74.6% 99.2%,73.0% 99.2%,71.4% 98.9%,69.8% 98.8%,68.3% 98.7%,66.7% 98.5%,65.1% 98.3%,63.5% 98.2%,61.9% 98.0%,60.3% 97.8%,58.7% 97.9%,57.1% 97.9%,55.6% 98.1%,54.0% 98.1%,52.4% 98.3%,50.8% 98.4%,49.2% 98.1%,47.6% 98.5%,46.0% 98.5%,44.4% 98.5%,42.9% 98.8%,41.3% 98.8%,39.7% 98.8%,38.1% 98.8%,36.5% 98.7%,34.9% 98.8%,33.3% 98.7%,31.7% 98.6%,30.2% 98.8%,28.6% 98.7%,27.0% 98.5%,25.4% 98.6%,23.8% 98.5%,22.2% 98.4%,20.6% 98.1%,19.0% 98.1%,17.5% 98.4%,15.9% 98.4%,14.3% 98.6%,12.7% 98.7%,11.1% 99.1%,9.5% 99.2%,7.9% 99.4%,6.3% 99.7%,4.8% 99.8%,3.2% 99.9%,1.6% 99.9%,0.6% 100.0%,0.7% 97.6%,0.9% 95.1%,0.9% 92.7%,0.7% 90.2%,0.7% 87.8%,0.6% 85.4%,0.6% 82.9%,0.7% 80.5%,0.8% 78.0%,0.8% 75.6%,0.9% 73.2%,0.9% 70.7%,1.1% 68.3%,1.0% 65.9%,0.9% 63.4%,0.9% 61.0%,1.0% 58.5%,1.0% 56.1%,1.2% 53.7%,1.2% 51.2%,1.2% 48.8%,1.1% 46.3%,1.2% 43.9%,1.4% 41.5%,1.6% 39.0%,1.5% 36.6%,1.0% 34.1%,0.9% 31.7%,0.7% 29.3%,0.8% 26.8%,0.8% 24.4%,0.9% 22.0%,1.1% 19.5%,1.0% 17.1%,1.0% 14.6%,0.9% 12.2%,0.8% 9.8%,0.7% 7.3%,0.4% 4.9%,0.3% 2.4%);}
.apage img[src="images/auris-interna-01.jpg"]{clip-path:polygon(0.4% 0.1%,2.0% 0.4%,4.0% 0.7%,6.0% 0.5%,8.0% 0.8%,10.0% 0.9%,12.0% 0.6%,14.0% 0.6%,16.0% 0.4%,18.0% 0.4%,20.0% 0.1%,22.0% 0.3%,24.0% 0.3%,26.0% 0.1%,28.0% 0.2%,30.0% 0.3%,32.0% 0.1%,34.0% 0.5%,36.0% 0.6%,38.0% 0.7%,40.0% 0.9%,42.0% 0.9%,44.0% 0.5%,46.0% 0.7%,48.0% 0.3%,50.0% 0.2%,52.0% 0.3%,54.0% 0.3%,56.0% 0.1%,58.0% 0.2%,60.0% 0.0%,62.0% 0.1%,64.0% 0.2%,66.0% 0.1%,68.0% 0.3%,70.0% 0.3%,72.0% 0.6%,74.0% 0.6%,76.0% 0.7%,78.0% 0.8%,80.0% 0.7%,82.0% 0.8%,84.0% 0.8%,86.0% 0.7%,88.0% 0.7%,90.0% 0.4%,92.0% 0.5%,94.0% 0.7%,96.0% 0.7%,98.0% 0.8%,99.5% 0.9%,99.8% 1.6%,99.7% 3.2%,99.6% 4.8%,99.4% 6.3%,99.1% 7.9%,99.3% 9.5%,99.2% 11.1%,99.2% 12.7%,99.2% 14.3%,99.0% 15.9%,99.1% 17.5%,99.0% 19.0%,99.0% 20.6%,99.0% 22.2%,99.1% 23.8%,99.0% 25.4%,98.7% 27.0%,98.3% 28.6%,98.1% 30.2%,97.9% 31.7%,98.3% 33.3%,98.3% 34.9%,98.8% 36.5%,98.9% 38.1%,98.9% 39.7%,98.9% 41.3%,99.2% 42.9%,99.5% 44.4%,99.3% 46.0%,99.6% 47.6%,99.3% 49.2%,99.5% 50.8%,99.6% 52.4%,100.0% 54.0%,99.8% 55.6%,99.9% 57.1%,99.7% 58.7%,99.1% 60.3%,99.1% 61.9%,99.2% 63.5%,99.3% 65.1%,99.2% 66.7%,99.4% 68.3%,99.3% 69.8%,99.4% 71.4%,99.4% 73.0%,99.3% 74.6%,99.1% 76.2%,99.2% 77.8%,98.8% 79.4%,98.8% 81.0%,98.9% 82.5%,98.7% 84.1%,98.7% 85.7%,98.5% 87.3%,98.6% 88.9%,98.4% 90.5%,98.4% 92.1%,98.3% 93.7%,98.0% 95.2%,97.8% 96.8%,97.7% 98.6%,96.0% 98.4%,94.0% 98.5%,92.0% 98.5%,90.0% 98.3%,88.0% 98.2%,86.0% 98.5%,84.0% 98.5%,82.0% 98.1%,80.0% 97.7%,78.0% 97.4%,76.0% 97.3%,74.0% 97.1%,72.0% 96.9%,70.0% 97.0%,68.0% 97.1%,66.0% 96.9%,64.0% 97.0%,62.0% 97.2%,60.0% 97.4%,58.0% 97.7%,56.0% 97.7%,54.0% 97.9%,52.0% 97.8%,50.0% 97.7%,48.0% 98.0%,46.0% 98.0%,44.0% 98.1%,42.0% 98.1%,40.0% 98.3%,38.0% 98.5%,36.0% 98.5%,34.0% 98.7%,32.0% 98.8%,30.0% 98.7%,28.0% 98.9%,26.0% 99.0%,24.0% 99.1%,22.0% 99.3%,20.0% 99.4%,18.0% 99.4%,16.0% 99.5%,14.0% 99.6%,12.0% 99.7%,10.0% 99.9%,8.0% 100.0%,6.0% 99.8%,4.0% 99.6%,2.0% 99.5%,0.9% 99.2%,0.4% 98.4%,1.2% 96.8%,1.0% 95.2%,2.3% 93.7%,1.2% 92.1%,1.2% 90.5%,0.5% 88.9%,0.5% 87.3%,0.3% 85.7%,0.0% 84.1%,0.2% 82.5%,0.4% 81.0%,0.6% 79.4%,1.2% 77.8%,1.3% 76.2%,1.3% 74.6%,1.5% 73.0%,1.7% 71.4%,1.6% 69.8%,1.9% 68.3%,1.7% 66.7%,1.4% 65.1%,1.5% 63.5%,1.0% 61.9%,0.9% 60.3%,0.7% 58.7%,0.5% 57.1%,0.5% 55.6%,0.9% 54.0%,0.8% 52.4%,1.4% 50.8%,0.9% 49.2%,1.6% 47.6%,1.2% 46.0%,1.9% 44.4%,2.0% 42.9%,2.5% 41.3%,2.5% 39.7%,2.3% 38.1%,2.0% 36.5%,2.0% 34.9%,1.2% 33.3%,1.9% 31.7%,1.3% 30.2%,1.4% 28.6%,1.6% 27.0%,1.7% 25.4%,1.8% 23.8%,1.2% 22.2%,1.6% 20.6%,1.1% 19.0%,1.4% 17.5%,1.2% 15.9%,1.3% 14.3%,1.3% 12.7%,1.4% 11.1%,1.6% 9.5%,1.7% 7.9%,1.6% 6.3%,1.5% 4.8%,0.9% 3.2%,0.8% 1.6%);}
.apage img[src="images/ceresoma-cover.jpg"]{clip-path:polygon(0.0% 1.1%,1.6% 0.8%,3.2% 0.8%,4.8% 0.6%,6.3% 0.4%,7.9% 0.3%,9.5% 0.2%,11.1% 0.2%,12.7% 0.0%,14.3% 0.6%,15.9% 0.6%,17.5% 1.2%,19.0% 0.5%,20.6% 0.6%,22.2% 0.2%,23.8% 0.9%,25.4% 0.7%,27.0% 0.7%,28.6% 1.0%,30.2% 0.6%,31.7% 1.4%,33.3% 1.3%,34.9% 1.1%,36.5% 1.2%,38.1% 0.7%,39.7% 1.0%,41.3% 0.6%,42.9% 0.9%,44.4% 1.0%,46.0% 0.7%,47.6% 1.2%,49.2% 1.3%,50.8% 1.7%,52.4% 2.0%,54.0% 2.4%,55.6% 2.8%,57.1% 2.6%,58.7% 2.3%,60.3% 2.6%,61.9% 2.2%,63.5% 2.0%,65.1% 1.8%,66.7% 1.5%,68.3% 1.5%,69.8% 1.9%,71.4% 2.1%,73.0% 1.9%,74.6% 1.8%,76.2% 1.9%,77.8% 1.9%,79.4% 2.5%,81.0% 2.8%,82.5% 3.0%,84.1% 2.7%,85.7% 2.3%,87.3% 2.3%,88.9% 2.2%,90.5% 2.0%,92.1% 1.5%,93.7% 1.1%,95.2% 0.7%,96.8% 1.2%,98.4% 0.7%,99.9% 0.5%,100.0% 3.3%,99.8% 6.7%,99.7% 10.0%,99.7% 13.3%,99.7% 16.7%,99.8% 20.0%,99.7% 23.3%,99.4% 26.7%,99.3% 30.0%,99.0% 33.3%,99.1% 36.7%,99.6% 40.0%,99.6% 43.3%,99.5% 46.7%,99.6% 50.0%,99.6% 53.3%,99.7% 56.7%,99.9% 60.0%,99.8% 63.3%,99.8% 66.7%,99.7% 70.0%,99.7% 73.3%,99.7% 76.7%,99.9% 80.0%,99.9% 83.3%,99.8% 86.7%,99.3% 90.0%,99.1% 93.3%,99.7% 94.2%,98.4% 94.4%,96.8% 94.8%,95.2% 95.2%,93.7% 95.7%,92.1% 95.6%,90.5% 95.8%,88.9% 95.8%,87.3% 96.2%,85.7% 95.8%,84.1% 96.2%,82.5% 96.4%,81.0% 96.5%,79.4% 96.7%,77.8% 96.8%,76.2% 96.8%,74.6% 96.8%,73.0% 97.3%,71.4% 97.6%,69.8% 97.8%,68.3% 98.2%,66.7% 98.2%,65.1% 98.2%,63.5% 97.6%,61.9% 97.3%,60.3% 97.0%,58.7% 96.7%,57.1% 96.1%,55.6% 96.3%,54.0% 96.8%,52.4% 97.1%,50.8% 97.2%,49.2% 98.4%,47.6% 98.6%,46.0% 99.1%,44.4% 99.7%,42.9% 99.5%,41.3% 99.3%,39.7% 99.4%,38.1% 99.8%,36.5% 98.9%,34.9% 98.5%,33.3% 98.8%,31.7% 98.5%,30.2% 98.7%,28.6% 98.1%,27.0% 97.9%,25.4% 97.7%,23.8% 97.8%,22.2% 96.9%,20.6% 96.7%,19.0% 97.7%,17.5% 98.1%,15.9% 97.8%,14.3% 97.9%,12.7% 98.8%,11.1% 98.7%,9.5% 98.3%,7.9% 98.8%,6.3% 98.1%,4.8% 98.4%,3.2% 98.7%,1.2% 97.9%,1.1% 96.7%,1.0% 93.3%,0.8% 90.0%,0.9% 86.7%,0.4% 83.3%,0.5% 80.0%,0.4% 76.7%,0.3% 73.3%,0.2% 70.0%,0.2% 66.7%,0.6% 63.3%,0.4% 60.0%,0.5% 56.7%,0.6% 53.3%,0.6% 50.0%,0.8% 46.7%,0.9% 43.3%,0.9% 40.0%,1.2% 36.7%,1.5% 33.3%,1.2% 30.0%,1.3% 26.7%,1.4% 23.3%,1.3% 20.0%,0.7% 16.7%,0.8% 13.3%,0.4% 10.0%,0.6% 6.7%,0.5% 3.3%);}
.apage img[src="images/hydrocache-hub-cover.jpg"]{clip-path:polygon(0.0% 0.7%,1.6% 1.0%,3.2% 1.3%,4.8% 1.4%,6.3% 1.4%,7.9% 1.4%,9.5% 1.3%,11.1% 1.4%,12.7% 1.1%,14.3% 0.7%,15.9% 0.4%,17.5% 0.6%,19.0% 0.6%,20.6% 0.6%,22.2% 0.6%,23.8% 0.8%,25.4% 0.7%,27.0% 0.7%,28.6% 0.9%,30.2% 0.7%,31.7% 1.1%,33.3% 1.1%,34.9% 1.1%,36.5% 0.7%,38.1% 0.8%,39.7% 0.6%,41.3% 0.8%,42.9% 1.0%,44.4% 1.2%,46.0% 1.1%,47.6% 1.0%,49.2% 0.9%,50.8% 0.8%,52.4% 0.4%,54.0% 0.7%,55.6% 0.4%,57.1% 0.8%,58.7% 0.9%,60.3% 1.4%,61.9% 0.9%,63.5% 0.5%,65.1% 0.3%,66.7% 0.3%,68.3% 0.5%,69.8% 0.5%,71.4% 0.3%,73.0% 0.4%,74.6% 0.6%,76.2% 0.4%,77.8% 0.1%,79.4% 0.3%,81.0% 0.3%,82.5% 0.0%,84.1% 0.3%,85.7% 0.1%,87.3% 0.5%,88.9% 0.5%,90.5% 0.7%,92.1% 1.0%,93.7% 1.2%,95.2% 0.9%,96.8% 1.1%,98.4% 1.2%,99.5% 1.0%,99.6% 1.8%,99.4% 3.5%,99.4% 5.3%,99.6% 7.0%,99.3% 8.8%,99.4% 10.5%,99.4% 12.3%,99.3% 14.0%,99.5% 15.8%,99.3% 17.5%,99.2% 19.3%,99.3% 21.1%,99.6% 22.8%,99.6% 24.6%,99.9% 26.3%,100.0% 28.1%,99.7% 29.8%,99.2% 31.6%,99.3% 33.3%,98.9% 35.1%,98.5% 36.8%,98.2% 38.6%,98.1% 40.4%,98.1% 42.1%,98.1% 43.9%,98.3% 45.6%,98.3% 47.4%,97.9% 49.1%,98.2% 50.9%,98.2% 52.6%,98.2% 54.4%,98.2% 56.1%,97.9% 57.9%,97.9% 59.6%,98.1% 61.4%,98.6% 63.2%,98.8% 64.9%,99.3% 66.7%,99.3% 68.4%,99.2% 70.2%,99.2% 71.9%,99.0% 73.7%,98.8% 75.4%,98.8% 77.2%,98.4% 78.9%,98.5% 80.7%,98.4% 82.5%,98.2% 84.2%,98.3% 86.0%,98.0% 87.7%,97.8% 89.5%,97.7% 91.2%,97.6% 93.0%,97.5% 94.7%,98.2% 96.5%,98.6% 98.3%,96.8% 98.1%,95.2% 98.1%,93.7% 98.0%,92.1% 98.1%,90.5% 98.0%,88.9% 98.1%,87.3% 98.0%,85.7% 98.0%,84.1% 98.0%,82.5% 98.1%,81.0% 98.2%,79.4% 98.2%,77.8% 97.8%,76.2% 98.0%,74.6% 98.1%,73.0% 97.9%,71.4% 97.9%,69.8% 97.8%,68.3% 97.6%,66.7% 97.5%,65.1% 97.8%,63.5% 97.7%,61.9% 97.7%,60.3% 98.1%,58.7% 98.2%,57.1% 98.1%,55.6% 98.2%,54.0% 98.3%,52.4% 98.5%,50.8% 98.8%,49.2% 98.8%,47.6% 99.2%,46.0% 99.2%,44.4% 99.0%,42.9% 99.1%,41.3% 99.5%,39.7% 99.3%,38.1% 99.3%,36.5% 99.6%,34.9% 99.8%,33.3% 100.0%,31.7% 99.3%,30.2% 99.5%,28.6% 99.3%,27.0% 99.2%,25.4% 98.9%,23.8% 99.0%,22.2% 99.0%,20.6% 99.0%,19.0% 99.1%,17.5% 98.7%,15.9% 98.8%,14.3% 98.6%,12.7% 98.2%,11.1% 98.3%,9.5% 98.2%,7.9% 98.3%,6.3% 98.3%,4.8% 98.0%,3.2% 97.8%,1.6% 97.6%,0.4% 97.4%,0.6% 96.5%,0.7% 94.7%,0.7% 93.0%,0.8% 91.2%,0.9% 89.5%,0.8% 87.7%,0.8% 86.0%,0.8% 84.2%,0.7% 82.5%,0.7% 80.7%,0.7% 78.9%,0.6% 77.2%,0.6% 75.4%,0.6% 73.7%,0.5% 71.9%,0.6% 70.2%,0.7% 68.4%,0.8% 66.7%,0.6% 64.9%,0.7% 63.2%,0.5% 61.4%,0.5% 59.6%,0.8% 57.9%,0.8% 56.1%,0.7% 54.4%,0.6% 52.6%,0.6% 50.9%,0.5% 49.1%,0.5% 47.4%,0.5% 45.6%,0.6% 43.9%,0.6% 42.1%,0.7% 40.4%,0.7% 38.6%,0.5% 36.8%,0.7% 35.1%,0.7% 33.3%,0.8% 31.6%,0.6% 29.8%,0.7% 28.1%,0.6% 26.3%,0.6% 24.6%,0.8% 22.8%,0.8% 21.1%,1.0% 19.3%,1.0% 17.5%,1.1% 15.8%,1.2% 14.0%,1.2% 12.3%,1.3% 10.5%,1.3% 8.8%,0.9% 7.0%,0.7% 5.3%,0.6% 3.5%,0.2% 1.8%);}
.apage img[src="images/woodland-park-elementary-school-cover.jpg"]{clip-path:polygon(0.5% 0.9%,1.6% 0.8%,3.2% 1.2%,4.8% 1.3%,6.3% 1.0%,7.9% 0.7%,9.5% 1.1%,11.1% 1.0%,12.7% 1.2%,14.3% 1.1%,15.9% 1.3%,17.5% 1.2%,19.0% 1.1%,20.6% 1.0%,22.2% 0.8%,23.8% 0.8%,25.4% 0.9%,27.0% 0.6%,28.6% 0.9%,30.2% 0.9%,31.7% 1.0%,33.3% 0.9%,34.9% 1.1%,36.5% 1.3%,38.1% 1.5%,39.7% 1.9%,41.3% 1.8%,42.9% 2.0%,44.4% 1.8%,46.0% 1.5%,47.6% 1.7%,49.2% 1.6%,50.8% 1.4%,52.4% 1.2%,54.0% 1.3%,55.6% 0.8%,57.1% 0.9%,58.7% 0.7%,60.3% 0.6%,61.9% 0.6%,63.5% 0.8%,65.1% 0.8%,66.7% 0.9%,68.3% 1.2%,69.8% 0.6%,71.4% 0.7%,73.0% 0.7%,74.6% 0.5%,76.2% 0.5%,77.8% 0.3%,79.4% 0.4%,81.0% 0.3%,82.5% 0.0%,84.1% 0.6%,85.7% 0.3%,87.3% 0.4%,88.9% 0.7%,90.5% 0.7%,92.1% 0.8%,93.7% 0.5%,95.2% 0.7%,96.8% 0.8%,98.4% 0.4%,100.0% 0.6%,100.0% 1.6%,99.8% 3.2%,99.8% 4.8%,99.8% 6.5%,99.7% 8.1%,99.6% 9.7%,99.6% 11.3%,99.5% 12.9%,99.5% 14.5%,99.6% 16.1%,99.4% 17.7%,99.3% 19.4%,99.3% 21.0%,99.3% 22.6%,99.4% 24.2%,99.2% 25.8%,99.2% 27.4%,99.4% 29.0%,99.3% 30.6%,99.3% 32.3%,99.3% 33.9%,99.2% 35.5%,99.2% 37.1%,99.1% 38.7%,99.0% 40.3%,99.0% 41.9%,99.4% 43.5%,99.6% 45.2%,99.7% 46.8%,99.8% 48.4%,99.7% 50.0%,99.8% 51.6%,99.5% 53.2%,99.6% 54.8%,99.6% 56.5%,99.7% 58.1%,99.9% 59.7%,99.8% 61.3%,99.8% 62.9%,99.7% 64.5%,99.7% 66.1%,99.6% 67.7%,99.4% 69.4%,99.3% 71.0%,99.0% 72.6%,99.0% 74.2%,98.9% 75.8%,98.9% 77.4%,99.1% 79.0%,99.3% 80.6%,99.3% 82.3%,99.6% 83.9%,99.6% 85.5%,99.7% 87.1%,99.5% 88.7%,99.3% 90.3%,99.2% 91.9%,99.2% 93.5%,99.4% 95.2%,99.3% 96.8%,99.6% 98.4%,99.8% 99.6%,98.4% 99.3%,96.8% 99.5%,95.2% 99.7%,93.7% 99.2%,92.1% 99.4%,90.5% 99.1%,88.9% 99.2%,87.3% 99.3%,85.7% 99.6%,84.1% 99.4%,82.5% 99.4%,81.0% 99.5%,79.4% 99.6%,77.8% 99.5%,76.2% 99.5%,74.6% 99.2%,73.0% 99.2%,71.4% 98.9%,69.8% 98.8%,68.3% 98.9%,66.7% 99.0%,65.1% 99.0%,63.5% 99.2%,61.9% 99.2%,60.3% 99.3%,58.7% 99.2%,57.1% 99.2%,55.6% 98.9%,54.0% 98.7%,52.4% 99.1%,50.8% 98.7%,49.2% 98.6%,47.6% 98.6%,46.0% 98.6%,44.4% 98.6%,42.9% 98.8%,41.3% 98.7%,39.7% 98.5%,38.1% 98.6%,36.5% 98.6%,34.9% 98.5%,33.3% 98.7%,31.7% 99.2%,30.2% 99.4%,28.6% 99.5%,27.0% 99.4%,25.4% 99.4%,23.8% 99.3%,22.2% 99.2%,20.6% 99.3%,19.0% 99.5%,17.5% 99.7%,15.9% 99.6%,14.3% 99.6%,12.7% 99.4%,11.1% 99.4%,9.5% 99.3%,7.9% 99.6%,6.3% 99.5%,4.8% 99.7%,3.2% 99.8%,1.6% 99.8%,1.0% 100.0%,1.1% 98.4%,1.0% 96.8%,0.7% 95.2%,0.8% 93.5%,0.7% 91.9%,0.7% 90.3%,0.6% 88.7%,0.7% 87.1%,0.6% 85.5%,0.7% 83.9%,0.8% 82.3%,0.8% 80.6%,0.6% 79.0%,0.9% 77.4%,0.8% 75.8%,1.2% 74.2%,1.2% 72.6%,1.7% 71.0%,1.5% 69.4%,1.5% 67.7%,1.3% 66.1%,1.1% 64.5%,1.1% 62.9%,0.8% 61.3%,0.9% 59.7%,1.0% 58.1%,0.5% 56.5%,0.6% 54.8%,0.7% 53.2%,0.8% 51.6%,0.9% 50.0%,0.9% 48.4%,1.1% 46.8%,0.9% 45.2%,1.0% 43.5%,0.9% 41.9%,0.6% 40.3%,0.8% 38.7%,0.5% 37.1%,0.2% 35.5%,0.0% 33.9%,0.4% 32.3%,0.4% 30.6%,0.5% 29.0%,0.4% 27.4%,0.4% 25.8%,0.6% 24.2%,0.7% 22.6%,0.8% 21.0%,0.7% 19.4%,0.5% 17.7%,0.8% 16.1%,0.9% 14.5%,0.8% 12.9%,0.7% 11.3%,0.8% 9.7%,0.9% 8.1%,0.8% 6.5%,0.8% 4.8%,0.6% 3.2%,0.7% 1.6%);}
.apage img[src="images/suq-at-zouiat-ahansal-cover.jpg"]{clip-path:polygon(1.6% 1.0%,3.2% 0.5%,4.8% 0.5%,6.3% 0.5%,7.9% 0.3%,9.5% 0.4%,11.1% 0.5%,12.7% 0.6%,14.3% 0.7%,15.9% 0.9%,17.5% 0.7%,19.0% 0.4%,20.6% 0.5%,22.2% 0.5%,23.8% 0.2%,25.4% 0.3%,27.0% 0.5%,28.6% 0.2%,30.2% 0.3%,31.7% 0.0%,33.3% 0.2%,34.9% 0.3%,36.5% 0.3%,38.1% 0.2%,39.7% 0.3%,41.3% 0.3%,42.9% 0.6%,44.4% 0.4%,46.0% 0.5%,47.6% 0.7%,49.2% 0.6%,50.8% 0.7%,52.4% 0.5%,54.0% 0.9%,55.6% 1.0%,57.1% 0.9%,58.7% 0.7%,60.3% 0.7%,61.9% 0.8%,63.5% 0.7%,65.1% 0.7%,66.7% 0.6%,68.3% 0.4%,69.8% 0.3%,71.4% 0.6%,73.0% 0.7%,74.6% 0.8%,76.2% 0.6%,77.8% 0.7%,79.4% 0.7%,81.0% 0.7%,82.5% 0.7%,84.1% 0.9%,85.7% 0.6%,87.3% 1.0%,88.9% 1.5%,90.5% 1.4%,92.1% 1.6%,93.7% 1.9%,95.2% 1.7%,96.8% 1.4%,98.8% 1.2%,98.9% 2.4%,98.8% 4.9%,99.4% 7.3%,99.1% 9.8%,99.3% 12.2%,99.1% 14.6%,99.2% 17.1%,98.8% 19.5%,99.1% 22.0%,99.1% 24.4%,98.6% 26.8%,98.9% 29.3%,98.4% 31.7%,98.0% 34.1%,98.0% 36.6%,97.7% 39.0%,97.7% 41.5%,98.5% 43.9%,98.4% 46.3%,98.0% 48.8%,98.2% 51.2%,98.5% 53.7%,98.5% 56.1%,98.7% 58.5%,99.1% 61.0%,99.5% 63.4%,99.5% 65.9%,99.6% 68.3%,100.0% 70.7%,99.3% 73.2%,99.1% 75.6%,98.3% 78.0%,98.5% 80.5%,99.0% 82.9%,99.5% 85.4%,99.5% 87.8%,99.0% 90.2%,98.9% 92.7%,98.6% 95.1%,98.3% 96.2%,96.8% 96.4%,95.2% 96.8%,93.7% 96.9%,92.1% 96.9%,90.5% 97.6%,88.9% 97.6%,87.3% 98.3%,85.7% 98.1%,84.1% 98.5%,82.5% 98.9%,81.0% 98.6%,79.4% 98.9%,77.8% 98.5%,76.2% 98.3%,74.6% 98.0%,73.0% 98.3%,71.4% 98.4%,69.8% 99.2%,68.3% 98.5%,66.7% 98.8%,65.1% 98.8%,63.5% 99.0%,61.9% 98.7%,60.3% 99.1%,58.7% 99.0%,57.1% 99.5%,55.6% 98.5%,54.0% 99.1%,52.4% 98.3%,50.8% 98.1%,49.2% 98.2%,47.6% 98.3%,46.0% 99.0%,44.4% 99.7%,42.9% 99.8%,41.3% 99.9%,39.7% 99.9%,38.1% 99.6%,36.5% 99.6%,34.9% 99.4%,33.3% 99.4%,31.7% 99.7%,30.2% 99.4%,28.6% 99.5%,27.0% 99.3%,25.4% 99.2%,23.8% 99.0%,22.2% 99.1%,20.6% 99.5%,19.0% 99.2%,17.5% 99.1%,15.9% 99.3%,14.3% 99.1%,12.7% 98.6%,11.1% 99.0%,9.5% 99.2%,7.9% 99.9%,6.3% 100.0%,4.8% 99.9%,3.2% 99.3%,1.5% 99.1%,1.2% 97.6%,0.9% 95.1%,0.6% 92.7%,0.3% 90.2%,0.5% 87.8%,0.3% 85.4%,0.1% 82.9%,0.1% 80.5%,0.0% 78.0%,0.8% 75.6%,1.0% 73.2%,1.4% 70.7%,2.3% 68.3%,2.2% 65.9%,1.8% 63.4%,1.3% 61.0%,1.4% 58.5%,1.0% 56.1%,1.0% 53.7%,1.3% 51.2%,1.4% 48.8%,1.7% 46.3%,1.8% 43.9%,2.0% 41.5%,1.7% 39.0%,1.4% 36.6%,1.8% 34.1%,1.6% 31.7%,1.7% 29.3%,1.8% 26.8%,1.7% 24.4%,1.8% 22.0%,2.0% 19.5%,2.2% 17.1%,2.3% 14.6%,2.5% 12.2%,2.7% 9.8%,2.2% 7.3%,1.9% 4.9%,2.0% 2.4%);}
.apage img[src="images/hyundai-cheonan-global-learning-center-cover.jpg"]{clip-path:polygon(0.1% 2.7%,1.6% 2.7%,3.2% 2.5%,4.8% 2.5%,6.3% 1.9%,7.9% 1.9%,9.5% 2.0%,11.1% 2.3%,12.7% 2.0%,14.3% 1.9%,15.9% 2.1%,17.5% 2.4%,19.0% 2.2%,20.6% 2.4%,22.2% 2.2%,23.8% 2.3%,25.4% 2.0%,27.0% 1.8%,28.6% 1.7%,30.2% 1.4%,31.7% 1.3%,33.3% 1.0%,34.9% 1.0%,36.5% 0.6%,38.1% 0.5%,39.7% 0.5%,41.3% 0.5%,42.9% 0.3%,44.4% 0.7%,46.0% 1.4%,47.6% 1.6%,49.2% 1.9%,50.8% 2.0%,52.4% 2.2%,54.0% 2.6%,55.6% 2.6%,57.1% 3.0%,58.7% 2.9%,60.3% 2.6%,61.9% 2.2%,63.5% 2.2%,65.1% 1.5%,66.7% 1.6%,68.3% 1.3%,69.8% 1.2%,71.4% 1.4%,73.0% 1.5%,74.6% 1.3%,76.2% 1.1%,77.8% 0.9%,79.4% 0.8%,81.0% 1.0%,82.5% 0.9%,84.1% 0.8%,85.7% 1.1%,87.3% 1.2%,88.9% 0.8%,90.5% 0.7%,92.1% 0.7%,93.7% 0.8%,95.2% 0.0%,96.8% 0.5%,98.4% 0.3%,99.5% 0.3%,99.8% 2.8%,99.3% 5.6%,99.2% 8.3%,99.3% 11.1%,99.4% 13.9%,99.6% 16.7%,99.4% 19.4%,99.5% 22.2%,99.9% 25.0%,100.0% 27.8%,99.7% 30.6%,99.9% 33.3%,100.0% 36.1%,99.4% 38.9%,99.3% 41.7%,98.9% 44.4%,98.7% 47.2%,99.1% 50.0%,99.2% 52.8%,99.3% 55.6%,98.9% 58.3%,98.9% 61.1%,99.0% 63.9%,98.6% 66.7%,98.5% 69.4%,98.9% 72.2%,98.7% 75.0%,98.2% 77.8%,98.7% 80.6%,98.6% 83.3%,98.7% 86.1%,98.2% 88.9%,98.7% 91.7%,98.7% 94.4%,99.1% 97.2%,99.0% 99.2%,98.4% 99.2%,96.8% 99.2%,95.2% 99.3%,93.7% 99.4%,92.1% 99.3%,90.5% 99.4%,88.9% 99.1%,87.3% 99.4%,85.7% 98.9%,84.1% 99.0%,82.5% 98.4%,81.0% 98.3%,79.4% 98.4%,77.8% 98.3%,76.2% 98.9%,74.6% 98.9%,73.0% 98.9%,71.4% 98.8%,69.8% 98.9%,68.3% 99.0%,66.7% 99.1%,65.1% 98.9%,63.5% 99.2%,61.9% 98.9%,60.3% 98.9%,58.7% 98.8%,57.1% 98.2%,55.6% 98.0%,54.0% 98.1%,52.4% 98.0%,50.8% 98.4%,49.2% 98.3%,47.6% 98.8%,46.0% 99.2%,44.4% 98.6%,42.9% 98.5%,41.3% 98.9%,39.7% 98.7%,38.1% 98.1%,36.5% 98.3%,34.9% 97.7%,33.3% 98.1%,31.7% 98.3%,30.2% 98.0%,28.6% 98.2%,27.0% 98.4%,25.4% 98.1%,23.8% 98.2%,22.2% 98.3%,20.6% 98.7%,19.0% 98.7%,17.5% 99.0%,15.9% 98.9%,14.3% 99.0%,12.7% 99.5%,11.1% 99.6%,9.5% 100.0%,7.9% 99.4%,6.3% 99.7%,4.8% 99.8%,3.2% 99.8%,1.6% 99.9%,0.2% 100.0%,0.3% 97.2%,0.5% 94.4%,0.5% 91.7%,0.5% 88.9%,0.6% 86.1%,0.3% 83.3%,0.3% 80.6%,0.1% 77.8%,0.1% 75.0%,0.2% 72.2%,0.3% 69.4%,0.1% 66.7%,0.2% 63.9%,0.0% 61.1%,0.0% 58.3%,0.0% 55.6%,0.1% 52.8%,0.2% 50.0%,0.3% 47.2%,0.3% 44.4%,0.2% 41.7%,0.0% 38.9%,0.1% 36.1%,0.2% 33.3%,0.1% 30.6%,0.3% 27.8%,0.4% 25.0%,0.6% 22.2%,0.7% 19.4%,0.5% 16.7%,0.2% 13.9%,0.2% 11.1%,0.2% 8.3%,0.1% 5.6%);}
.apage img[src="images/hrdc-tiny-home-village-cover.jpg"]{clip-path:polygon(0.1% 1.3%,1.6% 1.1%,3.2% 0.9%,4.8% 0.7%,6.3% 0.3%,7.9% 0.2%,9.5% 0.2%,11.1% 0.2%,12.7% 0.2%,14.3% 0.2%,15.9% 0.3%,17.5% 0.2%,19.0% 0.1%,20.6% 0.1%,22.2% 0.3%,23.8% 0.3%,25.4% 0.1%,27.0% 0.0%,28.6% 0.4%,30.2% 0.6%,31.7% 0.3%,33.3% 0.7%,34.9% 0.6%,36.5% 0.5%,38.1% 0.9%,39.7% 0.8%,41.3% 1.1%,42.9% 0.9%,44.4% 1.0%,46.0% 0.7%,47.6% 0.4%,49.2% 1.4%,50.8% 1.0%,52.4% 1.2%,54.0% 1.4%,55.6% 1.3%,57.1% 1.3%,58.7% 1.5%,60.3% 1.3%,61.9% 1.0%,63.5% 1.3%,65.1% 1.4%,66.7% 1.1%,68.3% 1.3%,69.8% 0.3%,71.4% 0.3%,73.0% 0.0%,74.6% 0.4%,76.2% 0.5%,77.8% 0.5%,79.4% 0.9%,81.0% 1.2%,82.5% 1.0%,84.1% 1.0%,85.7% 0.7%,87.3% 0.9%,88.9% 0.9%,90.5% 1.0%,92.1% 0.9%,93.7% 0.7%,95.2% 0.9%,96.8% 1.2%,97.9% 0.8%,98.0% 2.4%,98.5% 4.9%,98.7% 7.3%,99.0% 9.8%,99.1% 12.2%,99.2% 14.6%,99.2% 17.1%,99.0% 19.5%,99.1% 22.0%,99.2% 24.4%,98.9% 26.8%,98.9% 29.3%,98.9% 31.7%,99.0% 34.1%,99.2% 36.6%,99.5% 39.0%,99.6% 41.5%,100.0% 43.9%,99.8% 46.3%,99.7% 48.8%,99.4% 51.2%,99.3% 53.7%,99.0% 56.1%,98.9% 58.5%,98.9% 61.0%,98.8% 63.4%,98.5% 65.9%,98.5% 68.3%,98.5% 70.7%,98.4% 73.2%,98.4% 75.6%,98.3% 78.0%,98.6% 80.5%,98.9% 82.9%,99.0% 85.4%,99.3% 87.8%,99.2% 90.2%,99.0% 92.7%,98.8% 95.1%,98.6% 97.6%,98.5% 99.5%,96.8% 99.1%,95.2% 99.2%,93.7% 99.4%,92.1% 99.2%,90.5% 99.2%,88.9% 99.3%,87.3% 99.3%,85.7% 99.4%,84.1% 99.1%,82.5% 99.4%,81.0% 99.3%,79.4% 99.4%,77.8% 99.6%,76.2% 99.7%,74.6% 99.9%,73.0% 99.7%,71.4% 99.7%,69.8% 99.9%,68.3% 99.8%,66.7% 99.9%,65.1% 99.8%,63.5% 99.7%,61.9% 99.7%,60.3% 99.6%,58.7% 99.5%,57.1% 99.8%,55.6% 99.5%,54.0% 99.9%,52.4% 99.5%,50.8% 99.8%,49.2% 100.0%,47.6% 100.0%,46.0% 99.8%,44.4% 99.8%,42.9% 99.6%,41.3% 99.7%,39.7% 99.6%,38.1% 100.0%,36.5% 99.9%,34.9% 99.6%,33.3% 99.6%,31.7% 99.6%,30.2% 99.7%,28.6% 99.5%,27.0% 99.5%,25.4% 99.3%,23.8% 99.6%,22.2% 99.0%,20.6% 99.2%,19.0% 99.1%,17.5% 99.1%,15.9% 99.1%,14.3% 99.3%,12.7% 98.6%,11.1% 98.7%,9.5% 98.8%,7.9% 98.8%,6.3% 99.0%,4.8% 99.3%,3.2% 99.2%,2.2% 99.3%,2.1% 97.6%,2.4% 95.1%,2.9% 92.7%,2.8% 90.2%,2.1% 87.8%,1.9% 85.4%,1.3% 82.9%,1.0% 80.5%,1.2% 78.0%,0.9% 75.6%,1.1% 73.2%,1.3% 70.7%,1.5% 68.3%,1.6% 65.9%,1.5% 63.4%,1.5% 61.0%,1.9% 58.5%,1.9% 56.1%,2.2% 53.7%,2.1% 51.2%,2.2% 48.8%,2.1% 46.3%,1.9% 43.9%,1.5% 41.5%,1.6% 39.0%,1.9% 36.6%,1.7% 34.1%,1.6% 31.7%,2.3% 29.3%,1.5% 26.8%,0.9% 24.4%,0.8% 22.0%,0.6% 19.5%,0.3% 17.1%,0.5% 14.6%,0.7% 12.2%,0.5% 9.8%,0.0% 7.3%,0.0% 4.9%,0.4% 2.4%);}
.apage img[src="images/cherry-river-wildlife-observatory-01.jpg"]{clip-path:polygon(1.2% 0.1%,3.2% 0.0%,4.8% 0.3%,6.3% 0.3%,7.9% 0.2%,9.5% 0.4%,11.1% 0.7%,12.7% 0.5%,14.3% 0.4%,15.9% 0.6%,17.5% 0.4%,19.0% 0.3%,20.6% 0.4%,22.2% 0.5%,23.8% 0.4%,25.4% 0.2%,27.0% 0.4%,28.6% 0.8%,30.2% 0.8%,31.7% 1.1%,33.3% 1.2%,34.9% 1.2%,36.5% 0.9%,38.1% 0.9%,39.7% 0.4%,41.3% 1.1%,42.9% 1.1%,44.4% 1.2%,46.0% 1.2%,47.6% 1.3%,49.2% 1.1%,50.8% 1.3%,52.4% 1.4%,54.0% 1.1%,55.6% 1.1%,57.1% 1.1%,58.7% 1.1%,60.3% 1.3%,61.9% 1.3%,63.5% 1.5%,65.1% 1.5%,66.7% 1.9%,68.3% 1.7%,69.8% 1.7%,71.4% 1.7%,73.0% 1.8%,74.6% 1.2%,76.2% 1.5%,77.8% 1.2%,79.4% 1.1%,81.0% 0.9%,82.5% 1.1%,84.1% 0.9%,85.7% 1.3%,87.3% 1.2%,88.9% 1.1%,90.5% 1.2%,92.1% 1.0%,93.7% 1.0%,95.2% 1.0%,96.8% 1.0%,98.4% 1.0%,99.8% 0.9%,100.0% 2.5%,99.8% 5.0%,99.7% 7.5%,99.7% 10.0%,99.7% 12.5%,99.9% 15.0%,99.6% 17.5%,99.8% 20.0%,99.8% 22.5%,99.8% 25.0%,99.4% 27.5%,99.7% 30.0%,99.4% 32.5%,99.6% 35.0%,99.6% 37.5%,99.9% 40.0%,99.9% 42.5%,99.9% 45.0%,99.7% 47.5%,99.9% 50.0%,99.8% 52.5%,99.9% 55.0%,99.9% 57.5%,99.9% 60.0%,99.9% 62.5%,99.9% 65.0%,99.9% 67.5%,99.5% 70.0%,99.4% 72.5%,99.6% 75.0%,99.4% 77.5%,99.4% 80.0%,99.3% 82.5%,99.3% 85.0%,99.0% 87.5%,99.1% 90.0%,99.3% 92.5%,98.8% 95.0%,99.0% 97.5%,98.7% 99.3%,96.8% 98.9%,95.2% 99.1%,93.7% 99.1%,92.1% 98.9%,90.5% 99.1%,88.9% 99.7%,87.3% 99.0%,85.7% 99.2%,84.1% 99.0%,82.5% 98.8%,81.0% 99.2%,79.4% 99.0%,77.8% 98.2%,76.2% 98.4%,74.6% 99.2%,73.0% 99.1%,71.4% 99.3%,69.8% 99.5%,68.3% 99.1%,66.7% 99.0%,65.1% 99.1%,63.5% 98.6%,61.9% 98.6%,60.3% 99.1%,58.7% 99.4%,57.1% 99.4%,55.6% 99.1%,54.0% 99.6%,52.4% 99.7%,50.8% 100.0%,49.2% 99.7%,47.6% 99.9%,46.0% 100.0%,44.4% 99.5%,42.9% 99.5%,41.3% 99.3%,39.7% 99.1%,38.1% 99.2%,36.5% 98.5%,34.9% 99.3%,33.3% 98.4%,31.7% 98.7%,30.2% 98.4%,28.6% 97.7%,27.0% 97.8%,25.4% 97.3%,23.8% 97.8%,22.2% 97.4%,20.6% 97.6%,19.0% 97.0%,17.5% 97.5%,15.9% 96.5%,14.3% 97.2%,12.7% 97.1%,11.1% 97.0%,9.5% 96.8%,7.9% 96.7%,6.3% 96.8%,4.8% 96.2%,3.2% 95.8%,1.7% 95.9%,0.7% 95.0%,0.5% 92.5%,0.9% 90.0%,1.0% 87.5%,0.6% 85.0%,0.3% 82.5%,0.6% 80.0%,0.3% 77.5%,0.6% 75.0%,1.0% 72.5%,1.0% 70.0%,1.1% 67.5%,1.1% 65.0%,1.0% 62.5%,0.9% 60.0%,0.7% 57.5%,0.6% 55.0%,0.4% 52.5%,0.5% 50.0%,0.5% 47.5%,0.8% 45.0%,0.6% 42.5%,0.6% 40.0%,0.4% 37.5%,0.0% 35.0%,0.0% 32.5%,0.1% 30.0%,0.2% 27.5%,0.4% 25.0%,0.3% 22.5%,0.7% 20.0%,0.5% 17.5%,0.8% 15.0%,0.8% 12.5%,1.3% 10.0%,1.1% 7.5%,1.2% 5.0%,1.0% 2.5%);}
.prow img[src="images/photo-05.jpg"]{clip-path:polygon(0.3% 2.0%,1.6% 2.3%,3.2% 2.0%,4.8% 1.9%,6.3% 1.7%,7.9% 1.7%,9.5% 2.1%,11.1% 1.8%,12.7% 1.8%,14.3% 1.9%,15.9% 1.9%,17.5% 1.8%,19.0% 1.5%,20.6% 1.3%,22.2% 1.2%,23.8% 1.4%,25.4% 1.5%,27.0% 1.8%,28.6% 1.9%,30.2% 1.7%,31.7% 1.6%,33.3% 1.5%,34.9% 1.7%,36.5% 1.4%,38.1% 1.5%,39.7% 1.7%,41.3% 1.5%,42.9% 1.5%,44.4% 1.5%,46.0% 1.4%,47.6% 1.4%,49.2% 1.3%,50.8% 1.1%,52.4% 1.1%,54.0% 1.0%,55.6% 0.5%,57.1% 0.6%,58.7% 0.1%,60.3% 0.1%,61.9% 0.2%,63.5% 0.0%,65.1% 0.0%,66.7% 0.2%,68.3% 0.2%,69.8% 0.3%,71.4% 0.5%,73.0% 0.4%,74.6% 0.6%,76.2% 0.5%,77.8% 0.6%,79.4% 0.8%,81.0% 0.8%,82.5% 0.9%,84.1% 0.8%,85.7% 0.7%,87.3% 0.8%,88.9% 0.8%,90.5% 0.5%,92.1% 0.6%,93.7% 0.7%,95.2% 0.5%,96.8% 0.4%,98.4% 0.3%,99.9% 0.0%,99.7% 2.4%,99.8% 4.9%,100.0% 7.3%,99.6% 9.8%,99.8% 12.2%,99.4% 14.6%,99.6% 17.1%,99.6% 19.5%,99.6% 22.0%,99.4% 24.4%,99.3% 26.8%,99.4% 29.3%,99.6% 31.7%,99.5% 34.1%,99.6% 36.6%,99.6% 39.0%,99.6% 41.5%,99.4% 43.9%,99.5% 46.3%,99.7% 48.8%,99.4% 51.2%,99.4% 53.7%,99.2% 56.1%,99.2% 58.5%,99.4% 61.0%,99.8% 63.4%,99.8% 65.9%,99.7% 68.3%,99.6% 70.7%,99.8% 73.2%,99.4% 75.6%,99.5% 78.0%,99.7% 80.5%,99.9% 82.9%,99.8% 85.4%,99.7% 87.8%,99.7% 90.2%,99.6% 92.7%,99.5% 95.1%,99.9% 97.7%,98.4% 97.5%,96.8% 96.9%,95.2% 96.5%,93.7% 97.9%,92.1% 98.6%,90.5% 99.4%,88.9% 99.3%,87.3% 99.3%,85.7% 99.2%,84.1% 99.5%,82.5% 99.0%,81.0% 99.3%,79.4% 100.0%,77.8% 99.8%,76.2% 99.5%,74.6% 99.5%,73.0% 99.0%,71.4% 98.3%,69.8% 98.8%,68.3% 98.9%,66.7% 98.8%,65.1% 98.7%,63.5% 98.3%,61.9% 98.3%,60.3% 98.9%,58.7% 99.0%,57.1% 98.6%,55.6% 98.4%,54.0% 98.3%,52.4% 98.5%,50.8% 98.7%,49.2% 98.3%,47.6% 97.9%,46.0% 98.3%,44.4% 97.6%,42.9% 97.8%,41.3% 97.5%,39.7% 97.4%,38.1% 97.0%,36.5% 97.2%,34.9% 97.1%,33.3% 97.3%,31.7% 97.4%,30.2% 96.7%,28.6% 96.7%,27.0% 96.8%,25.4% 97.0%,23.8% 96.8%,22.2% 96.9%,20.6% 96.7%,19.0% 96.6%,17.5% 96.1%,15.9% 95.9%,14.3% 96.6%,12.7% 96.1%,11.1% 96.5%,9.5% 96.5%,7.9% 96.2%,6.3% 96.0%,4.8% 95.7%,3.2% 96.0%,1.6% 96.1%,0.5% 96.7%,0.5% 95.1%,0.4% 92.7%,0.4% 90.2%,0.5% 87.8%,0.6% 85.4%,0.8% 82.9%,1.0% 80.5%,0.8% 78.0%,0.8% 75.6%,0.5% 73.2%,0.2% 70.7%,0.2% 68.3%,0.2% 65.9%,0.2% 63.4%,0.1% 61.0%,0.0% 58.5%,0.0% 56.1%,0.1% 53.7%,0.5% 51.2%,0.7% 48.8%,1.1% 46.3%,1.3% 43.9%,1.4% 41.5%,1.5% 39.0%,1.2% 36.6%,0.9% 34.1%,0.8% 31.7%,0.7% 29.3%,0.9% 26.8%,0.8% 24.4%,0.5% 22.0%,0.4% 19.5%,0.3% 17.1%,0.5% 14.6%,0.6% 12.2%,0.5% 9.8%,0.5% 7.3%,0.4% 4.9%);}
.prow img[src="images/photo-02.jpg"]{clip-path:polygon(0.4% 0.5%,1.6% 0.5%,3.2% 0.7%,4.8% 0.5%,6.3% 0.4%,7.9% 0.5%,9.5% 0.6%,11.1% 0.4%,12.7% 0.3%,14.3% 0.3%,15.9% 0.3%,17.5% 0.3%,19.0% 0.3%,20.6% 0.3%,22.2% 0.3%,23.8% 0.4%,25.4% 0.4%,27.0% 0.6%,28.6% 0.6%,30.2% 0.7%,31.7% 0.9%,33.3% 0.8%,34.9% 0.8%,36.5% 0.5%,38.1% 0.5%,39.7% 0.4%,41.3% 0.6%,42.9% 0.3%,44.4% 0.3%,46.0% 0.3%,47.6% 0.3%,49.2% 0.0%,50.8% 0.5%,52.4% 1.1%,54.0% 0.7%,55.6% 0.6%,57.1% 1.0%,58.7% 1.1%,60.3% 1.0%,61.9% 1.1%,63.5% 0.9%,65.1% 0.9%,66.7% 1.0%,68.3% 1.2%,69.8% 1.1%,71.4% 1.1%,73.0% 0.9%,74.6% 0.8%,76.2% 0.9%,77.8% 1.0%,79.4% 1.0%,81.0% 1.4%,82.5% 1.4%,84.1% 1.5%,85.7% 1.2%,87.3% 0.9%,88.9% 1.1%,90.5% 0.8%,92.1% 0.8%,93.7% 1.0%,95.2% 0.9%,96.8% 1.2%,98.4% 1.1%,99.0% 1.2%,99.2% 2.4%,99.2% 4.9%,99.3% 7.3%,99.7% 9.8%,100.0% 12.2%,99.6% 14.6%,99.3% 17.1%,99.2% 19.5%,99.2% 22.0%,99.6% 24.4%,99.5% 26.8%,99.5% 29.3%,99.9% 31.7%,99.8% 34.1%,99.7% 36.6%,98.9% 39.0%,98.7% 41.5%,98.7% 43.9%,98.7% 46.3%,99.1% 48.8%,99.0% 51.2%,99.1% 53.7%,99.2% 56.1%,99.2% 58.5%,99.1% 61.0%,98.9% 63.4%,98.9% 65.9%,98.4% 68.3%,98.7% 70.7%,99.0% 73.2%,99.1% 75.6%,98.6% 78.0%,98.6% 80.5%,98.8% 82.9%,98.5% 85.4%,98.4% 87.8%,98.6% 90.2%,99.1% 92.7%,99.1% 95.1%,98.8% 97.6%,98.7% 99.6%,96.8% 99.8%,95.2% 99.7%,93.7% 99.8%,92.1% 99.8%,90.5% 99.8%,88.9% 99.9%,87.3% 100.0%,85.7% 99.8%,84.1% 100.0%,82.5% 100.0%,81.0% 99.8%,79.4% 99.6%,77.8% 99.7%,76.2% 99.5%,74.6% 99.7%,73.0% 99.6%,71.4% 99.7%,69.8% 99.5%,68.3% 99.6%,66.7% 99.5%,65.1% 99.5%,63.5% 99.4%,61.9% 99.3%,60.3% 99.4%,58.7% 99.4%,57.1% 99.4%,55.6% 99.6%,54.0% 99.5%,52.4% 99.4%,50.8% 99.3%,49.2% 99.3%,47.6% 99.5%,46.0% 99.4%,44.4% 99.3%,42.9% 99.3%,41.3% 99.5%,39.7% 99.5%,38.1% 99.3%,36.5% 99.2%,34.9% 99.2%,33.3% 99.2%,31.7% 99.2%,30.2% 99.5%,28.6% 99.6%,27.0% 99.5%,25.4% 99.6%,23.8% 99.7%,22.2% 99.7%,20.6% 99.6%,19.0% 99.7%,17.5% 99.6%,15.9% 99.6%,14.3% 99.6%,12.7% 99.3%,11.1% 99.4%,9.5% 99.5%,7.9% 99.7%,6.3% 99.7%,4.8% 99.6%,3.2% 99.9%,1.3% 99.9%,1.0% 97.6%,0.9% 95.1%,0.8% 92.7%,0.9% 90.2%,0.9% 87.8%,1.3% 85.4%,1.2% 82.9%,0.7% 80.5%,0.2% 78.0%,0.3% 75.6%,0.7% 73.2%,0.8% 70.7%,0.8% 68.3%,0.4% 65.9%,0.5% 63.4%,0.5% 61.0%,0.4% 58.5%,0.5% 56.1%,0.5% 53.7%,0.4% 51.2%,0.3% 48.8%,0.5% 46.3%,0.5% 43.9%,0.5% 41.5%,0.7% 39.0%,0.8% 36.6%,0.9% 34.1%,0.6% 31.7%,0.6% 29.3%,0.2% 26.8%,0.5% 24.4%,0.6% 22.0%,0.5% 19.5%,0.4% 17.1%,0.3% 14.6%,0.6% 12.2%,0.5% 9.8%,0.3% 7.3%,0.4% 4.9%,0.2% 2.4%);}
.prow img[src="images/photo-01.jpg"]{clip-path:polygon(0.6% 4.6%,1.6% 4.5%,3.2% 4.4%,4.8% 4.3%,6.3% 4.3%,7.9% 4.3%,9.5% 4.0%,11.1% 4.1%,12.7% 3.9%,14.3% 3.9%,15.9% 3.8%,17.5% 4.0%,19.0% 3.6%,20.6% 2.6%,22.2% 2.8%,23.8% 2.2%,25.4% 2.0%,27.0% 2.1%,28.6% 1.3%,30.2% 0.7%,31.7% 1.6%,33.3% 1.6%,34.9% 2.5%,36.5% 1.5%,38.1% 2.4%,39.7% 2.2%,41.3% 2.3%,42.9% 1.9%,44.4% 1.0%,46.0% 1.3%,47.6% 1.2%,49.2% 0.8%,50.8% 0.3%,52.4% 0.5%,54.0% 0.3%,55.6% 0.1%,57.1% 0.3%,58.7% 0.9%,60.3% 0.3%,61.9% 0.6%,63.5% 0.0%,65.1% 0.7%,66.7% 0.0%,68.3% 0.4%,69.8% 0.5%,71.4% 0.7%,73.0% 0.2%,74.6% 1.4%,76.2% 0.8%,77.8% 1.3%,79.4% 1.9%,81.0% 1.4%,82.5% 1.7%,84.1% 1.9%,85.7% 1.2%,87.3% 1.7%,88.9% 1.5%,90.5% 1.2%,92.1% 1.5%,93.7% 1.6%,95.2% 1.8%,96.8% 2.6%,98.4% 2.6%,99.6% 2.8%,99.2% 4.9%,99.0% 7.3%,98.7% 9.8%,98.2% 12.2%,98.6% 14.6%,98.2% 17.1%,98.1% 19.5%,97.4% 22.0%,97.8% 24.4%,97.5% 26.8%,97.4% 29.3%,97.6% 31.7%,97.5% 34.1%,97.6% 36.6%,97.7% 39.0%,97.8% 41.5%,97.9% 43.9%,97.9% 46.3%,98.0% 48.8%,98.4% 51.2%,98.3% 53.7%,98.5% 56.1%,98.2% 58.5%,98.1% 61.0%,98.0% 63.4%,98.3% 65.9%,98.5% 68.3%,99.0% 70.7%,99.1% 73.2%,99.3% 75.6%,99.6% 78.0%,99.8% 80.5%,100.0% 82.9%,100.0% 85.4%,99.7% 87.8%,99.8% 90.2%,99.6% 92.7%,99.3% 95.1%,99.2% 97.6%,99.3% 99.6%,98.4% 99.9%,96.8% 100.0%,95.2% 99.9%,93.7% 99.9%,92.1% 99.6%,90.5% 99.3%,88.9% 99.1%,87.3% 99.1%,85.7% 99.0%,84.1% 99.2%,82.5% 99.2%,81.0% 98.4%,79.4% 98.1%,77.8% 98.3%,76.2% 98.3%,74.6% 98.2%,73.0% 98.2%,71.4% 98.3%,69.8% 98.5%,68.3% 98.9%,66.7% 98.8%,65.1% 98.6%,63.5% 98.8%,61.9% 98.8%,60.3% 98.7%,58.7% 98.5%,57.1% 98.5%,55.6% 98.3%,54.0% 98.6%,52.4% 98.6%,50.8% 98.7%,49.2% 98.8%,47.6% 99.1%,46.0% 98.9%,44.4% 99.7%,42.9% 98.9%,41.3% 99.1%,39.7% 99.2%,38.1% 98.9%,36.5% 99.2%,34.9% 99.1%,33.3% 99.0%,31.7% 99.1%,30.2% 98.8%,28.6% 99.1%,27.0% 99.3%,25.4% 98.8%,23.8% 98.8%,22.2% 98.6%,20.6% 98.4%,19.0% 98.4%,17.5% 98.3%,15.9% 98.5%,14.3% 98.3%,12.7% 98.5%,11.1% 98.3%,9.5% 98.7%,7.9% 98.4%,6.3% 98.6%,4.8% 98.3%,3.2% 98.4%,1.6% 97.9%,0.3% 97.5%,0.4% 95.1%,0.3% 92.7%,0.2% 90.2%,0.3% 87.8%,0.2% 85.4%,0.2% 82.9%,0.3% 80.5%,0.3% 78.0%,0.2% 75.6%,0.3% 73.2%,0.4% 70.7%,0.4% 68.3%,0.6% 65.9%,0.7% 63.4%,1.0% 61.0%,1.0% 58.5%,0.8% 56.1%,0.9% 53.7%,0.9% 51.2%,0.8% 48.8%,0.8% 46.3%,0.8% 43.9%,0.5% 41.5%,0.4% 39.0%,0.6% 36.6%,0.6% 34.1%,0.4% 31.7%,0.3% 29.3%,0.0% 26.8%,0.0% 24.4%,0.0% 22.0%,0.1% 19.5%,0.0% 17.1%,0.1% 14.6%,0.1% 12.2%,0.1% 9.8%,0.2% 7.3%);}
.prow img[src="images/photo-04.jpg"]{clip-path:polygon(1.1% 1.3%,1.6% 1.5%,3.2% 1.6%,4.8% 1.8%,6.3% 1.9%,7.9% 1.8%,9.5% 1.5%,11.1% 1.4%,12.7% 1.3%,14.3% 1.0%,15.9% 0.6%,17.5% 0.7%,19.0% 0.8%,20.6% 0.5%,22.2% 0.6%,23.8% 0.6%,25.4% 1.0%,27.0% 1.1%,28.6% 1.4%,30.2% 1.8%,31.7% 1.7%,33.3% 1.4%,34.9% 1.5%,36.5% 1.2%,38.1% 1.2%,39.7% 1.2%,41.3% 1.6%,42.9% 1.9%,44.4% 1.8%,46.0% 1.9%,47.6% 2.0%,49.2% 1.7%,50.8% 1.8%,52.4% 1.7%,54.0% 1.4%,55.6% 1.4%,57.1% 1.7%,58.7% 1.6%,60.3% 1.4%,61.9% 1.4%,63.5% 1.4%,65.1% 1.0%,66.7% 0.8%,68.3% 0.7%,69.8% 0.6%,71.4% 0.8%,73.0% 1.1%,74.6% 0.9%,76.2% 0.9%,77.8% 0.5%,79.4% 0.2%,81.0% 0.1%,82.5% 0.2%,84.1% 0.4%,85.7% 0.0%,87.3% 0.2%,88.9% 0.0%,90.5% 0.3%,92.1% 0.5%,93.7% 0.5%,95.2% 0.6%,96.8% 0.6%,98.4% 0.9%,99.3% 1.2%,99.4% 2.4%,99.3% 4.9%,99.5% 7.3%,99.5% 9.8%,99.5% 12.2%,99.5% 14.6%,99.8% 17.1%,99.6% 19.5%,99.9% 22.0%,99.9% 24.4%,99.8% 26.8%,99.3% 29.3%,99.3% 31.7%,99.0% 34.1%,98.9% 36.6%,98.9% 39.0%,99.0% 41.5%,98.9% 43.9%,98.8% 46.3%,98.8% 48.8%,98.9% 51.2%,99.2% 53.7%,99.1% 56.1%,99.3% 58.5%,99.2% 61.0%,99.1% 63.4%,99.1% 65.9%,99.4% 68.3%,99.7% 70.7%,99.6% 73.2%,100.0% 75.6%,99.9% 78.0%,99.7% 80.5%,99.4% 82.9%,99.4% 85.4%,99.0% 87.8%,98.9% 90.2%,99.2% 92.7%,98.9% 95.1%,99.3% 97.6%,99.5% 100.0%,98.4% 99.7%,96.8% 99.4%,95.2% 99.5%,93.7% 99.4%,92.1% 99.3%,90.5% 99.1%,88.9% 99.1%,87.3% 98.8%,85.7% 98.4%,84.1% 98.6%,82.5% 98.5%,81.0% 98.6%,79.4% 98.5%,77.8% 97.9%,76.2% 98.0%,74.6% 97.5%,73.0% 97.8%,71.4% 97.4%,69.8% 97.3%,68.3% 97.3%,66.7% 97.0%,65.1% 97.4%,63.5% 97.4%,61.9% 97.2%,60.3% 97.1%,58.7% 98.2%,57.1% 98.4%,55.6% 98.5%,54.0% 99.1%,52.4% 99.3%,50.8% 99.6%,49.2% 99.0%,47.6% 99.0%,46.0% 99.1%,44.4% 99.1%,42.9% 99.3%,41.3% 99.4%,39.7% 98.7%,38.1% 97.0%,36.5% 97.0%,34.9% 96.8%,33.3% 96.2%,31.7% 96.8%,30.2% 97.2%,28.6% 97.9%,27.0% 98.2%,25.4% 98.5%,23.8% 98.4%,22.2% 98.6%,20.6% 98.1%,19.0% 98.2%,17.5% 98.2%,15.9% 97.8%,14.3% 98.4%,12.7% 98.2%,11.1% 98.3%,9.5% 98.3%,7.9% 98.1%,6.3% 98.2%,4.8% 98.0%,3.2% 98.4%,1.6% 98.6%,0.1% 98.2%,0.3% 97.6%,0.1% 95.1%,0.4% 92.7%,0.3% 90.2%,0.5% 87.8%,0.3% 85.4%,0.6% 82.9%,0.4% 80.5%,0.4% 78.0%,0.5% 75.6%,0.5% 73.2%,0.4% 70.7%,0.4% 68.3%,0.3% 65.9%,0.4% 63.4%,0.3% 61.0%,0.2% 58.5%,0.6% 56.1%,0.2% 53.7%,0.3% 51.2%,0.6% 48.8%,0.4% 46.3%,0.3% 43.9%,0.4% 41.5%,0.4% 39.0%,0.4% 36.6%,0.4% 34.1%,0.4% 31.7%,0.3% 29.3%,0.2% 26.8%,0.0% 24.4%,0.1% 22.0%,0.3% 19.5%,0.4% 17.1%,0.6% 14.6%,0.6% 12.2%,0.8% 9.8%,0.8% 7.3%,0.9% 4.9%,1.0% 2.4%);}
.prow img[src="images/photo-09.jpg"]{clip-path:polygon(1.8% 0.9%,3.2% 0.6%,4.8% 0.9%,6.3% 1.0%,7.9% 0.8%,9.5% 1.0%,11.1% 0.9%,12.7% 0.9%,14.3% 0.9%,15.9% 0.8%,17.5% 1.0%,19.0% 0.9%,20.6% 0.9%,22.2% 0.7%,23.8% 0.8%,25.4% 1.0%,27.0% 0.6%,28.6% 1.0%,30.2% 0.8%,31.7% 0.6%,33.3% 0.9%,34.9% 0.8%,36.5% 0.6%,38.1% 0.8%,39.7% 0.4%,41.3% 0.4%,42.9% 0.4%,44.4% 0.3%,46.0% 0.2%,47.6% 0.5%,49.2% 0.2%,50.8% 0.3%,52.4% 0.1%,54.0% 0.4%,55.6% 0.4%,57.1% 0.3%,58.7% 0.2%,60.3% 0.5%,61.9% 0.7%,63.5% 0.7%,65.1% 0.5%,66.7% 0.3%,68.3% 0.0%,69.8% 0.3%,71.4% 0.2%,73.0% 0.5%,74.6% 0.3%,76.2% 0.5%,77.8% 0.5%,79.4% 0.7%,81.0% 0.6%,82.5% 0.6%,84.1% 0.7%,85.7% 0.6%,87.3% 0.7%,88.9% 0.9%,90.5% 0.8%,92.1% 0.9%,93.7% 1.1%,95.2% 0.9%,96.8% 0.9%,98.4% 1.2%,99.3% 1.0%,99.2% 2.4%,99.1% 4.9%,99.2% 7.3%,99.4% 9.8%,99.3% 12.2%,99.5% 14.6%,99.4% 17.1%,99.5% 19.5%,99.5% 22.0%,99.6% 24.4%,99.8% 26.8%,99.9% 29.3%,99.9% 31.7%,100.0% 34.1%,99.9% 36.6%,99.8% 39.0%,99.7% 41.5%,99.6% 43.9%,99.6% 46.3%,99.7% 48.8%,99.8% 51.2%,99.8% 53.7%,99.7% 56.1%,99.9% 58.5%,99.8% 61.0%,99.7% 63.4%,99.8% 65.9%,99.9% 68.3%,99.9% 70.7%,99.8% 73.2%,99.8% 75.6%,99.6% 78.0%,99.7% 80.5%,99.7% 82.9%,99.6% 85.4%,99.4% 87.8%,99.2% 90.2%,99.3% 92.7%,99.2% 95.1%,99.2% 97.6%,99.0% 99.9%,98.4% 99.9%,96.8% 99.8%,95.2% 99.9%,93.7% 99.9%,92.1% 99.9%,90.5% 99.6%,88.9% 99.5%,87.3% 98.9%,85.7% 99.0%,84.1% 99.2%,82.5% 99.5%,81.0% 99.5%,79.4% 99.3%,77.8% 99.3%,76.2% 99.1%,74.6% 99.1%,73.0% 99.1%,71.4% 99.3%,69.8% 99.3%,68.3% 99.5%,66.7% 99.6%,65.1% 99.4%,63.5% 99.4%,61.9% 99.1%,60.3% 99.0%,58.7% 99.0%,57.1% 98.6%,55.6% 98.6%,54.0% 98.4%,52.4% 98.8%,50.8% 98.6%,49.2% 98.8%,47.6% 99.2%,46.0% 99.5%,44.4% 99.4%,42.9% 99.9%,41.3% 100.0%,39.7% 99.8%,38.1% 99.8%,36.5% 99.7%,34.9% 99.6%,33.3% 99.5%,31.7% 99.8%,30.2% 99.6%,28.6% 99.8%,27.0% 99.8%,25.4% 99.8%,23.8% 100.0%,22.2% 99.9%,20.6% 99.8%,19.0% 99.6%,17.5% 99.7%,15.9% 99.4%,14.3% 99.3%,12.7% 99.1%,11.1% 99.1%,9.5% 98.7%,7.9% 98.7%,6.3% 98.6%,4.8% 98.6%,3.2% 98.8%,1.3% 98.7%,1.2% 97.6%,1.5% 95.1%,2.0% 92.7%,1.9% 90.2%,1.6% 87.8%,1.2% 85.4%,0.6% 82.9%,0.0% 80.5%,0.0% 78.0%,0.2% 75.6%,0.7% 73.2%,0.9% 70.7%,1.0% 68.3%,1.3% 65.9%,1.5% 63.4%,1.9% 61.0%,1.7% 58.5%,1.5% 56.1%,1.5% 53.7%,1.2% 51.2%,1.3% 48.8%,1.2% 46.3%,1.3% 43.9%,1.5% 41.5%,1.1% 39.0%,1.6% 36.6%,1.7% 34.1%,1.6% 31.7%,1.4% 29.3%,1.4% 26.8%,1.2% 24.4%,0.5% 22.0%,1.3% 19.5%,1.6% 17.1%,1.8% 14.6%,2.1% 12.2%,2.2% 9.8%,2.4% 7.3%,1.8% 4.9%,2.0% 2.4%);}
.prow img[src="images/photo-12.jpg"]{clip-path:polygon(0.0% 1.0%,1.6% 0.8%,3.2% 0.7%,4.8% 0.9%,6.3% 0.4%,7.9% 0.5%,9.5% 0.4%,11.1% 0.2%,12.7% 0.3%,14.3% 0.4%,15.9% 0.3%,17.5% 0.0%,19.0% 0.2%,20.6% 0.2%,22.2% 0.4%,23.8% 0.5%,25.4% 0.2%,27.0% 0.4%,28.6% 0.3%,30.2% 0.4%,31.7% 0.6%,33.3% 0.4%,34.9% 0.4%,36.5% 0.3%,38.1% 0.5%,39.7% 0.3%,41.3% 0.0%,42.9% 0.4%,44.4% 0.5%,46.0% 0.5%,47.6% 0.7%,49.2% 0.7%,50.8% 0.9%,52.4% 0.9%,54.0% 1.1%,55.6% 1.2%,57.1% 1.4%,58.7% 1.7%,60.3% 1.6%,61.9% 1.6%,63.5% 1.8%,65.1% 1.5%,66.7% 1.3%,68.3% 0.9%,69.8% 0.7%,71.4% 0.5%,73.0% 0.6%,74.6% 0.0%,76.2% 0.1%,77.8% 0.2%,79.4% 0.3%,81.0% 0.6%,82.5% 0.5%,84.1% 0.5%,85.7% 0.4%,87.3% 0.4%,88.9% 0.3%,90.5% 0.8%,92.1% 0.5%,93.7% 0.4%,95.2% 0.7%,96.8% 0.4%,98.4% 0.4%,99.7% 0.6%,99.7% 2.4%,99.9% 4.9%,100.0% 7.3%,99.6% 9.8%,99.5% 12.2%,99.5% 14.6%,99.5% 17.1%,99.4% 19.5%,99.1% 22.0%,98.8% 24.4%,98.0% 26.8%,98.1% 29.3%,98.5% 31.7%,98.7% 34.1%,98.7% 36.6%,98.9% 39.0%,98.7% 41.5%,98.6% 43.9%,98.6% 46.3%,98.4% 48.8%,98.3% 51.2%,98.3% 53.7%,98.5% 56.1%,98.7% 58.5%,98.8% 61.0%,98.9% 63.4%,99.3% 65.9%,99.1% 68.3%,99.1% 70.7%,99.2% 73.2%,98.6% 75.6%,98.3% 78.0%,98.2% 80.5%,98.6% 82.9%,99.1% 85.4%,99.7% 87.8%,99.5% 90.2%,99.6% 92.7%,99.8% 95.1%,99.6% 97.7%,98.4% 98.3%,96.8% 97.7%,95.2% 99.1%,93.7% 99.3%,92.1% 99.5%,90.5% 99.3%,88.9% 99.1%,87.3% 98.3%,85.7% 97.8%,84.1% 97.5%,82.5% 97.4%,81.0% 97.3%,79.4% 97.3%,77.8% 97.7%,76.2% 97.9%,74.6% 97.7%,73.0% 97.9%,71.4% 97.8%,69.8% 97.7%,68.3% 98.4%,66.7% 98.2%,65.1% 98.8%,63.5% 99.1%,61.9% 99.1%,60.3% 99.0%,58.7% 99.7%,57.1% 99.1%,55.6% 98.9%,54.0% 98.4%,52.4% 98.5%,50.8% 98.9%,49.2% 98.8%,47.6% 98.7%,46.0% 98.9%,44.4% 98.7%,42.9% 99.3%,41.3% 99.5%,39.7% 100.0%,38.1% 99.3%,36.5% 99.2%,34.9% 99.8%,33.3% 99.2%,31.7% 99.2%,30.2% 98.3%,28.6% 98.8%,27.0% 98.6%,25.4% 98.3%,23.8% 98.5%,22.2% 97.9%,20.6% 97.6%,19.0% 97.6%,17.5% 97.4%,15.9% 97.5%,14.3% 97.8%,12.7% 98.2%,11.1% 97.6%,9.5% 97.4%,7.9% 97.6%,6.3% 97.9%,4.8% 97.8%,3.2% 98.8%,1.6% 98.9%,0.8% 99.6%,0.8% 97.6%,0.7% 95.1%,0.7% 92.7%,0.6% 90.2%,0.5% 87.8%,0.3% 85.4%,0.5% 82.9%,0.3% 80.5%,0.2% 78.0%,0.2% 75.6%,0.2% 73.2%,0.4% 70.7%,0.3% 68.3%,0.4% 65.9%,0.2% 63.4%,0.2% 61.0%,0.2% 58.5%,0.3% 56.1%,0.3% 53.7%,0.4% 51.2%,0.3% 48.8%,0.2% 46.3%,0.3% 43.9%,0.3% 41.5%,0.3% 39.0%,0.3% 36.6%,0.3% 34.1%,0.4% 31.7%,0.3% 29.3%,0.2% 26.8%,0.1% 24.4%,0.2% 22.0%,0.2% 19.5%,0.2% 17.1%,0.1% 14.6%,0.2% 12.2%,0.4% 9.8%,0.3% 7.3%,0.2% 4.9%,0.2% 2.4%);}
.prow img[src="images/photo-11.jpg"]{clip-path:polygon(1.1% 1.3%,1.6% 1.7%,3.2% 1.4%,4.8% 1.0%,6.3% 0.4%,7.9% 1.2%,9.5% 1.6%,11.1% 1.3%,12.7% 1.5%,14.3% 1.8%,15.9% 1.7%,17.5% 0.8%,19.0% 1.2%,20.6% 0.8%,22.2% 1.3%,23.8% 1.4%,25.4% 0.8%,27.0% 1.2%,28.6% 1.8%,30.2% 1.6%,31.7% 2.7%,33.3% 1.7%,34.9% 2.2%,36.5% 2.5%,38.1% 2.6%,39.7% 3.3%,41.3% 3.3%,42.9% 2.9%,44.4% 3.4%,46.0% 2.8%,47.6% 2.8%,49.2% 2.7%,50.8% 2.8%,52.4% 2.7%,54.0% 3.1%,55.6% 3.1%,57.1% 2.9%,58.7% 3.5%,60.3% 3.6%,61.9% 3.3%,63.5% 3.3%,65.1% 3.6%,66.7% 3.6%,68.3% 2.9%,69.8% 1.7%,71.4% 1.8%,73.0% 2.0%,74.6% 2.1%,76.2% 1.9%,77.8% 2.0%,79.4% 2.1%,81.0% 1.7%,82.5% 1.2%,84.1% 0.8%,85.7% 0.4%,87.3% 0.5%,88.9% 1.2%,90.5% 0.9%,92.1% 1.3%,93.7% 0.4%,95.2% 0.9%,96.8% 1.3%,98.7% 1.5%,98.4% 2.4%,98.5% 4.9%,98.5% 7.3%,98.6% 9.8%,98.9% 12.2%,99.1% 14.6%,99.0% 17.1%,98.7% 19.5%,98.5% 22.0%,98.6% 24.4%,99.2% 26.8%,99.5% 29.3%,99.8% 31.7%,99.8% 34.1%,99.9% 36.6%,99.9% 39.0%,99.8% 41.5%,99.6% 43.9%,99.5% 46.3%,99.5% 48.8%,99.3% 51.2%,99.1% 53.7%,99.3% 56.1%,99.4% 58.5%,99.7% 61.0%,99.5% 63.4%,99.5% 65.9%,99.1% 68.3%,99.5% 70.7%,99.7% 73.2%,99.9% 75.6%,100.0% 78.0%,99.7% 80.5%,99.5% 82.9%,99.3% 85.4%,99.4% 87.8%,99.5% 90.2%,99.7% 92.7%,99.5% 95.1%,99.4% 97.6%,99.3% 98.3%,98.4% 97.9%,96.8% 98.2%,95.2% 98.7%,93.7% 98.5%,92.1% 98.8%,90.5% 98.7%,88.9% 98.9%,87.3% 99.2%,85.7% 99.2%,84.1% 99.0%,82.5% 99.7%,81.0% 99.3%,79.4% 100.0%,77.8% 99.9%,76.2% 99.7%,74.6% 99.7%,73.0% 99.6%,71.4% 99.5%,69.8% 99.5%,68.3% 99.5%,66.7% 99.5%,65.1% 99.7%,63.5% 99.4%,61.9% 99.1%,60.3% 98.7%,58.7% 99.3%,57.1% 99.1%,55.6% 99.0%,54.0% 99.4%,52.4% 99.1%,50.8% 98.7%,49.2% 98.8%,47.6% 98.6%,46.0% 99.1%,44.4% 99.6%,42.9% 99.2%,41.3% 98.9%,39.7% 98.8%,38.1% 99.3%,36.5% 98.9%,34.9% 98.8%,33.3% 98.6%,31.7% 98.6%,30.2% 98.5%,28.6% 98.5%,27.0% 98.4%,25.4% 98.3%,23.8% 98.3%,22.2% 98.1%,20.6% 98.3%,19.0% 98.4%,17.5% 98.5%,15.9% 98.8%,14.3% 99.1%,12.7% 99.0%,11.1% 99.2%,9.5% 99.4%,7.9% 99.3%,6.3% 99.6%,4.8% 99.0%,3.2% 98.9%,1.6% 98.6%,0.3% 99.4%,0.1% 97.6%,0.2% 95.1%,0.3% 92.7%,0.6% 90.2%,0.5% 87.8%,0.4% 85.4%,0.4% 82.9%,0.5% 80.5%,0.5% 78.0%,0.5% 75.6%,0.6% 73.2%,0.7% 70.7%,0.6% 68.3%,0.7% 65.9%,0.6% 63.4%,0.5% 61.0%,0.6% 58.5%,0.5% 56.1%,0.5% 53.7%,0.5% 51.2%,0.7% 48.8%,0.5% 46.3%,0.5% 43.9%,0.5% 41.5%,0.3% 39.0%,0.0% 36.6%,0.1% 34.1%,0.1% 31.7%,0.2% 29.3%,0.1% 26.8%,0.2% 24.4%,0.2% 22.0%,0.2% 19.5%,0.2% 17.1%,0.3% 14.6%,0.3% 12.2%,0.4% 9.8%,0.6% 7.3%,0.7% 4.9%,0.8% 2.4%);}
.prow img[src="images/photo-03.jpg"]{clip-path:polygon(0.1% 1.4%,1.6% 1.1%,3.2% 1.0%,4.8% 0.3%,6.3% 0.0%,7.9% 0.2%,9.5% 0.3%,11.1% 0.6%,12.7% 0.6%,14.3% 0.9%,15.9% 1.4%,17.5% 1.4%,19.0% 1.8%,20.6% 1.8%,22.2% 1.8%,23.8% 1.8%,25.4% 2.0%,27.0% 1.5%,28.6% 2.0%,30.2% 2.4%,31.7% 2.5%,33.3% 2.7%,34.9% 2.3%,36.5% 2.0%,38.1% 1.7%,39.7% 1.3%,41.3% 1.4%,42.9% 1.7%,44.4% 2.0%,46.0% 2.4%,47.6% 2.2%,49.2% 1.9%,50.8% 1.6%,52.4% 1.1%,54.0% 0.9%,55.6% 0.8%,57.1% 0.4%,58.7% 0.5%,60.3% 0.0%,61.9% 0.7%,63.5% 0.9%,65.1% 1.2%,66.7% 1.6%,68.3% 1.5%,69.8% 1.6%,71.4% 1.6%,73.0% 1.9%,74.6% 1.4%,76.2% 1.3%,77.8% 1.3%,79.4% 1.3%,81.0% 0.8%,82.5% 0.7%,84.1% 0.4%,85.7% 0.3%,87.3% 0.5%,88.9% 0.8%,90.5% 1.0%,92.1% 0.7%,93.7% 1.0%,95.2% 1.0%,96.8% 0.4%,98.4% 0.4%,99.4% 0.4%,99.4% 2.4%,99.0% 4.9%,98.9% 7.3%,98.8% 9.8%,99.1% 12.2%,99.3% 14.6%,99.3% 17.1%,99.1% 19.5%,99.1% 22.0%,99.1% 24.4%,98.2% 26.8%,98.3% 29.3%,97.9% 31.7%,97.8% 34.1%,97.4% 36.6%,97.2% 39.0%,97.7% 41.5%,97.1% 43.9%,97.0% 46.3%,97.0% 48.8%,96.4% 51.2%,96.7% 53.7%,97.3% 56.1%,97.1% 58.5%,97.6% 61.0%,97.8% 63.4%,98.0% 65.9%,97.5% 68.3%,97.6% 70.7%,97.5% 73.2%,97.5% 75.6%,98.1% 78.0%,98.1% 80.5%,98.0% 82.9%,98.1% 85.4%,98.4% 87.8%,98.8% 90.2%,99.0% 92.7%,98.2% 95.1%,98.2% 97.6%,98.0% 98.6%,96.8% 99.1%,95.2% 99.2%,93.7% 99.7%,92.1% 99.7%,90.5% 99.4%,88.9% 99.3%,87.3% 99.1%,85.7% 99.1%,84.1% 99.3%,82.5% 99.5%,81.0% 99.5%,79.4% 99.5%,77.8% 99.7%,76.2% 99.6%,74.6% 99.7%,73.0% 99.6%,71.4% 99.5%,69.8% 99.7%,68.3% 100.0%,66.7% 99.9%,65.1% 99.7%,63.5% 99.7%,61.9% 99.2%,60.3% 99.2%,58.7% 99.4%,57.1% 99.4%,55.6% 99.6%,54.0% 99.9%,52.4% 100.0%,50.8% 99.8%,49.2% 99.9%,47.6% 99.4%,46.0% 99.5%,44.4% 99.3%,42.9% 98.9%,41.3% 98.8%,39.7% 98.6%,38.1% 98.8%,36.5% 98.7%,34.9% 98.4%,33.3% 98.3%,31.7% 98.1%,30.2% 97.9%,28.6% 98.2%,27.0% 98.5%,25.4% 98.6%,23.8% 99.0%,22.2% 99.2%,20.6% 99.4%,19.0% 99.3%,17.5% 99.2%,15.9% 99.1%,14.3% 99.1%,12.7% 99.1%,11.1% 99.1%,9.5% 99.0%,7.9% 99.2%,6.3% 99.1%,4.8% 98.7%,3.2% 98.4%,1.6% 98.0%,1.0% 98.0%,0.9% 97.6%,0.7% 95.1%,1.0% 92.7%,0.7% 90.2%,0.5% 87.8%,0.8% 85.4%,1.2% 82.9%,1.2% 80.5%,1.0% 78.0%,0.6% 75.6%,0.7% 73.2%,0.6% 70.7%,0.7% 68.3%,0.8% 65.9%,0.4% 63.4%,0.5% 61.0%,0.7% 58.5%,0.6% 56.1%,0.4% 53.7%,0.3% 51.2%,0.5% 48.8%,0.5% 46.3%,0.4% 43.9%,0.3% 41.5%,0.6% 39.0%,1.0% 36.6%,1.0% 34.1%,1.1% 31.7%,0.7% 29.3%,0.1% 26.8%,0.0% 24.4%,0.3% 22.0%,0.8% 19.5%,0.9% 17.1%,0.8% 14.6%,0.7% 12.2%,0.6% 9.8%,0.7% 7.3%,0.6% 4.9%,0.4% 2.4%);}
.prow img[src="images/photo-06.jpg"]{clip-path:polygon(0.5% 0.9%,1.6% 1.2%,3.2% 1.3%,4.8% 1.1%,6.3% 1.4%,7.9% 1.5%,9.5% 1.4%,11.1% 1.1%,12.7% 1.2%,14.3% 1.2%,15.9% 1.3%,17.5% 1.2%,19.0% 1.2%,20.6% 1.2%,22.2% 1.2%,23.8% 1.1%,25.4% 1.1%,27.0% 1.3%,28.6% 1.3%,30.2% 1.1%,31.7% 1.4%,33.3% 1.3%,34.9% 1.2%,36.5% 0.9%,38.1% 0.7%,39.7% 0.5%,41.3% 0.8%,42.9% 0.9%,44.4% 1.1%,46.0% 1.3%,47.6% 1.3%,49.2% 1.3%,50.8% 1.0%,52.4% 0.9%,54.0% 0.9%,55.6% 0.8%,57.1% 1.0%,58.7% 1.1%,60.3% 1.0%,61.9% 0.9%,63.5% 1.4%,65.1% 1.4%,66.7% 1.4%,68.3% 1.6%,69.8% 1.3%,71.4% 1.6%,73.0% 1.3%,74.6% 1.2%,76.2% 1.1%,77.8% 0.8%,79.4% 0.8%,81.0% 0.9%,82.5% 0.7%,84.1% 0.7%,85.7% 0.6%,87.3% 0.3%,88.9% 0.2%,90.5% 0.3%,92.1% 0.1%,93.7% 0.0%,95.2% 0.1%,96.8% 0.3%,98.4% 0.7%,99.7% 1.0%,99.4% 2.4%,99.1% 4.9%,99.1% 7.3%,98.7% 9.8%,98.8% 12.2%,99.1% 14.6%,99.1% 17.1%,99.1% 19.5%,99.1% 22.0%,98.7% 24.4%,99.0% 26.8%,98.7% 29.3%,98.4% 31.7%,98.6% 34.1%,98.4% 36.6%,98.6% 39.0%,98.7% 41.5%,98.7% 43.9%,98.7% 46.3%,98.7% 48.8%,98.5% 51.2%,98.2% 53.7%,98.3% 56.1%,97.8% 58.5%,98.0% 61.0%,98.3% 63.4%,98.7% 65.9%,99.2% 68.3%,99.2% 70.7%,99.8% 73.2%,99.6% 75.6%,99.9% 78.0%,100.0% 80.5%,99.9% 82.9%,99.6% 85.4%,99.4% 87.8%,99.3% 90.2%,99.2% 92.7%,99.3% 95.1%,99.5% 97.9%,98.4% 97.6%,96.8% 97.8%,95.2% 97.7%,93.7% 97.7%,92.1% 97.7%,90.5% 97.6%,88.9% 97.6%,87.3% 97.5%,85.7% 97.5%,84.1% 97.4%,82.5% 97.4%,81.0% 97.3%,79.4% 97.2%,77.8% 97.3%,76.2% 97.6%,74.6% 97.4%,73.0% 98.0%,71.4% 98.3%,69.8% 98.2%,68.3% 98.8%,66.7% 98.7%,65.1% 98.9%,63.5% 99.1%,61.9% 98.9%,60.3% 99.0%,58.7% 98.9%,57.1% 98.8%,55.6% 98.3%,54.0% 98.7%,52.4% 98.5%,50.8% 98.7%,49.2% 98.7%,47.6% 98.6%,46.0% 98.5%,44.4% 98.6%,42.9% 98.5%,41.3% 98.5%,39.7% 99.0%,38.1% 98.8%,36.5% 98.9%,34.9% 99.2%,33.3% 98.8%,31.7% 99.1%,30.2% 99.1%,28.6% 98.9%,27.0% 98.7%,25.4% 99.3%,23.8% 98.8%,22.2% 98.9%,20.6% 98.8%,19.0% 98.8%,17.5% 99.0%,15.9% 98.7%,14.3% 99.0%,12.7% 99.1%,11.1% 99.5%,9.5% 99.5%,7.9% 99.4%,6.3% 99.7%,4.8% 99.6%,3.2% 99.8%,1.6% 100.0%,0.6% 100.0%,0.6% 97.6%,0.3% 95.1%,0.6% 92.7%,0.4% 90.2%,0.3% 87.8%,0.3% 85.4%,0.0% 82.9%,0.1% 80.5%,0.0% 78.0%,0.1% 75.6%,0.2% 73.2%,0.3% 70.7%,0.4% 68.3%,0.4% 65.9%,0.3% 63.4%,0.4% 61.0%,0.5% 58.5%,0.4% 56.1%,0.5% 53.7%,0.3% 51.2%,0.3% 48.8%,0.3% 46.3%,0.2% 43.9%,0.2% 41.5%,0.2% 39.0%,0.4% 36.6%,0.4% 34.1%,0.5% 31.7%,0.7% 29.3%,0.6% 26.8%,0.7% 24.4%,0.8% 22.0%,0.7% 19.5%,0.6% 17.1%,0.5% 14.6%,0.5% 12.2%,0.4% 9.8%,0.5% 7.3%,0.6% 4.9%,0.5% 2.4%);}
.prow img[src="images/photo-20.jpg"]{clip-path:polygon(0.8% 1.8%,1.6% 1.6%,3.2% 1.3%,4.8% 1.2%,6.3% 0.9%,7.9% 0.7%,9.5% 0.7%,11.1% 0.7%,12.7% 0.7%,14.3% 0.7%,15.9% 0.8%,17.5% 0.7%,19.0% 0.6%,20.6% 0.6%,22.2% 0.8%,23.8% 0.8%,25.4% 0.8%,27.0% 0.8%,28.6% 0.9%,30.2% 1.1%,31.7% 1.1%,33.3% 0.7%,34.9% 0.6%,36.5% 0.2%,38.1% 0.1%,39.7% 0.0%,41.3% 0.1%,42.9% 0.2%,44.4% 0.1%,46.0% 0.3%,47.6% 0.5%,49.2% 0.5%,50.8% 0.8%,52.4% 1.0%,54.0% 1.0%,55.6% 1.3%,57.1% 1.3%,58.7% 1.7%,60.3% 1.6%,61.9% 1.7%,63.5% 1.4%,65.1% 1.2%,66.7% 1.1%,68.3% 1.0%,69.8% 0.9%,71.4% 0.9%,73.0% 0.9%,74.6% 0.9%,76.2% 0.9%,77.8% 0.7%,79.4% 0.7%,81.0% 0.3%,82.5% 0.7%,84.1% 0.8%,85.7% 1.1%,87.3% 1.1%,88.9% 1.1%,90.5% 0.9%,92.1% 0.8%,93.7% 0.7%,95.2% 0.8%,96.8% 0.9%,98.6% 1.1%,98.4% 2.4%,98.2% 4.9%,98.2% 7.3%,98.0% 9.8%,98.3% 12.2%,98.7% 14.6%,98.9% 17.1%,99.0% 19.5%,99.1% 22.0%,99.1% 24.4%,99.4% 26.8%,99.5% 29.3%,99.5% 31.7%,99.7% 34.1%,99.2% 36.6%,99.3% 39.0%,99.2% 41.5%,99.2% 43.9%,99.3% 46.3%,99.1% 48.8%,99.0% 51.2%,98.8% 53.7%,98.5% 56.1%,98.8% 58.5%,98.4% 61.0%,98.5% 63.4%,98.6% 65.9%,98.5% 68.3%,98.3% 70.7%,98.4% 73.2%,98.5% 75.6%,98.2% 78.0%,98.3% 80.5%,98.6% 82.9%,98.9% 85.4%,99.0% 87.8%,99.2% 90.2%,99.5% 92.7%,99.7% 95.1%,99.3% 97.6%,99.2% 99.9%,98.4% 99.6%,96.8% 99.4%,95.2% 99.2%,93.7% 99.0%,92.1% 99.0%,90.5% 99.2%,88.9% 99.4%,87.3% 99.5%,85.7% 99.0%,84.1% 99.1%,82.5% 98.8%,81.0% 98.7%,79.4% 98.5%,77.8% 98.4%,76.2% 98.6%,74.6% 98.3%,73.0% 98.6%,71.4% 98.5%,69.8% 98.3%,68.3% 98.2%,66.7% 98.3%,65.1% 98.4%,63.5% 98.3%,61.9% 98.2%,60.3% 98.1%,58.7% 98.3%,57.1% 98.4%,55.6% 98.7%,54.0% 99.0%,52.4% 99.2%,50.8% 99.0%,49.2% 99.1%,47.6% 99.2%,46.0% 99.2%,44.4% 99.4%,42.9% 99.4%,41.3% 99.8%,39.7% 100.0%,38.1% 99.9%,36.5% 99.6%,34.9% 99.6%,33.3% 99.3%,31.7% 99.5%,30.2% 99.4%,28.6% 99.6%,27.0% 99.4%,25.4% 99.3%,23.8% 99.3%,22.2% 99.1%,20.6% 99.3%,19.0% 99.4%,17.5% 99.4%,15.9% 99.7%,14.3% 99.8%,12.7% 100.0%,11.1% 99.6%,9.5% 99.2%,7.9% 99.2%,6.3% 98.7%,4.8% 99.0%,3.2% 98.7%,1.6% 98.8%,0.3% 99.0%,0.2% 97.6%,0.0% 95.1%,0.0% 92.7%,0.3% 90.2%,0.1% 87.8%,0.9% 85.4%,0.7% 82.9%,1.3% 80.5%,1.3% 78.0%,1.9% 75.6%,1.5% 73.2%,1.1% 70.7%,1.0% 68.3%,0.9% 65.9%,0.5% 63.4%,0.8% 61.0%,0.6% 58.5%,0.4% 56.1%,0.4% 53.7%,0.1% 51.2%,0.5% 48.8%,0.5% 46.3%,0.6% 43.9%,0.4% 41.5%,1.0% 39.0%,1.0% 36.6%,1.2% 34.1%,1.2% 31.7%,1.7% 29.3%,1.7% 26.8%,1.5% 24.4%,1.5% 22.0%,1.3% 19.5%,1.0% 17.1%,1.0% 14.6%,0.7% 12.2%,0.7% 9.8%,0.5% 7.3%,0.8% 4.9%,0.4% 2.4%);}
.prow img[src="images/photo-07.jpg"]{clip-path:polygon(0.3% 1.8%,1.6% 1.7%,3.2% 1.9%,4.8% 1.8%,6.3% 2.3%,7.9% 2.1%,9.5% 1.8%,11.1% 1.5%,12.7% 1.7%,14.3% 1.7%,15.9% 1.8%,17.5% 1.6%,19.0% 1.6%,20.6% 1.6%,22.2% 1.2%,23.8% 1.4%,25.4% 1.6%,27.0% 1.1%,28.6% 1.2%,30.2% 1.0%,31.7% 0.9%,33.3% 1.2%,34.9% 1.2%,36.5% 1.3%,38.1% 0.9%,39.7% 1.4%,41.3% 1.1%,42.9% 1.1%,44.4% 0.8%,46.0% 0.9%,47.6% 1.0%,49.2% 1.1%,50.8% 1.1%,52.4% 0.7%,54.0% 0.9%,55.6% 0.8%,57.1% 1.2%,58.7% 1.0%,60.3% 1.1%,61.9% 1.5%,63.5% 0.9%,65.1% 0.6%,66.7% 0.4%,68.3% 0.0%,69.8% 0.2%,71.4% 0.3%,73.0% 0.4%,74.6% 0.8%,76.2% 0.6%,77.8% 1.0%,79.4% 1.5%,81.0% 1.3%,82.5% 1.6%,84.1% 1.5%,85.7% 1.7%,87.3% 1.7%,88.9% 1.6%,90.5% 1.7%,92.1% 1.4%,93.7% 1.7%,95.2% 1.9%,96.8% 1.8%,98.4% 2.0%,99.8% 1.7%,99.3% 2.4%,99.6% 4.9%,99.4% 7.3%,99.3% 9.8%,99.2% 12.2%,99.3% 14.6%,99.4% 17.1%,99.4% 19.5%,99.5% 22.0%,99.3% 24.4%,99.1% 26.8%,99.1% 29.3%,99.0% 31.7%,98.9% 34.1%,99.2% 36.6%,99.2% 39.0%,99.4% 41.5%,99.5% 43.9%,99.4% 46.3%,99.3% 48.8%,99.4% 51.2%,99.3% 53.7%,99.4% 56.1%,99.4% 58.5%,99.2% 61.0%,99.0% 63.4%,99.0% 65.9%,98.9% 68.3%,99.1% 70.7%,99.0% 73.2%,99.1% 75.6%,99.0% 78.0%,99.0% 80.5%,99.2% 82.9%,99.2% 85.4%,99.2% 87.8%,99.4% 90.2%,99.7% 92.7%,99.7% 95.1%,99.8% 97.6%,100.0% 99.1%,98.4% 98.7%,96.8% 98.3%,95.2% 98.5%,93.7% 98.0%,92.1% 98.1%,90.5% 98.0%,88.9% 98.1%,87.3% 98.1%,85.7% 98.1%,84.1% 98.4%,82.5% 98.1%,81.0% 98.1%,79.4% 98.6%,77.8% 98.9%,76.2% 99.1%,74.6% 99.3%,73.0% 98.9%,71.4% 99.2%,69.8% 99.1%,68.3% 99.1%,66.7% 99.0%,65.1% 99.2%,63.5% 99.3%,61.9% 99.0%,60.3% 99.4%,58.7% 99.2%,57.1% 99.3%,55.6% 99.6%,54.0% 99.7%,52.4% 99.6%,50.8% 99.1%,49.2% 99.0%,47.6% 98.9%,46.0% 98.8%,44.4% 98.3%,42.9% 97.9%,41.3% 97.9%,39.7% 98.0%,38.1% 97.6%,36.5% 98.0%,34.9% 97.8%,33.3% 98.0%,31.7% 97.6%,30.2% 98.2%,28.6% 97.7%,27.0% 97.4%,25.4% 97.7%,23.8% 98.1%,22.2% 98.4%,20.6% 98.8%,19.0% 98.9%,17.5% 99.6%,15.9% 100.0%,14.3% 99.7%,12.7% 99.6%,11.1% 99.6%,9.5% 99.2%,7.9% 99.4%,6.3% 98.8%,4.8% 98.2%,3.2% 98.0%,1.6% 97.6%,0.5% 97.2%,0.4% 95.1%,0.3% 92.7%,0.6% 90.2%,0.8% 87.8%,0.5% 85.4%,0.7% 82.9%,0.5% 80.5%,0.4% 78.0%,0.4% 75.6%,0.3% 73.2%,0.5% 70.7%,0.5% 68.3%,0.7% 65.9%,0.6% 63.4%,0.8% 61.0%,1.0% 58.5%,0.9% 56.1%,1.1% 53.7%,1.2% 51.2%,1.2% 48.8%,0.8% 46.3%,0.8% 43.9%,0.7% 41.5%,0.5% 39.0%,0.4% 36.6%,0.5% 34.1%,0.3% 31.7%,0.5% 29.3%,0.4% 26.8%,0.4% 24.4%,0.2% 22.0%,0.0% 19.5%,0.1% 17.1%,0.2% 14.6%,0.3% 12.2%,0.3% 9.8%,0.4% 7.3%,0.3% 4.9%,0.4% 2.4%);}
.prow img[src="images/photo-13.jpg"]{clip-path:polygon(0.0% 0.7%,1.6% 0.7%,3.2% 0.6%,4.8% 0.4%,6.3% 0.4%,7.9% 0.2%,9.5% 0.2%,11.1% 0.1%,12.7% 0.1%,14.3% 0.2%,15.9% 0.2%,17.5% 0.4%,19.0% 0.1%,20.6% 0.1%,22.2% 0.1%,23.8% 0.2%,25.4% 0.0%,27.0% 0.0%,28.6% 0.2%,30.2% 0.4%,31.7% 0.5%,33.3% 0.8%,34.9% 0.6%,36.5% 0.8%,38.1% 0.7%,39.7% 1.1%,41.3% 0.8%,42.9% 0.8%,44.4% 0.8%,46.0% 1.0%,47.6% 0.9%,49.2% 1.0%,50.8% 1.1%,52.4% 1.1%,54.0% 1.3%,55.6% 1.2%,57.1% 1.0%,58.7% 0.9%,60.3% 0.6%,61.9% 0.7%,63.5% 0.6%,65.1% 0.7%,66.7% 0.8%,68.3% 1.0%,69.8% 1.0%,71.4% 1.0%,73.0% 1.2%,74.6% 1.3%,76.2% 1.3%,77.8% 1.4%,79.4% 1.5%,81.0% 1.8%,82.5% 1.7%,84.1% 1.6%,85.7% 1.4%,87.3% 1.0%,88.9% 1.0%,90.5% 0.6%,92.1% 0.8%,93.7% 0.6%,95.2% 0.4%,96.8% 0.5%,98.5% 0.3%,98.6% 2.4%,98.8% 4.9%,99.2% 7.3%,99.2% 9.8%,99.6% 12.2%,100.0% 14.6%,99.8% 17.1%,99.7% 19.5%,99.7% 22.0%,99.3% 24.4%,99.5% 26.8%,99.5% 29.3%,99.5% 31.7%,98.9% 34.1%,98.9% 36.6%,98.7% 39.0%,99.0% 41.5%,98.9% 43.9%,99.0% 46.3%,98.8% 48.8%,99.0% 51.2%,99.3% 53.7%,99.3% 56.1%,99.5% 58.5%,99.6% 61.0%,99.4% 63.4%,99.1% 65.9%,98.8% 68.3%,98.7% 70.7%,98.9% 73.2%,98.9% 75.6%,98.5% 78.0%,98.7% 80.5%,98.3% 82.9%,98.3% 85.4%,98.7% 87.8%,98.9% 90.2%,99.2% 92.7%,99.1% 95.1%,98.9% 97.6%,99.0% 99.1%,98.4% 99.6%,96.8% 99.5%,95.2% 99.9%,93.7% 99.9%,92.1% 100.0%,90.5% 99.4%,88.9% 99.7%,87.3% 99.3%,85.7% 99.4%,84.1% 99.6%,82.5% 99.7%,81.0% 99.3%,79.4% 99.7%,77.8% 99.3%,76.2% 99.2%,74.6% 99.6%,73.0% 99.2%,71.4% 99.9%,69.8% 99.4%,68.3% 99.2%,66.7% 99.5%,65.1% 99.0%,63.5% 99.7%,61.9% 99.0%,60.3% 99.0%,58.7% 99.1%,57.1% 98.7%,55.6% 99.1%,54.0% 99.1%,52.4% 99.0%,50.8% 99.0%,49.2% 98.7%,47.6% 98.7%,46.0% 98.4%,44.4% 98.2%,42.9% 98.4%,41.3% 98.1%,39.7% 97.8%,38.1% 98.0%,36.5% 97.9%,34.9% 97.6%,33.3% 97.1%,31.7% 97.0%,30.2% 97.4%,28.6% 97.4%,27.0% 97.1%,25.4% 97.2%,23.8% 96.7%,22.2% 97.0%,20.6% 97.5%,19.0% 97.7%,17.5% 97.7%,15.9% 97.4%,14.3% 97.7%,12.7% 97.7%,11.1% 98.3%,9.5% 98.1%,7.9% 98.4%,6.3% 97.8%,4.8% 98.3%,3.2% 97.5%,1.6% 97.2%,0.2% 97.9%,0.5% 95.1%,0.8% 92.7%,0.7% 90.2%,0.7% 87.8%,0.4% 85.4%,0.9% 82.9%,1.1% 80.5%,0.6% 78.0%,0.8% 75.6%,0.8% 73.2%,0.7% 70.7%,0.8% 68.3%,1.0% 65.9%,0.9% 63.4%,0.5% 61.0%,0.5% 58.5%,1.0% 56.1%,1.1% 53.7%,0.9% 51.2%,0.5% 48.8%,0.7% 46.3%,0.3% 43.9%,0.7% 41.5%,0.3% 39.0%,0.6% 36.6%,0.6% 34.1%,0.2% 31.7%,0.2% 29.3%,0.1% 26.8%,0.3% 24.4%,0.7% 22.0%,0.7% 19.5%,1.1% 17.1%,1.1% 14.6%,0.8% 12.2%,0.4% 9.8%,0.7% 7.3%,0.6% 4.9%,0.3% 2.4%);}
.prow img[src="images/photo-14.jpg"]{clip-path:polygon(0.7% 0.3%,1.6% 0.2%,3.2% 0.1%,4.8% 1.0%,6.3% 0.8%,7.9% 0.2%,9.5% 0.9%,11.1% 1.1%,12.7% 1.3%,14.3% 1.0%,15.9% 1.1%,17.5% 0.6%,19.0% 0.9%,20.6% 1.1%,22.2% 0.9%,23.8% 0.8%,25.4% 0.6%,27.0% 0.9%,28.6% 0.6%,30.2% 1.0%,31.7% 1.1%,33.3% 0.7%,34.9% 0.7%,36.5% 0.3%,38.1% 0.3%,39.7% 0.2%,41.3% 0.5%,42.9% 0.2%,44.4% 0.8%,46.0% 0.4%,47.6% 0.1%,49.2% 0.3%,50.8% 0.1%,52.4% 0.4%,54.0% 0.0%,55.6% 0.7%,57.1% 0.6%,58.7% 0.8%,60.3% 1.4%,61.9% 1.2%,63.5% 1.0%,65.1% 0.9%,66.7% 0.8%,68.3% 1.2%,69.8% 0.9%,71.4% 0.9%,73.0% 0.2%,74.6% 0.7%,76.2% 0.5%,77.8% 1.1%,79.4% 0.6%,81.0% 1.2%,82.5% 1.0%,84.1% 1.0%,85.7% 1.5%,87.3% 1.6%,88.9% 2.2%,90.5% 2.0%,92.1% 1.9%,93.7% 2.1%,95.2% 2.6%,96.8% 1.9%,98.4% 2.2%,100.0% 1.9%,99.3% 2.4%,98.9% 4.9%,98.8% 7.3%,98.2% 9.8%,97.9% 12.2%,97.8% 14.6%,97.9% 17.1%,98.1% 19.5%,98.2% 22.0%,98.3% 24.4%,98.5% 26.8%,98.2% 29.3%,98.4% 31.7%,98.3% 34.1%,98.4% 36.6%,98.4% 39.0%,98.2% 41.5%,98.3% 43.9%,98.5% 46.3%,98.4% 48.8%,98.6% 51.2%,98.3% 53.7%,98.6% 56.1%,98.7% 58.5%,99.0% 61.0%,99.2% 63.4%,99.2% 65.9%,99.5% 68.3%,99.3% 70.7%,99.5% 73.2%,99.2% 75.6%,99.3% 78.0%,99.4% 80.5%,99.4% 82.9%,98.9% 85.4%,98.9% 87.8%,99.0% 90.2%,98.4% 92.7%,98.1% 95.1%,98.2% 97.6%,97.7% 98.6%,96.8% 99.0%,95.2% 98.3%,93.7% 98.4%,92.1% 99.2%,90.5% 98.9%,88.9% 98.8%,87.3% 99.0%,85.7% 99.5%,84.1% 99.4%,82.5% 98.7%,81.0% 98.1%,79.4% 97.8%,77.8% 98.1%,76.2% 97.7%,74.6% 97.7%,73.0% 98.2%,71.4% 98.2%,69.8% 98.7%,68.3% 98.4%,66.7% 98.7%,65.1% 98.7%,63.5% 98.8%,61.9% 99.0%,60.3% 99.5%,58.7% 99.3%,57.1% 99.1%,55.6% 99.3%,54.0% 99.4%,52.4% 99.4%,50.8% 98.7%,49.2% 98.5%,47.6% 98.3%,46.0% 97.7%,44.4% 98.1%,42.9% 99.0%,41.3% 98.5%,39.7% 98.4%,38.1% 98.5%,36.5% 98.1%,34.9% 98.2%,33.3% 98.7%,31.7% 98.4%,30.2% 99.0%,28.6% 99.1%,27.0% 99.3%,25.4% 99.3%,23.8% 99.8%,22.2% 99.6%,20.6% 99.5%,19.0% 99.9%,17.5% 99.5%,15.9% 100.0%,14.3% 99.5%,12.7% 99.4%,11.1% 99.1%,9.5% 99.7%,7.9% 99.6%,6.3% 99.6%,4.8% 99.7%,3.2% 99.3%,1.6% 99.3%,0.0% 99.1%,0.2% 97.6%,0.4% 95.1%,0.5% 92.7%,0.4% 90.2%,0.5% 87.8%,0.3% 85.4%,0.5% 82.9%,0.6% 80.5%,0.8% 78.0%,0.3% 75.6%,0.8% 73.2%,0.6% 70.7%,0.5% 68.3%,0.3% 65.9%,0.4% 63.4%,0.6% 61.0%,0.6% 58.5%,1.2% 56.1%,1.3% 53.7%,1.2% 51.2%,1.3% 48.8%,1.3% 46.3%,1.5% 43.9%,1.6% 41.5%,1.6% 39.0%,1.7% 36.6%,1.8% 34.1%,1.7% 31.7%,1.5% 29.3%,1.4% 26.8%,1.1% 24.4%,1.1% 22.0%,1.0% 19.5%,1.0% 17.1%,1.0% 14.6%,0.7% 12.2%,0.7% 9.8%,0.7% 7.3%,0.7% 4.9%,0.8% 2.4%);}
.prow img[src="images/photo-15.jpg"]{clip-path:polygon(0.5% 0.2%,1.6% 0.2%,3.2% 0.0%,4.8% 0.2%,6.3% 0.0%,7.9% 0.2%,9.5% 0.2%,11.1% 0.3%,12.7% 0.1%,14.3% 0.2%,15.9% 0.2%,17.5% 0.1%,19.0% 0.3%,20.6% 0.4%,22.2% 0.6%,23.8% 0.6%,25.4% 0.1%,27.0% 0.5%,28.6% 0.6%,30.2% 0.4%,31.7% 0.5%,33.3% 0.5%,34.9% 0.6%,36.5% 0.8%,38.1% 0.7%,39.7% 0.5%,41.3% 0.6%,42.9% 0.8%,44.4% 0.6%,46.0% 0.5%,47.6% 0.7%,49.2% 0.5%,50.8% 0.7%,52.4% 0.9%,54.0% 0.9%,55.6% 0.9%,57.1% 0.8%,58.7% 1.2%,60.3% 1.2%,61.9% 1.3%,63.5% 1.4%,65.1% 1.3%,66.7% 1.7%,68.3% 1.6%,69.8% 1.4%,71.4% 1.8%,73.0% 1.7%,74.6% 1.6%,76.2% 1.6%,77.8% 1.3%,79.4% 1.2%,81.0% 1.1%,82.5% 1.0%,84.1% 0.8%,85.7% 0.9%,87.3% 0.5%,88.9% 0.5%,90.5% 0.5%,92.1% 0.4%,93.7% 0.3%,95.2% 0.2%,96.8% 0.2%,98.4% 0.4%,99.6% 0.1%,99.8% 2.4%,99.5% 4.9%,99.9% 7.3%,99.8% 9.8%,99.8% 12.2%,99.8% 14.6%,99.5% 17.1%,99.3% 19.5%,99.3% 22.0%,99.3% 24.4%,99.4% 26.8%,100.0% 29.3%,100.0% 31.7%,99.4% 34.1%,99.1% 36.6%,99.2% 39.0%,98.9% 41.5%,99.0% 43.9%,99.1% 46.3%,99.0% 48.8%,99.3% 51.2%,99.6% 53.7%,99.4% 56.1%,99.7% 58.5%,99.7% 61.0%,99.5% 63.4%,99.3% 65.9%,99.1% 68.3%,98.8% 70.7%,99.1% 73.2%,98.6% 75.6%,98.9% 78.0%,99.1% 80.5%,99.4% 82.9%,99.2% 85.4%,99.4% 87.8%,99.1% 90.2%,99.0% 92.7%,98.7% 95.1%,99.0% 97.6%,98.4% 99.8%,96.8% 99.9%,95.2% 99.8%,93.7% 99.8%,92.1% 99.9%,90.5% 100.0%,88.9% 99.6%,87.3% 99.5%,85.7% 99.8%,84.1% 99.6%,82.5% 99.6%,81.0% 99.7%,79.4% 99.5%,77.8% 99.7%,76.2% 99.5%,74.6% 99.5%,73.0% 99.5%,71.4% 99.4%,69.8% 99.4%,68.3% 99.2%,66.7% 99.2%,65.1% 99.4%,63.5% 99.3%,61.9% 99.4%,60.3% 99.4%,58.7% 99.2%,57.1% 99.2%,55.6% 99.3%,54.0% 99.1%,52.4% 99.0%,50.8% 99.2%,49.2% 99.4%,47.6% 99.4%,46.0% 99.4%,44.4% 99.4%,42.9% 99.2%,41.3% 99.3%,39.7% 99.3%,38.1% 99.2%,36.5% 99.3%,34.9% 99.3%,33.3% 99.3%,31.7% 99.4%,30.2% 99.3%,28.6% 99.2%,27.0% 99.3%,25.4% 99.1%,23.8% 99.1%,22.2% 99.1%,20.6% 99.1%,19.0% 99.2%,17.5% 99.2%,15.9% 99.4%,14.3% 99.1%,12.7% 99.3%,11.1% 99.7%,9.5% 99.3%,7.9% 99.5%,6.3% 99.4%,4.8% 99.2%,3.2% 99.3%,1.6% 99.2%,0.5% 99.0%,0.4% 97.6%,0.2% 95.1%,0.4% 92.7%,0.2% 90.2%,0.1% 87.8%,0.0% 85.4%,0.2% 82.9%,0.1% 80.5%,0.5% 78.0%,0.6% 75.6%,0.8% 73.2%,0.6% 70.7%,0.6% 68.3%,0.8% 65.9%,0.5% 63.4%,0.5% 61.0%,0.5% 58.5%,0.3% 56.1%,0.2% 53.7%,0.1% 51.2%,0.0% 48.8%,0.2% 46.3%,0.3% 43.9%,0.4% 41.5%,0.4% 39.0%,0.5% 36.6%,0.6% 34.1%,0.6% 31.7%,0.6% 29.3%,0.6% 26.8%,0.9% 24.4%,0.9% 22.0%,0.8% 19.5%,0.5% 17.1%,0.4% 14.6%,0.2% 12.2%,0.3% 9.8%,0.1% 7.3%,0.1% 4.9%,0.5% 2.4%);}
.prow img[src="images/photo-17.jpg"]{clip-path:polygon(0.0% 1.4%,1.6% 1.2%,3.2% 1.6%,4.8% 1.3%,6.3% 1.6%,7.9% 1.4%,9.5% 1.5%,11.1% 1.7%,12.7% 1.4%,14.3% 1.5%,15.9% 1.6%,17.5% 1.9%,19.0% 1.6%,20.6% 1.8%,22.2% 1.9%,23.8% 1.5%,25.4% 1.6%,27.0% 1.2%,28.6% 1.5%,30.2% 1.3%,31.7% 1.2%,33.3% 1.1%,34.9% 1.2%,36.5% 1.2%,38.1% 1.2%,39.7% 0.8%,41.3% 0.8%,42.9% 1.0%,44.4% 0.9%,46.0% 1.0%,47.6% 1.0%,49.2% 0.7%,50.8% 0.4%,52.4% 0.9%,54.0% 0.4%,55.6% 0.3%,57.1% 0.2%,58.7% 0.4%,60.3% 0.2%,61.9% 0.1%,63.5% 0.4%,65.1% 0.2%,66.7% 0.0%,68.3% 0.2%,69.8% 0.4%,71.4% 0.7%,73.0% 0.5%,74.6% 0.8%,76.2% 0.7%,77.8% 1.1%,79.4% 0.6%,81.0% 0.7%,82.5% 0.8%,84.1% 0.8%,85.7% 0.9%,87.3% 1.0%,88.9% 0.8%,90.5% 1.1%,92.1% 1.0%,93.7% 1.1%,95.2% 1.0%,96.8% 1.0%,98.4% 0.6%,99.0% 0.7%,98.9% 2.4%,99.1% 4.9%,98.9% 7.3%,99.1% 9.8%,99.5% 12.2%,99.7% 14.6%,99.7% 17.1%,100.0% 19.5%,99.8% 22.0%,99.5% 24.4%,99.7% 26.8%,99.6% 29.3%,99.8% 31.7%,99.8% 34.1%,99.7% 36.6%,99.6% 39.0%,99.7% 41.5%,99.5% 43.9%,99.7% 46.3%,99.6% 48.8%,99.5% 51.2%,99.8% 53.7%,99.4% 56.1%,99.4% 58.5%,99.1% 61.0%,99.1% 63.4%,99.3% 65.9%,99.2% 68.3%,99.2% 70.7%,99.3% 73.2%,99.3% 75.6%,99.5% 78.0%,99.5% 80.5%,99.5% 82.9%,99.7% 85.4%,99.7% 87.8%,99.8% 90.2%,99.8% 92.7%,99.8% 95.1%,99.7% 97.6%,99.6% 99.3%,98.4% 98.9%,96.8% 99.1%,95.2% 99.2%,93.7% 99.1%,92.1% 99.2%,90.5% 99.3%,88.9% 99.3%,87.3% 99.3%,85.7% 99.3%,84.1% 99.3%,82.5% 99.1%,81.0% 99.2%,79.4% 99.5%,77.8% 99.5%,76.2% 99.6%,74.6% 99.4%,73.0% 99.5%,71.4% 99.5%,69.8% 99.5%,68.3% 99.6%,66.7% 99.4%,65.1% 99.5%,63.5% 99.3%,61.9% 99.3%,60.3% 99.0%,58.7% 99.1%,57.1% 99.1%,55.6% 99.2%,54.0% 99.2%,52.4% 99.5%,50.8% 99.4%,49.2% 99.4%,47.6% 99.5%,46.0% 99.6%,44.4% 99.7%,42.9% 99.5%,41.3% 99.5%,39.7% 99.2%,38.1% 99.4%,36.5% 99.2%,34.9% 98.9%,33.3% 98.9%,31.7% 99.0%,30.2% 98.9%,28.6% 99.1%,27.0% 99.2%,25.4% 99.1%,23.8% 99.1%,22.2% 99.4%,20.6% 99.5%,19.0% 99.4%,17.5% 99.4%,15.9% 99.4%,14.3% 99.7%,12.7% 99.4%,11.1% 99.7%,9.5% 99.5%,7.9% 99.7%,6.3% 99.8%,4.8% 99.9%,3.2% 100.0%,1.6% 100.0%,0.9% 99.9%,1.0% 97.6%,0.9% 95.1%,0.8% 92.7%,0.9% 90.2%,0.6% 87.8%,0.9% 85.4%,1.0% 82.9%,0.9% 80.5%,0.7% 78.0%,0.7% 75.6%,0.9% 73.2%,1.1% 70.7%,1.0% 68.3%,1.0% 65.9%,0.9% 63.4%,1.0% 61.0%,1.2% 58.5%,1.3% 56.1%,1.1% 53.7%,1.0% 51.2%,0.8% 48.8%,0.9% 46.3%,1.2% 43.9%,1.4% 41.5%,1.5% 39.0%,1.6% 36.6%,1.4% 34.1%,1.2% 31.7%,1.0% 29.3%,1.1% 26.8%,1.1% 24.4%,0.7% 22.0%,0.7% 19.5%,0.6% 17.1%,0.3% 14.6%,0.4% 12.2%,0.4% 9.8%,0.6% 7.3%,0.4% 4.9%,0.2% 2.4%);}
.prow img[src="images/photo-16.jpg"]{clip-path:polygon(0.5% 0.2%,1.6% 0.5%,3.2% 0.3%,4.8% 0.5%,6.3% 0.4%,7.9% 0.2%,9.5% 0.6%,11.1% 0.3%,12.7% 0.6%,14.3% 0.6%,15.9% 0.5%,17.5% 0.4%,19.0% 0.6%,20.6% 0.5%,22.2% 0.2%,23.8% 0.0%,25.4% 0.3%,27.0% 0.3%,28.6% 0.1%,30.2% 0.2%,31.7% 0.1%,33.3% 0.1%,34.9% 0.2%,36.5% 0.0%,38.1% 0.1%,39.7% 0.1%,41.3% 0.0%,42.9% 0.1%,44.4% 0.3%,46.0% 0.3%,47.6% 0.3%,49.2% 0.5%,50.8% 0.3%,52.4% 0.3%,54.0% 0.1%,55.6% 0.3%,57.1% 0.4%,58.7% 0.6%,60.3% 0.5%,61.9% 0.8%,63.5% 0.5%,65.1% 0.7%,66.7% 0.8%,68.3% 0.5%,69.8% 0.6%,71.4% 0.5%,73.0% 0.6%,74.6% 0.7%,76.2% 0.8%,77.8% 0.6%,79.4% 0.5%,81.0% 0.5%,82.5% 0.6%,84.1% 0.4%,85.7% 0.4%,87.3% 0.3%,88.9% 0.4%,90.5% 0.6%,92.1% 0.7%,93.7% 0.7%,95.2% 0.5%,96.8% 0.3%,96.8% 2.4%,97.4% 4.9%,97.0% 7.3%,97.9% 9.8%,98.0% 12.2%,98.9% 14.6%,98.9% 17.1%,98.8% 19.5%,98.6% 22.0%,98.6% 24.4%,98.8% 26.8%,98.7% 29.3%,98.5% 31.7%,98.5% 34.1%,98.0% 36.6%,97.3% 39.0%,97.8% 41.5%,98.3% 43.9%,98.8% 46.3%,99.1% 48.8%,99.3% 51.2%,99.0% 53.7%,99.3% 56.1%,99.8% 58.5%,100.0% 61.0%,99.7% 63.4%,99.3% 65.9%,99.6% 68.3%,99.1% 70.7%,98.7% 73.2%,98.8% 75.6%,98.2% 78.0%,98.3% 80.5%,98.4% 82.9%,98.7% 85.4%,98.6% 87.8%,98.7% 90.2%,98.5% 92.7%,98.7% 95.1%,98.8% 97.6%,98.6% 98.9%,96.8% 99.3%,95.2% 99.1%,93.7% 99.4%,92.1% 99.2%,90.5% 99.2%,88.9% 98.5%,87.3% 98.2%,85.7% 97.8%,84.1% 98.5%,82.5% 98.4%,81.0% 99.0%,79.4% 98.8%,77.8% 98.9%,76.2% 99.1%,74.6% 98.8%,73.0% 99.0%,71.4% 99.3%,69.8% 99.1%,68.3% 99.4%,66.7% 99.5%,65.1% 99.4%,63.5% 99.5%,61.9% 98.9%,60.3% 98.8%,58.7% 98.8%,57.1% 98.9%,55.6% 99.3%,54.0% 99.3%,52.4% 99.5%,50.8% 99.6%,49.2% 99.6%,47.6% 100.0%,46.0% 100.0%,44.4% 99.9%,42.9% 99.9%,41.3% 99.3%,39.7% 99.1%,38.1% 98.9%,36.5% 97.8%,34.9% 97.8%,33.3% 98.4%,31.7% 98.7%,30.2% 99.2%,28.6% 99.0%,27.0% 98.9%,25.4% 99.0%,23.8% 98.8%,22.2% 98.8%,20.6% 98.2%,19.0% 98.4%,17.5% 98.6%,15.9% 98.8%,14.3% 98.7%,12.7% 98.6%,11.1% 98.3%,9.5% 98.7%,7.9% 98.3%,6.3% 98.6%,4.8% 98.6%,3.2% 98.3%,1.6% 98.5%,0.5% 98.7%,0.8% 97.6%,0.8% 95.1%,0.9% 92.7%,0.7% 90.2%,0.5% 87.8%,0.5% 85.4%,0.9% 82.9%,0.2% 80.5%,0.6% 78.0%,0.2% 75.6%,0.1% 73.2%,0.4% 70.7%,0.8% 68.3%,0.7% 65.9%,1.0% 63.4%,1.0% 61.0%,1.2% 58.5%,1.3% 56.1%,1.4% 53.7%,0.9% 51.2%,1.0% 48.8%,0.9% 46.3%,0.7% 43.9%,1.1% 41.5%,1.2% 39.0%,1.0% 36.6%,0.9% 34.1%,0.8% 31.7%,0.9% 29.3%,0.4% 26.8%,0.6% 24.4%,1.0% 22.0%,0.5% 19.5%,0.3% 17.1%,0.2% 14.6%,0.2% 12.2%,0.3% 9.8%,0.5% 7.3%,0.4% 4.9%,0.7% 2.4%);}

/* ===== LATEST 38: hero photo - left and right edges straight again, top and bottom more torn; Desktop|Mobile switch (all pages, both versions), text 10% smaller ===== */
img[src="images/hero.jpg"]{clip-path:polygon(0.0% 4.8%,0.9% 4.6%,1.8% 4.8%,2.8% 4.9%,3.7% 5.1%,4.6% 4.9%,5.5% 5.2%,6.4% 5.2%,7.3% 5.3%,8.3% 5.2%,9.2% 5.4%,10.1% 4.8%,11.0% 5.1%,11.9% 4.7%,12.8% 4.4%,13.8% 4.9%,14.7% 4.4%,15.6% 4.4%,16.5% 4.1%,17.4% 3.9%,18.3% 4.5%,19.3% 4.1%,20.2% 4.5%,21.1% 4.7%,22.0% 4.2%,22.9% 3.9%,23.9% 4.1%,24.8% 4.1%,25.7% 3.7%,26.6% 3.6%,27.5% 3.7%,28.4% 3.5%,29.4% 3.2%,30.3% 2.8%,31.2% 2.8%,32.1% 2.9%,33.0% 2.6%,33.9% 2.4%,34.9% 2.2%,35.8% 2.1%,36.7% 2.2%,37.6% 2.4%,38.5% 2.8%,39.4% 2.4%,40.4% 2.9%,41.3% 2.9%,42.2% 2.9%,43.1% 2.7%,44.0% 2.6%,45.0% 3.0%,45.9% 2.4%,46.8% 2.3%,47.7% 2.1%,48.6% 2.0%,49.5% 1.6%,50.5% 1.4%,51.4% 1.9%,52.3% 2.5%,53.2% 3.2%,54.1% 2.3%,55.0% 1.8%,56.0% 2.1%,56.9% 2.7%,57.8% 2.2%,58.7% 2.2%,59.6% 2.2%,60.6% 1.5%,61.5% 1.1%,62.4% 0.8%,63.3% 1.2%,64.2% 1.2%,65.1% 1.0%,66.1% 1.3%,67.0% 1.6%,67.9% 2.1%,68.8% 1.4%,69.7% 0.8%,70.6% 0.6%,71.6% 0.9%,72.5% 0.2%,73.4% 0.7%,74.3% 0.6%,75.2% 0.5%,76.1% 1.1%,77.1% 0.0%,78.0% 0.6%,78.9% 0.6%,79.8% 0.8%,80.7% 0.4%,81.7% 0.8%,82.6% 0.6%,83.5% 1.1%,84.4% 1.2%,85.3% 1.3%,86.2% 1.4%,87.2% 1.6%,88.1% 1.8%,89.0% 2.0%,89.9% 2.1%,90.8% 1.9%,91.7% 2.3%,92.7% 2.7%,93.6% 2.4%,94.5% 2.3%,95.4% 2.4%,96.3% 2.3%,97.2% 2.4%,98.2% 2.2%,99.1% 1.9%,100.0% 1.9%,100.0% 100.0%,99.1% 99.9%,98.2% 99.7%,97.2% 99.1%,96.3% 99.0%,95.4% 99.3%,94.5% 98.5%,93.6% 97.6%,92.7% 98.4%,91.7% 97.9%,90.8% 97.9%,89.9% 98.4%,89.0% 97.9%,88.1% 98.4%,87.2% 98.3%,86.2% 98.1%,85.3% 98.0%,84.4% 98.2%,83.5% 98.4%,82.6% 98.3%,81.7% 98.5%,80.7% 98.3%,79.8% 98.8%,78.9% 98.5%,78.0% 98.7%,77.1% 99.0%,76.1% 98.9%,75.2% 99.3%,74.3% 99.0%,73.4% 98.7%,72.5% 98.7%,71.6% 98.6%,70.6% 99.1%,69.7% 99.1%,68.8% 99.0%,67.9% 98.8%,67.0% 99.1%,66.1% 99.2%,65.1% 99.0%,64.2% 98.9%,63.3% 98.9%,62.4% 98.9%,61.5% 98.6%,60.6% 98.6%,59.6% 98.7%,58.7% 99.2%,57.8% 99.1%,56.9% 98.9%,56.0% 98.7%,55.0% 99.1%,54.1% 98.7%,53.2% 98.6%,52.3% 97.9%,51.4% 97.8%,50.5% 97.8%,49.5% 97.7%,48.6% 97.5%,47.7% 97.2%,46.8% 97.7%,45.9% 97.2%,45.0% 97.1%,44.0% 97.2%,43.1% 97.2%,42.2% 96.9%,41.3% 97.2%,40.4% 97.6%,39.4% 97.5%,38.5% 97.8%,37.6% 97.5%,36.7% 97.6%,35.8% 97.8%,34.9% 98.2%,33.9% 97.2%,33.0% 97.3%,32.1% 97.4%,31.2% 97.6%,30.3% 97.2%,29.4% 96.9%,28.4% 97.0%,27.5% 96.5%,26.6% 96.7%,25.7% 96.7%,24.8% 96.3%,23.9% 96.6%,22.9% 96.7%,22.0% 97.1%,21.1% 97.0%,20.2% 96.8%,19.3% 97.1%,18.3% 97.0%,17.4% 95.8%,16.5% 95.6%,15.6% 95.9%,14.7% 96.1%,13.8% 97.0%,12.8% 97.4%,11.9% 98.2%,11.0% 97.3%,10.1% 98.1%,9.2% 97.8%,8.3% 97.8%,7.3% 97.9%,6.4% 98.1%,5.5% 98.0%,4.6% 98.4%,3.7% 98.1%,2.8% 98.6%,1.8% 98.9%,0.9% 98.8%,0.0% 98.5%);}
@media (max-width: 44rem){ img[src="images/hero.jpg"]{clip-path:polygon(0.0% 2.4%,1.4% 3.1%,2.9% 2.6%,4.3% 2.4%,5.8% 2.8%,7.2% 2.8%,8.7% 2.3%,10.1% 2.2%,11.6% 1.9%,13.0% 1.8%,14.5% 1.8%,15.9% 1.8%,17.4% 1.6%,18.8% 1.7%,20.3% 1.6%,21.7% 1.3%,23.2% 1.3%,24.6% 1.6%,26.1% 1.7%,27.5% 1.8%,29.0% 1.3%,30.4% 1.7%,31.9% 1.2%,33.3% 1.5%,34.8% 1.1%,36.2% 1.7%,37.7% 1.3%,39.1% 1.8%,40.6% 1.4%,42.0% 1.5%,43.5% 1.4%,44.9% 1.5%,46.4% 1.2%,47.8% 1.0%,49.3% 1.0%,50.7% 0.6%,52.2% 0.7%,53.6% 0.5%,55.1% 0.5%,56.5% 0.6%,58.0% 0.8%,59.4% 0.1%,60.9% 0.2%,62.3% 0.4%,63.8% 0.0%,65.2% 0.5%,66.7% 0.4%,68.1% 0.6%,69.6% 0.9%,71.0% 1.2%,72.5% 0.9%,73.9% 0.9%,75.4% 0.3%,76.8% 0.4%,78.3% 0.3%,79.7% 0.3%,81.2% 0.8%,82.6% 1.2%,84.1% 1.3%,85.5% 1.6%,87.0% 1.2%,88.4% 1.5%,89.9% 1.5%,91.3% 1.5%,92.8% 1.1%,94.2% 1.4%,95.7% 1.8%,97.1% 1.7%,98.6% 2.2%,100.0% 1.9%,100.0% 99.1%,98.6% 99.4%,97.1% 99.6%,95.7% 99.3%,94.2% 99.3%,92.8% 99.1%,91.3% 99.1%,89.9% 99.1%,88.4% 98.5%,87.0% 98.5%,85.5% 98.6%,84.1% 98.5%,82.6% 98.1%,81.2% 98.2%,79.7% 97.9%,78.3% 98.3%,76.8% 98.3%,75.4% 98.0%,73.9% 97.4%,72.5% 97.3%,71.0% 97.3%,69.6% 97.5%,68.1% 97.3%,66.7% 97.4%,65.2% 97.5%,63.8% 98.0%,62.3% 98.4%,60.9% 98.4%,59.4% 98.7%,58.0% 98.5%,56.5% 98.8%,55.1% 98.8%,53.6% 98.7%,52.2% 98.5%,50.7% 98.5%,49.3% 98.6%,47.8% 98.4%,46.4% 98.1%,44.9% 98.2%,43.5% 98.1%,42.0% 97.8%,40.6% 98.1%,39.1% 97.9%,37.7% 97.9%,36.2% 97.9%,34.8% 97.8%,33.3% 97.9%,31.9% 97.8%,30.4% 97.6%,29.0% 97.1%,27.5% 97.2%,26.1% 97.0%,24.6% 97.1%,23.2% 97.3%,21.7% 97.6%,20.3% 97.5%,18.8% 98.1%,17.4% 97.8%,15.9% 98.5%,14.5% 98.5%,13.0% 98.4%,11.6% 98.7%,10.1% 98.5%,8.7% 98.3%,7.2% 98.4%,5.8% 98.5%,4.3% 98.9%,2.9% 98.8%,1.4% 98.5%,0.0% 98.4%);} }
@media (min-width: 44.01rem) { .site-footer:has(.vc-switch) { flex-direction: column; justify-content: flex-end; gap: 0.3rem; height: auto; min-height: var(--foot-h); padding: 0 0 0.35rem; } }
.site-footer .vc-switch { margin: 0; font-size: 0.62rem; line-height: 1; letter-spacing: 0.08em; color: #b5b5b5; pointer-events: auto; }
.site-footer .vc-switch a { color: inherit; text-decoration: none; padding: 0.15rem 0.2rem; }
.site-footer .vc-switch a:hover { color: #8d8d8d; }
.site-footer .vc-switch a.on { color: #9a9a9a; }
@media (max-width: 44rem) { .site-footer .vc-switch { font-size: 0.63rem; margin: 0.5rem 0 0; } }
.vc-desktop-view .site-footer .vc-switch { font-size: 2.34rem; }

/* ===== LATEST 39: DESKTOP ONLY - the Deadbeat Designs name is bigger so it fills the header space ===== */
@media (min-width: 44.01rem) { .site-header .brand { zoom: 1.4; } }

/* ===== LATEST 40: DESKTOP ONLY - About text as wide as the photo, About photo back to its plain original view (salmon lines intact); hero image 45% opacity ===== */
@media (min-width: 44.01rem) {
  .about.solo { grid-template-columns: repeat(2, minmax(0, 31.6rem)); justify-content: center; }
  .about.solo .about-text { max-width: none; width: 100%; }
  img[src="images/hero.jpg"] { opacity: 0.52; }
}

/* ===== LATEST 41: DESKTOP - contact boxes torn like mobile; full-length hero (whole photo, 52% fill); Discord handle pop-up (all sizes) ===== */
@media (min-width: 44.01rem) {
  .contact-form label:nth-of-type(1) input { clip-path: polygon(0 4%, 6% 0, 31% 3%, 58% 0, 83% 4%, 100% 0, 99% 55%, 100% 100%, 70% 96%, 44% 100%, 18% 95%, 0 100%); }
  .contact-form label:nth-of-type(2) input { clip-path: polygon(0 0, 24% 5%, 49% 0, 77% 4%, 100% 1%, 98% 48%, 100% 97%, 73% 100%, 47% 95%, 21% 100%, 2% 96%, 0 50%); }
  .contact-form label.msg textarea { clip-path: polygon(0 2%, 22% 0, 52% 3%, 79% 0, 100% 3%, 98% 38%, 100% 70%, 99% 100%, 71% 97%, 40% 100%, 12% 98%, 0 100%, 2% 60%); }
  .about-image picture { display: contents; }
}
.handle-pop { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; z-index: 4000; }
.handle-pop:target { display: flex; }
.handle-pop .hp-bg { position: absolute; inset: 0; background: rgba(246,246,245,0.85); }
.handle-pop .hp-card { position: relative; min-width: 16rem; padding: 2.2rem 3rem 2rem; text-align: center; background: #fafaf8; border: 1px solid #d0d0d0; box-shadow: 0 8px 30px rgba(0,0,0,0.12); }
.handle-pop .hp-close { position: absolute; top: 0.35rem; right: 0.85rem; font-size: 1.7rem; line-height: 1; color: #b5b5b5; text-decoration: none; }
.handle-pop .hp-label { margin: 0 0 0.7rem; font-size: 0.72rem; letter-spacing: 0.25em; text-transform: uppercase; color: #8d8d8d; }
.handle-pop .hp-handle { margin: 0; font-size: 1.3rem; letter-spacing: 0.06em; color: #111; user-select: all; -webkit-user-select: all; }
@media (min-width: 44.01rem) { .band h3 { min-height: 1.7rem; display: flex; align-items: center; justify-content: center; } }

/* ===== LATEST 42: Taboo credits pop-up ===== */
.taboo-links details.credits { position: relative; display: inline-block; }
.taboo-links details.credits summary { cursor: pointer; list-style: none; color: #8a8a8a; }
.taboo-links details.credits summary::-webkit-details-marker { display: none; }
.taboo-links details.credits summary:hover { color: #5e5e5e; text-decoration: underline; text-underline-offset: 0.3em; }
.taboo-links .credits-box { position: fixed; z-index: 50; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(26rem, 88vw); max-height: 80vh; overflow-y: auto; text-align: left; background: rgba(250,250,248,0.98); border: 1px solid #cfcfcf; box-shadow: 0 6px 24px rgba(0,0,0,0.12); padding: 1rem 1.2rem; color: #8a8a8a; font-size: 0.8125rem; line-height: 1.5; }
.taboo-links .credits-box p { margin: 0 0 0.35rem; font-size: inherit; line-height: inherit; text-align: left; padding: 0; }
.taboo-links .credits-box b { font-weight: 500; letter-spacing: 0.04em; }
.about-text p.desc + p.desc { margin-top: 0.7rem; }

/* ===== LATEST 43: credits Exit button; Desktop|Mobile above copyright; Algo title line 2 ===== */
.about-text h1.ink-title .ln:last-child { justify-content: center; gap: 0.42em; }
@media (max-width: 44rem) { main.about.project .about-text h1.ink-title .ln:last-child { font-size: 0.84em; gap: 0.38em; } }

/* ===== LATEST 44: contact fields + about photo, About work button, architecture booklet buttons ===== */
.contact-form label:nth-of-type(3) input { clip-path: polygon(0 3%, 9% 0, 34% 4%, 62% 0, 86% 3%, 100% 1%, 99% 52%, 100% 98%, 74% 100%, 48% 96%, 22% 100%, 0 97%); }
.contact-form label:nth-of-type(4) input { clip-path: polygon(0 1%, 21% 4%, 46% 0, 73% 3%, 100% 0, 99% 46%, 100% 100%, 76% 97%, 50% 100%, 25% 95%, 0 100%, 1% 52%); }
.contact-form label:nth-of-type(5) input { clip-path: polygon(0 0, 14% 3%, 40% 0, 66% 4%, 89% 0, 100% 3%, 98% 50%, 100% 96%, 78% 100%, 53% 95%, 27% 100%, 6% 96%, 0 100%); }
@media (max-width: 44rem) {
  .contact-form input[type=text], .contact-form input[type=email], .contact-form textarea { background-image: linear-gradient(rgba(246,246,245,0.8), rgba(246,246,245,0.8)), url("images/about-friends.jpg") !important; }
  .contact-form label:nth-of-type(1) input { background-size: auto, 230% auto; background-position: 0 0, 30% 40%; }
  .contact-form label:nth-of-type(2) input { background-size: auto, 250% auto; background-position: 0 0, 60% 55%; }
  .contact-form label:nth-of-type(3) input { background-size: auto, 240% auto; background-position: 0 0, 45% 20%; }
  .contact-form label:nth-of-type(4) input { background-size: auto, 260% auto; background-position: 0 0, 70% 70%; }
  .contact-form label:nth-of-type(5) input { background-size: auto, 230% auto; background-position: 0 0, 20% 85%; }
  .contact-form label.msg textarea { background-size: auto, 170% auto; background-position: 0 0, 50% 60%; }
}
.work-btn, .book-btn { display: inline-block; margin: 1.1rem auto 0; padding: 0.55rem 1.4rem; border: 1px solid #b5b5b5; background: none; color: #8a8a8a; font: inherit; font-weight: 300; font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.work-btn:hover, .book-btn:hover { color: #5e5e5e; border-color: #8a8a8a; }
.about.solo .about-image, .projects .about-image { text-align: center; }
.handle-pop .hp-text { margin: 0; max-width: 24rem; font-size: 0.9rem; line-height: 1.7; color: #333; text-align: left; }
.work-pop .hp-label { text-transform: none; letter-spacing: 0.08em; font-size: 0.8rem; }
.projects .about-image .book-btn { margin-top: 0.7rem; padding: 0.35rem 1rem; font-size: 0.66rem; }
@media (min-width: 44.01rem) {
  .projects .apage .about.project .about-image img { max-height: calc((100dvh - var(--header-h) - var(--foot-h, 2rem)) / 2 - 4.9rem); }
  .contact-form { gap: 0.8rem; }
  .contact-page .contact-form textarea { min-height: 4rem; }
}
@media (max-width: 44rem) { .work-btn { letter-spacing: 0.1em; font-size: 0.64rem; padding: 0.55rem 0.7rem; white-space: nowrap; } }

/* ===== LATEST 45: contact photo exact old size; About review band ===== */
.rev-pop .hp-card { max-width: min(36rem, 90vw); max-height: 82vh; overflow-y: auto; text-align: left; padding: 2.2rem 2rem 1.6rem; }
.rev-pop .hp-label { letter-spacing: 0.06em; text-transform: none; line-height: 1.5; }
.rev-pop .hp-text { margin: 0 0 0.9rem; }

/* ===== LATEST 46: About reviews band (scrolls sideways, bottom of the page) ===== */
.reviews { width: min(94vw, 1200px); margin: 0 auto; padding: 0.4rem 0 0.6rem; }
.rv-head { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: 0 0 0.6rem; position: relative; }
.rv-title { margin: 0; font-size: 0.78rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: #8a8a8a; text-align: center; }
.rv-arrows { position: absolute; right: 0; display: flex; gap: 0.3rem; }
.rv-arrows button { width: 1.7rem; height: 1.7rem; border: 1px solid #cfcfcf; border-radius: 50%; background: rgba(250,250,248,0.8); color: #8a8a8a; font-size: 1.1rem; line-height: 1; cursor: pointer; padding: 0 0 0.12rem; }
.rv-arrows button:hover { color: #5e5e5e; border-color: #8a8a8a; }
.rv-track { display: flex; gap: 0.9rem; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; padding: 0.2rem 0.2rem 0.6rem; scrollbar-width: thin; scrollbar-color: #c4c4c4 transparent; }
.rev { flex: 0 0 15.5rem; scroll-snap-align: start; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0.8rem 1rem 0.7rem; border: 1px solid #d9d9d9; border-radius: 0.9rem; background: rgba(250,250,248,0.82); color: #6d6d6d; }
.rev-avatar { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: 0.6rem; background: #cfcfcf; color: #fff; font-size: 1rem; }
.rev-name { margin: 0.45rem 0 0; font-size: 0.82rem; font-weight: 600; color: #4a4a4a; letter-spacing: 0.02em; }
.rev-role { margin: 0.1rem 0 0.4rem; font-size: 0.62rem; line-height: 1.35; color: #9a9a9a; }
.rev-text { margin: 0; font-size: 0.72rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.rev-more { margin-top: 0.35rem; font-size: 0.72rem; font-weight: 600; color: #4a4a4a; text-decoration: none; }
.rev-more:hover { text-decoration: underline; text-underline-offset: 0.3em; }
@media (max-width: 44rem) { .reviews { width: 100%; padding: 1.2rem 0 0.4rem; } .rv-head { flex-direction: column; gap: 0.5rem; } .rv-arrows { display: none; } .rv-track { padding: 0.2rem 1.25rem 0.8rem; } .rev { flex-basis: 78vw; } .rev-text { -webkit-line-clamp: 4; } }
.fit .reviews { flex: none; margin-bottom: calc(var(--foot-h, 2rem) + 0.5rem); }

.rev { flex-basis: 21rem; align-items: stretch; text-align: left; padding: 0.65rem 0.9rem 0.55rem; }
.rev-who { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.4rem; }
.rev-who h3 { margin: 0; text-align: left; }
.rev-who p { margin: 0.1rem 0 0; text-align: left; }
.rev-avatar { flex: none; width: 2.1rem; height: 2.1rem; }
.rev-more { align-self: flex-start; margin-top: 0.25rem; }
@media (max-width: 44rem) { .rev { flex-basis: 82vw; } }
/* ===== LATEST 47: credits x, Taboo Gallery button, gallery end, booklet buttons hover ===== */
.credits-box .credits-x { position: absolute; top: 0.3rem; right: 0.6rem; margin: 0; padding: 0 0.2rem; border: 0; background: none; font: inherit; font-size: 1.5rem; line-height: 1; color: #8a8a8a; cursor: pointer; }
.credits-box .credits-x:hover { color: #5e5e5e; }
.credits-box { padding-top: 1.6rem !important; }
.gallery-btn { display: inline-block; margin: 0.9rem 0 0; padding: 0.5rem 1.3rem; border: 1px solid #b5b5b5; color: #8a8a8a; font-weight: 300; font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; text-decoration: none; background: none; }
.gallery-btn:hover { color: #5e5e5e; border-color: #8a8a8a; }
.contact-page, .about-image:has(.gallery-btn) { }
.about-image:has(.gallery-btn) { text-align: left; }
.work-btn:hover, .book-btn:hover, .book-btn:focus-visible, .book-btn:active { background: #111; border-color: #111; color: #fff; }
.tetris + .back.back-bottom { width: min(86vw, 1400px); margin: 1.2rem auto 0; text-align: right; }
html:has(.tetris) main { padding-bottom: 0; }

/* MOBILE ONLY - architecture: one project per page, scrolls page by page like the Taboo gallery */
@media (max-width: 44rem) {
  html:has(.projects) { --header-h: 9.7rem; scroll-snap-type: y mandatory !important; scroll-padding-top: var(--header-h); }
  html:has(.projects) .site-header { position: sticky; top: 0; z-index: 6; height: var(--header-h); overflow: hidden; background: var(--paper); padding-top: 1.25rem; padding-bottom: 0; justify-content: flex-start; }
  .projects .apage { scroll-snap-align: none; scroll-snap-stop: normal; }
  .projects .apage .about.project { margin-top: 0 !important; min-height: calc(100dvh - var(--header-h) - 4.9rem); display: flex; flex-direction: column; justify-content: center; align-items: center; scroll-snap-align: start; scroll-snap-stop: always; box-sizing: border-box; padding: 0.4rem 0; }
  .projects .apage .about.project .about-image { margin: 0; text-align: center; }
  .projects .apage .about.project .about-image img { width: auto; max-width: 100%; max-height: 30dvh; margin: 0 auto; }
  .projects .apage .about.project .about-text { width: 100%; }
  .projects .apage .about-text h2 { font-size: 1.15rem; margin: 0.8rem 0 0.5rem; }
  .projects .apage .about-text p.desc { font-size: 0.74rem; line-height: 1.5; }
}
@media (max-width: 44rem) { .projects .apage .about.project, .projects .apage .about.project + .about.project, .projects .about.project:not(:first-child) { height: auto !important; min-height: calc(100dvh - var(--header-h) - 4.9rem) !important; padding: 0.4rem 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } }
@media (max-width: 44rem) { .projects .apage { height: auto !important; display: block !important; padding: 0 !important; row-gap: 0 !important; } }
@media (max-width: 44rem) {
  .projects .apage .about.project, .projects .apage .about.project + .about.project, .projects .about.project:not(:first-child) { height: calc(100dvh - var(--header-h) - 4.9rem) !important; min-height: 0 !important; overflow: hidden; }
  .projects .apage .about.project .about-image { flex: 1 1 0; min-height: 5rem; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .projects .apage .about.project .about-image > a:first-child { flex: 1 1 0; min-height: 0; display: flex; align-items: center; justify-content: center; max-width: 100%; }
  .projects .apage .about.project .about-image img { max-height: 100%; width: auto; max-width: 100%; }
  .projects .apage .about.project .about-image .book-btn { flex: none; margin-top: 0.5rem; }
  .projects .apage .about.project .about-text { flex: none; }
  .projects .apage .about-text h2 { margin: 0.5rem 0 0.35rem; font-size: 1.05rem; }
}
@media (max-width: 44rem) { .projects .apage .about.project { scroll-margin-top: 0 !important; } }

/* ===== LATEST 48: music pictures play / pause with a sound icon ===== */
.pick.playable { position: relative; cursor: pointer; }
.pick .snd { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.pick .snd svg { grid-area: 1 / 1; width: 2.3rem; height: 2.3rem; padding: 0.55rem; box-sizing: border-box; border-radius: 50%; background: rgba(20,20,20,0.5); fill: #fff; transition: opacity 0.2s, background 0.2s; }
.pick .snd .ic-pause { opacity: 0; }
.pick.on .snd .ic-play { opacity: 0; }
.pick.on .snd .ic-pause { opacity: 1; }
.pick.playable:hover .snd svg { background: rgba(20,20,20,0.75); }
.band:nth-child(even) .pick .snd { transform: rotate(180deg); }
.pick.playable.on { filter: none; }
.pick.playable.on .snd svg { background: rgba(20,20,20,0.7); }
@media (max-width: 44rem) {
  html:has(.projects) .site-footer { background: var(--paper) !important; }
}

/* ===== LATEST 49: CV reviews on the right; contact photo identical to About ===== */
.contact-page .about-image img.about-photo { width: 100%; max-height: none; height: min(calc(100dvh - var(--header-h) - 4.9rem), 720px); aspect-ratio: auto; object-fit: cover; object-position: 100% 50%; }
@media (max-width: 44rem) { .contact-page .about-image img.about-photo { width: 100%; height: auto; aspect-ratio: 4 / 5; } .contact-page .about-image { width: 86vw; margin-left: auto; margin-right: auto; } }
@media (min-width: 44.01rem) {
  main.cv-page { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 28rem); gap: 3rem; width: min(94vw, 1200px); margin: 0 auto; align-items: start; }
  .cv-page .about-text { max-width: none; }
  .cv-page .cv-reviews { width: 100%; margin: 3.5rem 0 0; padding: 0; min-width: 0; }
  .cv-page .rv-head { justify-content: flex-start; padding-right: 4rem; }
  .cv-page .rv-title { text-align: left; line-height: 1.5; }
}
.cv-page .rev { flex: 0 0 min(19rem, 100%); min-height: 16rem; padding: 1.1rem 1.2rem 1rem; justify-content: flex-start; }
.cv-page .rev-text { -webkit-line-clamp: 8; }
@media (max-width: 44rem) { .cv-page .rev { flex-basis: 82vw; min-height: 16rem; } .cv-page .rev-text { -webkit-line-clamp: 8; } .cv-page .cv-reviews { padding: 1rem 0 0.4rem; } }
@media (min-width: 44.01rem) {
  .contact-page .about-image img.about-photo { width: 31.6rem; max-width: none; }
  .contact-page .about-image { margin-top: 1.5rem; }
  .contact-page .about-text { margin-top: 1.5rem; }
  body.fit:has(.contact-page) { height: auto; min-height: 100dvh; overflow: visible; display: block; }
  main.contact-page { height: auto; padding-bottom: 1rem; }
  body.fit:has(.contact-page) .site-footer { position: static !important; height: auto !important; padding: 0.6rem 0 0.9rem !important; }
}

/* ===== LATEST 51: CV reviews: title centred over the cards, longer cards; contact photo lines up exactly with About ===== */
.cv-page .rv-head { justify-content: center; padding-right: 0; }
.cv-page .rv-title { text-align: center; }
.cv-page .rv-arrows { position: static; margin-left: 0.4rem; }
.cv-page .rv-track { align-items: stretch; }
.cv-page .rev { flex: 0 0 100%; min-height: 0; padding: 1.2rem 1.3rem 1.1rem; text-align: left; align-items: stretch; }
.cv-page .rev-who { justify-content: flex-start; }
.cv-page .rev-text { -webkit-line-clamp: 12; font-size: 0.8rem; line-height: 1.6; }
.cv-page .rev-text.full { display: block; -webkit-line-clamp: unset; overflow: visible; }
.cv-page .rev-more { margin-top: auto; padding-top: 0.5rem; }
@media (min-width: 44.01rem) { main.cv-page { grid-template-columns: minmax(0, 1fr) minmax(0, 30rem); } .cv-page .cv-reviews { margin-top: 3.5rem; } }
.cv-page .rev-text + .rev-text { margin-top: 0.7rem; }
.cv-page .rev-text { -webkit-line-clamp: 8; }
@media (min-width: 44.01rem) {
  main.cv-page { align-content: start; }
  .cv-page .cv-reviews { align-self: start; margin-top: 3.5rem; }
  .contact-page .about-image { margin-top: 0.7rem; }
}

/* ===== LATEST 52: Taboo Gallery button under text+links; play icon only on mobile (shows pause while playing) ===== */
.about-text > .gallery-btn { display: inline-block; margin: 1.1rem 0 0; }
@media (min-width: 44.01rem) {
  .pick .snd .ic-play { display: none; }
  .pick:not(.on) .snd { display: none; }
}

/* ===== LATEST 53: CV entries ===== */
.cv-list { list-style: none; margin: 1.4rem 0 0; padding: 0; text-align: left; }
.cv-list li { margin: 0 0 1rem; font-size: 0.9rem; line-height: 1.7; }

/* ===== LATEST 54: black hover for Gallery; booklet copyright small + light grey ===== */
.gallery-btn:hover, .gallery-btn:focus-visible, .gallery-btn:active { background: #111; border-color: #111; color: #fff; }
.book-page .site-footer, .book-page .site-footer p { color: #b9b9b9; font-size: 0.62rem; }
.book-page .site-footer .vc-switch { color: #8f8f8f; }

/* ===== LATEST 55: CV in the site's style; reviews snap one full card at a time ===== */
.cv-page .rv-track { scroll-snap-type: x mandatory; scroll-padding: 0 0.2rem; }
.cv-page .rev { scroll-snap-align: start; scroll-snap-stop: always; }
.cv-page .rev-who { display: block; margin-bottom: 0.5rem; }
.cv-page .rev-who:empty { display: none; }
.cv-page .rev-name { font-size: 0.82rem; font-weight: 600; color: #4a4a4a; letter-spacing: 0.02em; line-height: 1.4; margin: 0; }
.cv-page .rev-avatar, .cv-page .rev-role { display: none; }
body.fit:has(.cv-page) { height: auto; min-height: 100dvh; overflow: visible; display: block; }
body.fit:has(.cv-page) .site-footer { position: static !important; height: auto !important; padding: 1.2rem 0 0.9rem !important; }
.cv-body { text-align: left; }
.cv-body .desc { text-align: left; margin: 0 0 1.2rem; }
.cv-kicker { margin: 0 0 0.6rem; font-size: 0.78rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: #8a8a8a; }
.cv-sec { margin: 0 0 2.2rem; }
.cv-sec h2 { margin: 0 0 0.9rem; font-size: 0.78rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: #8a8a8a; text-align: left; border-bottom: 1px solid #d9d9d9; padding-bottom: 0.5rem; }
.cv-list { list-style: none; margin: 0; padding: 0; }
.cv-list > li { margin: 0 0 1.3rem; font-size: 0.88rem; line-height: 1.7; }
.cv-job h3 { margin: 0; font-size: 0.9rem; font-weight: 600; letter-spacing: 0.02em; color: #222; text-align: left; }
.cv-meta { margin: 0.1rem 0 0.4rem; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: #8a8a8a; }
.cv-list p { margin: 0 0 0.4rem; }
.cv-list ul { margin: 0.2rem 0 0; padding-left: 1.1rem; }
.cv-list ul li { margin: 0 0 0.25rem; font-size: 0.84rem; line-height: 1.6; }
.cv-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.45rem 2rem; font-size: 0.86rem; }
.cv-grid li span { float: right; color: #8a8a8a; font-size: 0.74rem; letter-spacing: 0.08em; }
.cv-skills li { padding-bottom: 0.2rem; }
@media (min-width: 44.01rem) {
  main.cv-page { align-items: start; padding-bottom: 2rem; }
  .cv-page .cv-body { margin-top: 3.5rem; }
  .cv-page .cv-reviews { position: sticky; top: 1.5rem; }
}
@media (max-width: 44rem) { .cv-body { padding: 0 1.5rem; } .cv-grid { grid-template-columns: 1fr; } .cv-page .cv-reviews { order: 2; padding: 0 0 2rem; } }
.cv-body .cv-kicker, .cv-body .desc, .cv-body p { text-align: left !important; }
@media (max-width: 44rem) { .cv-body .desc { padding: 0 !important; } }

/* ===== LATEST 56: CV desktop: reviews on the left, CV text on the right ===== */
@media (min-width: 44.01rem) {
  main.cv-page { grid-template-columns: minmax(0, 30rem) minmax(0, 1fr); }
  .cv-page .cv-reviews { grid-column: 1; grid-row: 1; }
  .cv-page .cv-body { grid-column: 2; grid-row: 1; }
}

/* ===== LATEST 57: CV expertise + skills indented like the other lists ===== */
.cv-grid { padding-left: 1.1rem; }
.cv-grid.cv-skills { list-style: circle; padding-left: 1.1rem; }
.cv-grid.cv-skills li { margin-left: 0; }
.cv-grid, .cv-grid li { text-align: left !important; }
.cv-grid:not(.cv-skills) li { display: flex; justify-content: space-between; gap: 1rem; }
.cv-grid li span { float: none; }

/* ===== LATEST 58: CV text column same width as the reviews ===== */
@media (min-width: 44.01rem) {
  main.cv-page { grid-template-columns: 30rem 30rem; justify-content: center; }
  .cv-page .cv-body { max-width: 30rem; width: 30rem; }
}
@media (min-width: 44.01rem) {
  main.cv-page { grid-template-columns: 31rem 31rem; }
  .cv-page .cv-body { max-width: 31rem; width: 31rem; }
  .cv-page .cv-reviews { width: 31rem; max-width: 31rem; }
}
@media (min-width: 44.01rem) {
  main.cv-page .about-text.cv-body { max-width: 31rem !important; width: 31rem !important; }
  .cv-page .rv-track { padding-left: 0; padding-right: 0; scroll-padding: 0; }
}
.cv-page .rev-name a { color: inherit; text-decoration: none; }
.cv-page .rev-name a:hover, .cv-page .rev-name a:focus-visible { text-decoration: underline; text-underline-offset: 0.25em; }
.cv-page .rev-role.rev-role-show { display: block; margin: 0.15rem 0 0; font-size: 0.72rem; line-height: 1.4; color: #4a4a4a; text-align: left; }
.cv-page .rev-role a { color: inherit; text-decoration: none; }
.cv-page .rev-role a:hover { text-decoration: underline; text-underline-offset: 0.25em; }

/* ===== LATEST 59: CV subtitles black ===== */
.cv-page .cv-kicker, .cv-page .cv-body h2, .cv-page .cv-meta, .cv-page .rv-title { color: #000 !important; }

/* ===== LATEST 60: site title slightly thicker; contact boxes exactly as wide as the title ===== */
.brand, .brand .hd, .brand .hd i, .brand-anim .w2, .brand-anim .w3 { -webkit-text-stroke: 0.6px #000; paint-order: stroke fill; }
@media (min-width: 44.01rem) { .contact-page .contact-form { width: calc(8.5rem + var(--tw, 21.5rem)); max-width: none; margin-left: 0; margin-right: 0; } }
@media (max-width: 44rem) { main.contact-page .contact-form { width: var(--tw, 100%); max-width: 100%; margin-left: auto; margin-right: auto; } }

/* ===== LATEST 61: hero voids are baked into the image files (hero-d.webp / hero-m.webp), no mask needed ===== */

/* ===== LATEST 63: purchase prints - "Next" beside "Back" (loops through all the prints) ===== */
.print .back .next { margin-left: 2.4rem; }
.print .back .next:hover { text-decoration: underline; }

/* ===== LATEST 65: purchase prints (phones) - picture sits clear of the menu, same box as the original photo ===== */
@media (max-width: 44rem) {
  main.about.project.print .about-image { margin-top: 0.8rem; }
  main.about.project.print .about-image img { max-height: 33dvh; width: auto; max-width: 100%; margin: 0 auto; }
}

/* ===== LATEST 66: purchase prints - Back / Next (and the x) always in the same spot: the title area reserves room for three lines ===== */
.print .about-text h1.exact, .print .about-text h1 { min-height: 3.45em; display: flex; align-items: flex-end; justify-content: center; text-align: center; }

/* ===== LATEST 67: purchase prints - the x sits under the right edge of the paragraph, level with the bottom edge of the photo ===== */
.print-x { text-decoration: none; color: #9a9a9a; font-size: 1.7rem; line-height: 1; padding: 0.1rem 0.4rem; }
.print-x:hover, .print-x:focus-visible { color: #555; }
@media (min-width: 44.01rem) {
  main.about.project.print { grid-template-rows: auto; align-content: center; }
  main.about.project.print .about-image { grid-column: 1; grid-row: 1; }
  main.about.project.print .about-text { grid-column: 2; grid-row: 1; }
  main.about.project.print .print-x { grid-column: 2; grid-row: 1; align-self: end; justify-self: start; width: min(100%, 30rem); text-align: right; transform: translateX(calc(-0.125in + 8px)); padding: 0; line-height: 0.8; }
}
@media (max-width: 44rem) { main.about.project.print .print-x { align-self: flex-end; margin: 0.2rem 1.2rem 0 0; } }

/* ===== LATEST 68: CV review bubbles - torn-paper edges like the photos ===== */
.cv-page .rev { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #efefed !important; }
.cv-page .rev:nth-child(3n+1) { clip-path: polygon(0.0% 1.2%,1.0% 2.0%,1.8% 1.8%,2.8% 2.2%,3.8% 0.8%,4.6% 0.4%,5.6% 0.6%,6.6% 2.6%,7.6% 1.6%,8.4% 2.0%,9.4% 3.0%,10.4% 2.6%,11.2% 1.4%,12.2% 1.6%,13.2% 0.8%,14.0% 0.8%,15.0% 1.0%,16.0% 0.4%,16.8% 2.2%,17.8% 3.0%,18.8% 2.2%,19.6% 2.2%,20.6% 2.2%,21.6% 2.4%,22.4% 3.2%,23.4% 2.4%,24.4% 1.0%,25.4% 2.2%,26.2% 2.4%,27.2% 2.8%,28.2% 2.6%,29.0% 1.6%,70.0% 0.6%,71.0% 1.4%,71.8% 2.0%,72.8% 2.4%,73.8% 2.4%,74.6% 2.2%,75.6% 2.2%,76.6% 1.2%,77.6% 1.4%,78.4% 1.4%,79.4% 0.6%,80.4% 2.6%,81.2% 1.0%,82.2% 2.8%,83.2% 2.8%,84.0% 1.4%,85.0% 1.4%,86.0% 1.0%,86.8% 1.8%,87.8% 0.6%,88.8% 1.2%,89.6% 2.2%,90.6% 1.8%,91.6% 2.2%,92.4% 1.8%,93.4% 2.2%,94.4% 2.8%,95.4% 2.6%,96.2% 3.0%,97.2% 3.0%,98.2% 2.2%,99.0% 1.6%,100.0% 2.2%,99.2% 2.2%,99.0% 4.6%,98.4% 6.8%,98.4% 9.2%,99.4% 11.6%,99.0% 13.8%,99.2% 16.2%,99.0% 18.4%,99.6% 20.8%,98.8% 23.0%,98.6% 25.4%,98.4% 27.8%,99.4% 70.0%,99.4% 72.2%,99.2% 74.6%,99.2% 77.0%,98.8% 79.2%,99.0% 81.6%,98.6% 83.8%,99.6% 86.2%,99.6% 88.4%,99.6% 90.8%,98.8% 93.0%,98.6% 95.4%,98.8% 97.8%,99.4% 100.0%,100.0% 98.4%,99.0% 96.8%,98.2% 97.2%,97.2% 98.8%,96.2% 97.8%,95.4% 97.8%,94.4% 98.0%,93.4% 98.6%,92.4% 98.8%,91.6% 99.4%,90.6% 99.0%,89.6% 97.6%,88.8% 97.6%,87.8% 98.8%,86.8% 96.8%,86.0% 97.0%,85.0% 97.8%,84.0% 99.2%,83.2% 97.8%,82.2% 99.0%,81.2% 99.2%,80.4% 98.6%,79.4% 98.4%,78.4% 99.4%,77.6% 98.8%,76.6% 97.8%,75.6% 97.6%,74.6% 99.8%,73.8% 99.6%,72.8% 99.8%,71.8% 99.2%,71.0% 98.0%,70.0% 97.4%,29.0% 99.0%,28.2% 97.4%,27.2% 99.0%,26.2% 97.4%,25.4% 97.8%,24.4% 98.4%,23.4% 99.0%,22.4% 98.6%,21.6% 98.4%,20.6% 96.8%,19.6% 97.2%,18.8% 98.0%,17.8% 97.0%,16.8% 98.2%,16.0% 99.0%,15.0% 97.6%,14.0% 97.4%,13.2% 98.4%,12.2% 98.8%,11.2% 98.4%,10.4% 97.6%,9.4% 98.0%,8.4% 99.0%,7.6% 98.8%,6.6% 98.0%,5.6% 97.4%,4.6% 98.4%,3.8% 98.4%,2.8% 97.0%,1.8% 98.4%,1.0% 98.0%,0.0% 98.4%,1.0% 97.8%,0.8% 95.4%,0.8% 93.0%,1.2% 90.8%,1.4% 88.4%,0.8% 86.2%,0.8% 83.8%,1.2% 81.6%,0.8% 79.2%,0.8% 77.0%,1.2% 74.6%,0.2% 72.2%,0.4% 70.0%,0.4% 27.8%,1.2% 25.4%,1.0% 23.0%,1.0% 20.8%,1.4% 18.4%,1.2% 16.2%,0.2% 13.8%,0.8% 11.6%,1.0% 9.2%,1.2% 6.8%,1.2% 4.6%,0.8% 2.2%); }
.cv-page .rev:nth-child(3n+2) { clip-path: polygon(0.0% 2.6%,1.0% 2.0%,1.8% 0.8%,2.8% 2.6%,3.8% 1.6%,4.6% 1.0%,5.6% 2.4%,6.6% 2.0%,7.6% 1.0%,8.4% 2.2%,9.4% 2.6%,10.4% 2.2%,11.2% 2.6%,12.2% 2.4%,13.2% 1.8%,14.0% 1.4%,15.0% 2.2%,16.0% 3.0%,16.8% 1.4%,17.8% 2.0%,18.8% 0.8%,19.6% 1.6%,20.6% 0.8%,21.6% 2.2%,22.4% 3.0%,23.4% 3.2%,24.4% 2.8%,25.4% 2.6%,26.2% 2.6%,27.2% 2.2%,28.2% 1.4%,29.0% 1.6%,70.0% 2.6%,71.0% 3.2%,71.8% 3.2%,72.8% 2.6%,73.8% 2.0%,74.6% 2.2%,75.6% 2.8%,76.6% 3.2%,77.6% 3.4%,78.4% 1.0%,79.4% 2.0%,80.4% 1.2%,81.2% 0.4%,82.2% 0.2%,83.2% 2.2%,84.0% 1.8%,85.0% 0.8%,86.0% 2.6%,86.8% 2.0%,87.8% 2.4%,88.8% 2.2%,89.6% 2.0%,90.6% 2.0%,91.6% 1.2%,92.4% 1.2%,93.4% 0.8%,94.4% 2.2%,95.4% 1.8%,96.2% 1.8%,97.2% 1.4%,98.2% 2.8%,99.0% 3.2%,100.0% 2.2%,99.4% 2.2%,99.4% 4.6%,99.4% 6.8%,99.2% 9.2%,99.8% 11.6%,99.2% 13.8%,99.6% 16.2%,99.6% 18.4%,99.0% 20.8%,99.6% 23.0%,99.4% 25.4%,99.6% 27.8%,99.4% 70.0%,99.0% 72.2%,99.2% 74.6%,99.6% 77.0%,99.6% 79.2%,99.8% 81.6%,99.8% 83.8%,99.8% 86.2%,99.8% 88.4%,99.8% 90.8%,99.8% 93.0%,98.8% 95.4%,99.6% 97.8%,99.0% 100.0%,100.0% 99.2%,99.0% 98.4%,98.2% 97.0%,97.2% 98.0%,96.2% 97.4%,95.4% 98.0%,94.4% 97.8%,93.4% 98.0%,92.4% 97.0%,91.6% 97.2%,90.6% 98.4%,89.6% 97.0%,88.8% 97.4%,87.8% 99.0%,86.8% 98.4%,86.0% 98.6%,85.0% 97.0%,84.0% 97.4%,83.2% 97.8%,82.2% 96.8%,81.2% 98.0%,80.4% 99.2%,79.4% 99.4%,78.4% 99.0%,77.6% 96.8%,76.6% 97.8%,75.6% 96.8%,74.6% 97.0%,73.8% 98.0%,72.8% 97.2%,71.8% 98.4%,71.0% 98.4%,70.0% 98.0%,29.0% 97.6%,28.2% 98.0%,27.2% 98.6%,26.2% 98.2%,25.4% 99.4%,24.4% 99.4%,23.4% 99.4%,22.4% 98.6%,21.6% 98.0%,20.6% 97.4%,19.6% 97.6%,18.8% 97.4%,17.8% 97.2%,16.8% 98.2%,16.0% 97.6%,15.0% 99.2%,14.0% 98.2%,13.2% 97.6%,12.2% 98.0%,11.2% 98.0%,10.4% 99.8%,9.4% 99.8%,8.4% 99.4%,7.6% 98.8%,6.6% 98.0%,5.6% 98.4%,4.6% 99.0%,3.8% 99.0%,2.8% 97.2%,1.8% 98.2%,1.0% 97.6%,0.0% 97.6%,1.2% 97.8%,0.8% 95.4%,1.0% 93.0%,0.8% 90.8%,0.8% 88.4%,1.4% 86.2%,0.8% 83.8%,1.4% 81.6%,1.4% 79.2%,1.0% 77.0%,0.8% 74.6%,0.6% 72.2%,1.6% 70.0%,1.4% 27.8%,1.2% 25.4%,0.8% 23.0%,0.8% 20.8%,1.4% 18.4%,1.0% 16.2%,1.0% 13.8%,1.0% 11.6%,1.0% 9.2%,1.0% 6.8%,1.2% 4.6%,1.0% 2.2%); }
.cv-page .rev:nth-child(3n) { clip-path: polygon(0.0% 2.6%,1.0% 1.0%,1.8% 1.2%,2.8% 0.8%,3.8% 0.6%,4.6% 0.2%,5.6% 2.6%,6.6% 1.0%,7.6% 2.6%,8.4% 1.8%,9.4% 2.4%,10.4% 1.0%,11.2% 1.6%,12.2% 2.6%,13.2% 1.0%,14.0% 0.8%,15.0% 0.6%,16.0% 1.0%,16.8% 1.2%,17.8% 0.8%,18.8% 0.6%,19.6% 2.4%,20.6% 2.6%,21.6% 2.4%,22.4% 1.4%,23.4% 0.6%,24.4% 1.8%,25.4% 3.0%,26.2% 3.2%,27.2% 3.0%,28.2% 3.4%,29.0% 1.0%,70.0% 1.0%,71.0% 2.8%,71.8% 1.2%,72.8% 1.6%,73.8% 2.8%,74.6% 2.4%,75.6% 1.8%,76.6% 1.0%,77.6% 1.0%,78.4% 0.8%,79.4% 0.2%,80.4% 0.6%,81.2% 1.8%,82.2% 2.4%,83.2% 2.6%,84.0% 1.8%,85.0% 0.8%,86.0% 1.0%,86.8% 0.8%,87.8% 1.6%,88.8% 1.4%,89.6% 1.6%,90.6% 1.8%,91.6% 2.4%,92.4% 1.4%,93.4% 0.6%,94.4% 1.4%,95.4% 2.4%,96.2% 1.0%,97.2% 1.6%,98.2% 2.8%,99.0% 1.2%,100.0% 0.4%,99.4% 2.2%,98.8% 4.6%,99.0% 6.8%,99.0% 9.2%,98.6% 11.6%,99.4% 13.8%,99.6% 16.2%,99.8% 18.4%,99.2% 20.8%,99.0% 23.0%,98.8% 25.4%,99.6% 27.8%,99.4% 70.0%,99.2% 72.2%,99.0% 74.6%,98.6% 77.0%,98.6% 79.2%,98.8% 81.6%,99.2% 83.8%,99.2% 86.2%,99.2% 88.4%,99.4% 90.8%,98.8% 93.0%,99.4% 95.4%,98.8% 97.8%,99.2% 100.0%,100.0% 97.2%,99.0% 98.0%,98.2% 99.2%,97.2% 98.8%,96.2% 97.8%,95.4% 99.0%,94.4% 97.2%,93.4% 98.0%,92.4% 97.4%,91.6% 99.0%,90.6% 98.8%,89.6% 98.4%,88.8% 97.2%,87.8% 98.4%,86.8% 98.6%,86.0% 99.2%,85.0% 98.0%,84.0% 99.0%,83.2% 98.0%,82.2% 97.4%,81.2% 97.2%,80.4% 97.0%,79.4% 97.0%,78.4% 98.4%,77.6% 97.4%,76.6% 99.0%,75.6% 98.2%,74.6% 96.8%,73.8% 98.0%,72.8% 97.0%,71.8% 98.0%,71.0% 98.4%,70.0% 98.2%,29.0% 98.6%,28.2% 99.6%,27.2% 99.4%,26.2% 98.4%,25.4% 97.4%,24.4% 98.4%,23.4% 98.0%,22.4% 96.8%,21.6% 98.0%,20.6% 97.6%,19.6% 99.2%,18.8% 97.4%,17.8% 99.6%,16.8% 99.6%,16.0% 99.4%,15.0% 99.2%,14.0% 97.8%,13.2% 97.2%,12.2% 98.6%,11.2% 98.0%,10.4% 99.0%,9.4% 99.4%,8.4% 98.0%,7.6% 97.4%,6.6% 98.4%,5.6% 98.4%,4.6% 98.6%,3.8% 97.4%,2.8% 97.6%,1.8% 98.4%,1.0% 97.8%,0.0% 97.8%,0.4% 97.8%,1.0% 95.4%,1.4% 93.0%,0.8% 90.8%,1.4% 88.4%,1.0% 86.2%,0.2% 83.8%,0.0% 81.6%,0.0% 79.2%,0.2% 77.0%,0.4% 74.6%,0.2% 72.2%,0.4% 70.0%,1.2% 27.8%,1.0% 25.4%,1.4% 23.0%,0.8% 20.8%,0.4% 18.4%,1.0% 16.2%,1.2% 13.8%,0.4% 11.6%,0.4% 9.2%,1.4% 6.8%,0.8% 4.6%,0.4% 2.2%); }

/* ===== LATEST 69: copyright + Desktop|Mobile stay fixed at the bottom of the window on CV and Contact (desktop and phone) ===== */
body.fit:has(.cv-page) .site-footer, body.fit:has(.contact-page) .site-footer {
  position: fixed !important; left: 0; right: 0; bottom: 0; top: auto; height: auto !important; margin: 0;
  padding: 0.5rem 0 0.55rem !important; z-index: 30; background: linear-gradient(to top, rgba(246,246,245,0.96) 70%, rgba(246,246,245,0)); text-align: center;
}
body.fit:has(.cv-page), body.fit:has(.contact-page) { padding-bottom: 4rem; }

/* ===== LATEST 70: CV review pop-up opens without moving the page ===== */
.handle-pop.rev-pop.open { display: flex; }
html.rev-open, html.rev-open body { overflow: hidden !important; }

/* ===== LATEST 71: CV review bubbles - light tint of the darkest orange in the cracked-wall background (#8b6b56) ===== */
.cv-page .rev { background: #e0d2c8 !important; }

/* ===== LATEST 72: About - portrait under the text (torn edges); About scrolls like CV, footer stays fixed ===== */
.about-portrait { display: block; width: 11rem; height: auto; aspect-ratio: 1; object-fit: cover; margin: 1.6rem 0 1rem; clip-path: polygon(0.0% 2.6%,2.5% 2.0%,5.0% 1.3%,7.5% 0.6%,10.0% 1.0%,12.5% 1.2%,15.0% 0.5%,17.5% 0.3%,20.0% 2.2%,22.5% 2.1%,25.0% 1.2%,27.5% 1.3%,30.0% 2.5%,32.5% 2.7%,35.0% 2.7%,37.5% 1.8%,40.0% 1.6%,42.5% 2.0%,45.0% 0.8%,47.5% 1.4%,50.0% 1.1%,52.5% 2.2%,55.0% 0.9%,57.5% 1.7%,60.0% 2.4%,62.5% 1.3%,65.0% 2.3%,67.5% 2.6%,70.0% 1.0%,72.5% 1.8%,75.0% 0.6%,77.5% 1.3%,80.0% 1.4%,82.5% 0.9%,85.0% 1.0%,87.5% 2.0%,90.0% 1.4%,92.5% 0.8%,95.0% 1.7%,97.5% 1.5%,100.0% 2.2%,97.9% 2.5%,99.2% 5.0%,99.7% 7.5%,99.6% 10.0%,99.4% 12.5%,99.4% 15.0%,99.7% 17.5%,99.4% 20.0%,98.6% 22.5%,97.7% 25.0%,98.5% 27.5%,98.7% 30.0%,98.7% 32.5%,98.1% 35.0%,97.7% 37.5%,97.2% 40.0%,98.3% 42.5%,97.9% 45.0%,98.6% 47.5%,97.8% 50.0%,98.7% 52.5%,97.7% 55.0%,98.2% 57.5%,97.8% 60.0%,98.1% 62.5%,98.7% 65.0%,98.5% 67.5%,99.4% 70.0%,99.7% 72.5%,98.8% 75.0%,98.6% 77.5%,97.8% 80.0%,99.2% 82.5%,98.6% 85.0%,98.5% 87.5%,98.2% 90.0%,97.9% 92.5%,98.2% 95.0%,98.2% 97.5%,98.3% 100.0%,100.0% 98.3%,97.5% 98.3%,95.0% 97.6%,92.5% 98.1%,90.0% 98.8%,87.5% 97.4%,85.0% 97.4%,82.5% 97.0%,80.0% 97.3%,77.5% 98.0%,75.0% 98.0%,72.5% 98.5%,70.0% 97.9%,67.5% 98.8%,65.0% 98.8%,62.5% 97.8%,60.0% 98.5%,57.5% 98.1%,55.0% 98.3%,52.5% 99.2%,50.0% 98.3%,47.5% 98.9%,45.0% 98.3%,42.5% 97.8%,40.0% 97.9%,37.5% 98.0%,35.0% 98.8%,32.5% 98.0%,30.0% 97.5%,27.5% 98.3%,25.0% 97.5%,22.5% 98.5%,20.0% 97.9%,17.5% 99.1%,15.0% 97.9%,12.5% 99.6%,10.0% 98.9%,7.5% 98.3%,5.0% 98.2%,2.5% 98.0%,0.0% 99.1%,1.8% 97.5%,1.6% 95.0%,2.2% 92.5%,1.6% 90.0%,2.5% 87.5%,2.0% 85.0%,1.6% 82.5%,1.9% 80.0%,2.6% 77.5%,2.2% 75.0%,0.9% 72.5%,0.5% 70.0%,0.2% 67.5%,0.6% 65.0%,1.4% 62.5%,1.3% 60.0%,2.1% 57.5%,0.8% 55.0%,1.6% 52.5%,1.4% 50.0%,1.1% 47.5%,1.5% 45.0%,1.1% 42.5%,2.4% 40.0%,2.0% 37.5%,0.6% 35.0%,1.2% 32.5%,1.1% 30.0%,2.2% 27.5%,1.3% 25.0%,2.6% 22.5%,1.7% 20.0%,2.8% 17.5%,2.5% 15.0%,1.7% 12.5%,1.0% 10.0%,0.5% 7.5%,1.4% 5.0%,1.5% 2.5%); }
@media (min-width: 44.01rem) {
  body.fit:has(.about.solo) { height: auto; min-height: 100dvh; overflow: visible; display: block; padding-bottom: 4rem; }
  main.about.solo { height: auto; align-items: start; }
  body.fit:has(.about.solo) .site-footer { position: fixed !important; left: 0; right: 0; bottom: 0; top: auto; height: auto !important; margin: 0; padding: 0.5rem 0 0.55rem !important; z-index: 30; background: linear-gradient(to top, rgba(246,246,245,0.96) 70%, rgba(246,246,245,0)); text-align: center; }
}
@media (max-width: 44rem) { .about-portrait { width: 9.5rem; margin: 1.2rem auto 0.5rem; } }

/* ===== LATEST 73: hero uses the full original photo (photo-16); torn/dilapidated edges are baked into the image ===== */
img[src="images/hero.jpg"] { clip-path: none !important; }

/* ===== LATEST 74: hero 7% more transparent (desktop 52% -> 45%, phone 100% -> 93%) ===== */
img[src="images/hero.jpg"] { opacity: 0.93 !important; }
@media (min-width: 44.01rem) { img[src="images/hero.jpg"] { opacity: 0.45 !important; } }

/* ===== LATEST 75: site title is an imprint pressed into the wall, not black ink ===== */
.brand, .brand:hover, .brand:visited, .brand .hd, .brand .hd i, .brand-anim .w2, .brand-anim .w3 {
  -webkit-text-stroke: 0 !important; paint-order: normal;
  color: rgba(110, 90, 78, 0.36) !important;
  text-shadow: 1px 1px 0.5px rgba(255,255,255,0.95), -1px -1px 1px rgba(60,42,32,0.38), 0 0 2px rgba(70,50,40,0.10) !important;
}
.book-page .site-header .brand { color: rgba(120,100,88,0.30) !important; }

/* LATEST 76 — linocut title (black ink, hand-carved), imprint reverted */
.brand,.brand-anim{color:#000!important;text-shadow:none!important;-webkit-text-stroke:0!important;animation:none!important;display:inline-block;line-height:0}
.book-page .site-header .brand{color:#000!important;visibility:hidden}
.brand .brand-lino{display:block;height:2.1rem;width:auto;max-width:none}
@media (min-width: 70rem){.brand .brand-lino{height:2.6rem}}
@media (max-width: 44rem){.brand .brand-lino{height:1.15rem}}
.site-header .brand::after,.site-header .brand::before{content:none!important;display:none!important}
@media (max-width: 44rem){.brand .brand-lino{height:1.5rem!important}}

/* LATEST 77: hero 10% darker (more opaque) */
@media (min-width: 44.01rem) { img[src="images/hero.jpg"] { opacity: 0.55 !important; } }
@media (max-width: 44rem) { img[src="images/hero.jpg"] { opacity: 1 !important; filter: brightness(0.92) !important; } }

/* LATEST 78: hero another 10% darker; title 10% lighter (black to grey) */
@media (min-width: 44.01rem) { img[src="images/hero.jpg"] { opacity: 0.65 !important; } }
@media (max-width: 44rem) { img[src="images/hero.jpg"] { opacity: 1 !important; filter: brightness(0.82) !important; } }
.brand .brand-lino { opacity: 0.9; }

/* LATEST 79: title back to full black (15% darker) */
.brand .brand-lino { opacity: 1 !important; }

/* LATEST 80: stamped title is taller (stamp marks); keep same width */
.brand .brand-lino { height: 2.42rem; }
@media (min-width: 70rem){.brand .brand-lino{height:2.98rem}}
@media (max-width: 44rem){.brand .brand-lino{height:1.72rem!important}}

/* LATEST 81: About shows the cut-out portrait (white background removed) in place of the group photo */
.about.solo .about-image img.about-cutout { display: block; width: 100%; max-width: 31.6rem; height: auto; max-height: none; margin: 0 auto; object-fit: contain; clip-path: none !important; }
@media (max-width: 44rem) { .about.solo .about-image img.about-cutout { width: 86vw; max-width: 22rem; } }

/* LATEST 82: title image slightly taller again; heights trimmed to keep same width */
.brand .brand-lino { height: 2.5rem; }
@media (min-width: 70rem){.brand .brand-lino{height:3.08rem}}
@media (max-width: 44rem){.brand .brand-lino{height:1.78rem!important}}

/* LATEST 83: About image is the torn and taped print */
.about.solo .about-image img.about-cutout { max-width: 27rem; width: 100%; }
@media (min-width: 44.01rem) { .about.solo .about-image img.about-cutout { max-height: calc(100dvh - var(--header-h, 5rem) - 5rem); width: auto; max-width: 100%; } }
@media (max-width: 44rem) { .about.solo .about-image img.about-cutout { width: 88vw; max-width: 24rem; } }

/* LATEST 84: title back to the stippled version; sizes for 178px-tall image */
.brand .brand-lino { height: 2.1rem; }
@media (min-width: 70rem){.brand .brand-lino{height:2.6rem}}
@media (max-width: 44rem){.brand .brand-lino{height:1.5rem!important}}

/* LATEST 85: CV review bubbles - much subtler torn edges, lighter colour */
.cv-page .rev { background: #f0e8e1 !important; }

/* LATEST 86: review bubbles - photo-like torn edges (a bit stronger than 85) with a soft shadow underneath (drop-shadow on the track so the clip-path does not cut it) */
.cv-page .rv-track { filter: drop-shadow(0 3px 4px rgba(60,40,30,0.22)); padding-bottom: 0.9rem !important; }

/* LATEST 87: watercolour title (hero palette) - image has transparent padding for the bleed */
.brand .brand-lino { height: 2.5rem; margin-left: -0.22rem; }
@media (min-width: 70rem){.brand .brand-lino{height:3.09rem;margin-left:-0.27rem}}
@media (max-width: 44rem){.brand .brand-lino{height:1.79rem!important;margin-left:-0.16rem}}

/* LATEST 88: title back to the black stippled version (178px tall image) */
.brand .brand-lino { height: 2.1rem; margin-left: 0; }
@media (min-width: 70rem){.brand .brand-lino{height:2.6rem;margin-left:0}}
@media (max-width: 44rem){.brand .brand-lino{height:1.5rem!important;margin-left:0}}

/* LATEST 89: print-void stamps in a line up the left side, underneath the hero photo */
.home main { position: relative; }
.home main::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 34%; background: url("images/hero-stamps.png") left bottom / auto 100% no-repeat; z-index: 0; pointer-events: none; }
.home .hero { position: relative; z-index: 1; }

/* LATEST 91: stamp line runs from the bottom-left corner up behind the title and off the top of the page (round-trip of 89, extended) */
.home main::before { top: -9rem; width: 34%; background: url("images/hero-stamps.png") left bottom / auto 100% no-repeat; }

/* LATEST 92: stamp line moved right so each stamp straddles the photo edge and the white void; drawn over the photo */
.home main::before { background-position: 2.6rem bottom; z-index: 2; }
.home .site-header { position: relative; z-index: 5; }

/* LATEST 93: stamp line a bit further right */
.home main::before { background-position: 5.4rem bottom; }

/* LATEST 94: stamp image now includes its own left offset and the stripes sweep off to the left like a brush stroke */
.home main::before { width: 100%; background-position: left bottom; }

/* LATEST 95: on every page except home the title is a pale grey ghost of itself */
body:not(.home) .brand .brand-lino { opacity: 0.26 !important; filter: grayscale(1) brightness(1.6); }

/* LATEST 96: other pages - the title is a pale debossed imprint pressed into the wall, with faint stamp traces underneath */
body:not(.home) .brand .brand-lino.brand-imprint { opacity: 1 !important; filter: none; height: 2.92rem; margin-bottom: -0.82rem; pointer-events: none; }
@media (min-width: 70rem){ body:not(.home) .brand .brand-lino.brand-imprint { height: 3.62rem; margin-bottom: -1.02rem; } }
@media (max-width: 44rem){ body:not(.home) .brand .brand-lino.brand-imprint { height: 2.09rem !important; margin-bottom: -0.59rem; } }

/* LATEST 97: phone menu - title spans the full width, the section links drop down from a three-line button (CSS only) */
.nav-toggle, .nav-burger { display: none; }
@media (max-width: 44rem) {
  .site-header, html:has(.projects) .site-header, html:has(.tetris) .site-header { position: relative !important; display: flex !important; flex-wrap: nowrap; align-items: center; justify-content: space-between; height: auto !important; overflow: visible !important; padding: 0.7rem 1rem 0.5rem !important; gap: 0.8rem; }
  html:has(.projects) .site-header, html:has(.tetris) .site-header { position: sticky !important; z-index: 40; background: var(--paper); }
  .site-header .brand { flex: 1 1 auto; min-width: 0; zoom: 1; }
  .site-header .brand .brand-lino, body:not(.home) .brand .brand-lino.brand-imprint { width: 100% !important; height: auto !important; margin: 0 !important; }
  .nav-burger { display: flex; flex-direction: column; justify-content: center; gap: 5px; flex: 0 0 auto; width: 2.4rem; height: 2.4rem; padding: 0 0.5rem; cursor: pointer; -webkit-tap-highlight-color: transparent; z-index: 41; }
  .nav-burger i { display: block; height: 2px; background: #2c3a46; border-radius: 2px; }
  .site-header nav, .site-header nav[aria-label] { display: none !important; position: absolute; top: 100%; right: 0.6rem; left: auto; width: min(15rem, 80vw); padding: 0.6rem 0 !important; background: rgba(246,246,245,0.98); box-shadow: 0 6px 18px rgba(40,30,25,0.18); z-index: 60; grid-template-columns: 1fr; }
  .nav-toggle:checked ~ nav, .nav-toggle:checked ~ nav[aria-label] { display: flex !important; flex-direction: column; align-items: stretch; }
  .site-header nav a, .site-header nav a:nth-child(n) { order: 0 !important; margin: 0 !important; padding: 0.65rem 1.2rem; font-size: 1.05rem !important; }
  .site-header nav a[href="art-of-the-taboo.html"] { font-size: 1.05rem !important; }
  .site-header nav a[href="art-of-the-taboo.html"]::before { content: none; }
  .site-header nav::after { display: none !important; }
}
@media (max-width: 44rem) {
  .site-header .brand { flex: 1 1 0 !important; width: auto !important; max-width: calc(100% - 3.2rem) !important; }
  .site-header .brand .brand-lino, body:not(.home) .brand .brand-lino.brand-imprint { max-width: 100% !important; }
  .nav-burger { margin-left: auto; }
}
@media (max-width: 44rem) {
  .site-header { display: block !important; }
  .site-header .brand { display: block !important; width: calc(100% - 3rem) !important; max-width: none !important; }
  .nav-burger { position: absolute; top: 0.65rem; right: 0.7rem; margin: 0; }
}

/* LATEST 98: phone - the header keeps its old height so everything below sits exactly where it did before the menu change */
@media (max-width: 44rem) {
  .site-header, html:has(.projects) .site-header, html:has(.tetris) .site-header { height: var(--header-h) !important; min-height: var(--header-h); box-sizing: border-box; align-items: flex-start; }
}

/* LATEST 99: phone menu button - three bleeding scan-lines (ink-squashed ends) instead of plain bars */
@media (max-width: 44rem) {
  .nav-burger { width: 2.7rem; height: 2.3rem; padding: 0; background: url("images/menu-lines.png") center / contain no-repeat; }
  .nav-burger i { display: none !important; }
}

/* LATEST 100: home title = hand-scrawled version 3 (216px-tall image); phone: stamp line 2.5rem in from the edge */
.home .brand .brand-lino { height: 1.95rem; }
@media (min-width: 70rem){ .home .brand .brand-lino { height: 2.4rem; } }
@media (max-width: 44rem) { .home main::before { background-position: 8rem bottom; } }

/* LATEST 101: home title back to the sliced stamp (178px-tall image) */
.home .brand .brand-lino { height: 2.1rem; }
@media (min-width: 70rem){ .home .brand .brand-lino { height: 2.6rem; } }
@media (max-width: 44rem) { .home .brand .brand-lino { height: auto; } }

/* LATEST 102: bolder stamped menu lines; phone stamp row further right */
@media (max-width: 44rem) { .nav-burger { width: 3.1rem; height: 2.07rem; margin-top: 0.4rem; } }

/* LATEST 103 (phone only): stripes stay at their earlier spot; stamp column further right, 2nd circle removed, bottom stamp = thick-dot square */
@media (max-width: 44rem) {
  .home main::before { background-image: url("images/hero-stamps-m.png"); background-position: left bottom; }
  .home main::after { content: ""; position: absolute; left: 0; top: -9rem; bottom: 0; width: 100%; background: url("images/hero-lines-m.png") -3rem bottom / auto 100% no-repeat; z-index: 2; pointer-events: none; }
}

/* LATEST 104 (phone): menu lines turn hero-blue on hover/tap/open; equal gap from the top and right edges; tapping the page closes the menu */
.nav-backdrop { display: none; }
@media (max-width: 44rem) {
  .nav-burger { top: 0.65rem; right: 0.7rem; margin: 0.4rem 0 0 !important; }
  .nav-burger:hover, .nav-burger:active, .nav-toggle:checked + .nav-burger { background-image: url("images/menu-lines-blue.png"); }
  .nav-toggle:checked ~ .nav-backdrop { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9990; background: transparent; cursor: default; -webkit-tap-highlight-color: transparent; }
  .site-header nav, .site-header nav[aria-label] { z-index: 9995; }
}

/* LATEST 105 (phone): stamp column box runs 5rem below main so the last stamp sits level with the copyright line (page does not scroll) */
@media (max-width: 44rem) { .home main::before { bottom: -4.6rem; z-index: 3500; } }

/* LATEST 106 (phone only): architecture - project name sits right above its photo, everything centred */
@media (max-width: 44rem) {
  .projects .apage .about.project { display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
  .projects .apage .about.project .about-text { display: contents; }
  .projects .apage .about.project .about-text h2 { order: 0; margin: 0 0 0.6rem; text-align: center; width: 100%; }
  .projects .apage .about.project .about-image { order: 1; flex: 0 1 auto; width: 100%; }
  .projects .apage .about.project .about-text p.desc { order: 2; text-align: center; margin: 0.6rem 0; }
  .projects .apage .about.project .about-text .links2 { order: 3; justify-content: center; text-align: center; width: 100%; }
}
@media (max-width: 44rem) {
  .projects .apage .about.project .about-image > a:first-child { flex: none; }
  .projects .apage .about.project .about-image img { max-height: 36dvh; width: auto; max-width: 100%; }
}
@media (max-width: 44rem) { .projects .apage .about.project .about-image { margin: 0 !important; padding: 0 !important; justify-content: flex-start; flex: none; } }
@media (max-width: 44rem) { .projects .apage .about.project .about-text p.desc { text-align: justify !important; width: 100%; margin: 0.6rem 0 0; } }

/* LATEST 107: print pages show the whole room-and-frame picture at full width (no height cap); phone arch description left-aligned with a small left indent */
.print .about-image img { width: 100%; max-width: none; height: auto; max-height: none !important; object-fit: contain; }
@media (min-width: 44.01rem) { main.about.project.print { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } main.about.project.print .about-image img { max-height: calc(100dvh - 11rem) !important; width: auto; max-width: 100%; margin: 0 auto; } }
@media (max-width: 44rem) {
  main.about.project.print .about-image img { max-height: none !important; width: 100%; }
  .projects .apage .about.project .about-text p.desc { text-align: left !important; padding-left: 0.75rem; box-sizing: border-box; }
}

/* LATEST 108 (phone): shorter menu lines (button nudged so their right edge stays put); dropdown only as wide as its longest word */
@media (max-width: 44rem) {
  .nav-burger { right: 0.45rem; }
  .site-header nav, .site-header nav[aria-label] { width: max-content !important; max-width: 80vw; }
  .site-header nav a, .site-header nav a:nth-child(n) { padding-left: 1.1rem; padding-right: 1.1rem; }
}

/* LATEST 109 (phone): architecture sections may grow taller than the screen so no project title/links get pushed out of view */
@media (max-width: 44rem) {
  .projects .apage .about.project, .projects .apage .about.project + .about.project, .projects .about.project:not(:first-child) { height: auto !important; min-height: calc(100dvh - var(--header-h) - 4.9rem) !important; overflow: visible !important; padding-top: 0.6rem; padding-bottom: 0.6rem; box-sizing: border-box; }
}

/* LATEST 110 (phone only): purchase prints - small title right above the photo, grey x top-right (back to the enlarged photo), swipe handled by swipe.js */
@media (max-width: 44rem) {
  main.about.project.print { display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; position: relative; padding-top: 0.4rem; }
  main.about.project.print .about-text { display: contents; }
  main.about.project.print .about-text h1.exact, main.about.project.print .about-text h1 { order: 0; min-height: 0 !important; font-size: 0.95rem !important; line-height: 1.25; margin: 0 0 0.45rem !important; padding: 0 2.2rem; width: 100%; box-sizing: border-box; display: block; text-align: center; }
  main.about.project.print .about-image { order: 1; margin-top: 0 !important; width: 100%; }
  main.about.project.print .about-text p.desc { order: 2; width: 100%; box-sizing: border-box; }
  main.about.project.print .about-text p.back { order: 3; width: 100%; text-align: center; }
  main.about.project.print .print-x { position: absolute; top: 0.25rem; right: 1rem; margin: 0 !important; align-self: auto; color: #9a9a9a; font-size: 1.6rem; z-index: 3; }
}

/* LATEST 111 (phone only): thin scroll bar in the title's slate colour with the same rough, speckled stamped look */
@media (max-width: 44rem) {
  html { scrollbar-width: thin; scrollbar-color: #2c3a46 transparent; }
  ::-webkit-scrollbar { width: 6px; height: 6px; background: transparent; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: url("images/scroll-thumb-short.png") center / 100% 100% no-repeat; border: 0; min-height: 40px; }
  ::-webkit-scrollbar-corner { background: transparent; }
}

/* LATEST 112 (phone only): Texts page - photo first, then the list, all on one screen (no scrolling) */
@media (max-width: 44rem) {
  main.texts-page .about-image { order: 0 !important; margin: 0 !important; width: 100%; }
  main.about.project.print.texts-page .about-image img { max-height: calc(100dvh - 28.8rem) !important; width: auto; max-width: 100%; margin: 0 auto; display: block; }
  main.texts-page .about-text h1 { display: none !important; }
  main.texts-page .text-list { order: 1; margin: 0.8rem 0 0 !important; padding: 0 1.2rem; box-sizing: border-box; width: 100%; font-size: 0.8rem; }
  main.texts-page .text-list li { margin: 0.25rem 0; }
  html:has(.texts-page), html:has(.texts-page) body { overflow: hidden; height: 100dvh; }
}

/* LATEST 113 (desktop): every page carries the same stamped title as the home page, same size and full strength */
@media (min-width: 44.01rem) {
  body:not(.home) .brand .brand-lino.brand-imprint { height: 2.1rem; width: auto; margin-bottom: 0; opacity: 1 !important; filter: none; }
}
@media (min-width: 70rem) {
  body:not(.home) .brand .brand-lino.brand-imprint { height: 2.6rem; }
}

/* LATEST 114 (phone): the Photography page keeps its pinned header again, so every scroll locks to the next two photos exactly as before the menu change */
@media (max-width: 44rem) {
  html.snap .site-header, html:has(.prow-grid) .site-header { position: sticky !important; top: 0; z-index: 40; background: var(--paper); }
}

/* LATEST 115 (phone only): the scroll marker is the same short length on every page (as long as the three menu lines are wide) and floats over the wall - no bar / no white strip. Pure CSS (scroll-driven); browsers without it keep the thin native bar. */
@media (max-width: 44rem) {
  @supports (animation-timeline: scroll()) {
    html { scrollbar-width: none; }
    html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; width: 0; height: 0; }
    html::after { content: ""; position: fixed; top: 0; right: 2px; width: 6px; height: 2.7rem; background: url("images/scroll-thumb.png") center / 100% 100% no-repeat; opacity: 0; pointer-events: none; z-index: 9999; animation: sb-move linear both; animation-timeline: scroll(root block); }
    @keyframes sb-move { from { opacity: 1; transform: translateY(0.5rem); } to { opacity: 1; transform: translateY(calc(100dvh - 2.7rem - 0.5rem)); } }
  }
}

/* LATEST 116 — print pages mobile: fixed title slot (1 or 2 lines), centered identical layout */
@media (max-width: 44rem) {
  main.about.project.print .about-text h1.exact, main.about.project.print .about-text h1 {
    height: 2.5em !important; min-height: 2.5em !important; max-height: 2.5em; overflow: visible;
    line-height: 1.25 !important; font-size: 0.95rem !important; margin: 0 0 0.45rem !important;
    display: block !important; text-align: center; text-wrap: balance;
  }
  main.about.project.print .about-image { display: block; margin: 0 auto !important; width: 100%; text-align: center; }
  main.about.project.print .about-image img { display: block; margin: 0 auto !important; }
}

/* LATEST 117 — print mobile: square room image, tighten text so Back/Next clear the footer */
@media (max-width: 44rem) {
  main.about.project.print { padding-top: 0.2rem; }
  main.about.project.print .about-text h1.exact, main.about.project.print .about-text h1 { margin-bottom: 0.3rem !important; }
  main.about.project.print .about-text p.desc { margin: 0.5rem 0 0 !important; line-height: 1.45 !important; }
  main.about.project.print .about-text p.back { margin: 0.4rem 0 0 !important; padding: 0 0 3.2rem; }
}

/* LATEST 118 — first content of each section page starts at the same height as Architecture (phones: moved up to match desktop) */
@media (max-width: 44rem) {
  main.about.texts-page { position: relative; top: -31px; }
  main.about.solo { position: relative; top: 7px; }
  main.about.cv-page { position: relative; top: 6px; }
  main.about.contact-page { position: relative; top: 9px; }
  main.misc.no-title { position: relative; top: -4px; margin-top: 0 !important; }
}
@media (min-width: 44.01rem) {
  main.about.texts-page { position: relative; top: 22px; }
  main.about.solo { position: relative; top: 26px; }
  main.about.contact-page { position: relative; top: 14px; }
  main.about.cv-page { position: relative; top: -37px; }
  main.misc.no-title { position: relative; top: -31px; }
}

/* LATEST 119 (phone only): light cream crumpled-paper look for review cards, contact fields and the drop-down menu */
@media (max-width: 44rem) {
  .rev, .cv-page .rev, .reviews .rev {
    background: linear-gradient(rgba(255,250,240,0.35), rgba(255,250,240,0.35)), url("images/paper-cream.webp") center / cover no-repeat #f1ece4 !important;
  }
  .contact-form input[type=text], .contact-form input[type=email], .contact-form textarea,
  .contact-form label:nth-of-type(n) input, .contact-form label.msg textarea {
    background-image: linear-gradient(rgba(255,250,240,0.35), rgba(255,250,240,0.35)), url("images/paper-cream.webp") !important;
    background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;
    background-color: #f1ece4 !important;
  }
  .contact-form input:focus, .contact-form textarea:focus { background-color: #f1ece4 !important; }
  .site-header nav, .site-header nav[aria-label] {
    background: linear-gradient(rgba(255,250,240,0.35), rgba(255,250,240,0.35)), url("images/paper-cream.webp") center / cover no-repeat #f1ece4 !important;
  }
}

/* LATEST 120 (desktop): print pages - text block exactly vertically centred beside the photo */
@media (min-width: 44.01rem) {
  main.about.project.print { align-items: center; }
  main.about.project.print .about-text { align-self: center; display: flex; flex-direction: column; justify-content: center; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  main.about.project.print .about-text > :last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  main.about.project.print .about-text > :first-child { margin-top: 0 !important; }
}

/* LATEST 121 (desktop): Texts page - the list is exactly vertically centred beside the book (hidden heading no longer takes space) */
@media (min-width: 44.01rem) {
  main.texts-page .about-text h1 { position: absolute !important; width: 1px; height: 1px; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  main.texts-page .about-text { align-self: center; display: flex; flex-direction: column; justify-content: center; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  main.texts-page .text-list { margin-top: 0 !important; margin-bottom: 0 !important; }
}

/* LATEST 122: CV - bigger section titles, tighter spacing */
.cv-page .cv-body h2, .cv-body .cv-sec h2 { font-size: 1.2rem !important; font-weight: 700 !important; letter-spacing: 0.1em !important; margin: 0 0 0.5rem !important; padding-bottom: 0.35rem !important; color: #000 !important; }
.cv-sec { margin: 0 0 1.1rem !important; }
.cv-list > li, .cv-list li { margin-bottom: 0.7rem; }
.cv-list ul li { margin-bottom: 0.15rem; }
.cv-body .desc { margin-bottom: 0.8rem !important; }
.cv-meta { margin: 0.05rem 0 0.25rem; }

/* LATEST 123 (desktop): Expertise + Skills sit side by side under the reviews; hidden on phones */
.cv-extra { display: none; }
@media (min-width: 44.01rem) {
  .cv-page .cv-left { grid-column: 1; grid-row: 1; align-self: start; position: sticky; top: 1.5rem; width: 31rem; max-width: 31rem; }
  .cv-page .cv-left .cv-reviews { position: static; width: 100%; max-width: 100%; }
  .cv-extra { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.6rem; margin-top: 1.2rem; text-align: left; }
  .cv-extra .cv-sec { margin: 0 !important; }
  .cv-extra .cv-grid { grid-template-columns: 1fr; gap: 0.3rem; font-size: 0.82rem; padding-left: 0; }
  .cv-extra .cv-grid.cv-skills { padding-left: 1.1rem; }
  .cv-extra .cv-grid:not(.cv-skills) li { display: flex; justify-content: space-between; gap: 0.6rem; }
}
@media (max-width: 44rem) { .cv-page .cv-left { order: 2; } .cv-extra { display: none !important; } }

/* LATEST 124 (desktop): compact Expertise + Skills under the reviews so everything fits the screen */
@media (min-width: 44.01rem) {
  .cv-extra { grid-template-columns: 0.9fr 1.1fr; gap: 0 1.4rem; margin-top: 0.9rem; }
  .cv-extra h2 { font-size: 1.2rem !important; font-weight: 700 !important; letter-spacing: 0.1em !important; margin: 0 0 0.4rem !important; padding-bottom: 0.3rem !important; color: #000 !important; text-align: left; border-bottom: 1px solid #d9d9d9; text-transform: uppercase; }
  .cv-extra .cv-grid { gap: 0.1rem; font-size: 0.78rem; line-height: 1.35; }
  .cv-extra .cv-grid li { margin: 0 !important; padding: 0 !important; font-size: 0.78rem; line-height: 1.35; }
  .cv-extra .cv-grid.cv-skills { padding-left: 1rem; }
}

/* LATEST 125 (desktop): same light cream crumpled-paper look for review cards and contact fields */
@media (min-width: 44.01rem) {
  .rev, .cv-page .rev, .reviews .rev {
    background: linear-gradient(rgba(255,250,240,0.35), rgba(255,250,240,0.35)), url("images/paper-cream.webp") center / cover no-repeat #f1ece4 !important;
  }
  .contact-form input[type=text], .contact-form input[type=email], .contact-form textarea,
  .contact-form label:nth-of-type(n) input, .contact-form label.msg textarea {
    background-image: linear-gradient(rgba(255,250,240,0.35), rgba(255,250,240,0.35)), url("images/paper-cream.webp") !important;
    background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;
    background-color: #f1ece4 !important;
  }
  .contact-form input:focus, .contact-form textarea:focus { background-color: #f1ece4 !important; }
}

/* LATEST 126: contact boxes - no black line at the bottom; the email box looks the same as the others when clicked */
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea,
.contact-form input[type=text]:focus, .contact-form input[type=email]:focus, .contact-form textarea:focus {
  border: 0 !important; border-bottom: 0 !important; box-shadow: none !important; outline: none !important;
}
.contact-form input[type=email], .contact-form input[type=email]:focus, .contact-form label:nth-of-type(n) input[type=email]:focus {
  background-image: linear-gradient(rgba(255,250,240,0.35), rgba(255,250,240,0.35)), url("images/paper-cream.webp") !important;
  background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;
  background-color: #f1ece4 !important; padding-right: 0.8rem !important;
}

/* LATEST 127: CV - the two top titles match the section titles; Expertise + Skills centred in their block */
.cv-page .cv-kicker, .cv-page .rv-title {
  font-size: 1.2rem !important; font-weight: 700 !important; letter-spacing: 0.1em !important; line-height: 1.25 !important; color: #000 !important; text-transform: uppercase;
}
.cv-page .cv-kicker { margin: 0 0 0.6rem !important; }
.cv-page .rv-title { text-align: center; }
@media (min-width: 44.01rem) {
  .cv-extra { grid-template-columns: auto auto !important; justify-content: center; gap: 0 2.4rem !important; }
  .cv-extra h2 { text-align: center !important; }
  .cv-extra .cv-grid { margin-left: auto; margin-right: auto; width: max-content; max-width: 100%; }
}

/* LATEST 128: About photo - soft shadow under the whole photo (CSS only) */
.about.solo .about-image img.about-cutout { filter: drop-shadow(0 5px 9px rgba(0,0,0,0.22)); }

/* LATEST 129 (phone): drop-down is as wide as the longest word in bold (Photography) and never changes width or moves */
@media (max-width: 44rem) {
  .site-header nav a, .site-header nav a:nth-child(n) { display: block; }
  .site-header nav a::after { content: attr(data-text); display: block; height: 0; overflow: hidden; visibility: hidden; font-weight: 700; letter-spacing: inherit; pointer-events: none; }
  .site-header nav, .site-header nav[aria-label] { width: max-content !important; right: 0.6rem !important; left: auto !important; }
}

/* LATEST 130 (phone): Architecture + Photography headers no taller than the other pages, so content starts as high as on desktop */
@media (max-width: 44rem) {
  html:has(.projects), html:has(.tetris) { --header-h: 7.5rem; }
}
@media (max-width: 44rem) {
  html:has(.projects) .projects .about.project { position: relative; top: -32px; }
}
@media (max-width: 44rem) {
  html:has(.prow-grid) { --header-h: 7.5rem !important; }
}
@media (max-width: 44rem) {
  html:has(.prow-grid) .prow-grid figure { position: relative; top: -26px; }
}

/* LATEST 131: every crumpled-paper piece is different (mirrored/flipped/zoomed/shifted sheets); light shadow under the contact boxes */
:root { --pl: linear-gradient(rgba(255,250,240,0.35), rgba(255,250,240,0.35)); }
.rev:nth-child(4n+1), .cv-page .rev:nth-child(4n+1) { background: var(--pl), url("images/paper-cream.webp") 20% 30% / 210% auto no-repeat #f1ece4 !important; }
.rev:nth-child(4n+2), .cv-page .rev:nth-child(4n+2) { background: var(--pl), url("images/paper-cream-2.webp") 80% 60% / 260% auto no-repeat #f1ece4 !important; }
.rev:nth-child(4n+3), .cv-page .rev:nth-child(4n+3) { background: var(--pl), url("images/paper-cream-3.webp") 40% 90% / 180% auto no-repeat #f1ece4 !important; }
.rev:nth-child(4n+4), .cv-page .rev:nth-child(4n+4) { background: var(--pl), url("images/paper-cream-4.webp") 70% 10% / 300% auto no-repeat #f1ece4 !important; }
@media (max-width: 44rem) {
  .rev:nth-child(4n+1), .cv-page .rev:nth-child(4n+1) { background: var(--pl), url("images/paper-cream.webp") 20% 30% / 210% auto no-repeat #f1ece4 !important; }
  .rev:nth-child(4n+2), .cv-page .rev:nth-child(4n+2) { background: var(--pl), url("images/paper-cream-2.webp") 80% 60% / 260% auto no-repeat #f1ece4 !important; }
  .rev:nth-child(4n+3), .cv-page .rev:nth-child(4n+3) { background: var(--pl), url("images/paper-cream-3.webp") 40% 90% / 180% auto no-repeat #f1ece4 !important; }
  .rev:nth-child(4n+4), .cv-page .rev:nth-child(4n+4) { background: var(--pl), url("images/paper-cream-4.webp") 70% 10% / 300% auto no-repeat #f1ece4 !important; }
  .site-header nav, .site-header nav[aria-label] { background: var(--pl), url("images/paper-cream-3.webp") 60% 40% / 240% auto no-repeat #f1ece4 !important; }
}
.contact-form label:nth-of-type(1) input { background-image: var(--pl), url("images/paper-cream.webp") !important; background-size: 240% auto !important; background-position: 10% 20% !important; }
.contact-form label:nth-of-type(2) input { background-image: var(--pl), url("images/paper-cream-2.webp") !important; background-size: 300% auto !important; background-position: 85% 70% !important; }
.contact-form label:nth-of-type(3) input { background-image: var(--pl), url("images/paper-cream-3.webp") !important; background-size: 200% auto !important; background-position: 40% 100% !important; }
.contact-form label:nth-of-type(4) input { background-image: var(--pl), url("images/paper-cream-4.webp") !important; background-size: 280% auto !important; background-position: 70% 0% !important; }
.contact-form label:nth-of-type(5) input { background-image: var(--pl), url("images/paper-cream-2.webp") !important; background-size: 220% auto !important; background-position: 15% 85% !important; }
.contact-form label.msg textarea { background-image: var(--pl), url("images/paper-cream-3.webp") !important; background-size: 170% auto !important; background-position: 60% 50% !important; }
.contact-form label:nth-of-type(n) input:focus, .contact-form label.msg textarea:focus { background-color: #f1ece4 !important; }
/* the boxes are clipped to torn edges, so the shadow goes on the label that holds each box */
.contact-form label { filter: drop-shadow(0 3px 4px rgba(60,45,30,0.20)); }

/* LATEST 132: phone only: Algo(g)rave title higher, more room before the photo */
@media (max-width: 44rem) {
  main.about.project .about-text .title-wrap { position: relative; top: -26px; margin-bottom: 1.9rem !important; }
}

/* LATEST 133: phone only: Algo(g)rave links and Gallery button closer to the text */
@media (max-width: 44rem) {
  .about-text p.desc:has(+ .taboo-links) { margin-bottom: 0 !important; }
  .about-text .taboo-links { margin-top: -0.6rem !important; }
  .about-text .taboo-links + .gallery-btn { margin-top: -0.9rem !important; }
}

/* LATEST 134: phone: the reviews wrapper must fit the screen again (the row scrolls sideways inside it) */
@media (max-width: 44rem) {
  .cv-page .cv-left { min-width: 0 !important; width: 100% !important; max-width: 100% !important; position: static !important; }
  .cv-page .cv-left .cv-reviews, .cv-page .cv-reviews { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .cv-page .rv-track { max-width: 100%; }
}

/* LATEST 135: About uses the taped print again (its soft shadow is part of the image, so no extra drop-shadow) */
.about.solo .about-image img.about-cutout { filter: none !important; }

/* LATEST 136: The Alley Cats page: one transparent album + CD image in the centre */
.bands-solo { display: block !important; }
.band-cd { display: flex; justify-content: center; align-items: center; }
.cd-box { width: min(86vw, 36rem); margin: 0 auto; }
.pick.cd-pick, .band:nth-child(n) .pick.cd-pick { width: 100%; --a: 0deg; transform: none !important; animation: none !important; background: none !important; overflow: visible; aspect-ratio: auto; border-radius: 0; clip-path: none !important; filter: drop-shadow(0 6px 10px rgba(0,0,0,0.28)); }
.pick.cd-pick img { position: static !important; display: block; width: 100%; height: auto !important; object-fit: contain; transform: none !important; }
.pick.cd-pick .snd { transform: none !important; }
.pick.cd-pick.on { filter: drop-shadow(0 6px 10px rgba(0,0,0,0.28)); }
.misc:has(.band-cd) { min-height: calc(100dvh - 9rem); display: grid; place-items: center; }
.misc:has(.band-cd) .misc-grid, .misc:has(.band-cd) .misc-block { width: 100%; }
.cd-box { width: min(90vw, 44rem); }
.pick.cd-pick .snd { inset: 0 0 0 34%; }

/* LATEST 137: nine menu items (Music II added) - tighter menu on tablet widths so nothing is cut off */
@media (min-width: 44.01rem) and (max-width: 1180px) { .site-header nav { gap: 0.55rem !important; } .site-header nav a { font-size: 0.7rem !important; letter-spacing: 0 !important; } }
@media (min-width: 44.01rem) and (max-width: 860px) { .site-header nav { gap: 0.3rem !important; } .site-header nav a { font-size: 0.58rem !important; } }
@media (min-width: 44.01rem) and (max-width: 960px) { body:not(.home) .brand .brand-lino.brand-imprint, .brand .brand-lino { height: 1.5rem !important; width: auto !important; } .site-header nav { gap: 0.4rem !important; } .site-header nav a { font-size: 0.6rem !important; } }
@media (min-width: 44.01rem) and (max-width: 780px) { .site-header nav { gap: 0.25rem !important; } .site-header nav a { font-size: 0.54rem !important; } .site-header { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } }