/**
 * Content
 */

body {
	background-color: #fff;
	color: #000;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	opacity: .4;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

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

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.3;	
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 2rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-style: normal;
	line-height: 1.3;
}

[data-predefined-style="true"] bodycopy a {
	color: rgb(0, 0, 0);
	padding-bottom: 0.05em;
	border-bottom: 0.08em solid rgba(0, 0, 0, 1);
	text-decoration: none;cursor: pointer !important;
}

[data-predefined-style="true"] bodycopy a:hover {cursor: pointer !important;

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;cursor: pointer !important;
}

[data-predefined-style="true"] h1 {
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 500;
	padding: 0;
	margin: 0;
	font-size: 12vw;
	line-height: 0.8;
	color: rgba(255, 255, 255, 1);
	}

[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);cursor: pointer !important;
}

[data-predefined-style="true"] h2 {
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(255, 255, 255, 1);
	font-size: 12vw;
	line-height: 0.8;
	}

[data-predefined-style="true"] h2 a {
	color: rgba(255, 255, 255, 1);cursor: pointer !important;
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.3;
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

[data-predefined-style="true"] small a {
	color: rgba(0, 0, 0, 1);
	border-bottom-width: 0.08em;cursor: pointer !important;
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: 0 /*!content_left*/;
	margin-right: auto /*!content_left*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: rgb(255, 255, 255) /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100% /*!content_left*/;
}

[data-css-preset] .content_padding {
	padding-top: 0rem /*!main_margin*/;
	padding-bottom: 0rem /*!main_margin*/;
	padding-left: 0rem /*!main_margin*/;
	padding-right: 0rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 1rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -2rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.5rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.2rem;
    margin-bottom: .3rem;
    font-size: 1.8rem;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.85);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.1;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.2;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
     color: rgba(0, 0, 0, 1);
    line-height: 1;
    font-size: 39px /*!site_menu_button*/;
    padding: 0px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
    top: 0.3rem	 /*!site_menu_button*/
;right: 1.0rem;


}

body.mobile #site_menu_button {
	margin: -3px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */
#site_menu {
	background: rgba(255, 255, 255, 0.95);	
	padding: 0.5rem;
	min-width: 100vw;
	display: flex;
	justify-content: flex-start;
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	line-height: 0 !important;
}
body.mobile #site_menu {
	width: 100%;
}
#site_menu .page-link a {
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	text-transform: none;
	letter-spacing: -0.02em;
	padding: 0;
	margin: 0;
	margin-bottom: -0.2rem;
	font-size: 4.25rem;
	line-height: 1.10 !important;
	cursor: pointer !important;
}
#site_menu .set-link > a {
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	text-transform: none;
	letter-spacing: -0.02em;
	padding: 0;
	margin: 0;
	margin-bottom: -0.2rem;
	line-height: 1.10 !important;
	font-size: 4.25rem;
	cursor: pointer !important;
}

#site_menu a:active {
	opacity: .2;cursor: pointer !important;
}
#site_menu a.active {
	opacity: 1;cursor: pointer !important;
}
#site_menu .close {   color: rgba(0, 0, 0, 1);
    line-height: 1;
    font-size: 50px /*!site_menu_button*/;
    padding: 0px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
    top: -0.1rem	 /*!site_menu_button*/
	;z-index: 9999999;right: 1.0rem;font-weight: 400; 
   font-family: Nunito, Icons;



      }

body.mobile #site_menu .close {
	display: block;
	font-size: 43px;
	line-height: 1em;margin: -4px !important;margin-right: -8px !important;
}

#site_menu .break {
	height: 0px;
}

#site_menu .indent {
	margin-left:0px;
}



body.mobile #site_menu {
	padding:5px !important;
line-height: 23pt !important;}



/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 32px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 2rem /*!shop_button*/;
	right: 2rem /*!shop_button*/;
}

#shop_button.text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
    padding: 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 36px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
}

.shop_product .dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
}

.shop_product .button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0.95) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}




[local-style="38642557"] .container {z-index: 999999999999999 !important
}

.backdrop {z-index:9 !important}



/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}


#site_menu .set-link > a:hover {  
 opacity: 0.6;}

#site_menu .page-link > a:hover {  
 opacity: 0.6;
    
}




/* ══════════════════════════════════════════════════════════════
   MOBILE — HOMEPAGE SCROLL PAGE
   Pass 1: horizontal layout / wrapping
   Scoped to page 38442721. Phones only (≤767px).
   ══════════════════════════════════════════════════════════════ */

@media only screen and (max-width: 767px) {

  /* Flex items default to min-width:auto, so a column refuses to
     shrink below its image's intrinsic width. The row overflows
     100% and the last column wraps. This lets them compress. */
  [local-style="38442721"] [grid-col],
  [local-style="38442721"] [image-gallery-col] {
    min-width: 0;
  }

  /* Plain (non-gallery) images carry hard inline pixel widths —
     these are the ones forcing the overflow. Let them scale with
     their column. Gallery images are already fluid, so they're
     excluded and left completely alone. */
  [local-style="38442721"] .page_content img:not([data-gallery-item]) {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Column gutters in vw so they scale with the viewport instead of
     eating a fixed rem chunk of a narrow screen.
     Note: gutter must stay at -2x the pad value or the row's edges
     won't line up with the page margin. */
  [local-style="38442721"] [grid-pad="5"]     { padding: 1.5vw !important; }
  [local-style="38442721"] [grid-gutter="10"] { margin: -3vw !important; }

}




/* ══════════════════════════════════════════════════════════════
   MOBILE — HOMEPAGE SCROLL PAGE
   Pass 2 (final): uniform vertical rhythm
   Replaces all previous pass 2 rules.
   ══════════════════════════════════════════════════════════════ */

@media only screen and (max-width: 767px) {

  /* Shrink the text unit to near-zero. Spacing no longer comes from
     type, so this just stops stray inline space (image baselines,
     the &nbsp; Cargo puts in empty columns) from adding noise. */
  [data-predefined-style="38442721"] bodycopy,
  [data-predefined-style="true"] [local-style="38442721"] bodycopy {
    font-size: 1vw !important;
    line-height: 1 !important;
  }

  /* Remove every <br>-based gap on this page. */
  [local-style="38442721"] .page_content br {
    display: none !important;
  }

  /* ── THE ONE DIAL ──────────────────────────────────────────
     Uniform gap above every image group. Because it's margin-top,
     the first group gets the same spacing at the top of the page
     and the last group gets no dangling gap at the bottom —
     no special cases needed. */
  [local-style="38442721"] .page_content [grid-row] {
    margin-top: 40vw !important;
  }

}

/* ══════════════════════════════════════════════════════════════
   MOBILE — FOOTER SPACING
   Matches the gap between the last image and the credit type
   to the uniform gap used elsewhere on the homepage.
   ══════════════════════════════════════════════════════════════ */

@media only screen and (max-width: 767px) {

  [local-style="2548887"] .content_padding {
    padding-top: 40vw !important;
  }

}










/* Expandable menu sets (Projects, Advertising, and any future set
   with curated in-nav sub-pages): collapsed by default */
#site_menu .set-link > .indent {
	display: none;
	margin-left: 4.8rem;
}
#site_menu .set-link > .indent.jk-expanded {
	display: block;
}

/* Sub-item text: pure black, current agreed size */
#site_menu .set-link > .indent .page-link a {
	font-size: 3rem;
	line-height: 1.15 !important;
	margin-bottom: 0.15rem;
	color: rgba(0, 0, 0, 1);
	letter-spacing: -0.01em;
}
#site_menu .set-link > .indent .page-link a:hover {
	opacity: 1 !important;
	color: rgba(0, 0, 0, 1);
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
}
#site_menu .set-link > .indent .page-link a.active {
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
}

/* While a set is open, hovering its own top-level link shouldn't grey out */
#site_menu .set-link.jk-set-open > a:hover {
	opacity: 1 !important;
}









/* ─── Gallery captions (site-wide) ─── */
.page_content .gallery_image_caption {
  font-family: "Neue Haas Grotesk", Icons;  /* same font as menu + H1 */
  font-weight: 400;                          /* Regular — lightest available */
  font-style: normal;
  font-size: 1rem;                         /* caption size */
  line-height: 1.25;                         /* space between caption lines */
  color: #000;                               /* full black */
  margin-top: 0.5rem;                        /* gap between image and caption */
}






/* ═══ TRIAL: menu "A selection" + dropdown gaps — START ═══ */

/* "A selection": italic + gap below it */
#site_menu .set-link > .indent .page-link a[href="A-selection"] {
  font-style: italic;
  margin-bottom: 3.15rem;           /* gap below "A selection" */
}

/* Gap after the last item of any open dropdown */
#site_menu .set-link > .indent.jk-expanded {
  margin-bottom: 3rem;              /* gap below last story */
}

/* ═══ TRIAL: menu "A selection" + dropdown gaps — END ═══ */








/* ═══ TRIAL: menu bottom spacer — START ═══ */

/* Invisible space after the last menu item, so the menu can scroll past it */
#site_menu::after {
  content: "";
  display: block;
  flex: 0 0 auto;                   /* stops the menu squashing it to zero */
  height: 40vh;                     /* size of the space: 40% of window height */
}

/* ═══ TRIAL: menu bottom spacer — END ═══ */





/* ═══ Sue Williamson page: video clips sized like the portraits — START ═══ */
video[src*="Sue_Williamson"] {
  width: 67%;                       /* same as the portraits (scale 67) */
  height: auto;                     /* keeps the clip's own proportions */
  max-width: 100%;                  /* never wider than the column */
}
/* ═══ Sue Williamson page: video clips sized like the portraits — END ═══ */







/* ═══ Slideshow: first slide snaps in, no fade — START ═══ */
/* Cargo fades the slideshow in over 0.5s when the first slide loads.
   0.001s makes it instant while still letting Cargo's
   "fade finished" signal fire, so the slideshow carries on as normal. */
.page_container > .backdrop > div {
  transition-duration: 0.001s !important;
}
/* ═══ Slideshow: first slide snaps in, no fade — END ═══ */









/* ═══ Homepage arrow: pointing gesture — START ═══ */
/* A double "this way" tap every few seconds, tuned in the arrow tuner:
   first tap 20px, rebound 50%, second tap 85%, tap speed 0.20s,
   weight 60, settle 1px, rest 4s, first gesture after 1.5s.
   The arrow stays still for visitors who have "reduce motion" switched on. */
#vieweditions {
  display: inline-block;            /* lets the arrow move; looks the same */
}
@media (prefers-reduced-motion: no-preference) {
  #vieweditions {
    animation: jk-point 4.88s 3s infinite;
  }
}
@keyframes jk-point {
  0%       { transform: translateY(0);    animation-timing-function: cubic-bezier(0.52, 0, 0.48, 1); }
  4.098%   { transform: translateY(20px); animation-timing-function: cubic-bezier(0, 0, 0.35, 1); }
  7.377%   { transform: translateY(10px); animation-timing-function: cubic-bezier(0.65, 0, 1, 1); }
  10.656%  { transform: translateY(17px); animation-timing-function: cubic-bezier(0.52, 0, 0.48, 1); }
  15.574%  { transform: translateY(-1px); animation-timing-function: cubic-bezier(0, 0, 0.35, 1); }
  18.033%, 100% { transform: translateY(0); }
}
/* ═══ Homepage arrow: pointing gesture — END ═══ */