:root {
  --yellow: #f7cf42;
  --coral: #f06443;
  --ink: #17130f;
  --cloud: #fff7e8;
  --muted: #62594e;
}

* { box-sizing: border-box; }
html { background: var(--cloud); scroll-behavior: smooth; }
body { margin: 0; background: var(--cloud); color: var(--ink); font-family: Manrope, sans-serif; }
a { color: inherit; }

.topbar {
  position: fixed;
  z-index: 10;
  top: clamp(1rem, 3vw, 2rem);
  right: clamp(1rem, 4vw, 4rem);
  left: clamp(1rem, 4vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  pointer-events: none;
}

.topbar a { pointer-events: auto; text-decoration: none; }
.brand { display: inline-flex; align-items: center; padding: .65rem .8rem; background: #FFF701; color: #000; font-size: .77rem; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.brand i { display: none; }
.topbar nav { display: flex; gap: .25rem; }
.topbar nav a, .talk-link { padding: .65rem .8rem; color: rgb(23 19 15 / 76%); font-size: .73rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.topbar nav a { position: relative; isolation: isolate; transition: color 180ms ease, transform 180ms cubic-bezier(.2, .75, .25, 1); }
.topbar nav a::before { position: absolute; z-index: -1; inset: .36rem .42rem; border-radius: .18rem; background: #FFF701; box-shadow: 0 .18rem .45rem rgb(23 19 15 / 10%); content: ""; opacity: 0; transform: translateX(-.35rem) scaleX(.72) skewX(-7deg); transform-origin: left center; transition: opacity 180ms ease, transform 240ms cubic-bezier(.2, .75, .25, 1); }
.topbar nav a:hover, .topbar nav a:focus-visible { color: #000; outline: 0; transform: translateY(-1px); }
.topbar nav a:hover::before, .topbar nav a:focus-visible::before { opacity: 1; transform: translateX(0) scaleX(1) skewX(0); }
.header-actions { display: flex; align-items: center; gap: .25rem; }
.analyze-link, .talk-link { display: inline-flex; align-items: center; height: 2.15rem; padding: 0 .8rem; line-height: 1; }
.analyze-link { min-width: 10.6rem; gap: .32em; padding: 0 .8rem; color: rgb(23 19 15 / 76%); font-size: .73rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.analyze-link__static { flex: 0 0 auto; }
.analyze-link__words { position: relative; display: grid; flex: 1 1 auto; min-width: 5.3rem; height: 1em; overflow: hidden; }
.analyze-link__words span { grid-area: 1 / 1; opacity: 0; transform: translateY(.7em); animation: analyze-word 12s cubic-bezier(.2, .75, .25, 1) infinite; }
.analyze-link__words span:nth-child(1) { animation-delay: 0s; }
.analyze-link__words span:nth-child(2) { animation-delay: 3s; }
.analyze-link__words span:nth-child(3) { animation-delay: 6s; }
.analyze-link__words span:nth-child(4) { animation-delay: 9s; }
@keyframes analyze-word { 0%, 20% { opacity: 1; transform: translateY(0); } 25%, 95% { opacity: 0; transform: translateY(-.7em); } 100% { opacity: 0; transform: translateY(.7em); } }
.talk-link { position: relative; }
.talk-link::after { position: absolute; right: .8rem; bottom: .3rem; left: .8rem; height: 2px; background: #FFF701; content: ""; transform: scaleX(0); transform-origin: right center; transition: transform 220ms cubic-bezier(.2, .75, .25, 1); }
.talk-link:hover::after, .talk-link:focus-visible::after { transform: scaleX(1); transform-origin: left center; }

.journey { position: relative; height: 1200vh; background: var(--cloud); }
.journey-stage { position: sticky; top: 0; height: 100vh; overflow: hidden; isolation: isolate; contain: paint; background: var(--cloud); }
.journey-band { position: relative; height: 220vh; }
.journey-anchor { position: absolute; top: 28%; left: 0; width: 1px; height: 1px; }
.journey-exit { display: none; }
.scrub-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; opacity: 0; transform: translateZ(0) scale(1.012); backface-visibility: hidden; will-change: opacity, transform; transition: opacity 180ms cubic-bezier(.2, .75, .25, 1); }
.shade { display: none; }
.transition-veil { position: absolute; z-index: 1; inset: 0; opacity: 0; pointer-events: none; will-change: opacity, transform; transition: opacity 180ms cubic-bezier(.2, .75, .25, 1); }
.transition-veil[data-seam="0"] { background: radial-gradient(circle at 18% 65%, #fff9f0 0 7%, transparent 8%), radial-gradient(circle at 38% 42%, #fff9f0 0 14%, transparent 15%), radial-gradient(circle at 61% 67%, #ffd5c5 0 13%, transparent 14%), linear-gradient(135deg, #fff7e8, #eeb4a5); filter: blur(14px); transform: scale(1.06); }
.transition-veil[data-seam="1"] { background: radial-gradient(circle at 22% 66%, #fffdf9 0 12%, transparent 13%), radial-gradient(circle at 48% 45%, #fffdf9 0 17%, transparent 18%), radial-gradient(circle at 78% 64%, #ffebdf 0 16%, transparent 17%); filter: blur(18px); transform: scale(1.06); }
.transition-veil[data-seam="2"] { background: radial-gradient(circle at 35% 62%, #94ba77 0 10%, transparent 11%), radial-gradient(circle at 58% 48%, #5b976b 0 17%, transparent 18%), linear-gradient(135deg, #d7e6bd, #3b7b5d); filter: blur(18px); transform: scale(1.06); }
.transition-veil[data-seam="3"] { background: radial-gradient(circle at 25% 58%, #d6e6b1 0 15%, transparent 16%), radial-gradient(circle at 70% 45%, #f7cf42 0 18%, transparent 19%), linear-gradient(135deg, #54845f, var(--yellow)); filter: blur(18px); transform: scale(1.06); }
.transition-veil[data-seam="4"] { background: radial-gradient(circle at 26% 60%, #fff6cd 0 15%, transparent 16%), radial-gradient(circle at 72% 45%, #f7cf42 0 22%, transparent 23%), linear-gradient(135deg, #fff7e8, var(--yellow)); filter: blur(18px); transform: scale(1.06); }
.chapter-copy { position: absolute; z-index: 2; top: 50%; width: min(38rem, 46vw); isolation: isolate; transform: translateY(18px); opacity: 0; will-change: opacity, transform; transition: opacity 180ms cubic-bezier(.2, .75, .25, 1), transform 180ms cubic-bezier(.2, .75, .25, 1); }
.chapter-copy::before { position: absolute; z-index: -1; top: -2.4rem; right: -2.8rem; bottom: -2.7rem; left: -2.8rem; border-radius: 50%; background: radial-gradient(ellipse at 42% 58%, rgb(255 247 232 / 74%) 0%, rgb(255 247 232 / 38%) 48%, transparent 76%); content: ""; filter: blur(12px); pointer-events: none; }
.copy-right::before { background: radial-gradient(ellipse at 58% 58%, rgb(255 247 232 / 74%) 0%, rgb(255 247 232 / 38%) 48%, transparent 76%); }
.copy-left { left: clamp(1.25rem, 8vw, 9rem); }
.copy-right { right: clamp(1.25rem, 8vw, 9rem); text-align: right; }
.copy-right h1, .copy-right h2 { margin-left: auto; text-align: right; }
.chapter-copy[data-copy="2"] { right: clamp(1.25rem, 8vw, 9rem); left: auto; text-align: right; }
.chapter-copy[data-copy="2"] h2 { margin-left: auto; text-align: right; }
.chapter-copy[data-copy="4"] { right: clamp(1.25rem, 4vw, 4rem) !important; left: auto !important; text-align: right !important; }
.chapter-copy[data-copy="4"] h2 { display: block; margin-right: 0; margin-left: auto !important; text-align: right !important; }
.social-alert { position: absolute; z-index: 3; display: flex; align-items: center; gap: .55rem; min-height: 3.3rem; padding: .45rem .55rem; border: 1px solid rgb(23 19 15 / 26%); border-radius: .78rem; background: rgb(255 253 247 / 73%); box-shadow: 0 .55rem 1.5rem rgb(50 31 19 / 13%), inset 0 1px 1px rgb(255 255 255 / 76%); color: var(--ink); opacity: 0; backdrop-filter: blur(12px) saturate(112%); transform: translateY(.85rem) scale(.94); transform-origin: center bottom; transition: opacity 360ms ease, transform 480ms cubic-bezier(.2, .75, .25, 1); pointer-events: none; }
.social-alert.is-active { opacity: 1; transform: translateY(0) scale(1); }
.social-alert--like { top: 15%; left: 11%; }
.social-alert--sale { top: 17%; left: 47%; }
.social-alert--followers { top: 14%; right: 8%; }
.social-alert img { width: 2.35rem; height: 2.35rem; flex: 0 0 auto; border-radius: .45rem; object-fit: cover; }
.social-alert__label { font-size: .76rem; font-weight: 700; white-space: nowrap; }
.social-alert__heart { display: grid; width: 1.45rem; height: 1.45rem; place-items: center; border-radius: 50%; background: rgb(255 247 1 / 58%); color: #b95145; font-size: .86rem; line-height: 1; }
.social-alert__plant { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: .55rem; background: #FFF701; font-size: 1.18rem; }
.social-alert__copy { display: grid; gap: .12rem; min-width: 0; font-size: .64rem; font-weight: 500; line-height: 1.2; white-space: nowrap; }
.social-alert__copy strong { font-size: .72rem; font-weight: 800; }
.social-alert__instagram { width: 2.25rem; height: 2.25rem; flex: 0 0 auto; padding: .38rem; border-radius: .55rem; background: #FFF701; fill: none; stroke: var(--ink); stroke-width: 1.8; }
.clay-notification { position: absolute; z-index: 3; top: 38%; right: clamp(1.75rem, 10vw, 11rem); width: min(14.75rem, 19vw); opacity: 0; transform: translateY(20px) scale(.92); transform-origin: right center; will-change: opacity, transform; transition: opacity 180ms cubic-bezier(.2, .75, .25, 1), transform 180ms cubic-bezier(.2, .75, .25, 1); pointer-events: none; }
.clay-notification__body { position: relative; display: flex; align-items: center; min-height: 3.2rem; overflow: hidden; padding: .5rem .7rem; border: 1px solid rgb(23 19 15 / 48%); border-radius: .9rem; background: rgb(255 252 247 / 53%); box-shadow: inset 0 1px 1px rgb(255 255 255 / 68%), 0 .55rem 1.5rem rgb(50 31 19 / 14%); color: var(--ink); opacity: 0; backdrop-filter: blur(16px) saturate(115%); transform: translateY(1.1rem) scale(.96); }
.clay-notification__body.is-entering { animation: clay-message-enter .48s cubic-bezier(.2, .75, .25, 1) both; }
.clay-notification__body.is-exiting { animation: clay-message-exit .42s cubic-bezier(.4, 0, .8, .3) both; }
.clay-notification__shine, .clay-notification__top, .clay-notification__dot { display: none; }
.clay-notification__message { display: flex; gap: .42rem; align-items: center; }
.clay-notification--sale { width: min(16.5rem, 22vw); }
.clay-notification__plant-image { width: 2.35rem; height: 2.35rem; flex: 0 0 auto; border-radius: .45rem; object-fit: cover; }
.clay-notification__message > span:not(.clay-notification__text) { flex: 0 0 auto; font-size: .85rem; line-height: 1; }
.clay-notification__copy { display: grid; gap: .18rem; }
.clay-notification__message .clay-notification__text { font-size: clamp(.64rem, .72vw, .7rem); font-weight: 400; line-height: 1; letter-spacing: -.012em; white-space: nowrap; }
.clay-notification__copy strong { font-size: clamp(.62rem, .7vw, .68rem); font-weight: 800; line-height: 1; letter-spacing: -.015em; }
.domain-widget { top: 24%; right: auto; left: clamp(1.25rem, 8vw, 9rem); width: min(15rem, 21vw); transform-origin: left center; }
.domain-widget .clay-notification__body { min-height: auto; padding: .42rem; border-color: rgb(23 19 15 / 44%); border-radius: .78rem; background: rgb(255 252 247 / 48%); }
.domain-widget__field { display: flex; align-items: center; height: 2.1rem; padding: 0 .65rem; border: 1px solid rgb(23 19 15 / 52%); border-radius: .52rem; background: rgb(255 255 255 / 30%); }
.domain-widget__field input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font: 500 clamp(.72rem, .9vw, .84rem) / 1 Manrope, sans-serif; letter-spacing: -.025em; }
.domain-widget__field i { width: 1px; height: .9rem; margin-left: 1px; background: var(--coral); animation: input-caret 720ms steps(1, end) infinite; }
@keyframes input-caret { 50% { opacity: 0; } }
@keyframes clay-message-enter { from { opacity: 0; filter: blur(4px); transform: translateY(1.1rem) scale(.96); } to { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } }
@keyframes clay-message-exit { from { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); } to { opacity: 0; filter: blur(3px); transform: translateY(-.65rem) scale(.985); } }
.eyebrow { margin: 0 0 1rem; color: var(--coral); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.chapter-copy h1, .chapter-copy h2, .services h2, .work h2, .process h2, .contact h2 { margin: 0; font-family: Anton, Impact, sans-serif; font-weight: 400; letter-spacing: -.02em; line-height: .98; text-wrap: balance; }
.chapter-copy h1, .chapter-copy h2 { max-width: 12ch; font-size: clamp(3.4rem, 5.2vw, 7rem); }
.chapter-copy > p:not(.eyebrow) { max-width: 34rem; margin: 1.4rem 0 0; color: var(--muted); font-size: clamp(1rem, 1.35vw, 1.18rem); font-weight: 600; line-height: 1.55; }
.copy-right > p:not(.eyebrow) { margin-left: auto; }
.chapter-copy ul { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.copy-right ul { justify-content: flex-end; }
.chapter-copy li { padding: .42rem .65rem; border: 1px solid rgb(23 19 15 / 22%); font-size: .78rem; font-weight: 700; }
.chapter-copy[data-copy="2"] > p:not(.eyebrow) { color: rgb(255 255 255 / 94%); }
.chapter-copy[data-copy="2"] li { border-color: rgb(255 255 255 / 76%); background: rgb(255 255 255 / 7%); color: #fff; }
.service-pills { position: absolute; z-index: 2; top: calc(50% + 2rem); left: calc(clamp(1.25rem, 8vw, 9rem) + clamp(20rem, 21vw, 30rem)); display: grid; gap: .62rem; width: min(17rem, 27vw); padding-left: 1.25rem; opacity: 0; transform: translateY(18px); will-change: opacity, transform; transition: opacity 180ms cubic-bezier(.2, .75, .25, 1), transform 180ms cubic-bezier(.2, .75, .25, 1); pointer-events: none; }
.service-pills::before { position: absolute; top: .08rem; bottom: .08rem; left: 0; width: 2px; border-radius: 2px; background: #e9b5a7; content: ""; opacity: 0; transform: scaleY(0); transform-origin: top center; }
.service-pills span { display: block; width: fit-content; max-width: 100%; color: rgb(23 19 15 / 62%); font-size: clamp(.7rem, .9vw, .85rem); font-weight: 600; line-height: 1.1; opacity: 0; transform: translateY(-.55rem); }
.service-pills.is-active::before { animation: pill-line 760ms cubic-bezier(.2, .75, .25, 1) forwards; }
.service-pills.is-active span { animation: pill-enter 380ms cubic-bezier(.2, .75, .25, 1) forwards; }
.service-pills.is-active span:nth-child(1) { animation-delay: 120ms; }
.service-pills.is-active span:nth-child(2) { animation-delay: 220ms; }
.service-pills.is-active span:nth-child(3) { animation-delay: 320ms; }
.service-pills.is-active span:nth-child(4) { animation-delay: 420ms; }
.service-pills.is-active span:nth-child(5) { animation-delay: 520ms; }
.service-pills.is-active span:nth-child(6) { animation-delay: 620ms; }
@keyframes pill-line { from { opacity: 0; transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); } }
@keyframes pill-enter { from { opacity: 0; transform: translateY(-.55rem); } to { opacity: 1; transform: translateY(0); } }

.services, .work, .process, .contact { position: relative; padding: clamp(5.5rem, 11vw, 11rem) clamp(1.25rem, 8vw, 9rem); }
.services {
  padding-top: clamp(7.5rem, 15vw, 14rem);
  background: url("assets/section6-yellow-thread-v3.png") center top / 122% auto no-repeat, var(--cloud);
}
.two-col { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(16rem, .75fr); gap: 2rem clamp(2.5rem, 7vw, 8rem); align-items: end; max-width: 82rem; margin: 0 auto; }
.two-col .eyebrow { grid-column: 1 / -1; }
.services h2, .work h2, .process h2, .contact h2 { font-size: clamp(3.35rem, 8vw, 8.8rem); }
.intro > p:not(.eyebrow), .work-copy, .contact > p:not(.eyebrow) { max-width: 32rem; margin: 0; color: var(--muted); font-size: clamp(1rem, 1.6vw, 1.25rem); font-weight: 600; line-height: 1.55; }
.service-list { position: relative; max-width: 82rem; margin: clamp(4rem, 9vw, 8rem) auto 0; padding: 0; list-style: none; }
.service-list::before { position: absolute; top: .5rem; bottom: .5rem; left: clamp(1.15rem, 4vw, 3rem); border-left: 2px dashed rgb(240 100 67 / 60%); content: ""; }
.service-list li { position: relative; display: grid; grid-template-columns: clamp(3rem, 8vw, 7rem) 1fr; gap: clamp(1rem, 3vw, 3rem); padding: clamp(1.8rem, 4vw, 3.2rem) 0; border-top: 1px solid rgb(23 19 15 / 15%); }
.service-list li:last-child { border-bottom: 1px solid rgb(23 19 15 / 15%); }
.service-list b { z-index: 1; width: clamp(2.3rem, 5vw, 3.8rem); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: var(--yellow); font-family: Anton, Impact, sans-serif; font-size: clamp(1rem, 2vw, 1.35rem); }
.service-list li:nth-child(even) b { background: var(--coral); }
.service-list h3, .process h3 { margin: 0; font-family: Anton, Impact, sans-serif; font-weight: 400; line-height: .94; }
.service-list h3 { font-size: clamp(2.15rem, 5vw, 5rem); }
.service-list p { max-width: 33rem; margin: .9rem 0 0; color: var(--muted); font-weight: 600; line-height: 1.55; }

.work { overflow: hidden; background: var(--ink); color: var(--cloud); }
.work::after { position: absolute; top: -28vw; right: -11vw; width: min(46rem, 72vw); aspect-ratio: 1; border-radius: 47% 53% 51% 49%; background: var(--coral); content: ""; }
.work > * { position: relative; z-index: 1; max-width: 82rem; margin-right: auto; margin-left: auto; }
.work .eyebrow { color: var(--yellow); }
.work h2 { max-width: 11ch; }
.work-copy { margin-top: clamp(2rem, 5vw, 5rem); color: rgb(255 247 232 / 76%); }
.clients { display: flex; flex-wrap: wrap; gap: .55rem .75rem; margin-top: clamp(3.5rem, 8vw, 8rem); }
.clients span { padding: .7rem .85rem; border: 1px solid rgb(255 247 232 / 28%); font-weight: 700; }
.clients span:nth-child(3n) { border-color: var(--yellow); color: var(--yellow); }
.underlined { display: inline-flex; gap: .5rem; margin-top: clamp(3rem, 6vw, 6rem); padding-bottom: .45rem; border-bottom: 2px solid var(--coral); font-size: .9rem; font-weight: 800; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; }

.process { background: var(--yellow); }
.process > .eyebrow, .process > h2, .process-list { max-width: 82rem; margin-right: auto; margin-left: auto; }
.process h2 { max-width: 9ch; }
.process-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: clamp(4rem, 9vw, 8rem); background: rgb(23 19 15 / 24%); }
.process-list article { min-height: 17rem; display: flex; flex-direction: column; padding: clamp(1.25rem, 3vw, 2.5rem); background: var(--yellow); }
.process-list article:nth-child(even) { background: color-mix(in srgb, var(--yellow) 83%, var(--cloud)); }
.process-list b { color: var(--coral); font-size: .77rem; letter-spacing: .1em; }
.process-list h3 { margin-top: auto; font-size: clamp(2.1rem, 3.6vw, 3.8rem); }
.process-list p { margin: 1.2rem 0 0; color: var(--muted); font-size: .9rem; font-weight: 600; line-height: 1.48; }

.contact { min-height: min(78rem, 100vh); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; overflow: hidden; background: var(--coral); }
.contact::before { position: absolute; top: 10%; right: -10%; width: min(47rem, 72vw); aspect-ratio: 1; border: clamp(1rem, 3vw, 2.6rem) solid var(--yellow); border-radius: 50%; content: ""; opacity: .9; }
.contact > * { position: relative; z-index: 1; max-width: 82rem; }
.contact h2 { max-width: 9ch; }
.contact > p:not(.eyebrow) { margin-top: 1.5rem; color: rgb(23 19 15 / 76%); }
.contact a { display: inline-flex; gap: .65rem; align-items: center; margin-top: 2.4rem; padding: 1rem 1.15rem; background: var(--ink); color: var(--cloud); font-size: .9rem; font-weight: 800; letter-spacing: .045em; text-decoration: none; text-transform: uppercase; }
footer { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1.25rem, 4vw, 4rem); background: var(--ink); color: rgb(255 247 232 / 70%); font-size: .69rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cases-page { min-height: 100vh; background: var(--cloud); }
.cases-hero { position: relative; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; max-width: 82rem; margin: 0 auto; padding: clamp(8rem, 16vw, 13rem) clamp(1.25rem, 8vw, 9rem) clamp(4rem, 9vw, 7rem); overflow: hidden; }
.cases-hero::before { position: absolute; top: 12%; right: -9%; width: min(42rem, 70vw); aspect-ratio: 1; border: clamp(1.25rem, 3vw, 2.5rem) solid var(--coral); border-radius: 50%; content: ""; opacity: .9; }
.cases-hero > * { position: relative; z-index: 1; }
.cases-hero h1 { max-width: 10ch; margin: 0; font-family: Anton, Impact, sans-serif; font-size: clamp(4rem, 9vw, 9.5rem); font-weight: 400; letter-spacing: -.025em; line-height: .88; }
.cases-hero > p:not(.eyebrow) { max-width: 37rem; margin: 1.75rem 0 0; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.2rem); font-weight: 600; line-height: 1.55; }
.case-clients { padding: clamp(4rem, 9vw, 8rem) clamp(1.25rem, 8vw, 9rem); background: var(--ink); color: var(--cloud); }
.case-clients__intro { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 7vw, 8rem); max-width: 82rem; margin: 0 auto clamp(3rem, 7vw, 6rem); }
.case-clients__intro h2 { max-width: 8ch; margin: 0; font-family: Anton, Impact, sans-serif; font-size: clamp(3.4rem, 6vw, 6.5rem); font-weight: 400; letter-spacing: -.02em; line-height: .94; }
.case-clients__intro p:not(.eyebrow) { align-self: end; max-width: 31rem; margin: 0; color: rgb(255 247 232 / 70%); font-weight: 600; line-height: 1.55; }
.case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; max-width: 82rem; margin: 0 auto; background: rgb(255 247 232 / 22%); }
.case-card { min-height: clamp(15rem, 25vw, 22rem); display: flex; flex-direction: column; justify-content: space-between; padding: clamp(1.25rem, 2.5vw, 2.2rem); background: var(--ink); }
.case-card:nth-child(2), .case-card:nth-child(5) { background: #252019; }
.case-card:nth-child(3n) { background: var(--yellow); color: var(--ink); }
.case-card b { color: var(--coral); font-size: .72rem; letter-spacing: .1em; }
.case-card:nth-child(3n) b { color: var(--ink); }
.case-card h3 { margin: 0; font-family: Anton, Impact, sans-serif; font-size: clamp(2.4rem, 4.2vw, 4.8rem); font-weight: 400; letter-spacing: -.02em; line-height: .9; }
.case-card p { margin: .8rem 0 0; color: rgb(255 247 232 / 64%); font-size: .82rem; font-weight: 600; }
.case-card:nth-child(3n) p { color: rgb(23 19 15 / 65%); }
.analyze-page { min-height: 100vh; background: var(--yellow); }
.analyze-hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; max-width: 82rem; margin: 0 auto; padding: clamp(8rem, 16vw, 13rem) clamp(1.25rem, 8vw, 9rem) clamp(4rem, 9vw, 7rem); }
.analyze-hero h1 { max-width: 9ch; margin: 0; font-family: Anton, Impact, sans-serif; font-size: clamp(4rem, 9vw, 9.5rem); font-weight: 400; letter-spacing: -.025em; line-height: .9; }
.analyze-hero > p:not(.eyebrow) { max-width: 36rem; margin: 1.75rem 0 0; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.2rem); font-weight: 600; line-height: 1.55; }

@media (max-width: 860px) {
  .topbar nav, .header-actions { display: none; }
  .journey { height: 1000vh; }
  .journey-band { height: 180vh; }
  .journey-anchor { top: 20%; }
  .chapter-copy, .copy-right { top: auto; right: auto; bottom: 3.5rem; left: 1.25rem; width: min(calc(100% - 2.5rem), 34rem); transform: none; text-align: left; }
  .copy-right h1, .copy-right h2 { margin-left: 0; text-align: left; }
  .chapter-copy.copy-right[data-copy="2"] { right: 1.25rem; left: auto; text-align: right; }
  .chapter-copy.copy-right[data-copy="2"] h2 { margin-left: auto; text-align: right; }
  .chapter-copy.copy-right[data-copy="4"] { right: 1.25rem; left: auto; text-align: right; }
  .chapter-copy.copy-right[data-copy="4"] h2 { margin-left: auto; text-align: right; }
  .social-alert { min-height: 2.8rem; padding: .36rem .44rem; transform-origin: right bottom; }
  .social-alert--like { top: 12%; left: 1rem; }
  .social-alert--sale { top: 19%; left: 1rem; }
  .social-alert--followers { top: 12%; right: 1rem; }
  .social-alert img, .social-alert__plant, .social-alert__instagram { width: 1.85rem; height: 1.85rem; }
  .social-alert__label { font-size: .68rem; }
  .social-alert__copy { font-size: .57rem; }
  .social-alert__copy strong { font-size: .65rem; }
  .service-pills { top: 18%; right: 1rem; left: auto; width: min(13rem, 52vw); grid-template-columns: 1fr; gap: .44rem; padding-left: 1rem; }
  .service-pills span { font-size: .67rem; }
  .clay-notification { top: 20%; right: 1rem; width: min(13rem, 52vw); }
  .clay-notification--sale { width: min(14.25rem, 58vw); }
  .clay-notification__plant-image { width: 2rem; height: 2rem; }
  .domain-widget { top: 18%; right: auto; left: 1rem; width: min(13rem, 52vw); }
  .copy-right > p:not(.eyebrow) { margin-left: 0; }
  .copy-right ul { justify-content: flex-start; }
  .two-col { grid-template-columns: 1fr; }
  .process-list { grid-template-columns: repeat(2, 1fr); }
  .process-list article { min-height: 13rem; }
  .case-clients__intro { grid-template-columns: 1fr; }
  .case-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
  .topbar { left: 1rem; right: 1rem; }
  .chapter-copy h1, .chapter-copy h2 { font-size: clamp(3rem, 13vw, 4.8rem); }
  .process-list { grid-template-columns: 1fr; }
  .service-list li { grid-template-columns: 3.3rem 1fr; }
  .case-grid { grid-template-columns: 1fr; }
  footer { flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .journey { height: 600vh; }
  .journey-band { height: 100vh; }
  .scrub-video { display: none; }
  .clay-notification__body.is-entering { animation: none; opacity: 1; transform: none; }
  .clay-notification__body.is-exiting { animation: none; opacity: 0; transform: none; }
  .service-pills.is-active::before { animation: none; opacity: 1; transform: scaleY(1); }
  .service-pills.is-active span { animation: none; opacity: 1; transform: none; }
  .analyze-link__words span { animation: none; }
  .analyze-link__words span:first-child { opacity: 1; transform: none; }
  .chapter-stage { background: linear-gradient(135deg, #fff7e8, #f7cf42); }
}