:root {
  --paper: #f1f0ea;
  --ink: #101010;
  --signal: #d7ff2f;
  --blue: #2447ff;
  --muted: #66665f;
  --line: #b7b6af;
  --gutter: clamp(1rem, 3vw, 3rem);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

* { box-sizing: border-box; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--display); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
strong { font-weight: 700; }
em { color: var(--signal); font-style: normal; }
::selection { background: var(--signal); color: var(--ink); }

.skip-link { position: fixed; z-index: 100; top: .5rem; left: .5rem; padding: .75rem 1rem; background: var(--signal); color: var(--ink); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--signal); outline-offset: 4px; }

.masthead { position: relative; z-index: 20; min-height: 72px; padding: 0 var(--gutter); display: grid; grid-template-columns: 2fr 2fr 5fr; align-items: center; border-bottom: 1px solid var(--line); text-transform: uppercase; font: 700 .72rem/1 var(--mono); letter-spacing: .03em; }
.brand { width: clamp(8.5rem, 12vw, 10.5rem); display: inline-flex; align-items: center; }
.brand img { display: block; width: 100%; height: auto; }
.masthead__meta { margin: 0; font-family: var(--display); font-weight: 700; letter-spacing: -.025em; }
.nav { display: flex; align-items: center; justify-content: flex-end; gap: clamp(1rem, 2.5vw, 2.5rem); }
.nav a:not(.nav__cta) { position: relative; padding: 1rem 0; }
.nav a:not(.nav__cta)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: .65rem; height: 1px; background: currentColor; transition: right 180ms var(--ease); }
.nav a:hover::after, .nav a:focus-visible::after { right: 0; }
.nav__cta { padding: .85rem 1rem; background: var(--ink); color: var(--paper); transition: background 180ms, color 180ms; }
.nav__cta:hover { background: var(--signal); color: var(--ink); }
.menu-toggle { display: none; border: 0; background: transparent; color: inherit; text-transform: uppercase; }

.meta, .eyebrow { font: 600 .7rem/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.hero { position: relative; min-height: calc(100svh - 72px); padding: 1rem var(--gutter) 1.5rem; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; }
.hero__kicker { display: flex; justify-content: space-between; }
.hero__title { position: relative; z-index: 2; margin: auto 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; font-size: clamp(8rem, 31vw, 34rem); line-height: .62; letter-spacing: -.1em; font-weight: 800; }
.hero__title > span:nth-child(2) { text-align: right; transform: translateX(clamp(-2.5rem, -2.65vw, -1.7rem)); }
.hero__bottom { position: relative; z-index: 2; display: grid; grid-template-columns: 4fr 3fr 2fr; align-items: end; gap: 2rem; }
.hero__statement { max-width: 26ch; margin: 0; font-size: clamp(1.35rem, 2.2vw, 2.25rem); line-height: 1.05; letter-spacing: -.04em; }
.hero__scope { max-width: 45ch; margin: 0; font-size: clamp(.95rem, 1.2vw, 1.1rem); line-height: 1.35; }
.text-link { justify-self: end; border-bottom: 1px solid currentColor; padding-bottom: .2rem; font: 600 .75rem/1.2 var(--mono); text-transform: uppercase; }
.hero__slash { position: absolute; z-index: 1; inset: 8% 46% 6% auto; width: clamp(3rem, 7vw, 7rem); overflow: hidden; transform: rotate(13deg) scaleY(1.25); transform-origin: center; isolation: isolate; }
.hero__slash::after { content: ""; position: absolute; z-index: 1; inset: 0; background: rgba(215, 255, 47, .84); }

@media (min-width: 960px) {
  .hero__scope { transform: translateX(4vw); }
}

.section { padding: clamp(5rem, 10vw, 10rem) var(--gutter); }
.section-head { display: grid; grid-template-columns: 2fr 5fr 2fr; gap: 2rem; align-items: end; margin-bottom: clamp(3rem, 7vw, 7rem); }
.section-head h2 { margin: 0; max-width: 12ch; font-size: clamp(3rem, 7.5vw, 8rem); line-height: .86; letter-spacing: -.065em; font-weight: 700; }
.section-head > p { margin: 0; line-height: 1.4; }
.section-head > p:last-child { max-width: 28ch; }

.work { background: var(--ink); color: var(--paper); }
.work .section-head { border-top: 1px solid #444; padding-top: 1rem; }
.project { border-top: 1px solid #555; }
.project:last-child { border-bottom: 1px solid #555; }
.project > a { display: block; }
.project__art { position: relative; min-height: clamp(21rem, 62vw, 50rem); overflow: hidden; transform: translateZ(0); }
.project__art::after { content: "/"; position: absolute; z-index: 4; inset: 50% auto auto 50%; color: var(--signal); font-size: clamp(18rem, 45vw, 48rem); line-height: .4; font-weight: 300; transform: translate(-50%, -50%) rotate(calc(5deg + var(--tilt-x, 0deg) + var(--scroll-tilt, 0deg))); mix-blend-mode: difference; transition: transform 360ms var(--ease); }
.project:hover .project__art::after { transform: translate(-50%, -50%) rotate(calc(14deg + var(--tilt-x, 0deg) + var(--scroll-tilt, 0deg))) scale(1.07); }
.project__word { position: absolute; z-index: 3; left: 4%; top: 50%; font-size: clamp(5rem, 16vw, 17rem); line-height: .67; letter-spacing: -.09em; font-weight: 800; transform: translateY(-50%) translate3d(var(--move-x, 0), var(--move-y, 0), 0); transition: transform 200ms var(--ease); }
.project__stamp { position: absolute; z-index: 5; right: 2rem; bottom: 2rem; padding: .6rem .8rem; background: var(--ink); color: var(--paper); font: 700 .7rem/1 var(--mono); }
.project__info { min-height: 96px; display: grid; grid-template-columns: 1fr 4fr 3fr 1fr auto; align-items: center; gap: 1rem; }
.project__info p, .project__info h3 { margin: 0; }
.project__info h3 { font-size: clamp(1.2rem, 2vw, 2rem); letter-spacing: -.04em; }
.project__info p { font: 500 .68rem/1.3 var(--mono); text-transform: uppercase; }
.project__arrow { font-size: 1.5rem; transition: transform 180ms var(--ease); }
.project:hover .project__arrow { transform: translate(4px, -4px); }
.project--signal .project__art { background: var(--signal); color: var(--ink); }
.project--signal .project__art::before { content: ""; position: absolute; inset: -20%; background: repeating-linear-gradient(90deg, transparent 0 8%, rgba(16,16,16,.13) 8% 8.5%); transform: rotate(-9deg); }
.project--eyes .project__art { background: var(--blue); }
.eye { position: absolute; z-index: 1; width: 38vw; height: 20vw; max-width: 620px; max-height: 320px; border-radius: 100%; background: var(--paper); overflow: hidden; transform: rotate(-8deg); }
.eye::after { content: ""; position: absolute; width: 35%; aspect-ratio: 1; border-radius: 50%; background: var(--ink); top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: inset 0 0 0 2vw var(--signal); }
.eye--one { top: 12%; right: 7%; }.eye--two { bottom: 8%; right: 28%; transform: rotate(12deg) scale(.65); }
.project--sun .project__art { background: #ff6038; color: var(--ink); }
.project--sun .project__word { width: 92%; font-size: clamp(3.2rem, 13.6vw, 14.5rem); line-height: .72; letter-spacing: -.085em; text-transform: none; white-space: nowrap; }
.sun-disc { position: absolute; isolation: isolate; width: min(55vw, 780px); aspect-ratio: 1; border-radius: 50%; top: 50%; right: 2%; background: var(--signal); transform: translateY(-50%); box-shadow: 0 0 0 clamp(1rem, 2.5vw, 2.5rem) rgba(16,16,16,.16), 0 0 0 clamp(2rem, 5vw, 5rem) rgba(215,255,47,.28); }
.sun-disc::after { content: ""; position: absolute; inset: 16%; border: 1px solid rgba(16,16,16,.45); border-radius: 50%; box-shadow: 0 0 0 clamp(1rem, 2vw, 2rem) rgba(16,16,16,.12), 0 0 0 clamp(2rem, 4vw, 4rem) rgba(16,16,16,.08); }
.project--service .project__art { background: var(--paper); color: var(--ink); }
.barcode { position: absolute; inset: 0 0 0 58%; background: repeating-linear-gradient(90deg, var(--ink) 0 .5vw, transparent .5vw 1.1vw, var(--ink) 1.1vw 1.4vw, transparent 1.4vw 2.4vw); }

.section-head--split { grid-template-columns: 2fr 5fr 2fr; }
.service-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ink); }
.service-list li { min-height: 112px; display: grid; grid-template-columns: 2fr 5fr 2fr; gap: 2rem; align-items: center; border-bottom: 1px solid var(--ink); transition: background 180ms, padding 180ms var(--ease); }
.service-list li:hover { background: var(--signal); padding-inline: 1rem; }
.service-list span { font: 600 .7rem/1 var(--mono); }
.service-list h3, .service-list p { margin: 0; }
.service-list h3 { font-size: clamp(1.7rem, 3.5vw, 4rem); letter-spacing: -.055em; }
.service-list p { max-width: 30ch; font-size: .95rem; line-height: 1.3; }

.process { background: var(--signal); }
.section-head--compact { grid-template-columns: 2fr 7fr; }
.process-grid { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.process-grid li { min-height: 25rem; padding: clamp(1.25rem, 2.2vw, 2.25rem); display: grid; grid-template-rows: auto minmax(0, 1fr) 10rem; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.process__num { font: 600 .7rem/1 var(--mono); }
.process-grid h3 { align-self: end; max-width: 8ch; margin: 0 0 1.5rem; font-size: clamp(1.8rem, 3vw, 3.4rem); line-height: .94; letter-spacing: -.055em; }
.process-grid p { width: 100%; margin: 0; max-width: 30ch; padding-top: 1.25rem; border-top: 1px solid rgba(16,16,16,.35); line-height: 1.45; }

.studio { position: relative; min-height: 100svh; background: var(--blue); color: var(--paper); overflow: hidden; }
.studio > h2 { position: relative; z-index: 2; max-width: 12ch; margin: 12vh 0 10vh; font-size: clamp(3.5rem, 9.5vw, 10rem); line-height: .84; letter-spacing: -.07em; }
.studio__copy { position: relative; z-index: 2; width: min(100%, 700px); margin-left: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.studio__copy p { margin: 0; font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.45; }
.button { min-height: 52px; padding: 1rem; display: inline-flex; justify-content: space-between; align-items: center; gap: 2rem; font: 700 .75rem/1 var(--mono); text-transform: uppercase; }
.button--outline { grid-column: 2; border: 1px solid currentColor; }
.button--outline:hover { background: var(--signal); color: var(--ink); }
.studio__mark { position: absolute; z-index: 1; inset: 5% auto auto 42%; color: rgba(16,16,16,.33); font-size: min(100vw, 90rem); line-height: .8; font-weight: 200; transform: rotate(8deg); }

.contact { min-height: 100svh; padding: clamp(5rem, 10vw, 10rem) var(--gutter) 2rem; display: flex; flex-direction: column; background: var(--ink); color: var(--paper); }
.contact h2 { margin: auto 0; font-size: clamp(4rem, 12vw, 14rem); line-height: .73; letter-spacing: -.08em; }
.contact__link { display: flex; justify-content: space-between; padding: 1.2rem 0; border-top: 1px solid #555; border-bottom: 1px solid #555; font-size: clamp(1.2rem, 3vw, 3rem); letter-spacing: -.04em; }
.contact__link:hover { color: var(--signal); }
.contact__note { margin: 1rem 0 0; text-align: right; font: 600 .68rem/1.3 var(--mono); text-transform: uppercase; }

.footer { padding: 2rem var(--gutter); display: grid; grid-template-columns: 2fr 3fr 3fr 1fr; gap: 2rem; align-items: start; border-top: 1px solid var(--line); font: 600 .68rem/1.5 var(--mono); text-transform: uppercase; }
.footer p { margin: 0; }.footer__links { display: flex; flex-wrap: wrap; gap: 1.5rem; }

.legal-page { min-height: calc(100svh - 72px); padding: clamp(5rem, 10vw, 10rem) var(--gutter); }
.legal-page h1 { max-width: 10ch; margin: 10vh 0; font-size: clamp(4rem, 11vw, 11rem); line-height: .78; letter-spacing: -.075em; }
.legal-page__copy { width: min(100%, 720px); margin-left: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.legal-page__copy p { margin: 0; font-size: clamp(1rem, 1.4vw, 1.2rem); line-height: 1.45; }
.legal-page__copy .button { grid-column: 2; border-color: var(--ink); }

.case-nav { display: flex; justify-content: flex-end; gap: clamp(1rem, 2.5vw, 2.5rem); font: 700 .72rem/1 var(--mono); }
.case-nav a { min-height: 44px; display: inline-flex; align-items: center; }
.case-hero { position: relative; min-height: calc(100svh - 72px); padding: 1rem var(--gutter) 2rem; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; }
.case-hero h1 { position: relative; z-index: 2; align-self: center; margin: 0; font-size: clamp(6rem, 18vw, 19rem); line-height: .68; letter-spacing: -.09em; text-transform: uppercase; }
.case-hero__intro { position: relative; z-index: 2; justify-self: end; max-width: 34ch; margin: 0; font-size: clamp(1.15rem, 1.8vw, 1.8rem); line-height: 1.12; letter-spacing: -.035em; }
.case-hero__slash { position: absolute; z-index: 1; top: 3%; left: 47%; color: var(--signal); font-size: min(86vw, 70rem); line-height: .85; font-weight: 200; transform: rotate(9deg); mix-blend-mode: difference; }
.case-hero__slash--wobble { z-index: 2; transform-origin: 42% 52%; transform: translate3d(0, 0, 0) rotate(calc(9deg + var(--tilt-x, 0deg) + var(--scroll-tilt, 0deg))); transition: transform 300ms var(--ease); will-change: transform; }
.case-hero--signal { background: var(--signal); color: var(--ink); }.case-hero--eyes { background: var(--blue); color: var(--paper); }.case-hero--sun { isolation: isolate; background: #ff6038; color: var(--ink); }.case-hero--service { background: var(--paper); color: var(--ink); }
.case-hero--sun h1 { z-index: 3; width: 100%; font-size: clamp(4.5rem, 13.6vw, 13.5rem); line-height: .72; letter-spacing: -.085em; text-transform: none; white-space: nowrap; }
.case-hero--sun .case-hero__intro { z-index: 3; }
.case-hero__sunset { position: absolute; z-index: 1; top: 50%; left: 68%; width: min(52vw, 46rem); aspect-ratio: 1; border-radius: 50%; background: var(--signal); transform: translate(-50%, -50%); box-shadow: 0 0 0 clamp(1rem, 2.5vw, 2.5rem) rgba(16,16,16,.16), 0 0 0 clamp(2rem, 5vw, 5rem) rgba(215,255,47,.28); }
.case-hero__sunset::after { content: ""; position: absolute; inset: 16%; border: 1px solid rgba(16,16,16,.45); border-radius: 50%; box-shadow: 0 0 0 clamp(1rem, 2vw, 2rem) rgba(16,16,16,.12), 0 0 0 clamp(2rem, 4vw, 4rem) rgba(16,16,16,.08); }
.case-context { display: grid; grid-template-columns: 2fr 5fr 2fr; gap: 2rem; align-items: start; }
.case-context > h2 { margin: 0; font-size: clamp(3rem, 7vw, 7rem); line-height: .86; letter-spacing: -.065em; }
.case-context__copy { padding-top: .5rem; }.case-context__copy > p { margin: 0 0 4rem; font-size: clamp(1.1rem, 1.6vw, 1.45rem); line-height: 1.4; }
.case-context dl { margin: 0; border-top: 1px solid var(--ink); }.case-context dl div { padding: 1rem 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; border-bottom: 1px solid var(--line); }
.case-context dt, .case-context dd { margin: 0; font: 600 .7rem/1.3 var(--mono); text-transform: uppercase; }.case-context dd { text-align: right; }
.live-proof { background: var(--ink); color: var(--paper); }.live-proof__head { display: grid; grid-template-columns: 2fr 5fr 2fr; gap: 2rem; align-items: end; margin-bottom: clamp(3rem, 6vw, 6rem); }
.live-proof__head h2 { margin: 0; font-size: clamp(3rem, 7vw, 7rem); line-height: .86; letter-spacing: -.065em; }.live-proof__head .button { grid-column: 3; border-color: #555; }
.live-proof__gallery { display: grid; gap: clamp(3rem, 6vw, 6rem); }.live-proof figure { margin: 0; }.live-proof img { display: block; width: 100%; height: auto; border: 1px solid #444; }.live-proof figcaption { max-width: 68ch; margin-top: 1rem; color: #aaa; font: 500 .68rem/1.5 var(--mono); text-transform: uppercase; }
.noservice-gallery { display: grid; gap: clamp(1rem, 2vw, 2rem); }.noservice-capture { position: relative; aspect-ratio: 1.98 / 1; overflow: hidden; border: 1px solid #444; }.noservice-capture img { position: absolute; inset: auto 0 0; border: 0; }.noservice-capture figcaption { position: absolute; z-index: 2; left: 1rem; bottom: 1rem; margin: 0; padding: .5rem .7rem; background: var(--ink); color: var(--paper); }
.live-status { min-height: 55vh; padding: 2rem; display: grid; grid-template-rows: auto 1fr auto; border: 1px solid #555; }.live-status span, .live-status p { font: 500 .7rem/1.5 var(--mono); text-transform: uppercase; }.live-status strong { align-self: center; font-size: clamp(3rem, 9vw, 9rem); line-height: .8; letter-spacing: -.07em; color: var(--signal); }.live-status p { max-width: 55ch; margin: 0; }
.case-next { min-height: 58vh; padding: 2rem var(--gutter); display: flex; flex-direction: column; justify-content: space-between; background: var(--signal); }.case-next a { display: flex; justify-content: space-between; align-items: end; font-size: clamp(4rem, 12vw, 13rem); line-height: .75; letter-spacing: -.08em; font-weight: 700; }

@media (max-width: 959px) {
  .masthead { grid-template-columns: 1fr auto; }
  .masthead__meta { display: none; }
  .menu-toggle { min-width: 56px; min-height: 56px; display: inline-flex; align-items: center; gap: .75rem; justify-content: flex-end; font: 700 .7rem/1 var(--mono); }
  .menu-toggle__mark { font: 400 1.6rem/1 var(--display); transition: transform 180ms; }
  .menu-toggle[aria-expanded="true"] .menu-toggle__mark { transform: rotate(45deg); }
  .nav { position: absolute; top: 72px; left: 0; right: 0; padding: 1.5rem var(--gutter); display: none; align-items: stretch; flex-direction: column; background: var(--paper); border-bottom: 1px solid var(--ink); }
  .nav[data-open="true"] { display: flex; }
  .nav a { min-height: 48px; display: flex; align-items: center; font-size: 1rem; }
  .nav__cta { justify-content: space-between; }
  .hero__bottom { grid-template-columns: 1fr 1fr; }.hero__scope { grid-column: 2; }.text-link { display: none; }
  .hero__title > span:nth-child(2) { transform: translateX(-2.2vw); }
  .section-head, .section-head--split { grid-template-columns: 1fr 3fr; }.section-head > p:last-child { grid-column: 2; }
  .project__info { grid-template-columns: auto 2fr 2fr auto; }.project__index { display: none; }.project__info p:nth-of-type(3) { display: none; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .studio__copy { width: 70%; grid-template-columns: 1fr; }.button--outline { grid-column: 1; }
  .footer { grid-template-columns: 1fr 1fr; }
  .case-context, .live-proof__head { grid-template-columns: 1fr 2fr; }.case-context__copy, .live-proof__head .button { grid-column: 2; }
}

@media (max-width: 639px) {
  .masthead { min-height: 60px; }.nav { top: 60px; }
  .hero { min-height: calc(100svh - 60px); padding-bottom: 1rem; }
  .hero__kicker span:last-child { display: none; }
  .hero__title { margin: auto 0; font-size: clamp(8rem, 49vw, 13rem); }
  .hero__title > span:nth-child(2) { transform: translateX(-4vw); }
  .hero__bottom { grid-template-columns: 1fr; gap: 1rem; }.hero__scope { grid-column: 1; max-width: 38ch; }.hero__statement { font-size: 1.5rem; }
  .hero__slash { inset: 12% 43% 12% auto; width: 3rem; }
  .section { padding-block: 5rem; }
  .section-head, .section-head--split, .section-head--compact { grid-template-columns: 1fr; gap: 1.2rem; margin-bottom: 3rem; }
  .section-head > p:last-child { grid-column: 1; }.section-head h2 { font-size: clamp(3rem, 15vw, 5rem); }
  .project__art { min-height: 28rem; }.project__word { font-size: clamp(4.5rem, 25vw, 7.5rem); }.project__stamp { right: 1rem; bottom: 1rem; }
  .project__info { min-height: 118px; grid-template-columns: 1fr auto; align-content: center; gap: .4rem 1rem; }.project__info h3 { font-size: 1.4rem; }.project__info p { grid-column: 1; }.project__arrow { grid-column: 2; grid-row: 1 / 3; }
  .eye { width: 72vw; height: 38vw; }.eye--one { top: 12%; right: -10%; }.eye--two { bottom: 10%; right: 10%; }
  .sun-disc { width: 90vw; right: -42%; }
  .service-list li { min-height: 132px; grid-template-columns: auto 1fr; gap: .5rem 1rem; align-content: center; }.service-list p { grid-column: 2; }
  .process-grid { grid-template-columns: 1fr; }.process-grid li { min-height: 17rem; padding: 1.5rem; grid-template-rows: auto minmax(4rem, 1fr) 7rem; }.process-grid p { padding-top: 1rem; }
  .studio > h2 { margin-block: 10vh; font-size: clamp(3.4rem, 16vw, 6rem); }.studio__copy { width: 100%; }.studio__mark { inset: 15% auto auto 22%; }
  .contact { min-height: 85svh; }.contact h2 { font-size: clamp(4rem, 20vw, 7rem); }.contact__link { font-size: 1.05rem; }
  .footer { grid-template-columns: 1fr; }.footer__links { flex-direction: column; gap: .5rem; }
  .legal-page { min-height: calc(100svh - 60px); }.legal-page__copy { grid-template-columns: 1fr; }.legal-page__copy .button { grid-column: 1; }
  .masthead--case { grid-template-columns: 1fr auto; }.case-nav a:first-child { display: none; }.case-hero { min-height: calc(82svh - 60px); }.case-hero h1 { font-size: clamp(5rem, 26vw, 9rem); }.case-hero--sun h1 { font-size: clamp(3.2rem, 13.8vw, 5rem); }.case-hero--sun .case-hero__intro { justify-self: end; max-width: 25ch; }.case-hero__intro { justify-self: start; max-width: 29ch; }.case-hero__slash { left: 38%; font-size: 130vw; }.case-hero__sunset { left: 72%; width: 88vw; }
  .case-context, .live-proof__head { grid-template-columns: 1fr; gap: 1.25rem; }.case-context__copy, .live-proof__head .button { grid-column: 1; }.case-context__copy > p { margin-bottom: 2.5rem; }.live-proof__head .button { margin-top: 1rem; }.live-status { min-height: 28rem; padding: 1.25rem; }.case-next { min-height: 38vh; }.case-next a { font-size: clamp(3rem, 12vw, 5rem); overflow-wrap: anywhere; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .project__word { transform: translateY(-50%) !important; }
  .project__art::after { transform: translate(-50%, -50%) rotate(5deg) !important; }
  .case-hero__slash--wobble { animation: none; transform: rotate(9deg) !important; }
}

@media (forced-colors: active) {
  .hero__slash, .studio__mark, .project__art { forced-color-adjust: none; }
  .nav__cta, .button { border: 1px solid currentColor; }
}