@charset "UTF-8";

@font-face {
  font-family: "Barlow Condensed";
  src: url("assets/skrift/barlow-condensed-semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

:root {
  --paper: #f4f3ee;
  --ink: #19231d;
  --muted: #666c64;
  --line: #d0d3c9;
  --green: #17271e;
  --lime: #ccd8a7;
  --gutter: clamp(24px, 4.2vw, 72px);
  --gallery-image-height: min(72svh, calc(100svh - 180px), 760px);
  --display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --ease: cubic-bezier(.22, 1, .36, 1);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: var(--ink);
  background: var(--paper);
  color-scheme: light;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; scrollbar-gutter: stable; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
body.has-lightbox { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
figure, p, h1, h2, h3 { margin: 0; }
img { display: block; width: 100%; height: auto; }
::selection { background: var(--lime); color: var(--ink); }
.page-width { width: min(calc(100% - var(--gutter) * 2), 1488px); margin-inline: auto; }
.skip-link { position: fixed; top: 10px; left: 12px; z-index: 200; padding: 14px 22px; background: var(--paper); color: var(--ink); transform: translateY(-180%); }
.skip-link:focus { transform: none; }
.reading-progress { position: fixed; top: 0; left: 0; width: 100%; height: 2px; z-index: 90; transform: scaleX(0); transform-origin: left; background: #8a9e65; pointer-events: none; }

.site-header { position: absolute; top: 0; left: 0; right: 0; height: 96px; z-index: 50; display: flex; align-items: center; justify-content: space-between; padding-inline: var(--gutter); color: #fff; }
.site-header.is-scrolled { position: fixed; height: 72px; color: var(--ink); background: rgba(244,243,238,.97); border-bottom: 1px solid var(--line); animation: header-enter .35s var(--ease) both; }
.wordmark { font-family: var(--display); font-size: 35px; letter-spacing: -.04em; line-height: 1; padding: 12px 0; }
.wordmark span { color: var(--lime); }
.is-scrolled .wordmark span { color: #52653b; }
.header-location { font-size: 11px; letter-spacing: .04em; margin-left: 62px; }
nav { display: flex; align-items: center; gap: 38px; font-size: 12px; }
nav a { position: relative; padding-block: 14px; min-height: 44px; display: flex; align-items: center; }
nav a::after { content: ""; position: absolute; bottom: 9px; left: 0; right: 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease); }
nav a:hover::after, nav a:focus-visible::after { transform: scaleX(1); }
nav a span { display: inline-block; margin-left: 12px; font-size: 19px; }

.hero { position: relative; min-height: min(700px, 100svh); height: min(100svh, 1150px); overflow: hidden; isolation: isolate; color: #fff; background: #1b2923; }
.hero-photo { position: absolute; inset: 0; display: block; cursor: zoom-in; }
.hero-photo picture { display: block; width: 100%; height: 100%; }
.hero-image { width: 100%; height: 100%; object-fit: cover; object-position: 50% 37%; transform: translateY(var(--hero-shift, 0px)) scale(1.04); transform-origin: center; }
.hero-shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(10,19,14,.72) 0%, rgba(10,19,14,0) 27%, rgba(10,19,14,.08) 46%, rgba(10,19,14,.78) 100%); }
.hero-content { position: absolute; inset: auto var(--gutter) 0; pointer-events: none; }
.hero-kicker { display: flex; align-items: center; gap: 12px; width: fit-content; padding: 7px 10px; margin-left: -10px; background: rgba(14,28,19,.65); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 16px; }
.small-marker { display: inline-block; width: 6px; height: 6px; background: var(--lime); flex-shrink: 0; }
h1 { display: flex; gap: .18em; font-family: var(--display); font-size: clamp(110px, 16.5vw, 268px); font-weight: 600; line-height: .91; letter-spacing: -.023em; text-transform: uppercase; margin-left: -.025em; margin-bottom: 34px; }
.name-period { color: var(--lime); }
.hero-bottom { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255,255,255,.35); padding-block: 20px 26px; }
.hero-caption { display: flex; gap: 28px; font-size: 11px; letter-spacing: .04em; }
.hero-caption > span { color: #cbd3c8; font-variant-numeric: tabular-nums; }
.explore-link { display: flex; align-items: center; gap: 22px; font-size: 12px; pointer-events: auto; }
.circle-arrow { display: grid; place-items: center; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; width: 42px; height: 42px; font-size: 19px; transition: color .2s, background .2s, transform .35s var(--ease); }
.explore-link:hover .circle-arrow { background: var(--lime); color: var(--ink); border-color: var(--lime); transform: translateY(3px); }

.selected { padding-block: 130px 145px; }
.section-heading { display: grid; grid-template-columns: 1fr 2.1fr 1fr; gap: 24px; align-items: end; margin-bottom: 100px; }
.heading-index { align-self: start; display: flex; align-items: center; gap: 11px; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; padding-top: 10px; }
.heading-index .small-marker { background: #5f7350; }
.section-heading h2 { font-family: var(--display); font-weight: 600; font-size: clamp(70px, 8.2vw, 126px); line-height: .91; letter-spacing: -.02em; text-transform: uppercase; }
.heading-dot { color: #748263; }
.section-note { justify-self: end; margin-bottom: 5px; font-size: 12px; line-height: 1.9; color: var(--muted); }
.selected.has-view-switch .section-heading { margin-bottom: 46px; }
.gallery-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 20px; margin-bottom: 34px; border-top: 1px solid var(--line); }
.gallery-toolbar-label { color: var(--muted); font-size: 11px; }
.gallery-view-switch { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 7px; }
.gallery-view-switch button { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 10px 16px; border: 0; border-radius: 4px; color: var(--muted); background: transparent; font-size: 12px; transition: background .2s, color .2s; }
.gallery-view-switch button:hover { background: #e8eae1; color: var(--ink); }
.gallery-view-switch button[aria-pressed="true"] { color: var(--paper); background: var(--ink); }
.gallery-view-switch button:focus-visible { outline-color: #52653b; outline-offset: 2px; }
.gallery-view-switch svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.gallery { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(18px, 2vw, 32px); align-items: start; }
/* Cap the whole photograph by screen height while retaining its original ratio. */
.gallery-photo { --photo-ratio: calc(2581 / 3872); min-width: 0; width: min(100%, calc(var(--gallery-image-height) * var(--photo-ratio))); justify-self: center; }
.photo-02 { grid-column: 2 / 7; justify-self: end; }
.photo-03 { grid-column: 7 / 12; justify-self: start; margin-top: clamp(28px, 7svh, 64px); }
.photo-04 { --photo-ratio: calc(6935 / 3901); grid-column: 1 / -1; margin-top: 100px; }
.photo-05 { grid-column: 1 / 5; margin-top: 100px; }
.photo-06 { grid-column: 5 / 9; margin-top: 140px; }
.photo-07 { grid-column: 9 / 13; margin-top: 180px; }
.photo-08 { --photo-ratio: calc(7952 / 5304); grid-column: 2 / 12; margin-top: 100px; }
.photo-09, .photo-10 { --photo-ratio: calc(3872 / 2581); margin-top: 100px; }
.photo-09 { grid-column: 1 / 7; }
.photo-10 { grid-column: 7 / 13; }
.gallery .photo-link { position: relative; display: block; cursor: zoom-in; background: #dce0d3; }
.gallery .photo-link picture { display: block; overflow: hidden; }
.gallery .photo-link img { width: 100%; height: auto; }
.photo-expand { position: absolute; bottom: 18px; right: 18px; display: grid; place-items: center; width: 48px; height: 48px; background: var(--paper); color: var(--ink); border-radius: 50%; font-size: 24px; opacity: 0; transform: translateY(8px); transition: opacity .25s, transform .4s var(--ease); }
.photo-link:hover .photo-expand, .photo-link:focus-visible .photo-expand { opacity: 1; transform: none; }
figcaption { display: flex; align-items: center; gap: 19px; padding-top: 16px; font-size: 10px; letter-spacing: .04em; text-transform: uppercase; line-height: 1.6; }
.photo-index { color: var(--muted); min-width: 20px; font-variant-numeric: tabular-nums; }
.photo-caption-arrow { margin-left: auto; font-size: 16px; color: var(--muted); }
[data-reveal].will-reveal { opacity: 0; transform: translateY(30px); transition: opacity .75s var(--ease), transform .9s var(--ease); }
[data-reveal].will-reveal.is-visible { opacity: 1; transform: none; }
.gallery.is-overview { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px; }
.gallery.is-overview .gallery-photo { grid-column: auto; width: 100%; margin: 0; justify-self: stretch; }
.gallery.is-overview .photo-link { background: #e9eae3; }
.gallery.is-overview picture { aspect-ratio: 4 / 3; }
.gallery.is-overview .photo-link img { width: 100%; height: 100%; object-fit: contain; }
.gallery.is-overview figcaption { gap: 10px; padding-top: 12px; font-size: 9px; }
.gallery.is-overview .photo-expand, .gallery.is-overview .photo-caption-arrow { display: none; }

.contact-section { color: var(--paper); background: var(--green); }
.contact-inner { display: grid; grid-template-columns: 1.05fr 1fr; gap: 90px; padding-block: 110px 115px; }
.eyebrow { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: #c0c8b9; margin-bottom: 25px; }
.contact-heading h2 { font-family: var(--display); font-size: clamp(82px, 10vw, 156px); font-weight: 600; line-height: .95; letter-spacing: -.02em; text-transform: uppercase; }
.contact-heading h2 > span { color: var(--lime); }
.contact-copy { align-self: center; max-width: 510px; padding-top: 6px; }
.contact-lead { font-size: clamp(24px, 2.4vw, 36px); letter-spacing: -.04em; line-height: 1.35; margin-bottom: 22px; text-wrap: balance; }
.contact-copy > p:not(.contact-lead) { color: #c0c8b9; font-size: 15px; line-height: 1.8; max-width: 40ch; }
.email-link { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0; margin-top: 38px; border-bottom: 1px solid #6e7d67; font-size: clamp(17px, 1.8vw, 27px); letter-spacing: -.025em; }
.email-arrow { font-size: 31px; color: var(--lime); transition: transform .3s var(--ease); }
.email-link:hover { border-color: var(--lime); }
.email-link:hover .email-arrow { transform: translate(4px,-4px); }
.email-copy-controls { display: flex; align-items: center; gap: 16px; min-height: 44px; margin-top: 16px; }
.copy-email { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 10px; min-width: 148px; min-height: 44px; padding: 10px 14px; border: 1px solid #6e7d67; border-radius: 4px; background: transparent; color: var(--paper); font-size: 12px; transition: background .2s, border-color .2s, color .2s; }
.copy-email:hover, .copy-email.is-copied { background: var(--lime); color: var(--ink); border-color: var(--lime); }
.copy-email:disabled { cursor: wait; }
.copy-email svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.copy-status { color: #c0c8b9; font-size: 11px; line-height: 1.5; }
.footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 28px 30px; border-top: 1px solid #43513e; font-size: 10px; color: #c0c8b9; }
.footer a { display: flex; align-items: center; gap: 16px; padding-block: 10px; margin-block: -10px; }
.footer a span { font-size: 19px; color: var(--lime); }

.lightbox { position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; overflow: hidden; color: var(--paper); background: transparent; color-scheme: dark; }
.lightbox[open] { display: flex; flex-direction: column; }
.lightbox::backdrop { background: transparent; }
.lightbox-scrim { position: absolute; inset: 0; z-index: -1; background: #101711; opacity: 0; transition: opacity .4s var(--ease); }
.lightbox.is-open .lightbox-scrim { opacity: 1; }
.lightbox-bar { flex: 0 0 84px; display: flex; align-items: center; justify-content: space-between; padding: 12px 34px; gap: 18px; }
.lightbox-brand { font: 600 27px/1 var(--display); }
.lightbox-count { margin-left: 98px; font-size: 11px; letter-spacing: .1em; font-variant-numeric: tabular-nums; }
.lightbox-tools { display: flex; gap: 24px; align-items: center; }
.lightbox button { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: inherit; }
.lightbox button:focus-visible { outline-color: var(--lime); outline-offset: 3px; }
.lightbox-close, .lightbox-zoom { display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 11px; }
.lightbox-zoom > span:first-child { font-size: 25px; font-weight: 300; }
.close-symbol { font-size: 28px; font-weight: 300; }
.lightbox-stage { position: relative; flex: 1 1 auto; min-height: 0; display: flex; align-items: center; padding-inline: 24px; gap: 16px; }
.lightbox-viewport { position: relative; width: 100%; height: 100%; overflow: hidden; touch-action: pan-y pinch-zoom; }
.lightbox-image, .lightbox-outgoing { width: 100%; height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.lightbox-image { transform-origin: center; cursor: zoom-in; }
.lightbox-outgoing { position: absolute; inset: 0; pointer-events: none; }
.lightbox.is-zoomed .lightbox-viewport { touch-action: pinch-zoom; }
.lightbox.is-zoomed .lightbox-image { cursor: grab; }
.lightbox.is-dragging .lightbox-image { cursor: grabbing; }
.lightbox-prev, .lightbox-next { display: grid; place-items: center; flex: 0 0 48px; font-size: 26px; border-radius: 50%; transition: background .2s; }
.lightbox-prev:hover, .lightbox-next:hover { background: #293328; }
.lightbox-bottom { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; padding: 18px 24px 24px; gap: 17px; }
.lightbox-caption { font-size: 12px; line-height: 1.4; }
.lightbox-thumbnails { display: flex; align-items: center; justify-content: flex-start; gap: 8px; max-width: 100%; overflow-x: auto; padding: 3px; scrollbar-width: thin; scrollbar-color: #536047 transparent; }
.lightbox-thumbnails button { width: 58px; height: 45px; flex: 0 0 58px; padding: 0; opacity: .5; outline: 1px solid transparent; outline-offset: 2px; transition: opacity .2s; }
.lightbox-thumbnails button[aria-pressed="true"] { outline-color: var(--lime); opacity: 1; }
.lightbox-thumbnails button:hover { opacity: 1; }
.lightbox-thumbnails img { width: 100%; height: 100%; object-fit: cover; }
.lightbox-error { font-size: 12px; text-align: center; color: #e1cfb0; max-width: 40ch; }
.lightbox-bar, .lightbox-bottom, .lightbox-prev, .lightbox-next { opacity: 0; transition: opacity .25s ease; }
.lightbox.is-open .lightbox-bar, .lightbox.is-open .lightbox-bottom, .lightbox.is-open .lightbox-prev, .lightbox.is-open .lightbox-next { opacity: 1; }
.transition-photo { position: fixed; left: 0; top: 0; z-index: 10; pointer-events: none; transform-origin: top left; object-fit: fill; max-width: none; will-change: transform, clip-path; }

@keyframes header-enter { from { transform: translateY(-100%); } to { transform: none; } }

/* An alternative opening kept for the local design comparison. */
.theme-light .hero { height: auto; min-height: 0; padding-top: 96px; display: flex; flex-direction: column; color: var(--ink); background: var(--paper); }
.theme-light .hero-content { position: relative; inset: auto; order: 0; padding: 48px var(--gutter) 0; }
.theme-light .hero-kicker { background: transparent; padding: 0; margin-left: 0; }
.theme-light .hero-photo { position: relative; inset: auto; order: 1; width: calc(100% - var(--gutter) * 2); aspect-ratio: 1.8; margin: 0 auto 0; overflow: hidden; }
.theme-light .hero-shade { display: none; }
.theme-light .hero-bottom { border-color: var(--line); }
.theme-light .hero-caption > span { color: var(--muted); }
.theme-light .site-header { color: var(--ink); }
.theme-light .circle-arrow { border-color: var(--line); }
.theme-light .small-marker, .theme-light .wordmark span { color: #617749; }
.theme-light .small-marker { background: #617749; }
.theme-light .name-period { color: #617749; }

@media (min-width: 1800px) { .hero-content { left: max(var(--gutter), calc((100vw - 1656px) / 2)); right: max(var(--gutter), calc((100vw - 1656px) / 2)); } }
@media (max-width: 1000px) {
  .hero { min-height: min(680px, 100svh); }
  .section-heading { grid-template-columns: .7fr 2fr 1fr; }
  .selected { padding-block: 100px; }
  .gallery.is-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 18px; }
  .photo-04, .photo-08, .photo-09, .photo-10 { margin-top: 90px; }
  .photo-05 { margin-top: 90px; }
  .photo-06 { margin-top: 130px; }
  .photo-07 { margin-top: 170px; }
  .contact-inner { gap: 50px; padding-block: 85px 95px; }
}
@media (max-width: 700px) {
  :root { --gutter: 20px; }
  html { scroll-padding-top: 86px; }
  .site-header { height: 76px; }
  .site-header.is-scrolled { height: 64px; }
  .wordmark { font-size: 31px; }
  .header-location { display: none; }
  nav { gap: 26px; font-size: 11px; }
  nav a span { margin-left: 8px; font-size: 17px; }
  .hero { height: 94svh; min-height: min(630px, 100svh); max-height: 930px; }
  .hero-image { object-position: 16% 40%; }
  .hero-shade { background: linear-gradient(180deg, rgba(10,19,14,.72) 0%, transparent 30%, rgba(10,19,14,.06) 43%, rgba(10,19,14,.78) 100%); }
  .hero-kicker { font-size: 10px; margin-bottom: 20px; gap: 9px; }
  h1 { display: block; font-size: clamp(94px, 23vw, 152px); line-height: .82; margin-bottom: 30px; }
  h1 > span { display: block; }
  h1 > span + span { margin-top: 8px; }
  .hero-bottom { padding-block: 16px 20px; }
  .hero-caption { gap: 13px; font-size: 9px; }
  .explore-link { gap: 12px; font-size: 10px; }
  .circle-arrow { width: 36px; height: 36px; font-size: 18px; }
  .selected { padding-block: 75px 84px; }
  .section-heading { grid-template-columns: 1fr 1fr; gap: 22px 20px; margin-bottom: 50px; }
  .heading-index { grid-column: 1; grid-row: 1; font-size: 9px; padding-top: 0; }
  .section-heading h2 { grid-column: 1/-1; grid-row: 2; font-size: clamp(66px, 19vw, 114px); }
  .section-note { grid-column: 2; grid-row: 1; font-size: 10px; line-height: 1.9; padding-bottom: 3px; }
  .selected.has-view-switch .section-heading { margin-bottom: 32px; }
  .gallery-toolbar { gap: 12px; padding-top: 16px; margin-bottom: 28px; }
  .gallery-toolbar-label { font-size: 10px; }
  .gallery-view-switch button { gap: 7px; padding-inline: 10px; font-size: 11px; }
  .gallery-view-switch svg { width: 15px; height: 15px; }
  .gallery { display: block; }
  .gallery.is-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .gallery-photo { margin: 0 auto 44px; }
  .photo-09, .photo-10 { margin: 0 auto 44px; }
  .gallery-photo:last-child { margin-bottom: 0; }
  .photo-03, .photo-06 { width: min(86%, calc(var(--gallery-image-height) * var(--photo-ratio))); margin-right: 0; }
  .photo-04, .photo-08 { margin-block: 56px; }
  .photo-expand { opacity: 1; transform: none; width: 34px; height: 34px; font-size: 19px; bottom: 12px; right: 12px; }
  figcaption { padding-top: 12px; font-size: 9px; gap: 13px; }
  .contact-inner { grid-template-columns: 1fr; gap: 42px; padding-block: 66px 65px; }
  .eyebrow { font-size: 9px; margin-bottom: 17px; }
  .contact-heading h2 { font-size: clamp(76px, 22vw, 144px); }
  .contact-copy { padding: 0; max-width: 480px; }
  .contact-lead { font-size: 27px; max-width: 22ch; }
  .contact-copy > p:not(.contact-lead) { font-size: 14px; }
  .email-link { font-size: clamp(16px, 5.2vw, 23px); margin-top: 26px; gap: 12px; }
  .email-arrow { font-size: 28px; }
  .email-copy-controls { flex-wrap: wrap; gap: 10px; }
  .copy-status { flex-basis: 100%; min-height: 1.5em; }
  .footer { font-size: 9px; padding-block: 24px 26px; }
  .footer-place { display: none; }
  .lightbox-bar { flex-basis: 70px; padding: 10px 16px; gap: 10px; }
  .lightbox-brand { display: none; }
  .lightbox-count { margin-left: 0; font-size: 10px; }
  .lightbox-tools { gap: 14px; }
  .lightbox-stage { padding: 0 0 52px; gap: 0; }
  .lightbox-prev, .lightbox-next { position: absolute; bottom: 0; z-index: 2; }
  .lightbox-prev { left: calc(50% - 64px); }
  .lightbox-next { right: calc(50% - 64px); }
  .lightbox-bottom { padding: 13px 12px max(17px, env(safe-area-inset-bottom)); gap: 13px; }
  .lightbox-caption { font-size: 11px; }
  .lightbox-thumbnails { gap: 6px; }
  .lightbox-thumbnails button { width: 44px; height: 38px; flex-basis: 44px; min-height: 38px; }
  .theme-light .hero { padding-top: 76px; }
  .theme-light .hero-content { padding-top: 36px; }
  .theme-light h1 { display: flex; font-size: 16vw; }
  .theme-light h1 > span + span { margin-top: 0; }
  .theme-light .hero-photo { aspect-ratio: 1.15; }
}
@media (max-height: 550px) and (orientation: landscape) {
  .hero { min-height: 0; height: 100svh; }
  .hero h1 { display: flex; font-size: clamp(64px, 20svh, 110px); margin-bottom: 18px; }
  .hero h1 > span + span { margin-top: 0; }
  .hero-kicker { margin-bottom: 12px; }
  .lightbox-bar { flex-basis: 56px; padding-block: 4px; }
  .lightbox-thumbnails { display: none; }
  .lightbox-bottom { padding: 9px 20px 14px; }
  .lightbox-stage { padding: 0 16px; gap: 8px; }
  .lightbox-prev, .lightbox-next { position: static; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: .001ms !important; }
  [data-reveal].will-reveal { opacity: 1; transform: none; }
  .hero-image { transform: none; }
}