/* October 2026. Homepage only: editorial covers, native rails, a quieter palette. */
.home-refresh {
  --paper: #f5f4ef;
  --ink: #1a1c20;
  --muted: #65675f;
  --line: #dedfd5;
  --lime: #d5ed91;
  --dark: #17191c;
  --violet: #514b76;
  background: var(--paper);
  color: var(--ink);
}
.home-refresh ::selection { background: #d5ed91; color: #17191c; }
.home-refresh :focus-visible { outline: 3px solid #8570db; outline-offset: 5px; }
.home-refresh .header { height: 80px; background: #17191cf5; border-color: #ffffff18; gap: 24px; }
.home-refresh .header .nav { gap: 20px; font-size: .8125rem; }
.home-refresh .header-partner { margin-left: 0; }
.home-refresh .header-cta { border-radius: 999px; }
.home-refresh .reading-progress { background: var(--lime); }
.home-refresh .button { border-radius: 999px; box-shadow: none; min-height: 54px; }
.home-refresh .button-violet { background: #d5ed91; color: #17191c; }
.home-refresh .button-violet:hover { background: #e2f6b1; box-shadow: none; }
.home-refresh .button-light { background: #f5f4ef; color: #17191c; }
.home-refresh .button-dark { background: #1a1c20; }
.home-refresh .text-gradient { color: inherit; background: none; -webkit-text-fill-color: currentColor; }
.home-refresh .section { padding-block: 88px; }
.home-refresh .section-label { margin-bottom: 28px; }
.home-refresh .section-heading { margin-bottom: 32px; gap: 48px; }
.home-refresh h2 { font-size: clamp(2rem, 4.1vw, 3.8rem); font-weight: 600; }
.home-refresh .text-link { color: inherit; }

/* The animated mark is a development of the three bars in the existing logo. */
.home-refresh .hero-studio { color: #f5f4ef; background: #17191c; border: 0; border-radius: 0 0 32px 32px; overflow: hidden; padding: 0; position: relative; }
.hero-studio > .shell { display: flex; flex-direction: column; min-height: min(820px, calc(100svh - 80px)); }
.studio-kicker { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 28px; font-size: .75rem; color: #9fa29b; }
.studio-kicker > span:first-child { display: inline-flex; align-items: center; gap: 9px; }
.studio-kicker i { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); }
.studio-layout { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 64px; padding: 48px 0 44px; flex: 1; }
.home-refresh .hero-studio h1 { font-size: clamp(3.6rem, 6.4vw, 6.5rem); font-weight: 550; line-height: 1.03; letter-spacing: -.064em; }
.home-refresh .hero-studio h1 em { font-style: normal; color: var(--lime); background: none; -webkit-text-fill-color: currentColor; }
.studio-copy > p { color: #c0c2bb; font-size: 1rem; line-height: 1.7; margin-top: 24px; }
.studio-copy > p > span { color: #aeb7a5; }
.hero-studio .hero-actions { gap: 24px; margin-top: 30px; }
.hero-studio .hero-secondary { color: #c3c6bd; font-size: .875rem; display: inline-flex; align-items: center; justify-content: flex-start; width: auto; flex: none; gap: 8px; }
.hero-studio .hero-secondary > span { display: inline-flex; margin-left: 0; flex: none; }
.studio-art { align-self: stretch; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.studio-art-label { display: flex; justify-content: space-between; align-items: center; min-height: 36px; font-size: .6875rem; letter-spacing: .14em; text-transform: uppercase; color: #aeb7a5; }
.studio-motion-toggle { width: 36px; height: 36px; border: 1px solid #ffffff25; background: transparent; border-radius: 50%; color: #c3c6bd; display: grid; place-items: center; }
.studio-motion-toggle:hover { background: #ffffff0d; }
.studio-motion-toggle .motion-play, .studio-motion-toggle[aria-pressed="true"] .motion-pause { display: none; }
.studio-motion-toggle[aria-pressed="true"] .motion-play { display: block; }
.signal-sculpture { position: relative; isolation: isolate; height: clamp(280px, 29vw, 430px); margin: 6px 0 12px; }
.signal-guide { position: absolute; inset: 9% 0; border: 1px solid #d5ed911a; border-radius: 50%; transform: rotate(-28deg); }
.signal-guide.guide-two { inset: 0 18%; transform: rotate(34deg); border-color: #d5ed910d; }
.signal-bars { position: absolute; inset: 8% 12% 10%; display: flex; align-items: flex-end; justify-content: center; gap: 7%; transform: rotate(-9deg); }
.signal-bars i { display: block; width: 25%; height: 47%; border-radius: 14px; background: #eef0e7; transform-origin: bottom; animation: signal-breathe 7s ease-in-out infinite; box-shadow: inset -1px 0 0 #ffffff33; }
.signal-bars i:nth-child(2) { height: 72%; background: #a6b291; animation-delay: -2.3s; }
.signal-bars i:nth-child(3) { height: 96%; background: #d5ed91; animation-delay: -4.6s; }
.signal-dot { position: absolute; width: 12px; height: 12px; background: var(--lime); border-radius: 50%; top: 19%; left: 8%; animation: signal-drift 7s ease-in-out infinite; box-shadow: 0 0 26px #d5ed9130; }
.signal-coordinate { position: absolute; font-size: .6875rem; color: #747e6c; }
.coordinate-a { bottom: 14%; left: 0; }
.coordinate-b { top: 10%; right: 1%; font-size: 1.7rem; color: #d5ed91; }
.studio-art-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 20px; border-top: 1px solid #ffffff1a; }
.studio-art-bottom > span:first-child { font-size: clamp(1.2rem, 2vw, 1.7rem); letter-spacing: -.04em; }
.studio-art-bottom em { color: var(--lime); font-style: normal; }
.studio-art-note { font-size: .75rem; line-height: 1.6; color: #aeb7a5; }
.studio-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0; border-top: 1px solid #ffffff20; }
.studio-bottom > p { display: flex; gap: 16px; align-items: center; }
.studio-bottom strong { font-size: 2.5rem; font-weight: 500; letter-spacing: -.065em; line-height: 1; }
.studio-bottom p span { color: #959c8d; font-size: .6875rem; line-height: 1.5; }
.studio-bottom nav { display: flex; flex-wrap: wrap; gap: 24px; }
.studio-bottom nav a { display: inline-flex; align-items: center; gap: 12px; font-size: .75rem; color: #aeb5a7; min-height: 44px; }
.studio-bottom nav a:hover { color: var(--lime); }
.studio-bottom nav .ui-icon { width: 15px; height: 15px; }
.studio-scroll { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #ffffff25; border-radius: 50%; }
@keyframes signal-breathe { 0%, 100% { transform: scaleY(.89) translateY(0); } 50% { transform: scaleY(1) translateY(-9px); } }
@keyframes signal-drift { 0%,100% { transform: translate(0,0); } 50% { transform: translate(14px,-14px); } }
.studio-art:is(.is-paused,.is-offscreen) *, .home-refresh.is-page-hidden .studio-art * { animation-play-state: paused; }

/* Agency: less chrome, enough breathing room for actual content. */
.home-refresh .agency-name { color: #767b70; }
.home-refresh .agency-definition p { font-size: .9375rem; color: #686d63; }
.home-refresh .agency-definition strong { color: #252922; font-weight: 550; }
.home-refresh .agency-goals span { background: transparent; border: 1px solid #dedfd5; color: #656d5b; }
.home-refresh .service-card { border-radius: 20px; padding: 28px; min-height: 330px; box-shadow: none; }
.home-refresh .service-creators { background: #20241f; border-color: #20241f; }
.home-refresh .service-creators .card-top, .home-refresh .service-creators .service-tag { color: #d5ed91; }
.home-refresh .service-creators p { color: #b5bcae; }
.home-refresh .service-media { background: #e6e8df; border-color: #dce0d2; }
.home-refresh .service-strategy { background: #ece9f2; border-color: #e0dce8; }
.home-refresh .service-card h3 { font-size: 1.7rem; }
.home-refresh .card-top { margin-bottom: 32px; }
.home-refresh .service-route { color: inherit; }
.home-refresh .service-route span { background: #ffffff09; border-color: #ffffff20; color: #c6ccbd; }
.home-refresh .service-tag { color: inherit; }

/* Cases share one cover system, with the supplied Koresh artwork intact. */
.home-refresh .cases { background: #20231f; color: #f5f4ef; }
.home-refresh .cases .section-label, .home-refresh .cases .section-label > span:first-child { color: #aeb6a3; }
.home-refresh .cases .section-heading > p { color: #b3bbab; }
.home-refresh .cases .text-gradient { color: #d5ed91; }
.home-refresh .case-views { background: transparent; border: 0; padding: 0; display: flex; gap: 10px; margin-bottom: 24px; }
.home-refresh .case-views a { border: 1px solid #ffffff26; border-radius: 999px; padding: 10px 18px; min-height: 44px; color: #bac2b1; background: transparent; }
.home-refresh .case-views a[aria-current] { background: #d5ed91; border-color: #d5ed91; color: #20231f; }
.home-refresh .case-grid { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px) / 3); grid-template-columns: none; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 6px 3px 12px; margin: -6px -3px 0; }
.home-refresh .case-grid::-webkit-scrollbar { display: none; }
.home-refresh .case-card { background: #f5f4ef; color: #20231f; border-radius: 18px; padding: 0 0 53px; overflow: hidden; position: relative; scroll-snap-align: start; }
.home-refresh .case-image { aspect-ratio: 4 / 5; border-radius: 0; background: #f5f4ef; border: 0; box-shadow: none; }
.home-refresh .case-image::after { display: none; }
.home-refresh .case-image img { position: absolute; inset: 32% 0 0; width: 100%; height: 68%; object-fit: cover; object-position: center 35%; filter: grayscale(1); transform: none; }
.home-refresh .case-image.case-koresh img { inset: 0; height: 100%; object-position: center; filter: none; }
.home-refresh .case-image.case-vlad img { object-position: 52% center; }
.home-refresh .case-image.case-rostislav img { object-position: 50% center; }
.case-poster-type { position: absolute; inset: 0 0 auto; padding: 22px 20px 12px; font-size: clamp(1.5rem, 2.9vw, 2.8rem); line-height: 1.04; font-weight: 800; letter-spacing: -.065em; z-index: 1; }
.case-poster-type small { display: block; font-size: .64em; margin-top: 4px; letter-spacing: -.04em; }
.home-refresh .case-image > span { top: auto; bottom: 13px; left: 14px; background: #20231fec; color: #e9eddc; border: 0; border-radius: 999px; font-size: .625rem; padding: 7px 10px; letter-spacing: .06em; }
.home-refresh .case-koresh > span { top: 13px; right: 13px; bottom: auto; left: auto; background: #d5ed91; color: #20231f; }
.home-refresh .case-caption { padding: 19px 20px 15px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: nowrap; }
.home-refresh .case-caption h3 { font-size: .9375rem; color: #20231f; max-width: 43%; }
.home-refresh .case-caption p { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.home-refresh .case-caption strong { font-size: 1.9rem; font-weight: 550; color: #20231f; line-height: 1; }
.home-refresh .case-caption p > span { color: #606856; font-size: .75rem; max-width: none; }
.home-refresh .case-caption .case-format-label { font-size: 1.15rem; }
.home-refresh .case-trigger { color: #676e5e; border-radius: 18px; padding: 0 20px; }
.home-refresh .case-trigger > span { padding: 14px 0; border-top: 1px solid #dfe1d6; font-size: .75rem; }
.home-refresh .case-trigger:hover > span { color: #20231f; border-color: #8ca56b; }
.home-refresh .case-card:hover .case-image, .home-refresh .case-card:hover .case-image img { transform: none; filter: grayscale(.35); box-shadow: none; }
.home-refresh .case-card-koresh:hover .case-image img { filter: none; }
.home-refresh .case-card:has(.case-trigger:focus-visible) { outline: 3px solid #d5ed91; outline-offset: -3px; }
.home-refresh .case-card:has(.case-trigger:focus-visible) .case-trigger > span { color: #20231f; }
.home-refresh .case-archive { background: #ffffff04; border-color: #ffffff1a; border-radius: 18px; margin-top: 26px; padding: 24px; }
.home-refresh .case-archive h3 { color: #f2f3ed; }
.home-refresh .case-archive p, .home-refresh .archive-index small { color: #a5af9a; }
.home-refresh .archive-index { color: #d5ed91; }
.home-refresh .case-economics { border-color: #ffffff1a; margin-top: 28px; padding-top: 24px; }
.home-refresh .case-economics p { color: #adb6a2; }
.home-refresh .case-economics strong, .home-refresh .economics-number { color: #e4edda; }
.home-refresh .photo-credits { color: #a0a996; border-color: #ffffff18; }

/* Native scrolling, controls, and a small visible cue that there is more to see. */
.swipe-rail { overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }
.rail-controls { display: none; align-items: center; gap: 9px; margin-top: 16px; }
.rail-controls[data-for="cases-rail"] { display: flex; }
.rail-hint { color: #606856; font-size: .75rem; margin-right: auto; }
.rail-counter { color: inherit; font-size: .75rem; font-variant-numeric: tabular-nums; min-width: 60px; text-align: center; }
.rail-button { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #bbc1b2; border-radius: 50%; background: transparent; color: inherit; flex: none; }
.rail-button:hover:not(:disabled) { background: #d5ed91; border-color: #d5ed91; color: #20231f; }
.rail-button:disabled { opacity: .3; cursor: default; }
.cases .rail-button { border-color: #ffffff30; }
.cases .rail-hint { color: #a5af9a; }

/* Media and moving brand ribbons. No extra content is needed to convey trust. */
.home-refresh .owned-media { background: #edeee7; border: 0; }
.home-refresh .media-card { background: #fbfcf6; border-color: #d9ddd0; border-radius: 20px; }
.home-refresh .owned-accent { height: 5px; background: #7a8670; }
.home-refresh .accent-cube { background: #b4ce87; }
.home-refresh .media-identity .channel-stat-title { color: #252b21; }
.home-refresh .media-card-body > p { color: #6c7465; }
.home-refresh .media-stats { border-color: #e1e4d9; background: #f2f4ed; }
.home-refresh .media-stats dd { color: #2e3927; }
.home-refresh .media-stats dt { color: #606856; }
.home-refresh .media-stats dd span { color: inherit; }
.home-refresh .own-label, .home-refresh .media-formats > span { background: #eff2e8; color: #526440; border-color: #d8dfcd; }
.home-refresh .media-card-footer, .home-refresh .selection-bar { border-color: #d4dbca; }
.home-refresh .media-card:has(input:checked) { border-color: #809d60; box-shadow: 0 0 0 2px #809d6026; }
.home-refresh .media-select input:checked + span { background: #d5ed91; border-color: #b2cb89; color: #26331c; }
.home-refresh .media-proof { padding: 38px 0 0; margin-top: 44px; border-top: 1px solid #cdd5c1; }
.home-refresh .media-proof-heading h3 { color: #273121; font-size: clamp(1.7rem,3vw,2.6rem); }
.home-refresh .media-proof-heading p, .home-refresh .media-proof-bottom p { color: #606856; }
.home-refresh .media-proof-heading .eyebrow { color: #606856; }
.home-refresh .brand-marquee { gap: 10px; padding: 20px 0; border-block: 1px solid #d5ddca; }
.home-refresh .media-brand { border: 0; border-radius: 14px; background: #f9fbf4; min-height: 108px; box-shadow: none; }
.home-refresh .media-brand:hover { background: white; transform: none; }
.home-refresh .brand-motion-toggle { background: transparent; border-color: #c3cdb7; color: #647257; }
.home-refresh .brand-marquee-hint { color: #606856; }
.home-refresh .media-proof-bottom a { color: #3e552d; }
.home-refresh .brand-marquee .brand-marquee-row:hover .brand-marquee-track { animation-play-state: running; }
.home-refresh .brand-marquee.is-paused .brand-marquee-track { animation-play-state: paused; }

.home-refresh .exchange-section { background: #f5f4ef; }
.home-refresh .exchange-demo-note { background: #edeee7; border-color: #d9ddcf; border-radius: 14px; }
.home-refresh .exchange-demo-note > span { color: #556946; }
.home-refresh .exchange-card { border-radius: 20px; background: #fafbf5; border-color: #dcdfd3; box-shadow: none; }
.home-refresh .exchange-card .exchange-audience strong { color: #333d2a; }
.home-refresh .exchange-join { border-color: #dce0d3; }
.home-refresh .exchange-join h3 { color: #283121; }

/* Process: one card per stage, with all agreed conditions in the same place. */
.home-refresh .process { background: #e6e9e0; color: #262f21; border: 0; }
.home-refresh .process .section-label, .home-refresh .process .section-label > span:first-child { color: #718065; }
.home-refresh .workflow-layout { display: grid; grid-template-columns: .72fr 1.4fr; gap: 56px; align-items: start; }
.home-refresh .workflow-intro { position: static; }
.home-refresh .workflow-intro h2 { color: #273121; }
.home-refresh .workflow-intro > p { color: #6f7b64; margin-top: 22px; }
.home-refresh .workflow-intro > a { color: #415432; margin-top: 18px; }
.home-refresh .workflow-steps { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.home-refresh .workflow-step { padding: 24px; background: #f8faf3; border: 1px solid #d3dbc8; border-radius: 18px; overflow: visible; }
.workflow-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 28px; }
.home-refresh .workflow-index { color: #526440; font-size: .75rem; font-weight: 500; }
.workflow-card-heading .eyebrow { font-size: .75rem; color: #606856; }
.home-refresh .workflow-step h3 { font-size: 1.25rem; color: #273121; margin-bottom: 16px; font-weight: 600; line-height: 1.3; }
.home-refresh .workflow-body { padding: 0; margin: 0; }
.home-refresh .workflow-body > p, .home-refresh .workflow-assurance p { color: #58634d; font-size: .8125rem; line-height: 1.75; }
.home-refresh .process .workflow-body a { color: #415432; }
.home-refresh .workflow-assurance { padding: 15px 0 0; margin-top: 20px; border: 0; border-top: 1px solid #d8e0cd; background: none; border-radius: 0; }
.home-refresh .workflow-assurance > span { color: #384d26; font-size: .6875rem; }
.home-refresh .compact-campaign { padding-block: 56px; background: #20231f; }
.home-refresh .compact-campaign .section-label > span { color: #929f86; }
.home-refresh .compact-strategy-copy h2, .home-refresh .compact-strategy-copy h2 span { color: #e7f1db; }
.home-refresh .compact-strategy-copy p, .home-refresh .compact-strategy-steps p { color: #a9b59e; }
.home-refresh .compact-strategy-steps { background: #ffffff04; border-color: #ffffff18; }
.home-refresh .compact-strategy-steps h3 { color: #d8e3cc; }
.home-refresh .compact-strategy-steps li > span { color: #cbe79e; }
.home-refresh .compact-strategy-steps .eyebrow { color: #95a785; }

/* A useful form, with optional detail one tap away. */
.home-refresh .brief-section { background: #17191c; color: #eff0e9; padding-bottom: 0; }
.home-refresh .brief-section .section-label, .home-refresh .brief-section .section-label > span:first-child { color: #8e9587; }
.home-refresh .brief-intro h2, .home-refresh .brief-intro .text-gradient { color: #e8efdc; }
.home-refresh .brief-intro > p { color: #a5ad9c; }
.home-refresh .brief-form { padding: 30px; border-radius: 22px; background: #ffffff04; border: 1px solid #ffffff1a; }
.home-refresh .brief-form input, .home-refresh .brief-form textarea { background: #ffffff05; border-color: #ffffff22; color: #f2f4ec; border-radius: 10px; }
.home-refresh .brief-form input:focus, .home-refresh .brief-form textarea:focus { border-color: #d5ed91; box-shadow: 0 0 0 2px #d5ed9116; }
.home-refresh .field > label, .home-refresh .budget-field legend { color: #bcc5b1; }
.home-refresh .brief-form input::placeholder, .home-refresh .brief-form textarea::placeholder { color: #aeb7a5; opacity: 1; }
.brief-details { margin: 10px 0 20px; border-block: 1px solid #ffffff1a; }
.brief-details summary { display: flex; align-items: center; gap: 10px; cursor: pointer; min-height: 54px; font-size: .8125rem; color: #c2cbb6; list-style: none; }
.brief-details summary::-webkit-details-marker { display: none; }
.brief-details summary::after { content: '+'; margin-left: auto; font-size: 1.2rem; color: #d5ed91; }
.brief-details[open] summary::after { content: '−'; }
.brief-details summary span { color: #aeb7a5; font-size: .75rem; }
.brief-details-body { padding-block: 4px 10px; }
.home-refresh .budget-options label > span { border-color: #ffffff22; color: #a9b59c; background: #ffffff03; border-radius: 8px; }
.home-refresh .budget-options input:checked + span { color: #d5ed91; background: #d5ed9110; border-color: #d5ed9160; }
.home-refresh .manager-link { color: #e2ebd6; }
.home-refresh .manager-link small, .home-refresh .brief-hint, .home-refresh .form-note { color: #aeb7a5; }
.home-refresh .brief-hint > a { color: #d5ed91; border-color: #aeb7a5; }
.home-refresh .contact-copy { color: #a6b796; background: #ffffff04; border-color: #ffffff22; }
.home-refresh .form-result { border-color: #d5ed9140; background: #d5ed9108; color: #dcecc8; }
.home-refresh .footer { color: #aeb7a5; border-color: #ffffff16; padding-block: 26px; margin-top: 58px; gap: 18px 26px; }
.home-refresh .footer-logo { color: #dfe8d4; }
.home-refresh .footer-logo > span { color: #d5ed91; }
.home-refresh .footer a:hover { color: #d5ed91; }
.home-refresh .case-dialog-result[hidden] { display: none; }
.home-refresh #case-dialog-metric-label { max-width: 145px; }

@media (min-width: 1101px) and (max-width: 1250px) {
  .home-refresh .header { gap: 18px; padding-inline: 32px; }
  .home-refresh .header .nav { gap: 14px; font-size: .75rem; }
  .home-refresh .header-partner { display: none; }
}
@media (max-width: 1100px) {
  .home-refresh .header { height: 72px; }
  .home-refresh .header .nav { top: 72px; background: #1d211b; padding-inline: 28px; font-size: 1rem; gap: 0; }
  .home-refresh .header .nav a { min-height: 50px; }
  .hero-studio > .shell { min-height: auto; }
  .studio-layout { gap: 32px; padding-block: 40px; }
  .studio-bottom nav { gap: 15px; }
  .home-refresh .workflow-layout { grid-template-columns: 1fr; gap: 28px; }
  .home-refresh .workflow-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
  .home-refresh .workflow-intro > p { margin: 0; }
  .home-refresh .workflow-intro > a { grid-column: 2; }
  .home-refresh .case-grid { grid-auto-columns: calc((100% - 20px) / 2.3); }
  .case-poster-type { font-size: 2.25rem; }
}
@media (max-width: 768px) {
  .home-refresh .shell { width: calc(100% - 40px); }
  .home-refresh .header { height: 64px; padding-inline: 20px; gap: 14px; }
  .home-refresh .wordmark { font-size: 1.2rem; }
  .home-refresh .brand-bars { height: 26px; }
  .home-refresh .header .nav { top: 64px; max-height: calc(100dvh - 64px); overflow-y: auto; }
  .home-refresh .header .header-cta { display: inline-flex; margin-left: auto; min-height: 40px; padding: 9px 12px; font-size: .6875rem; gap: 10px; }
  .home-refresh .header .menu-toggle { width: 40px; height: 40px; min-width: 40px; min-height: 40px; margin-left: 0; }
  .home-refresh .section { padding-block: 48px; }
  .home-refresh .section-label { margin-bottom: 20px; font-size: .6875rem; }
  .home-refresh .section-label > span:first-child { font-size: .625rem; }
  .home-refresh .section-label > span + span { display: none; }
  .home-refresh .section-heading { display: block; margin-bottom: 24px; }
  .home-refresh h2 { font-size: clamp(1.8rem, 7.7vw, 2.8rem); line-height: 1.12; }
  .home-refresh .section-heading > p { margin-top: 18px; font-size: .875rem; line-height: 1.6; }
  .home-refresh .hero-studio { border-radius: 0 0 24px 24px; padding: 0; }
  .hero-studio > .shell { min-height: calc(100svh - 64px); }
  .studio-kicker { padding-top: 18px; font-size: .625rem; }
  .studio-kicker > span + span { display: none; }
  .studio-layout { display: flex; flex-direction: column; justify-content: space-evenly; align-items: stretch; gap: 14px; padding: 22px 0 16px; flex: 1; }
  .studio-copy { position: relative; }
  .home-refresh .hero-studio h1 { font-size: clamp(2.6rem, 11.6vw, 4.2rem); font-weight: 550; line-height: 1.025; }
  .studio-copy > p { margin-top: 16px; font-size: .8125rem; line-height: 1.6; }
  .studio-copy > p > span { display: none; }
  .hero-studio .hero-actions { margin-top: 22px; gap: 14px; flex-wrap: nowrap; }
  .hero-studio .button { min-height: 48px; font-size: .8125rem; padding: 13px 16px; gap: 17px; }
  .hero-studio .hero-secondary { font-size: .75rem; min-height: 44px; padding-block: 12px; white-space: nowrap; }
  .hero-studio .hero-secondary > span { margin-left: 0; }
  .studio-art { display: grid; grid-template-columns: 1fr 132px; align-items: center; align-self: stretch; gap: 0 15px; min-height: 130px; }
  .studio-art-label { grid-column: 1; grid-row: 1; align-self: start; padding-top: 9px; font-size: .5625rem; letter-spacing: .12em; }
  .studio-art-label > span { display: none; }
  .studio-art-label .studio-motion-toggle { position: relative; width: 32px; height: 32px; z-index: 2; }
  .signal-sculpture { grid-column: 2; grid-row: 1; width: 132px; height: 128px; margin: 0; }
  .signal-bars { inset: 9% 8% 8%; }
  .signal-bars i { border-radius: 6px; }
  .signal-dot { width: 5px; height: 5px; }
  .signal-coordinate { display: none; }
  .studio-art-bottom { grid-row: 1; grid-column: 1; border: 0; display: block; padding-top: 40px; }
  .studio-art-bottom > span:first-child { font-size: 1.18rem; line-height: 1.2; letter-spacing: -.04em; }
  .studio-art-note { display: block; margin-top: 9px; font-size: .75rem; }
  .studio-art-note br { display: none; }
  .studio-bottom { padding: 14px 0 16px; gap: 14px; }
  .studio-bottom strong { font-size: 2rem; }
  .studio-bottom > p { gap: 12px; }
  .studio-bottom p span { font-size: .625rem; }
  .studio-bottom nav { display: none; }
  .studio-scroll { width: 36px; height: 36px; }
  .home-refresh .agency-definition { margin-top: 18px; }
  .home-refresh .agency-definition p { font-size: .875rem; line-height: 1.65; }
  .home-refresh .agency-definition p:first-child { display: none; }
  .home-refresh .agency-goals { display: none; }
  .home-refresh .swipe-rail { display: grid; grid-auto-flow: column; grid-auto-columns: calc(100% - 30px); grid-template-columns: none; gap: 14px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; margin: -5px -20px 0; padding: 5px 20px 14px; }
  .home-refresh .swipe-rail::-webkit-scrollbar { display: none; }
  .home-refresh .swipe-rail > * { scroll-snap-align: start; min-width: 0; margin: 0; transform: none; }
  .home-refresh .rail-controls { display: flex; margin-top: 3px; }
  .home-refresh .service-card { min-height: 330px; padding: 24px; }
  .home-refresh .service-card p { font-size: .875rem; }
  .home-refresh .service-card h3 { font-size: 1.6rem; }
  .home-refresh .service-route { margin-block: 0 20px; gap: 6px; }
  .home-refresh .service-route span { font-size: .5625rem; padding: 6px 8px; }
  .home-refresh .case-views { gap: 8px; }
  .home-refresh .case-views a { font-size: .6875rem; min-width: 0; white-space: nowrap; padding: 10px 12px; gap: 8px; }
  .home-refresh .case-image { aspect-ratio: 4 / 4.6; }
  .home-refresh .case-koresh { aspect-ratio: 4 / 4.6; }
  .home-refresh .case-koresh img { object-fit: cover; object-position: center 18%; }
  .case-poster-type { font-size: clamp(1.8rem, 8vw, 2.4rem); padding: 18px; }
  .home-refresh .case-caption { padding: 16px 18px; }
  .home-refresh .case-caption strong { font-size: 1.65rem; }
  .home-refresh .case-caption .case-format-label { font-size: 1.05rem; }
  .home-refresh .case-card { padding-bottom: 47px; }
  .home-refresh .case-trigger { padding-inline: 18px; }
  .home-refresh .case-trigger > span { min-height: 47px; padding-block: 12px; }
  .home-refresh .case-archive { padding: 20px; gap: 18px; grid-template-columns: auto 1fr; margin-top: 24px; }
  .home-refresh .archive-index { font-size: 2rem; }
  .home-refresh .archive-index small { font-size: .625rem; }
  .home-refresh .case-archive h3 { font-size: 1.1rem; }
  .home-refresh .case-archive p { font-size: .8125rem; margin-top: 10px; }
  .home-refresh .case-archive .button { grid-column: 1 / -1; font-size: .8125rem; min-height: 46px; }
  .home-refresh .case-economics { gap: 16px; }
  .home-refresh .case-economics p { font-size: .8125rem; }
  .home-refresh .economics-number { font-size: 2rem; }
  .home-refresh .photo-credits { margin-top: 20px; }
  .home-refresh .media-card-body { padding: 22px 20px; }
  .home-refresh .media-identity { gap: 10px; flex-wrap: nowrap; }
  .home-refresh .media-identity h3 { font-size: .9375rem; }
  .home-refresh .media-identity .media-avatar { width: 42px; height: 42px; flex: none; }
  .home-refresh .media-identity .own-label { display: none; }
  .home-refresh .media-card-body > p { font-size: .8125rem; min-height: 52px; margin-block: 16px; line-height: 1.65; }
  .home-refresh .media-stats { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; padding: 15px 0; background: none; }
  .home-refresh .media-stats dd { font-size: 1.05rem; white-space: nowrap; }
  .home-refresh .media-stats dt { font-size: .75rem; }
  .home-refresh .media-stats > div { padding: 0; }
  .home-refresh .tgstat-link { min-height: 44px; margin-bottom: 12px; }
  .home-refresh .tgstat-link strong { font-size: .75rem; }
  .home-refresh .media-formats > span { font-size: .625rem; padding: 6px 8px; }
  .home-refresh .media-formats a { font-size: .6875rem; min-height: 36px; }
  .home-refresh .media-card-footer { margin-top: 14px; padding-top: 16px; gap: 12px; }
  .home-refresh .media-card-footer > span { font-size: .6875rem; }
  .home-refresh .media-select > span { padding: 10px; font-size: .6875rem; min-height: 44px; }
  .home-refresh .media-stats-note { font-size: .75rem; margin-top: 15px; }
  .home-refresh .selection-bar { margin-top: 18px; padding: 18px 0; gap: 16px; }
  .home-refresh .selection-bar p { font-size: .75rem; }
  .home-refresh .selection-bar .button { font-size: .8125rem; min-height: 46px; }
  .home-refresh .media-proof { padding-top: 28px; margin-top: 28px; }
  .home-refresh .media-proof-heading { display: block; margin-bottom: 20px; }
  .home-refresh .media-proof-heading h3 { font-size: 1.8rem; max-width: 250px; }
  .home-refresh .media-proof-heading p { font-size: .8125rem; margin-top: 14px; }
  .home-refresh .brand-marquee { margin-inline: -20px; padding-block: 16px; }
  .home-refresh .brand-marquee.is-ready .brand-marquee-group { width: max(var(--brand-row-width,100vw),600px); }
  .home-refresh .media-brand { min-height: 88px; padding: 15px; border-radius: 12px; }
  .home-refresh .brand-marquee-hint { font-size: .75rem; }
  .home-refresh .media-proof-bottom { gap: 14px; margin-top: 20px; }
  .home-refresh .media-proof-bottom p { font-size: .75rem; }
  .home-refresh .media-proof-bottom a { font-size: .8125rem; }
  .home-refresh .exchange-demo-note { padding: 16px; margin-bottom: 20px; }
  .home-refresh .exchange-demo-note p { font-size: .75rem; line-height: 1.65; }
  .home-refresh .exchange-card { padding: 24px; min-height: 290px; }
  .home-refresh .exchange-card > p { font-size: .875rem; }
  .home-refresh .exchange-snapshot { font-size: .75rem; margin-top: 16px; }
  .home-refresh .exchange-join { padding-top: 24px; gap: 18px; }
  .home-refresh .workflow-layout { display: block; }
  .home-refresh .workflow-intro { display: block; margin-bottom: 26px; }
  .home-refresh .workflow-intro > p { font-size: .875rem; margin-top: 16px; }
  .home-refresh .workflow-intro > a { margin-top: 12px; font-size: .8125rem; }
  .home-refresh .workflow-step { padding: 24px; }
  .home-refresh .workflow-step h3 { font-size: 1.45rem; max-width: 230px; }
  .home-refresh .workflow-body > p, .home-refresh .workflow-assurance p { font-size: .8125rem; line-height: 1.75; }
  .home-refresh .compact-campaign { padding-block: 38px; }
  .home-refresh .compact-strategy-layout { gap: 26px; }
  .home-refresh .compact-strategy-copy p { font-size: .875rem; }
  .home-refresh .compact-strategy-steps { padding: 22px; }
  .home-refresh .compact-strategy-steps li { padding-block: 12px; }
  .home-refresh .compact-strategy-steps h3 { font-size: .875rem; }
  .home-refresh .compact-strategy-steps p { font-size: .75rem; }
  .home-refresh .brief-layout { gap: 26px; }
  .home-refresh .brief-intro > p { font-size: .875rem; margin-top: 16px; }
  .home-refresh .manager-link { margin-top: 22px; font-size: 1.15rem; }
  .home-refresh .brief-hint { margin-top: 20px; font-size: .75rem; }
  .home-refresh .brief-form { padding: 22px 18px; border-radius: 18px; }
  .home-refresh .form-row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .home-refresh .field { margin-bottom: 16px; }
  .home-refresh .field > label, .home-refresh .budget-field legend { font-size: .75rem; }
  .home-refresh .brief-form input, .home-refresh .brief-form textarea { font-size: 16px; min-height: 48px; padding: 12px; }
  .home-refresh .brief-form input::placeholder { font-size: .75rem; }
  .home-refresh .budget-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .home-refresh .budget-options label > span { min-height: 42px; padding: 10px 8px; font-size: .625rem; justify-content: center; }
  .home-refresh .form-note { font-size: .75rem; line-height: 1.6; }
  .home-refresh .submit-button { font-size: .875rem; }
  .home-refresh .footer { margin-top: 36px; padding-block: 26px; display: flex; flex-wrap: wrap; gap: 10px 22px; }
  .home-refresh .footer a { min-height: 36px; font-size: .6875rem; }
  .home-refresh .footer .footer-logo { flex-basis: 100%; font-size: 1.3rem; }
}
@media (max-width: 768px) and (max-height: 740px) {
  .studio-kicker { padding-top: 12px; }
  .studio-layout { padding-top: 14px; gap: 10px; }
  .home-refresh .hero-studio h1 { font-size: clamp(2.45rem, 10.5vw, 3.5rem); }
  .studio-copy > p { margin-top: 12px; }
  .hero-studio .hero-actions { margin-top: 16px; }
  .studio-art { min-height: 96px; grid-template-columns: 1fr 105px; }
  .signal-sculpture { width: 105px; height: 96px; }
  .studio-art-label { padding: 0; }
  .studio-art-bottom { padding-top: 32px; }
  .studio-art-bottom > span:first-child { font-size: 1rem; }
  .studio-art-note { margin-top: 5px; }
  .studio-bottom { padding-block: 12px; }
}
@media (max-width: 380px) {
  .home-refresh .header { gap: 10px; padding-inline: 16px; }
  .home-refresh .header-cta .ui-icon { display: none; }
  .hero-studio .hero-actions { gap: 10px; }
  .hero-studio .button { font-size: .75rem; gap: 8px; padding-inline: 13px; }
  .hero-studio .hero-secondary { font-size: .6875rem; }
  .hero-studio .hero-secondary .ui-icon { width: 15px; }
  .home-refresh .case-views a { font-size: .625rem; padding-inline: 9px; }
  .home-refresh .form-row { grid-template-columns: 1fr; gap: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .home-refresh *, .home-refresh *::before, .home-refresh *::after { scroll-behavior: auto; }
  .signal-bars i, .signal-dot { animation: none; }
  .studio-motion-toggle { display: none; }
  .home-refresh .brand-marquee.is-ready .brand-marquee-group { width: auto; }
  .home-refresh .case-image img { transition: none; }
}