@charset "UTF-8";
:root {
  /*
  Variable font-scaling based on rems */
  --min-fs: .8125;
  --max-fs: 2;
  --min-vw: 20;
  --max-vw: 330;
  /*

  Type */
  --sans: system-ui, sans-serif;
  --serif: Baskerville, serif;
  --mono: ui-monospace, monospace;
  --font-body: var(--sans);
  --font-input: var(--sans);
  --font-normal: 300;
  --font-heavy: 500;
  --base-line-height: 1.5;
  --type-measure: 72ch;
  --border-width: 2px;
  /*

  UI spacing */
  --base-unit: 1lh;
  --base-unit--neg: calc(var(--base-unit) * -1);
  --base-unit--ss: calc(var(--base-unit) / 4);
  --base-unit--s: calc(var(--base-unit) / 2);
  --base-unit--b: calc(var(--base-unit) * 2);
  --gap: var(--base-unit);
  /*

  UI colour assignments */
  --clr-text: var(--white);
  --clr-bg: var(--black);
  --clr-brand: var(--white);
  --clr-border: var(--clr-text);
  --clr-success: var(--green-600);
  --clr-warning: var(--yellow-500);
  --clr-error: var(--red-500);
}
@media (max-width: 960px) {
  :root {
    --gap: var(--base-unit--ss) var(--base-unit--s);
  }
}

:root {
  --white: white;
  --black: hsl(360, 1%, 24%);
  --brand: var(--yellow-500);
  --superimposed-bg: transparent;
  --superimposed-bg--white: linear-gradient(180deg, rgba(rgb(255, 255, 255), 1) 20%, rgba(rgb(255, 255, 255), .66) 100%);
  --backdrop-filter: blur(.25em) brightness(.9);
  --grey-100: hsl(43, 46%, 88%);
  --grey-200: hsl(43, 13%, 84%);
  --grey-300: hsl(55, 3%, 73%);
  --grey-400: hsl(70, 2%, 65%);
  --grey-500: hsl(204, 4%, 59%);
  --grey-600: hsl(212, 4%, 53%);
  --grey-700: hsl(213, 5%, 40%);
  --grey-800: hsl(150, 2%, 37%);
  --grey-900: hsl(33, 6%, 33%);
  --blue-100: hsl(201, 21%, 76%);
  --blue-200: hsl(201, 23%, 73%);
  --blue-300: hsl(207, 33%, 67%);
  --blue-400: hsl(205, 44%, 64%);
  --blue-500: hsl(194, 31%, 54%);
  --blue-600: hsl(220, 38%, 48%);
  --blue-700: hsl(221, 49%, 44%);
  --blue-800: hsl(201, 40%, 40%);
  --blue-900: hsl(227, 37%, 31%);
  --green-100: hsl(147, 13%, 87%);
  --green-200: hsl(147, 19%, 81%);
  --green-300: hsl(104, 16%, 77%);
  --green-400: hsl(84, 38%, 72%);
  --green-500: hsl(84, 37%, 62%);
  --green-600: hsl(89, 29%, 49%);
  --green-700: hsl(149, 37%, 41%);
  --green-800: hsl(149, 26%, 34%);
  --green-900: hsl(122, 28%, 34%);
  --red-100: hsl(6, 39%, 75%);
  --red-200: hsl(12, 41%, 66%);
  --red-300: hsl(14, 67%, 54%);
  --red-400: hsl(9, 61%, 50%);
  --red-500: hsl(5, 50%, 45%);
  --red-600: hsl(359, 47%, 41%);
  --red-700: hsl(353, 42%, 39%);
  --red-800: hsl(347, 44%, 40%);
  --brown-100: hsl(24, 47%, 73%);
  --brown-200: hsl(33, 15%, 67%);
  --brown-300: hsl(24, 20%, 64%);
  --brown-400: hsl(14, 37%, 56%);
  --brown-500: hsl(33, 8%, 53%);
  --brown-600: hsl(12, 38%, 39%);
  --brown-700: hsl(12, 35%, 34%);
  --brown-800: hsl(10, 27%, 32%);
  --brown-900: hsl(17, 11%, 27%);
  --yellow-300: hsl(35, 63%, 78%);
  --yellow-500: hsl(43, 89%, 53%);
  --yellow-700: hsl(52, 55%, 47%);
  --orange-300: hsl(31, 45%, 73%);
  --orange-500: hsl(17, 63%, 63%);
  --orange-700: hsl(29, 55%, 68%);
  --pink-300: hsl(18, 45%, 83%);
  --pink-500: hsl(347, 45%, 75%);
  --pink-700: hsl(358, 34%, 34%);
}

.txt--black {
  color: var(--black);
}

.bg--white {
  background-color: white;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 100%;
}
html:focus-within {
  scroll-behavior: smooth;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
ul,
ol,
li,
dl,
dd,
code,
pre {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: var(--base-line-height);
}

ul,
ol {
  margin: 0;
  padding: 0;
}

dt,
strong,
th {
  font-weight: var(--font-heavy);
}

hr {
  border: 0;
  height: var(--border-width);
  background: var(--clr-text);
}

img,
picture {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
  background: transparent;
  border: 0;
}

iframe, video {
  width: 100%;
  border: 0;
}

::-moz-selection {
  background-color: var(--clr-brand);
  color: var(--white);
}

::selection {
  background-color: var(--clr-brand);
  color: var(--white);
}

pre {
  overflow: auto;
  width: var(--type-measure);
  max-width: 100%;
}

code {
  -moz-hyphens: none;
   -ms-hyphens: none;
       hyphens: none;
  font-size: 0.8rem;
  opacity: 0.62;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body {
  min-height: 100vh;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: var(--sans);
  font-weight: var(--font-normal);
  --min-fs-rem: var(--min-fs) * 1rem;
  --max-fs-rem: var(--max-fs) * 1rem;
  --min-vw-rem: var(--min-vw) * 1rem;
  --slope: (var(--max-fs) - var(--min-fs)) * (100vw - var(--min-vw-rem)) / (var(--max-vw) - var(--min-vw));
  font-size: clamp(var(--min-fs-rem), var(--min-fs-rem) + var(--slope), var(--max-fs-rem));
  color: var(--clr-text);
  background-color: var(--clr-bg);
}

h1,
.h1-style {
  font-size: var(--h1);
  line-height: 1;
}

h2,
.h2-style {
  font-size: var(--h2);
  line-height: 1;
}

h3,
.h3-style {
  font-size: var(--h3);
  line-height: 1;
}

h4, .b_typeset--lede,
.h4-style {
  font-size: var(--h4);
  line-height: 1;
}

h5,
.h5-style {
  font-size: var(--h5);
  line-height: 1;
}

h6 {
  font-size: var(--h6);
  font-weight: var(--font-heavy);
}

.h0-style {
  --min-fs: 3;
  --max-fs: 6;
  --min-fs-rem: var(--min-fs) * 1rem;
  --max-fs-rem: var(--max-fs) * 1rem;
  --min-vw-rem: var(--min-vw) * 1rem;
  --slope: (var(--max-fs) - var(--min-fs)) * (100vw - var(--min-vw-rem)) / (var(--max-vw) - var(--min-vw));
  font-size: clamp(var(--min-fs-rem), var(--min-fs-rem) + var(--slope), var(--max-fs-rem));
  line-height: 1.25cap;
}

:root {
  --h1: 3.052em;
  --h2: 2.441em;
  --h3: 1.953em;
  --h4: 1.563em;
  --h5: 1.25em;
  --h6: 1em;
}

.b_typeset h1,
.b_typeset .h1-style {
  margin-bottom: 0.5cap;
}
.b_typeset h2,
.b_typeset .h2-style {
  margin-top: 1cap;
  margin-bottom: 0.5cap;
}
.b_typeset h3,
.b_typeset .h3-style {
  margin-top: 1cap;
  margin-bottom: 0.5cap;
}
.b_typeset h4, .b_typeset .b_typeset--lede,
.b_typeset .h4-style {
  margin-top: 1cap;
  margin-bottom: 0.5cap;
}
.b_typeset h5,
.b_typeset .h5-style {
  margin-top: 0.5cap;
  margin-bottom: 0.5cap;
}
.b_typeset h6 {
  margin-top: 1cap;
  margin-bottom: 0.5cap;
}
.b_typeset a {
  text-decoration: underline;
}
.b_typeset a:hover {
  opacity: 0.5;
}
.b_typeset a.plain, .plain .b_typeset a {
  text-decoration: none;
}
.b_typeset p {
  max-width: var(--type-measure);
  -webkit-margin-after: var(--base-unit);
          margin-block-end: var(--base-unit);
}
.b_typeset p:last-of-type {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.b_typeset .p-style {
  font-size: 1rem;
  -webkit-margin-after: var(--base-unit);
          margin-block-end: var(--base-unit);
}
.b_typeset ul,
.b_typeset ol {
  -webkit-padding-start: var(--base-unit);
     -moz-padding-start: var(--base-unit);
          padding-inline-start: var(--base-unit);
}
.b_typeset ul,
.b_typeset ol,
.b_typeset dl {
  -webkit-margin-after: var(--base-unit);
          margin-block-end: var(--base-unit);
}
.b_typeset ul {
  list-style-position: outside;
  list-style-type: square;
}
.b_typeset ol {
  list-style-position: outside;
}
.b_typeset li {
  max-width: var(--type-measure);
  -webkit-margin-after: var(--base-unit--s);
          margin-block-end: var(--base-unit--s);
}
.b_typeset dl {
  -webkit-margin-start: var(--base-unit--b);
     -moz-margin-start: var(--base-unit--b);
          margin-inline-start: var(--base-unit--b);
}
.b_typeset dt,
.b_typeset dd {
  -webkit-margin-after: var(--base-unit--s);
          margin-block-end: var(--base-unit--s);
}
.b_typeset dd {
  -webkit-margin-start: var(--base-unit);
     -moz-margin-start: var(--base-unit);
          margin-inline-start: var(--base-unit);
}
.b_typeset blockquote p {
  margin: var(--base-unit--b) var(--base-unit);
  font-family: var(--serif);
}
.b_typeset blockquote p:before, .b_typeset blockquote p:after {
  display: inline-block;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.b_typeset blockquote p:before {
  content: "“";
  -webkit-margin-end: calc(var(--base-unit--ss) / 2);
     -moz-margin-end: calc(var(--base-unit--ss) / 2);
          margin-inline-end: calc(var(--base-unit--ss) / 2);
}
.b_typeset blockquote p:after {
  content: "”";
}
.b_typeset hr {
  margin: var(--base-unit--b) 0;
}
.b_typeset a {
  text-decoration: underline;
}
.b_typeset p > img {
  float: left;
  width: 66%;
  margin-right: var(--base-unit);
  margin-top: var(--base-unit--ss);
}
.b_typeset p:has(> img) {
  overflow: auto;
}
.b_typeset figure,
.b_typeset table,
.b_typeset pre {
  margin-block: var(--base-unit);
}
.b_typeset pre {
  font-family: var(--mono);
  padding: var(--base-unit--s) var(--base-unit);
}
@media (min-width: 720px) {
  .b_typeset.columns {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(36ch, 1fr));
    gap: var(--base-unit--b);
  }
}

.b_small,
.footnote {
  font-size: smaller;
}
.b_small sup,
.footnote sup {
  font-size: x-small;
}

.b_centered {
  text-align: center;
}

.footnote sup {
  min-width: var(--base-unit);
  display: inline-block;
}

summary {
  cursor: pointer;
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: var(--base-unit);
}
summary:focus {
  outline: none;
}
summary::-webkit-details-marker, summary::marker {
  display: none;
}
summary:before {
  content: "\e900";
  font-family: "core-line";
  font-size: 2rem;
}
summary[plain]:before {
  display: none;
}

details[open] {
  padding-bottom: var(--base-unit);
}
details[open] > summary:before {
  content: "\e90d";
}

a {
  color: currentcolor;
  text-decoration: none;
}
a:focus {
  outline: none;
}

.a_list-bare {
  list-style: none;
}

@font-face {
  font-family: "core-line";
  src: url("/themes/all-grid/styles/fonts/core-line/fonts/core-line.ttf?7vrldv") format("truetype"), url("/themes/all-grid/styles/fonts/core-line/fonts/core-line.woff?7vrldv") format("woff"), url("/themes/all-grid/styles/fonts/core-line/fonts/core-line.svg?7vrldv#core-line") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.a_icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "core-line" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  font-size: 0;
}
.a_icon:before {
  font-size: initial;
  display: inline-block;
}
.a_icon--large:before {
  font-size: 1.563rem;
}
.a_icon:hover {
  opacity: 0.5;
}
.a_icon--invert {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.a_icon--add:before,
.a_icon--plus:before {
  content: "\e900";
}

.a_icon--alert:before {
  content: "\e901";
}

.a_icon--arrow:before {
  content: "\e902";
}

.a_icon--arrowcirc:before {
  content: "\e903";
}

.a_icon--arrowcirc-left:before {
  content: "\e903";
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

.a_icon--arrow-left:before {
  content: "\e902";
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

.a_icon--arrow-up:before {
  content: "\e902";
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}

.a_icon--arrow-down:before {
  content: "\e902";
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.a_icon--check:before {
  content: "\e904";
}

.a_icon--check2:before {
  content: "\e905";
}

.a_icon--circ:before {
  content: "\e906";
}

.a_icon--close:before {
  content: "\e907";
}

.a_icon--close2:before {
  content: "\e908";
}

.a_icon--extlink:before {
  content: "\e909";
}

.a_icon--help:before {
  content: "\e90a";
}

.a_icon--info:before {
  content: "\e90b";
}

.a_icon--pencil:before {
  content: "\e90c";
}

.a_icon--subtract:before {
  content: "\e90d";
}

.a_icon--txp:before {
  content: "\e90e";
}

.desc:after,
.asc:after {
  content: ">";
  display: inline-block;
  -webkit-margin-start: var(--base-unit--ss);
     -moz-margin-start: var(--base-unit--ss);
          margin-inline-start: var(--base-unit--ss);
}

.desc:after {
  -webkit-transform: rotateZ(90deg) scaleX(0.5);
          transform: rotateZ(90deg) scaleX(0.5);
}

.asc:after {
  -webkit-transform: rotateZ(-90deg) scaleX(0.5);
          transform: rotateZ(-90deg) scaleX(0.5);
}

.a_image {
  position: relative;
  display: block;
  max-width: 100%;
}
.a_image figcaption {
  margin-top: var(--base-unit--s);
}
.a_image figcaption p {
  max-width: 100%;
}
.a_image figcaption p:last-child {
  margin-bottom: 0;
}
.a_image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.a_image--height-limited.landscape img {
  height: 65vh;
}
.a_image--height-limited.portrait img {
  height: 65vh;
}
.a_image--contain img {
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  width: 100%;
}
.a_image--pan {
  overflow: hidden;
}
.a_image--hide-caption figcaption {
  display: none;
}
.a_image figcaption:has(object:empty) {
  display: none;
}
@media screen and (min-width: 720px) {
  .a_image--inline {
    width: calc(50% - var(--base-unit--s));
    float: right;
    clear: right;
    margin-left: var(--base-unit);
  }
  .a_image--inline.large {
    width: 66%;
  }
}

ken-burns-carousel {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lazyload {
  background-color: var(--brand);
}

.a_ratio--1x1 {
  aspect-ratio: 1/1;
}
.a_ratio--2x1 {
  aspect-ratio: 2/1;
}
.a_ratio--1x2 {
  aspect-ratio: 1/2;
}
@media (orientation: landscape) {
  .a_ratio--2x1\@landscape {
    aspect-ratio: 2/1;
  }
}
.a_ratio--3x2 {
  aspect-ratio: 3/2;
}
.a_ratio--2x3 {
  aspect-ratio: 2/3;
}
.a_ratio--gm {
  aspect-ratio: 1618/1000;
}
.a_ratio--video {
  aspect-ratio: 16/9;
}

/* curate your dark IDs once */
/* build .bg--N list for :is() */
/* parent .panel styles its child .content when it contains a dark bg */
.panel:has(> :is(.bg--5, .bg--6, .bg--7, .bg--8, .bg--9, .bg--14, .bg--15, .bg--16, .bg--17, .bg--18, .bg--24, .bg--25, .bg--26, .bg--27, .bg--31, .bg--32, .bg--33, .bg--34, .bg--35, .bg--39, .bg--40, .bg--41, .bg--42, .bg--43, .bg--44, .bg--50, .bg--53)) > .content {
  color: var(--white);
}

.bg {
  background-color: var(--brand);
}
.bg--1 {
  background-color: var(--grey-100);
}
.bg--2 {
  background-color: var(--grey-200);
}
.bg--3 {
  background-color: var(--grey-300);
}
.bg--4 {
  background-color: var(--grey-400);
}
.bg--5 {
  background-color: var(--grey-500);
}
.bg--6 {
  background-color: var(--grey-600);
}
.bg--7 {
  background-color: var(--grey-700);
}
.bg--8 {
  background-color: var(--grey-800);
}
.bg--9 {
  background-color: var(--grey-900);
}
.bg--10 {
  background-color: var(--blue-100);
}
.bg--11 {
  background-color: var(--blue-200);
}
.bg--12 {
  background-color: var(--blue-300);
}
.bg--13 {
  background-color: var(--blue-400);
}
.bg--14 {
  background-color: var(--blue-500);
}
.bg--15 {
  background-color: var(--blue-600);
}
.bg--16 {
  background-color: var(--blue-700);
}
.bg--17 {
  background-color: var(--blue-800);
}
.bg--18 {
  background-color: var(--blue-900);
}
.bg--19 {
  background-color: var(--green-100);
}
.bg--20 {
  background-color: var(--green-200);
}
.bg--21 {
  background-color: var(--green-300);
}
.bg--22 {
  background-color: var(--green-400);
}
.bg--23 {
  background-color: var(--green-500);
}
.bg--24 {
  background-color: var(--green-600);
}
.bg--25 {
  background-color: var(--green-700);
}
.bg--26 {
  background-color: var(--green-800);
}
.bg--27 {
  background-color: var(--green-900);
}
.bg--28 {
  background-color: var(--red-100);
}
.bg--29 {
  background-color: var(--red-200);
}
.bg--30 {
  background-color: var(--red-300);
}
.bg--31 {
  background-color: var(--red-400);
}
.bg--32 {
  background-color: var(--red-500);
}
.bg--33 {
  background-color: var(--red-600);
}
.bg--34 {
  background-color: var(--red-700);
}
.bg--35 {
  background-color: var(--red-800);
}
.bg--36 {
  background-color: var(--brown-100);
}
.bg--37 {
  background-color: var(--brown-200);
}
.bg--38 {
  background-color: var(--brown-300);
}
.bg--39 {
  background-color: var(--brown-400);
}
.bg--40 {
  background-color: var(--brown-500);
}
.bg--41 {
  background-color: var(--brown-600);
}
.bg--42 {
  background-color: var(--brown-700);
}
.bg--43 {
  background-color: var(--brown-800);
}
.bg--44 {
  background-color: var(--brown-900);
}
.bg--45 {
  background-color: var(--yellow-300);
}
.bg--46 {
  background-color: var(--yellow-500);
}
.bg--47 {
  background-color: var(--yellow-700);
}
.bg--48 {
  background-color: var(--orange-300);
}
.bg--49 {
  background-color: var(--orange-500);
}
.bg--50 {
  background-color: var(--orange-700);
}
.bg--51 {
  background-color: var(--pink-300);
}
.bg--52 {
  background-color: var(--pink-500);
}
.bg--53 {
  background-color: var(--pink-700);
}

/* scss/4-molecules/_m_thumb.scss */
.m_thumb {
  position: relative;
  gap: var(--base-unit);
}
.m_thumb > a {
  text-decoration: none;
}

.m_video {
  position: relative;
}

figure:has(> .o_lightbox__link) {
  overflow: hidden;
}

.o_lightbox {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  place-items: center;
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  overflow: auto;
  background-color: var(--white);
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4em) saturate(600%) brightness(50%);
}
.o_lightbox__content {
  height: 100%;
}
.o_lightbox__caption {
  text-align: center;
}
.o_lightbox__link {
  position: relative;
  display: block;
}
.o_lightbox__link:hover .o_lightbox__prompt {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.o_lightbox__prompt {
  border-left: 0;
  border-top: 0;
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: var(--base-unit--b) solid oklch(from var(--clr-bg) l c h/0.62);
  border-left: var(--base-unit--b) solid transparent;
  -webkit-transform: translate(var(--base-unit--b), var(--base-unit--b));
          transform: translate(var(--base-unit--b), var(--base-unit--b));
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in 0.3s;
  transition: -webkit-transform 0.3s ease-in 0.3s;
  transition: transform 0.3s ease-in 0.3s;
  transition: transform 0.3s ease-in 0.3s, -webkit-transform 0.3s ease-in 0.3s;
}

.o_lightbox__content,
.o_lightbox__caption {
  -webkit-animation-name: zoom;
          animation-name: zoom;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoom {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: var(--black);
  font-size: 40px;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  opacity: 0.5;
  text-decoration: none;
  cursor: pointer;
}

.l_beam {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  -webkit-box-align: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.l_beam--nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.l_beam.middle {
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l_beam.right {
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.l_beam.space-between {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l_beam.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.l_beam.space-evenly {
  -webkit-box-pack: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.l_beam.middlev {
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l_beam.bottom {
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.l_column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.l_column.top {
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.l_column.middlev {
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l_column.bottom {
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.l_column.space-between {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l_column.space-round {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.l_column.middle {
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l_column.right {
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.u_m {
  margin: var(--base-unit);
}
.u_m--t {
  margin-top: var(--base-unit);
}
.u_m--tt {
  margin-top: var(--base-unit--b);
}
.u_m--tvh {
  margin-top: 10vh;
}
.u_m--t- {
  margin-top: var(--base-unit--s);
}
@media (max-width: 720px) {
  .u_m--t- {
    margin-top: initial;
  }
}
.u_m--b {
  margin-bottom: var(--base-unit);
}
.u_m--bb {
  margin-bottom: var(--base-unit--b);
}
.u_m--bvh {
  margin-bottom: 10vh;
}
.u_m--b- {
  margin-bottom: var(--base-unit--s);
}
.u_m--l {
  margin-left: var(--base-unit);
}
.u_m--ll {
  margin-left: var(--base-unit--b);
}
.u_m--l- {
  margin-left: var(--base-unit--s);
}
.u_m--r {
  margin-right: var(--base-unit);
}
.u_m--rr {
  margin-right: var(--base-unit--b);
}
.u_m--r- {
  margin-right: var(--base-unit--s);
}

.u_p {
  padding: var(--base-unit);
}
@media (max-width: 720px) {
  .u_p {
    padding: var(--base-unit--s);
  }
}
.u_p--t {
  padding-top: var(--base-unit);
}
.u_p--tt {
  padding-top: var(--base-unit--b);
}
.u_p--t- {
  padding-top: var(--base-unit--s);
}
.u_p--b {
  padding-bottom: var(--base-unit);
}
.u_p--bb {
  padding-bottom: var(--base-unit--b);
}
.u_p--b- {
  padding-bottom: var(--base-unit--s);
}
.u_p--l {
  padding-left: var(--base-unit);
}
.u_p--ll {
  padding-left: var(--base-unit--b);
}
.u_p--l- {
  padding-left: var(--base-unit--s);
}
.u_p--r {
  padding-right: var(--base-unit);
}
.u_p--rr {
  padding-right: var(--base-unit--b);
}
.u_p--r- {
  padding-right: var(--base-unit--s);
}

.l_gap {
  gap: var(--base-unit);
}
.l_gap--vsmall {
  gap: calc(var(--base-unit--ss) / 2);
}
.l_gap--small {
  gap: var(--base-unit--s);
}
.l_gap--large {
  gap: var(--base-unit--b);
}

.l_grid {
  display: grid;
  width: 100%;
}
@media (max-width: 380px) {
  .l_grid {
    width: 100%;
  }
}
.l_grid--twin {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 380px) {
  .l_grid--twin\@mobile {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 720px) {
  .l_grid--twin\@small {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 960px) {
  .l_grid--twin\@medium {
    grid-template-columns: 1fr 1fr;
  }
}
.l_grid--tri {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 720px) {
  .l_grid--tri\@small {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 960px) {
  .l_grid--tri\@medium {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.l_grid--auto {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
@media (max-width: 720px) {
  .l_grid--auto {
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  }
}
.l_grid--parent-rules {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
.l_grid--parent-rules:has([itemprop=articleBody]) {
  grid-row: span 4;
}
.l_grid.staggered {
  grid-auto-flow: dense;
}
.l_grid.staggered .landscape {
  grid-column: span 2;
}
@media (min-width: 1280px) {
  .l_grid.staggered .landscape {
    grid-row: span 2;
  }
}
.l_grid.staggered .landscape:nth-of-type(even) {
  grid-column-end: -1;
}
.l_grid.top {
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.l_grid.middlev {
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.l_grid.bottom {
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -ms-flex-line-pack: end;
      align-content: end;
}
.l_grid.space-between {
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l_grid.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.l_grid.left {
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.l_grid.middle {
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l_grid.right {
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.l_width-limited {
  margin-inline: auto;
  max-width: 1280px;
}
.l_width-limited--large {
  margin-inline: auto;
  max-width: 1720px;
}

.l_superimposed {
  position: relative;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.l_superimposed--fullscreen {
  width: 100%;
  height: 100vh;
}
.l_superimposed--fixed {
  position: fixed;
}
.l_superimposed__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--white);
}
.l_superimposed__inner.bg-gradient {
  background: var(--superimposed-bg);
}
.l_superimposed > figure {
  height: 100%;
  width: 100%;
}

.l_modulor {
  display: grid;
  position: relative;
  overflow: hidden;
  gap: calc(var(--base-unit--ss) / 2);
}
.l_modulor__root {
  margin-bottom: calc(var(--base-unit--ss) / 2);
}
@media (orientation: portrait) {
  .l_modulor__root {
    aspect-ratio: 1000/1618;
  }
}
.l_modulor.columns {
  grid-template-columns: 1fr 0.618fr;
}
@media (orientation: portrait) {
  .l_modulor.columns {
    grid-template-columns: auto;
    grid-template-rows: 1fr 0.618fr;
  }
}
.l_modulor.columns-reverse {
  grid-template-columns: 0.618fr 1fr;
}
@media (orientation: portrait) {
  .l_modulor.columns-reverse {
    grid-template-columns: auto;
    grid-template-rows: 0.618fr 1fr;
  }
}
.l_modulor.columns-minor {
  grid-template-columns: 1fr 1fr;
}
@media (orientation: portrait) {
  .l_modulor.columns-minor {
    grid-template-columns: auto;
    grid-template-rows: 1fr 1fr;
  }
}
.l_modulor.rows {
  grid-template-rows: 0.618fr 1fr;
}
@media (orientation: portrait) {
  .l_modulor.rows {
    grid-template-rows: auto;
    grid-template-columns: 0.618fr 1fr;
  }
}
.l_modulor.rows-reverse {
  grid-template-rows: 1fr 0.618fr;
}
@media (orientation: portrait) {
  .l_modulor.rows-reverse {
    grid-template-rows: auto;
    grid-template-columns: 1fr 0.618fr;
  }
}
.l_modulor.rows-minor {
  grid-template-rows: 1fr 1fr;
}
@media (orientation: portrait) {
  .l_modulor.rows-minor {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}
.l_modulor__footer {
  background-color: var(--black);
  width: 100%;
  position: fixed;
  z-index: 5;
  bottom: 0;
  padding-block: var(--base-unit--s);
}
.l_modulor__footer > div {
  width: 100%;
}
.l_modulor__footer nav {
  min-width: 24ch;
}

@media (max-width: 720px) {
  .simpletilsmall {
    grid-template-columns: 1fr auto !important;
  }
}

.screengrabs {
  overflow-y: auto;
}

.panel {
  position: relative;
  overflow: hidden;
}

.content {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: var(--black);
  font-size: calc(var(--h6) * 1rem);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -moz-hyphens: auto;
   -ms-hyphens: auto;
       hyphens: auto;
  padding: var(--base-unit);
  -webkit-padding-end: var(--base-unit--s);
     -moz-padding-end: var(--base-unit--s);
          padding-inline-end: var(--base-unit--s);
}
.content a {
  -moz-hyphens: none;
   -ms-hyphens: none;
       hyphens: none;
}
@media (max-width: 720px) {
  .content {
    padding: var(--base-unit--s);
    -webkit-padding-end: 0;
       -moz-padding-end: 0;
            padding-inline-end: 0;
  }
}
.content:has(> p > a) {
  -webkit-padding-end: 0;
     -moz-padding-end: 0;
          padding-inline-end: 0;
}
.content:has(a:focus-within) {
  z-index: 4;
  outline: var(--base-unit--s) solid var(--brand);
  outline-offset: calc(var(--base-unit--s) * -1);
}
.content:has(a:focus-within) [itemprop=headline] {
  opacity: 1;
}
.content:has(article) {
  padding: 0;
}
.content article {
  height: 100%;
}
.content .l_superimposed__inner {
  color: inherit;
}
.detail-page .content {
  color: var(--white);
}
.content figure {
  height: 100%;
}
.content .w640 img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom left;
     object-position: bottom left;
}
.content .m_thumb img {
  -webkit-filter: grayscale(1) opacity(0.125);
          filter: grayscale(1) opacity(0.125);
  -webkit-transition: -webkit-filter 0.6s linear;
  transition: -webkit-filter 0.6s linear;
  transition: filter 0.6s linear;
  transition: filter 0.6s linear, -webkit-filter 0.6s linear;
  -o-object-position: top left;
     object-position: top left;
}
.content:hover .m_thumb img {
  -webkit-filter: grayscale(1) opacity(0);
          filter: grayscale(1) opacity(0);
}
.content [itemprop=headline] {
  word-wrap: break-word;
  -moz-hyphens: auto;
   -ms-hyphens: auto;
       hyphens: auto;
  opacity: 0;
}
.content:hover [itemprop=headline] {
  opacity: 1;
}

.detail-page .o_lightbox__link {
  height: 100%;
}

.p-style {
  font-size: var(--h6);
  line-height: initial;
}
@media (max-width: 720px) {
  .p-style {
    font-size: 0.8125rem;
  }
}

.logo {
  height: var(--base-unit);
}

.circ {
  border-radius: 50%;
  aspect-ratio: 1/1;
}

.tile {
  position: absolute;
  inset: 0;
  /* background color comes from .bg--N class */
}
.detail-page .tile {
  opacity: 0.38;
}

/* Entrances */
.tile.enter.from-left {
  -webkit-animation: slide-from-l 2s linear both;
          animation: slide-from-l 2s linear both;
}

.tile.enter.from-right {
  -webkit-animation: slide-from-r 2s linear both;
          animation: slide-from-r 2s linear both;
}

.tile.enter.from-top {
  -webkit-animation: slide-from-t 2s linear both;
          animation: slide-from-t 2s linear both;
}

.tile.enter.from-bottom {
  -webkit-animation: slide-from-b 2s linear both;
          animation: slide-from-b 2s linear both;
}

@-webkit-keyframes slide-from-l {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes slide-from-l {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes slide-from-r {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes slide-from-r {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes slide-from-b {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes slide-from-b {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes slide-from-t {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes slide-from-t {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
/* Reduced motion: just crossfade */
@media (prefers-reduced-motion: reduce) {
  .tile.enter {
    -webkit-animation: none;
            animation: none;
    opacity: 0;
  }
  .tile.enter {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }
}
.l_office .mugshot,
.l_office .logo {
  width: var(--base-unit--b);
  height: var(--base-unit--b);
}
.l_office__thumbs {
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 10vh;
  padding: var(--gap);
}
.l_office__thumbs figure {
  width: 62%;
}
.l_office__thumbs .w640 img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: inherit;
     object-position: inherit;
}
.l_office__thumbs .m_thumb,
.l_office__thumbs section > h2 {
  max-width: 24ch;
  margin-inline: auto;
  margin-bottom: 5vh;
}
.l_office [itemprop=headline] {
  min-height: calc(var(--gap) * 3);
}
.l_office summary .a_icon:before {
  font-size: 3rem;
}

.video-caption {
  position: absolute;
  background-color: oklch(from var(--black) l c h/0.62);
  top: 0;
  left: 50%;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes circle {
  from {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

@keyframes circle {
  from {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
.u_hide {
  display: none;
}
@media screen and (max-width: 720px) {
  .u_hide--to-small {
    display: none;
  }
}
@media screen and (min-width: 720px) {
  .u_hide--from-small {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .u_hide--to-medium {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .u_hide--from-medium {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .u_hide--to-desktop {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .u_hide--from-desktop {
    display: none;
  }
}
.u_hide--always {
  display: none;
}

/* scss/7-utilities/_u_edit-in-txp.scss */
.u_edit-in-txp {
  position: absolute;
  z-index: 1;
  opacity: 1;
  cursor: pointer;
}
.u_edit-in-txp a {
  display: block;
}
.u_edit-in-txp a:focus {
  outline: none;
}
.u_edit-in-txp.static {
  position: static;
  display: inline-block;
  margin-top: -0.5em;
}
.u_edit-in-txp img {
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  height: auto !important;
}
.u_edit-in-txp:hover {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.u_edit-in-txp--image {
  top: calc(var(--base-unit) / 3);
  right: var(--base-unit--s);
}
.u_edit-in-txp--image:hover {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.u_clamp {
  overflow: hidden;
  display: -webkit-box;
  box-orient: vertical;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.u_clamp--2 {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.u_clamp--3 {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.u_clamp--4 {
  line-clamp: 4;
  -webkit-line-clamp: 4;
}

.u_contents {
  display: contents;
}

.u_span--full-width {
  grid-column-start: 1;
  grid-column-end: -1;
}
.u_span--2rows {
  grid-row: span 2;
}
.u_span--3rows {
  grid-row: span 3;
}
.u_span--4rows {
  grid-row: span 4;
}
.u_span--5rows {
  grid-row: span 5;
}
.u_span--2cols {
  grid-column: span 2;
}
.u_span--3cols {
  grid-column: span 3;
}

.u_self-position--bottom {
  -ms-flex-item-align: end;
      align-self: end;
}
.u_self-position--middlev {
  -ms-flex-item-align: center;
      align-self: center;
}
.u_self-position--middle {
  justify-self: center;
}
.u_self-position--right {
  justify-self: end;
}

.u_debug--breakpoint,
.u_debug--info {
  display: none;
}

.u_debug {
  outline: 1px solid rgba(192, 192, 192, 0.5);
}
.u_debug * {
  outline: 1px dotted rgba(192, 192, 192, 0.5);
}
.u_debug .u_debug--breakpoint {
  position: absolute;
  display: none;
  width: 0px;
  top: 0;
  z-index: 101;
  bottom: 0;
  outline: none;
}
.u_debug .u_debug--breakpoint span {
  outline: none;
  font-size: xx-small;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  display: block;
}
@media (min-width: 380px) {
  .u_debug .u_debug--breakpoint.mobile {
    display: block;
    left: 380px;
    border-left: 1px dotted var(--red-500);
    color: var(--red-500);
  }
}
@media (min-width: 720px) {
  .u_debug .u_debug--breakpoint.small {
    display: block;
    left: 720px;
    border-left: 1px dotted var(--yellow-500);
    color: var(--yellow-500);
  }
}
@media (min-width: 960px) {
  .u_debug .u_debug--breakpoint.medium {
    display: block;
    left: 960px;
    border-left: 1px dotted var(--green-500);
    color: var(--green-500);
  }
}
@media (min-width: 1280px) {
  .u_debug .u_debug--breakpoint.desktop {
    display: block;
    left: 1280px;
    border-left: 1px dotted var(--blue-500);
    color: var(--blue-500);
  }
}
.u_debug .u_debug--info {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  font-size: 0.5rem;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.has--image-omitted .u_debug .u_debug--info {
  color: currentcolor;
}
.u_debug .u_debug--info .u_debug.raised {
  margin-top: var(--base-unit--neg);
}
.u_debug .u_debug--info .u_debug.static {
  position: static;
}
.u_debug *:has(> .u_debug--info) {
  position: relative;
}
.u_debug *:has(> .u_debug--info):hover .u_debug--info {
  opacity: 1;
}
.u_debug > .u_debug--info:first-of-type {
  top: 0.25rem;
  right: 0.25rem;
  left: auto;
  opacity: 0.75;
  z-index: 200;
}

.u_debug-toggle {
  cursor: pointer;
  position: absolute;
  display: block;
  left: 1rem;
  top: 0.25rem;
  background-color: transparent;
  z-index: 200;
}
.u_debug-toggle path {
  fill: currentcolor;
}
.u_debug-toggle:hover:after {
  content: "Toggle debugging aides";
  font-size: 0.75rem;
}
.u_debug-toggle:hover path {
  fill: red;
}

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