@scope (.original-project) {
html {
	--mobile-scale: 1.3;
	--mobile-padding-offset: 0.2;
}

body {
	--swatch-1: rgba(0, 0, 0, 0.85);
	--swatch-2: rgba(0, 0, 0, 0.75);
	--swatch-3: rgba(0, 0, 0, 0.6);
	--swatch-4: rgba(0, 0, 0, 0.4);
	--swatch-5: rgba(0, 0, 0, 0.25);
	--swatch-7: rgba(0, 0, 0, 0.11);
	--swatch-6: #0000ff;
	--swatch-8: #9fc22a;
	--swatch-9: #ffe100;
	--swatch-11: rgba(255, 255, 255, 0.87);
	--swatch-10: #ff0080;
	--swatch-12: #f6f6f6;
	--swatch-13: #ff003b;
	--swatch-14: #ffeb6d;
	--swatch-15: #ffffff;
}

body.mobile {
}

a:active,
.linked:active,
.zoomable::part(media):active {
	opacity: 0.7;
}

.page a.active {
	color: #0000ff;
}

sub {
	position: relative;
	vertical-align: baseline;
	top: 0.3em;
}

sup {
	position: relative;
	vertical-align: baseline;
	top: -0.4em;
}

.small-caps {
	font-variant: small-caps;
	text-transform: lowercase;
}

ol {
	margin: 0;
	padding: 0 0 0 2.5em;
	list-style-type: decimal-leading-zero;
}

ul {
	margin: 0;
	padding: 0 0 0 2.0em;
}

ul.lineated {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin: 0 0 0 3em;
	text-indent: -3em;
}

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

hr {
	background: rgba(0, 0, 0, 0.15);
	border: 0;
	height: 1px;
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.content {
	border-style: solid;
}

bodycopy {
	font-size: 1.60rem;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.85);
	font-family: HelveticaNeue-Light, Helvetica Neue Light;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0em;
	display: block;
}

.mobile bodycopy {
	font-size: 1.35rem;
}

bodycopy a {
	color: rgba(0, 0, 0, 0.85);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

bodycopy a:hover {
}

h1 {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 400;
	margin: 0;
	font-size: 1.70rem;
	line-height: 1.3;
	color: rgba(0, 0, 0, 0.85);
	letter-spacing: -0.070em;
}

.mobile h1 {
	font-size: 2.00rem;
}

h1 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

h1 a:hover {
}

h2 {
	font-family: HelveticaNeue-Light, Helvetica Neue Light;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 3.00rem;
	line-height: 1.4;
	letter-spacing: 0;
	display: block;
}

.mobile h2 {
	font-size: 1.90rem;
}

h2 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

h2 a:hover {
}

.caption {
	font-size: 0.85rem;
	font-weight: 400;
	font-family: "IBM Plex Sans";
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0.003em;
	display: block;
	color: #000000;
}

.mobile .caption {
	font-size: 1rem;
}

.caption a {
	text-decoration: none;
	color: #000000;
}

.caption a:hover {
}

media-item .caption {
	margin-top: 0.8em;
}

gallery-grid .caption,
gallery-columnized .caption,
gallery-justify .caption {
	margin-bottom: 2em;
}

[thumbnail-index] .caption {
	text-align: center;
}

[thumbnail-index] .caption .tags {
	margin-top: 0.25em;
}

.page {
	justify-content: center;
}

.page-content {
	padding: 3rem;
	text-align: center;
	padding-right: 2rem;
	padding-left: 2rem;
	padding-top: 3.0rem;
}

.mobile [id] .page-layout {
	max-width: 100%;
}

.mobile [id] .page-content {
}

.page-layout {
	align-items: flex-start;
	max-width: 100%;
	padding: 0.0rem;
}

media-item::part(media) {
	border: 0;
	padding: 0;
	filter: drop-shadow(0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.11));
	will-change: filter;
}

.quick-view {
	height: 100%;
	width: 99%;
	padding: 3rem;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20rem;
}

.quick-view-background {
	background-color: #ffffff;
}

.quick-view .caption {
	color: rgba(255, 255, 255, 1.0);
	padding: 20px 0;
	text-align: center;
	transition: 100ms opacity ease-in-out;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.quick-view .caption-background {
	padding: 0.5rem 1rem;
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
	border-radius: .5rem;
	text-align: left;
	max-width: 50rem;
}

.mobile .quick-view {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
}

.mobile .quick-view .caption {
	padding: 10px 0;
}

.navigation-menu {
	--text-style: "Navigation Menu";
	font-size: 1.75rem;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.85);
	font-family: HelveticaNeue-Light, Helvetica Neue Light;
	font-style: normal;
	line-height: 1.15;
	letter-spacing: 0;
	display: block;
}

.mobile .navigation-menu {
	font-size: 1.60rem;
}

.navigation-menu a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.navigation-menu a:hover {
	
}

.button-4 {
	--text-style: "Buttons";
	font-size: 1.15rem;
	font-weight: 400;
	font-family: "IBM Plex Sans";
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0;
	color: #000000;
	display: inline-block;
	background: rgba(0,0,0,0);
}

.mobile .button-4 {
	font-size: 1.35rem;
}

.button-4 a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.button-4 a:hover {
    
}

.button-4 a.active {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
}

.massive-header {
	--text-style: "Inter Header (9.95pt)";
	font-size: 14.00rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: Inter;
	font-style: normal;
	line-height: 1.15;
	letter-spacing: -0.077em;
	display: block;
}

.mobile .massive-header {
	font-size: 3.85rem;
}

.massive-header a {
	color: rgba(0, 0, 0, 0.85);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.massive-header a:hover {
	
}

.mobile .quick-view .caption-background {
	max-width: 100vw;
}

::part(slideshow-nav) {
	--button-size: 30px;
	--button-inset: 20px;
	--button-icon-color: rgba(0, 0, 0, 0.85);
	--button-icon-stroke-width: 1.5px;
	--button-icon-stroke-linecap: none;
	--button-background-color: rgba(0, 0, 0, 0);
	--button-background-radius: 50%;
	--button-active-opacity: 0.7;
}

gallery-slideshow::part(slideshow-nav) {
	--button-inset: 15px;
}

.quick-view::part(slideshow-nav) {
}

.wallpaper-slideshow::part(slideshow-nav) {
}

.mobile ::part(slideshow-nav) {
	--button-inset: 10px;
}

.mobile .quick-view::part(slideshow-nav) {
	--button-inset: 25px;
}

shop-product {
	font-size: 1.2rem;
	max-width: 22rem;
	font-family: "Diatype Variable";
	font-style: normal;
	font-weight: 400;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
	letter-spacing: 0em;
	margin-bottom: 1em;
}

shop-product::part(price) {
	color: rgba(0, 0, 0, 0.75);
	line-height: 1.1;
	margin-bottom: 0.5em;
}

shop-product::part(dropdown) {
	width: 100%;
	color: rgba(0, 0, 0, 0.85);
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.0);
	background-image: url(https://static.cargo.site/assets/images/select-line-arrows.svg);
	background-repeat: no-repeat;
	background-position: top 0em right .1em;
	line-height: 1.2;
	padding: 0.58em 2em 0.55em 0.9em;
	border-radius: 10em;
	margin-bottom: 0.5em;
}

shop-product::part(button) {
	background: rgba(0, 0, 0, 0.15);
	color: rgba(0, 0, 0, 0.75);
	text-align: left;
	line-height: normal;
	padding: 0.5em 1em;
	cursor: pointer;
	border-radius: 10em;
}

shop-product::part(button):active {
	opacity: .7;
}

audio-player {
	--text-color: rgba(0, 0, 0, 0.85);
	--text-padding: 0 1.2em 0 1.0em;
	--background-color: rgba(255, 255, 255, 0);
	--buffer-background-color: rgba(0, 0, 0, 0.03);
	--progress-background-color: rgba(0, 0, 0, 0.075);
	--border-lines: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 1.2rem;
	width: 32rem;
	height: 2.75em;
	font-family: "Diatype Variable";
	font-style: normal;
	font-weight: 400;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
	line-height: normal;
	letter-spacing: 0em;
	margin-bottom: 0.5em;
	border-radius: 10em;
}

audio-player::part(button) {
	--icon-color: rgba(0, 0, 0, 0.85);
	--icon-size: 32%;
	--play-text: '';
	--pause-text: '';
	width: 3.15em;
	display: inline-flex;
	justify-content: center;
	cursor: pointer;
}

audio-player::part(play-icon) {
	padding-left: 0.6em;
}

audio-player::part(pause-icon) {
	padding-left: 0.4em;
}

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

audio-player::part(separator) {
	border-right: var(--border-lines);
}

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

media-item {
	--scroll-animation-mode: animation;
	--scroll-animation: scrollAnimationFadeIn-2;
	--scroll-animation-timing: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.mobile .content {
}


::selection {
color: #0000ff;
background: #9fc22a;
}
a.active,
.active a,
[aria-current="page"],
[aria-current="page"] a {
  font-weight: 400 !important;
}
.button-4:hover a {
    color: #0000ff !important;
}

.footer {
	--text-style: "Footer";
	font-size: 1.10rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: "IBM Plex Sans";
	font-style: normal;
	line-height: 2.15;
	letter-spacing: 0em;
	display: block;
}

.mobile .footer {
	font-size: 1.15rem;
}

.footer a {
	color: rgba(0, 0, 0, 0.85);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.footer a:hover {
	
}

.mobile-nav-font {
	--text-style: "Mobile Nav Font";
	font-size: 6.35rem;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.85);
	font-family: HelveticaNeue-Light, Helvetica Neue Light;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0em;
	display: block;
}

.mobile .mobile-nav-font {
	font-size: 1.35rem;
}

.mobile-nav-font a {
	color: rgba(0, 0, 0, 0.85);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.mobile-nav-font a:hover {
	
}

.bodycopy-ibm {
	--text-style: "Bodycopy IBM";
	font-size: 1.15rem;
	font-weight: 400;
	font-family: "IBM Plex Sans";
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0.003em;
	display: block;
	color: #000000;
}

.mobile .bodycopy-ibm {
	font-size: 1.30rem;
}

.bodycopy-ibm a {
	text-decoration: none;
	color: #000000;
}

.bodycopy-ibm a:hover {
	
}

.buttons-w-arrow {
	--text-style: "Underlined Buttons";
	font-size: 1.15rem;
	font-weight: 400;
	font-family: "IBM Plex Sans";
	font-style: normal;
	line-height: 1.25;
	letter-spacing: 0;
	color: #000000;
	display: inline-block;
	background: rgba(0,0,0,0);
}

.mobile .buttons-w-arrow {
	font-size: 1.35rem;
}

.buttons-w-arrow a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: underline;
}

.buttons-w-arrow a:hover {
	
}

.inter-work-tab {
	--text-style: "Inter Work Tab";
	font-size: 5.70rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: Inter;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: -0.077em;
	display: block;
}

.mobile .inter-work-tab {
	font-size: 3.85rem;
}

.inter-work-tab a {
	color: rgba(0, 0, 0, 0.85);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.inter-work-tab a:hover {
	
}

.hamburger {
	--text-style: "Hamburger";
	font-size: 8.3rem;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.85);
	font-family: HelveticaNeue-Light, Helvetica Neue Light;
	font-style: normal;
	line-height: 1.15;
	letter-spacing: -0.077em;
	display: block;
}

.mobile .hamburger {
	font-size: 3.05rem;
}

.hamburger a {
	color: rgba(0, 0, 0, 0.85);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.hamburger a:hover {
	
}

.inter-work-tab-greyed {
	--text-style: "Inter Work Tab greyed";
	font-size: 5.70rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.11);
	font-family: Inter;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: -0.077em;
	display: block;
}

.mobile .inter-work-tab-greyed {
	font-size: 3.85rem;
}

.inter-work-tab-greyed a {
	color: rgba(0, 0, 0, 0.11);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.inter-work-tab-greyed a:hover {
	
}

.inter-regular-work-tab {
	--text-style: "Inter Regular Work Tab";
	font-size: 9.50rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: Inter;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: -0.077em;
	display: block;
}

.mobile .inter-regular-work-tab {
	font-size: 4.05rem;
}

.inter-regular-work-tab a {
	color: rgba(0, 0, 0, 0.85);
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.inter-regular-work-tab a:hover {
	
}

@keyframes scrollAnimationFadeIn-2 { 
    0% { opacity: 0; }
    22.5% { opacity: 1; }
    100% { opacity: 1; }
}


/* Navigation underline — matches the Claude site */
.studio-navigation a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.studio-navigation a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.25em;
  height: 1px;
  background: currentColor;

  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.studio-navigation a:hover::after,
.studio-navigation a:focus-visible::after,
.studio-navigation a.active::after,
.studio-navigation a[aria-current="page"]::after {
  transform: scaleX(1);
  transform-origin: 0% 50%;
}

@media (prefers-reduced-motion: reduce) {
  .studio-navigation a::after {
    transition: none;
  }
}


/* Work overlay links */
.work-options .work-option {
  display: block;
  width: fit-content;
  max-width: 100%;
  color: #fff;
  text-decoration: none;
  opacity: 0.85;
  transform: translateX(0);
  transition:
    transform 350ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 250ms ease;
}

.work-options .work-archive {
  color: #ffe100;
  font-family: "IBM Plex Sans";
  font-size: 1.7rem;
  line-height: 1.3;
  margin-top: 2.5rem;
}

@media (hover: hover) and (pointer: fine) {
  .work-options:has(.work-option:hover) .work-option:not(:hover) {
    opacity: 0.35;
  }

  .work-options:has(.work-option:hover) .work-option:hover {
    opacity: 1;
    transform: translateX(12px);
  }
}

.work-options:has(.work-option:focus-visible)
.work-option:not(:focus-visible):not(:hover) {
  opacity: 0.35;
}

.work-options .work-option:focus-visible {
  opacity: 1;
  transform: translateX(12px);
}

@media (prefers-reduced-motion: reduce) {
  .work-options .work-option {
    transition: none;
    transform: none;
  }
}



[id="L3387579053"].page {
	background-color: #0008ff;
	--page-backdrop-filter: blur(0.45rem);
	min-height: var(--viewport-height);
}

[id="L3387579053"] .page-content {
	align-items: flex-start;
}
[id="T4035015746"] bodycopy {
	
}
[id="Y0799520548"] bodycopy {
	
}
[id="P3254859520"].page {
	background-color: #0000ff;
	--page-backdrop-filter: blur(0.51rem);
	min-height: var(--viewport-height);
}

[id="P3254859520"] .page-content {
	align-items: flex-start;
}

[id="P3254859520"] .page-layout {
	padding: 0rem;
}
[id="U1275657934"].page {
	background-color: #0000ff;
	--page-backdrop-filter: blur(0.51rem);
	min-height: var(--viewport-height);
}

[id="U1275657934"] .page-content {
	align-items: flex-start;
}

[id="U1275657934"] .page-layout {
	padding: 0rem;
}

[id="R0282496795"].page {
	background-color: rgba(255, 255, 255, 0.77);
	min-height: var(--viewport-height);
	--page-backdrop-filter: blur(0.42rem);
}

[id="R0282496795"] .page-content {
	align-items: flex-start;
}
[id="J2987938243"] .page-layout {
	align-items: center;
	max-width: 90%;
}

[id="J2987938243"].page {
	justify-content: flex-start;
}

[id="J2987938243"] .page-content {
}
[id="B0613750343"].page {
}

[id="B0613750343"] .page-content {
}

[id="B0613750343"] .page-layout {
	align-items: center;
}
[id="C1541428592"].page {
}

[id="C1541428592"] .page-content {
}

[id="C1541428592"] .page-layout {
	align-items: center;
}



[id="Z1190273151"].page {
	justify-content: center;
	min-height: auto;
}

[id="Z1190273151"] .page-layout {
	padding: 0.0rem;
	max-width: 100%;
	align-items: flex-start;
}

[id="Z1190273151"] .page-content {
	text-align: center;
	padding: 3rem;
}

[id="T3541570764"] .page-layout {
	max-width: 60%;
	align-items: center;
}

[id="T3541570764"].page {
	justify-content: flex-start;
}

[id="T3541570764"] .page-content {
}

[id="Z2144211396"] .page-layout {
}
[id="P4289088671"].page {
	justify-content: center;
	min-height: auto;
}

[id="P4289088671"] .page-layout {
	padding: 0.0rem;
	max-width: 100%;
	align-items: flex-start;
}

[id="P4289088671"] .page-content {
	text-align: center;
	padding: 3rem;
}
[id="Z3864272341"] .page-layout {
}
[id="J1268410742"].page {
	justify-content: center;
	min-height: auto;
}

[id="J1268410742"] .page-layout {
	padding: 0.0rem;
	max-width: 100%;
	align-items: flex-start;
}

[id="J1268410742"] .page-content {
	text-align: center;
	padding: 3rem;
}
[id="P1103502814"].page {
	justify-content: center;
	min-height: auto;
}

[id="P1103502814"] .page-layout {
	padding: 0.0rem;
	max-width: 100%;
	align-items: flex-start;
}

[id="P1103502814"] .page-content {
	text-align: center;
	padding: 3rem;
}
[id="Q1756134628"].page {
	justify-content: center;
	min-height: auto;
}

[id="Q1756134628"] .page-layout {
	padding: 0.0rem;
	max-width: 100%;
	align-items: flex-start;
}

[id="Q1756134628"] .page-content {
	text-align: center;
	padding: 3rem;
}
[id="A3576285333"].page {
	justify-content: center;
	min-height: auto;
}

[id="A3576285333"] .page-layout {
	padding: 0.0rem;
	max-width: 100%;
	align-items: flex-start;
}

[id="A3576285333"] .page-content {
	text-align: center;
	padding: 3rem;
}
[id="T0396923503"].page {
	justify-content: center;
	min-height: auto;
}

[id="T0396923503"] .page-layout {
	padding: 0.0rem;
	max-width: 100%;
	align-items: flex-start;
}

[id="T0396923503"] .page-content {
	text-align: center;
	padding: 3rem;
}
[id="G0319121956"].page {
	justify-content: center;
	min-height: auto;
}

[id="G0319121956"] .page-layout {
	padding: 0.0rem;
	max-width: 100%;
	align-items: flex-start;
}

[id="G0319121956"] .page-content {
	text-align: center;
	padding: 3rem;
}
[id="H3886495972"].page {
	background-color: rgba(255, 255, 255, 0.95);
	--page-backdrop-filter: blur(0.50rem);
}

[id="H3886495972"] .page-layout {
}
[id="M1856541071"] .page-layout {
	max-width: 80%;
	align-items: center;
}

[id="M1856541071"].page {
	justify-content: flex-start;
}

[id="M1856541071"] .page-content {
}
[id="O2388219696"] .page-layout {
}

[id="O2388219696"].page {
	justify-content: flex-start;
	min-height: var(--viewport-height);
}

[id="O2388219696"] .page-content {
	align-items: flex-start;
}

[id="T2288044217"].page {
	min-height: var(--viewport-height);
}

[id="T2288044217"] .backdrop {
}

.mobile [id="T2288044217"] .backdrop {
}

.mobile [id="T2288044217"] .page-layout {
}

[id="T2288044217"] .page-content {
	align-items: flex-start;
	width: 100%;
}
[id="P1744864500"].page {
	justify-content: center;
	min-height: auto;
}

[id="P1744864500"] .page-layout {
	padding: 0.0rem;
	max-width: 100%;
	align-items: flex-start;
}

[id="P1744864500"] .page-content {
	text-align: center;
	padding: 1rem;
}
[id="F1670136888"] .page-layout {
	max-width: 80%;
	align-items: center;
}

[id="F1670136888"].page {
	justify-content: flex-start;
}

[id="F1670136888"] .page-content {
}

[id="C0554919153"] .page-layout {
	max-width: 80%;
	align-items: center;
}

[id="C0554919153"].page {
	justify-content: flex-start;
}

[id="C0554919153"] .page-content {
}
[id="F2434442721"].page {
	min-height: var(--viewport-height);
	--page-backdrop-filter: blur(0.45rem);
	background-color: rgba(255, 255, 255, 0.84);
}

[id="F2434442721"] .page-layout {
	padding: 0rem;
}
[id="W0939930226"] .page-layout {
}
[id="J3898078034"].page {
	min-height: var(--viewport-height);
}

[id="J3898078034"] .backdrop {
}

.mobile [id="J3898078034"] .backdrop {
}

.mobile [id="J3898078034"] .page-layout {
}

[id="J3898078034"] .page-content {
	align-items: flex-start;
	width: 100%;
}



[id="I1691585669"].page {
	min-height: var(--viewport-height);
}

[id="I1691585669"] .backdrop {
}

.mobile [id="I1691585669"] .backdrop {
}

.mobile [id="I1691585669"] .page-layout {
}

[id="I1691585669"] .page-content {
	align-items: flex-start;
	width: 100%;
}


[id="Y0018525281"].page {
	min-height: var(--viewport-height);
}

[id="Y0018525281"] .backdrop {
}

.mobile [id="Y0018525281"] .backdrop {
}

.mobile [id="Y0018525281"] .page-layout {
}

[id="Y0018525281"] .page-content {
	align-items: flex-start;
	width: 100%;
}


[id="X3619721649"] .page-layout {
	align-items: center;
}

[id="X3619721649"].page {
	justify-content: flex-start;
}

[id="X3619721649"] .page-content {
}
[id="K4193777337"] .page-layout {
	max-width: 57%;
}

[id="K4193777337"].page {
	justify-content: flex-start;
}
[id="Q2619839998"].page {
	min-height: var(--viewport-height);
}

[id="Q2619839998"] .backdrop {
}

.mobile [id="Q2619839998"] .backdrop {
}

.mobile [id="Q2619839998"] .page-layout {
}

[id="Q2619839998"] .page-content {
	align-items: flex-start;
	width: 100%;
}
[id="R3056648606"] .page-layout {
}

[id="P3391417604"] .page-layout {
}
[id="T2229631436"].page {
}

[id="T2229631436"] .page-content {
}

[id="T2229631436"] .page-layout {
	align-items: center;
}

[id="J0172713742"] .page-layout {
	max-width: 57%;
}

[id="J0172713742"].page {
	justify-content: flex-start;
}
[id="C0391619069"] .page-layout {
	max-width: 80%;
	align-items: center;
}

[id="C0391619069"].page {
	justify-content: flex-start;
}

[id="C0391619069"] .page-content {
}


[id="J3227009014"].page {
	min-height: var(--viewport-height);
}

[id="J3227009014"] .backdrop {
}

.mobile [id="J3227009014"] .backdrop {
}

.mobile [id="J3227009014"] .page-layout {
}

[id="J3227009014"] .page-content {
	align-items: flex-start;
	width: 100%;
}
[id="V1395879254"].page {
	min-height: var(--viewport-height);
}

[id="V1395879254"] .backdrop {
}

.mobile [id="V1395879254"] .backdrop {
}

.mobile [id="V1395879254"] .page-layout {
}

[id="V1395879254"] .page-content {
	align-items: flex-start;
	width: 100%;
}
}
@font-face{font-family:HelveticaNeue-Light;src:local("Helvetica Neue Light"),local("HelveticaNeue-Light");font-weight:400;font-style:normal}
@scope (.original-project){bodycopy,h2{font-family:HelveticaNeue-Light,"Helvetica Neue",Helvetica,Arial,sans-serif}.bodycopy-ibm{font-family:"IBM Plex Sans",Arial,sans-serif}}

@scope (.original-project){
bodycopy{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:300!important;line-height:1.5;letter-spacing:0}
h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:300!important}
.original-case-intro{margin:0 0 64px;padding:0}
.original-case-title .massive-header{font:400 clamp(42px,5.6vw,82px)/1.06 Inter,Arial,sans-serif;letter-spacing:-.06em;display:block;margin:0 0 30px}
.original-case-title br{display:none}
.original-case-brief{display:grid!important;grid-template-columns:110px minmax(0,900px);gap:28px!important;align-items:start}
.original-case-brief>column-unit{width:auto!important;flex:none!important;min-width:0}
.original-case-brief h2{font-size:clamp(20px,2vw,29px);line-height:1.4;letter-spacing:-.015em;margin:0}
.original-case-brief .bodycopy-ibm{font:400 11px/1.6 "IBM Plex Sans",Arial,sans-serif}
.original-case-brief br+br{display:none}
}
@media(max-width:767px){@scope (.original-project){.original-case-intro{margin-bottom:40px}.original-case-title .massive-header{font-size:42px;margin-bottom:24px}.original-case-brief{grid-template-columns:1fr;gap:12px!important}.original-case-brief h2{font-size:21px;line-height:1.4}}}

@scope (.original-project){
.project-prose,.project-prose span,.project-prose font{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:300!important;font-size:1.6rem!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important}
.original-case-intro,.original-case-intro *{text-align:left!important;justify-content:start}
.original-case-title{width:100%}
.original-case-brief{margin-left:0!important;margin-right:0!important}
}
@media(max-width:767px){@scope (.original-project){.project-prose,.project-prose span,.project-prose font{font-size:1.35rem!important}}}

@scope (.original-project){
.original-case-intro{margin-bottom:48px!important}
.original-case-brief{margin-bottom:0!important;padding-bottom:0!important}
.original-case-intro+*{margin-top:0}
}
@media(max-width:767px){@scope (.original-project){.original-case-intro{margin-bottom:32px!important}}}

/* A shared rhythm, with authored content and image sequences retained. */
@scope (.original-project){
.page-content{padding-top:40px;padding-bottom:40px;text-align:left}
bodycopy{font-size:clamp(16px,1.3vw,20px);line-height:1.55}
bodycopy>br{display:none}
.original-case-intro{margin-bottom:56px!important}
.project-section-heading{display:block;font:400 clamp(30px,4.2vw,60px)/1.12 Inter,Arial,sans-serif;letter-spacing:-.045em;text-align:left;margin:48px 0 28px}
.project-section-heading br{display:none}
.project-process-row{margin:32px 0 48px;gap:32px!important;align-items:flex-start}
.project-empty-column{display:none!important}
.project-text-column{line-height:1.55}
.project-visual-column{min-width:0}
.project-process-row>column-unit:only-child{flex:1!important;width:100%}
.project-metadata{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px!important;margin:30px 0 48px}
.project-metadata>column-unit{width:auto!important;flex:none!important;font:400 11px/1.7 "IBM Plex Sans",Arial,sans-serif}
.project-metadata br+br{display:none}
gallery-grid{margin:24px 0;gap:20px!important}
hr{margin:28px 0;background:#dededb}
}
@media(max-width:767px){@scope (.original-project){
.page-content{padding-top:24px;padding-bottom:24px}
.original-case-intro{margin-bottom:36px!important}
.project-section-heading{font-size:32px;margin:32px 0 22px}
.project-process-row{margin:24px 0 32px;gap:22px!important}
.project-metadata{grid-template-columns:1fr;gap:20px!important;margin:24px 0 32px}
gallery-grid{gap:12px!important;margin:20px 0}
}}
@scope (.original-project){.project-metadata>column-unit:empty{display:none}.project-metadata br{display:block!important}.project-metadata>column-unit{grid-row:1}.project-metadata>column-unit:not(:has(media-item)):not(:has(img)){min-width:0}}

@scope (.original-project){.original-case-brief .project-discipline-label{display:block!important;margin-top:24px!important;margin-bottom:0!important;padding:0!important;font:400 11px/1.6 "IBM Plex Sans",Arial,sans-serif!important;letter-spacing:.02em!important}}
@media(max-width:767px){@scope (.original-project){.original-case-brief .project-discipline-label{margin-top:20px!important}}}
/* Keep project facts grouped beneath the brief rather than spread edge to edge. */
@scope (.original-project){
.project-metadata{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 138px);max-width:900px;margin:28px 0 40px 138px;gap:28px!important}
.project-metadata>column-unit{grid-row:auto!important}
.project-metadata>column-unit:empty{display:none}
}
@media(max-width:767px){@scope (.original-project){.project-metadata{width:100%;max-width:none;margin:24px 0 32px;grid-template-columns:1fr;gap:22px!important}}}
/* Keep Yucca's portrait motion study comfortably within the viewport. */
@scope (.original-project){
&[page-url="graphics"] media-item:has(video){width:100%!important;max-width:420px!important;margin-left:0;margin-right:auto}
&[page-url="graphics"] video{width:100%;height:auto;max-height:65vh;object-fit:contain;object-position:left top}
}
/* One clear heading weight for project facts throughout the portfolio. */
@scope (.original-project){
.project-metadata b,.project-metadata strong{display:block;font-family:"IBM Plex Sans",Arial,sans-serif!important;font-weight:700!important;font-synthesis:weight;font-size:12px;line-height:1.5;letter-spacing:.04em;margin-bottom:10px;color:#202020}
.project-metadata b br,.project-metadata strong br{display:none!important}
.project-metadata .bodycopy-ibm{font-weight:400}
}
@scope (.original-project){
.project-metadata>column-unit,.project-metadata .bodycopy-ibm{font-family:"IBM Plex Sans",Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.55;letter-spacing:0}
.project-metadata b,.project-metadata strong{font-family:"IBM Plex Sans",Arial,sans-serif!important;font-size:14px;font-weight:700!important;line-height:1.4;letter-spacing:0;margin-bottom:4px;font-synthesis:weight}
}
@scope (.original-project){a.buttons-w-arrow,a.buttons-w-arrow:hover,a.buttons-w-arrow u,a.studio-button,a.studio-button u{text-decoration:none!important}}

@scope (.original-project){
.project-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px!important;max-width:1100px;margin:40px 0}
.project-feature-grid>column-unit{width:auto!important;flex:none!important;font:300 18px/1.55 "Helvetica Neue",Helvetica,Arial,sans-serif}
.project-feature-grid .project-feature-heading{display:block;font:600 20px/1.25 "IBM Plex Sans",Arial,sans-serif!important;letter-spacing:-.015em!important;margin:0 0 12px;font-synthesis:weight}
.project-feature-heading br{display:none}
}
@media(max-width:767px){@scope (.original-project){.project-feature-grid{grid-template-columns:1fr;gap:26px!important;margin:28px 0}.project-feature-grid>column-unit{font-size:16px}.project-feature-grid .project-feature-heading{font-size:19px!important}}}
@scope (.original-project){.project-feature-heading:has(.project-feature-heading){display:contents;margin:0}}
@scope (.original-project){.studio-button,.buttons-w-arrow{text-transform:uppercase;letter-spacing:.035em}}
/* Keep the original mobile reading flow, with readable desktop-matched type. */
@media(max-width:767px){@scope (.original-project){
bodycopy{font-size:16px;line-height:1.55}
.project-prose,.project-prose span,.project-prose font{font-size:16px!important;line-height:1.55!important}
.bodycopy-ibm{font-size:12px;line-height:1.5}
column-set:not(.project-metadata):not(.project-feature-grid):not(.original-case-brief){display:flex;flex-direction:column;gap:24px!important}
column-set:not(.no-mobile-stack)>column-unit{width:100%;flex:auto!important}
media-item{max-width:100%!important}
.project-section-heading{font-size:32px;line-height:1.15}
a.buttons-w-arrow{display:inline-flex;align-items:center;min-height:48px;font:400 12px/1.4 "IBM Plex Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.035em}
}}