/*
 * ALIFY v4.1 — agency home precision pass.
 * A measured, project-first visual system for desktop, tablet and mobile.
 */

body.home{
  --al-home-max:1480px;
  --al-home-pad:clamp(24px,4vw,64px);
  --al-home-section:clamp(104px,9.5vw,164px);
  --al-home-section-sm:clamp(78px,7vw,116px);
  --al-home-rule:color-mix(in srgb,currentColor 18%,transparent);
  --al-home-ease:cubic-bezier(.16,1,.3,1);
  --al-home-fast:cubic-bezier(.22,.61,.36,1);
  background:var(--ink);
}
body.home .site-main{background:var(--ink)}
body.home .shell{width:min(100%,var(--al-home-max));padding-inline:var(--al-home-pad)}
body.home .site-noise{opacity:.018}
body.home .al-home{position:relative;overflow:clip;background:var(--ink);color:var(--paper)}

/* Header — enough air for the CTA at real laptop widths. */
body.home .site-header.site-header--agency{
  top:0;left:0;right:0;
  mix-blend-mode:normal;
  background:transparent;
  border:0;
  box-shadow:none;
  color:var(--paper);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body.home .site-header.site-header--agency .header__inner{height:80px;gap:clamp(24px,2.4vw,40px)}
body.home .site-header.site-header--agency .brand{font-size:24px;line-height:1}
body.home .site-header.site-header--agency .brand__image{max-height:32px}
body.home .desktop-nav--agency{margin-left:auto}
body.home .desktop-nav--agency .menu{gap:clamp(22px,2vw,32px)}
body.home .desktop-nav--agency a{font:500 13px/1 var(--body);letter-spacing:-.01em}
body.home .desktop-nav--agency a:after{bottom:-9px}
body.home .header__cta--agency{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:42px;
  padding:0 16px;
  border:1px solid currentColor;
  border-radius:999px;
  font:600 12px/1 var(--body);
  white-space:nowrap;
  transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease;
}
body.home .header__cta--agency .alify-icon{font-size:11px}
body.home .header__cta--agency:hover{background:var(--paper);border-color:var(--paper);color:var(--ink);transform:translateY(-1px)}
body.home .site-header[data-tone="light"] .header__cta--agency:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
body.home .site-header.site-header--agency.is-scrolled{
  background:rgba(var(--ink-rgb),.9);
  color:var(--paper);
  border-bottom:1px solid rgba(var(--white-rgb),.09);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
body.home .site-header.site-header--agency[data-tone="light"].is-scrolled{
  background:rgba(241,239,232,.94);
  color:var(--ink);
  border-color:rgba(var(--ink-rgb),.09);
}

/* Shared micro typography / links. */
.al-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font:600 11px/1.25 var(--mono);
  text-transform:uppercase;
  letter-spacing:.075em;
}
.al-link{
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding-bottom:6px;
  border-bottom:1px solid currentColor;
  font:600 13px/1.1 var(--body);
  letter-spacing:-.01em;
}
.al-link .alify-icon{width:14px;height:14px;display:grid;place-items:center;font-size:12px;transition:transform .28s ease}
.al-link:hover .alify-icon,.al-link:focus-visible .alify-icon{transform:translateX(4px)}
.al-link--light{color:var(--paper)}
.al-media-fallback{display:grid;place-items:center;width:100%;height:100%;padding:24px;background:var(--dark-surface);color:var(--text-on-dark-meta);font:600 clamp(26px,4vw,58px)/1 var(--display);letter-spacing:-.04em;text-align:center}

/* Hero — exactly two display lines on real desktop widths. */
.al-hero{
  position:relative;
  min-height:100svh;
  padding:106px 0 34px;
  background:var(--ink);
  color:var(--paper);
  overflow:hidden;
  isolation:isolate;
}
.al-hero__field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.al-hero__grid{
  position:absolute;inset:-18%;
  opacity:.12;
  background-image:linear-gradient(rgba(var(--white-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--white-rgb),.06) 1px,transparent 1px);
  background-size:clamp(64px,5.2vw,86px) clamp(64px,5.2vw,86px);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 68%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 68%,transparent 100%);
  transform:perspective(1100px) rotateX(65deg) translateY(-22%);
  transform-origin:50% 18%;
}
.al-hero__glow{
  position:absolute;
  width:min(52vw,760px);aspect-ratio:1;
  right:-16vw;top:-22vw;
  border-radius:50%;
  background:radial-gradient(circle,var(--home-accent) 0%,transparent 69%);
  opacity:.13;
  filter:blur(26px);
}
.al-hero__top{display:flex;align-items:center;justify-content:space-between;gap:28px;color:var(--text-on-dark-muted)}
.al-availability{display:inline-flex;align-items:center;gap:9px;font:600 10px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.065em;white-space:nowrap}
.al-availability i{width:6px;height:6px;border-radius:50%;background:var(--home-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--home-accent) 13%,transparent)}
.al-hero__main{display:flex;min-height:calc(100svh - 140px);flex-direction:column;padding-top:clamp(56px,8vh,96px)}
.al-hero__title{position:relative;z-index:2}
.al-hero__title h1{
  margin:0;
  font:600 clamp(68px,7.8vw,128px)/.87 var(--display);
  letter-spacing:-.058em;
  text-wrap:balance;
}
.al-hero__title h1 span{display:block;white-space:nowrap}
.al-hero__title h1 span:last-child{margin-left:clamp(24px,5vw,82px);color:var(--paper)}
.al-hero__lower{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr);
  gap:clamp(48px,7vw,108px);
  align-items:end;
  margin-top:auto;
  padding-top:clamp(58px,7vh,88px);
}
.al-hero__intro{min-width:0;max-width:390px;padding-bottom:4px}
.al-hero__intro p{margin:0 0 28px;color:var(--text-on-dark-muted);font-size:clamp(15px,1.2vw,18px);line-height:1.55}
.al-hero-project{display:block;min-width:0;color:var(--paper)}
.al-hero-project__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:var(--dark-surface)}
.al-hero-project__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.012);filter:saturate(.94);transition:transform 1s var(--al-home-ease),filter .6s ease}
.al-hero-project__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--overlay-rgb),.26),transparent 48%);pointer-events:none}
.al-hero-project:hover .al-hero-project__media img{transform:scale(1.032);filter:saturate(1.03)}
.al-hero-project__caption{
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(220px,1fr) 36px;
  gap:20px;
  align-items:center;
  margin-top:12px;
  padding-top:13px;
  border-top:1px solid rgba(var(--white-rgb),.2);
}
.al-hero-project__caption>span{display:flex;min-width:0;flex-direction:column;gap:5px}
.al-hero-project__caption>span:nth-child(2){align-items:flex-end;text-align:right}
.al-hero-project__caption small,.al-hero-project__caption em{font:600 9px/1.25 var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:var(--text-on-dark-meta)}
.al-hero-project__caption strong{overflow:hidden;text-overflow:ellipsis;font:600 18px/1.05 var(--display);letter-spacing:-.025em;white-space:nowrap}
.al-hero-project__caption .alify-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(var(--white-rgb),.24);border-radius:50%;font-size:10px;transition:transform .3s ease,background .3s ease,color .3s ease}
.al-hero-project:hover .al-hero-project__caption .alify-icon{transform:translate(2px,-2px);background:var(--paper);color:var(--ink)}

/* Shared section heading geometry. */
.al-section-intro{
  display:grid;
  grid-template-columns:minmax(90px,1.1fr) minmax(0,5.5fr) minmax(260px,2.7fr);
  gap:clamp(28px,4vw,68px);
  align-items:end;
  padding-top:var(--al-home-section);
  padding-bottom:clamp(54px,5.5vw,88px);
}
.al-section-intro>.al-kicker{align-self:start;margin-top:10px}
.al-section-intro h2{margin:0;font:600 clamp(50px,5.8vw,90px)/.92 var(--display);letter-spacing:-.052em;text-wrap:balance}
.al-section-intro>p{margin:0 0 4px;color:var(--text-muted);font-size:15px;line-height:1.58}

/* Work — image first, copy aligned to the same column grid. */
.al-work{background:var(--paper);color:var(--ink);padding-bottom:var(--al-home-section)}
.al-work__list{display:flex;flex-direction:column;gap:clamp(88px,9vw,148px)}
.al-project{position:relative}
.al-project__media{position:relative;display:block;width:100%;aspect-ratio:16/8.7;max-height:820px;overflow:hidden;border-radius:8px;background:var(--paper-2)}
.al-project__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.008);filter:saturate(.94);transition:transform 1s var(--al-home-ease),filter .55s ease}
.al-project__media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--project-accent);transform:scaleX(.12);transform-origin:left;transition:transform .65s var(--al-home-ease)}
.al-project:hover .al-project__media img{transform:scale(1.026);filter:saturate(1.03)}
.al-project:hover .al-project__media:after{transform:scaleX(1)}
.al-project__view{position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid rgba(var(--white-rgb),.12);border-radius:999px;background:rgba(var(--ink-rgb),.78);color:var(--paper);font:600 11px/1 var(--body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}
.al-project:hover .al-project__view{opacity:1;transform:none}
.al-project__view .alify-icon{font-size:9px}
.al-project__info{
  display:grid;
  grid-template-columns:minmax(52px,.75fr) minmax(0,5fr) minmax(280px,3.2fr);
  gap:clamp(24px,3vw,54px);
  align-items:start;
  padding-top:20px;
}
.al-project__number{font:600 10px/1.2 var(--mono);color:var(--text-meta)}
.al-project__title>span{display:block;margin-bottom:8px;font:600 9px/1.25 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-meta)}
.al-project__title h3{margin:0;font:600 clamp(38px,4.5vw,70px)/.94 var(--display);letter-spacing:-.048em}
.al-project__detail{display:flex;min-width:0;flex-direction:column;gap:18px}
.al-project__detail p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.56}
.al-project__detail>div{display:flex;justify-content:space-between;gap:18px;padding-top:12px;border-top:1px solid var(--line);font:600 9px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-meta)}
.al-work__all{display:flex;justify-content:flex-end;padding-top:clamp(48px,5vw,76px)}

/* Capabilities — large but disciplined rows. */
.al-capabilities{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding:var(--al-home-section) 0}
.al-capabilities:before{content:"";position:absolute;width:min(55vw,820px);aspect-ratio:1;right:-30vw;top:7%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--home-accent) 18%,transparent),transparent 68%);filter:blur(18px);pointer-events:none}
.al-capabilities__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.7fr);gap:clamp(60px,9vw,150px);align-items:end;padding-bottom:clamp(52px,5vw,78px)}
.al-capabilities__head h2{margin:24px 0 0;font:600 clamp(54px,6vw,92px)/.91 var(--display);letter-spacing:-.054em}
.al-capabilities__head>div:last-child{max-width:480px;margin-left:auto}
.al-capabilities__head p{margin:0;color:var(--text-on-dark-muted);font-size:15px;line-height:1.58}
.al-capabilities__head small{display:block;margin-top:26px;padding-top:14px;border-top:1px solid rgba(var(--white-rgb),.16);font:600 9px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.055em;color:var(--text-on-dark-meta)}
.al-capabilities__list{border-top:1px solid rgba(var(--white-rgb),.22)}
.al-capability{
  display:grid;
  grid-template-columns:52px minmax(260px,1.25fr) minmax(200px,.72fr) minmax(260px,1fr) 42px;
  gap:clamp(18px,2vw,34px);
  align-items:center;
  min-height:118px;
  border-bottom:1px solid rgba(var(--white-rgb),.18);
  color:var(--paper);
  transition:color .25s ease,padding .35s var(--al-home-ease);
}
.al-capability:before{content:"";position:absolute;left:var(--al-home-pad);right:var(--al-home-pad);height:1px;background:transparent}
.al-capability__num{font:600 9px/1 var(--mono);color:var(--text-on-dark-meta)}
.al-capability strong{font:600 clamp(32px,3.2vw,50px)/.98 var(--display);letter-spacing:-.042em}
.al-capability__meta{font:600 9px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-on-dark-meta)}
.al-capability__best{color:var(--text-on-dark-muted);font-size:13px;line-height:1.45}
.al-capability__arrow{width:38px;height:38px;display:grid;place-items:center;justify-self:end;border:1px solid rgba(var(--white-rgb),.22);border-radius:50%;transition:background .3s ease,color .3s ease,transform .3s ease,border-color .3s ease}
.al-capability__arrow .alify-icon{font-size:10px}
.al-capability:hover{padding-left:8px;color:var(--cap-accent)}
.al-capability:hover .al-capability__arrow{background:var(--cap-accent);border-color:var(--cap-accent);color:var(--ink);transform:translateX(-4px)}
.al-capability-preview{position:fixed;z-index:90;left:0;top:0;width:clamp(250px,22vw,330px);aspect-ratio:4/5;overflow:hidden;border-radius:7px;background:var(--dark-surface);border:1px solid rgba(var(--white-rgb),.16);opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 28px 70px rgba(var(--overlay-rgb),.23);transition:opacity .18s ease,visibility .18s ease}
.al-capability-preview span{display:block;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1.025)}
.al-capability-preview.is-visible{opacity:1;visibility:visible}

/* Studio — bold color break, restrained proof layout. */
.al-studio{background:var(--blue);color:var(--ink);padding:var(--al-home-section) 0 48px}
.al-studio__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.72fr);gap:clamp(72px,10vw,160px);align-items:start}
.al-studio__statement h2{max-width:13ch;margin:26px 0 0;font:600 clamp(48px,5.5vw,84px)/.94 var(--display);letter-spacing:-.05em;text-wrap:balance}
.al-studio__proof{padding-top:42px}
.al-studio__metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(var(--ink-rgb),.28)}
.al-studio__metrics>div{padding:20px 16px 22px 0;border-bottom:1px solid rgba(var(--ink-rgb),.28)}
.al-studio__metrics strong{display:block;font:600 clamp(30px,2.7vw,42px)/1 var(--display);letter-spacing:-.04em}
.al-studio__metrics span{display:block;margin-top:7px;font:600 9px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.05em}
.al-studio__notes{margin:28px 0 30px}
.al-studio__notes p{margin:0;padding:11px 0;border-bottom:1px solid rgba(var(--ink-rgb),.2);font-size:13px;line-height:1.45}
.al-client-strip{display:flex;align-items:center;gap:clamp(28px,4vw,62px);overflow:hidden;margin-top:clamp(72px,8vw,112px);padding-top:24px;border-top:1px solid rgba(var(--ink-rgb),.26)}
.al-client-strip span{white-space:nowrap;font:600 clamp(14px,1.3vw,19px)/1 var(--display);letter-spacing:-.02em;opacity:.68}

/* Spotlight. */
.al-spotlight{background:var(--ink);color:var(--paper);padding:var(--al-home-section) 0}
.al-spotlight__top{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:28px}
.al-spotlight__top p{margin:0;font:600 9px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.055em;color:var(--text-on-dark-meta)}
.al-spotlight__media{position:relative;height:min(78vh,850px);overflow:hidden;border-radius:8px;background:var(--dark-surface)}
.al-spotlight__media>img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.72);transform:scale(1.01);transition:transform 1s var(--al-home-ease),filter .6s ease}
.al-spotlight__media:hover>img{transform:scale(1.028);filter:saturate(.98) brightness(.68)}
.al-spotlight__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--overlay-rgb),.72),rgba(var(--overlay-rgb),.03) 64%)}
.al-spotlight__overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.65fr);gap:clamp(48px,8vw,130px);align-items:end;padding-bottom:clamp(28px,4vw,54px);color:var(--paper)}
.al-spotlight__overlay h2{margin:0;font:600 clamp(48px,6vw,92px)/.9 var(--display);letter-spacing:-.054em}
.al-spotlight__overlay p{max-width:640px;margin:18px 0 0;color:var(--text-on-dark-muted);font-size:14px;line-height:1.55}
.al-spotlight__metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(var(--white-rgb),.28)}
.al-spotlight__metrics>div{padding:16px 10px 0 0}
.al-spotlight__metrics strong{display:block;font:600 clamp(24px,2.2vw,34px)/1 var(--display)}
.al-spotlight__metrics span{display:block;margin-top:7px;font:600 9px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-on-dark-meta)}

/* Process. */
.al-process{background:var(--paper);color:var(--ink);padding:var(--al-home-section) 0}
.al-process__head{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,5fr) minmax(260px,2.6fr);gap:clamp(28px,4vw,68px);align-items:start;padding-bottom:clamp(52px,5vw,80px)}
.al-process__head>.al-kicker{margin-top:8px}
.al-process__head h2{margin:0;font:600 clamp(48px,5.6vw,86px)/.93 var(--display);letter-spacing:-.052em;text-wrap:balance}
.al-process__head p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.6}
.al-process__steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.al-process-step{min-height:300px;padding:22px clamp(18px,2vw,28px) 26px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.al-process-step:first-child{padding-left:0}
.al-process-step:last-child{border-right:0;padding-right:0}
.al-process-step>span{font:600 9px/1 var(--mono);color:var(--text-meta)}
.al-process-step h3{margin:auto 0 16px;font:600 clamp(28px,2.7vw,42px)/.96 var(--display);letter-spacing:-.04em}
.al-process-step p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}

/* People. */
.al-people{background:var(--dark-surface);color:var(--paper);padding:var(--al-home-section) 0}
.al-people__head{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:clamp(50px,5vw,76px)}
.al-people__head h2{margin:22px 0 0;font:600 clamp(48px,5.5vw,84px)/.92 var(--display);letter-spacing:-.052em}
.al-people__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.al-person{display:block;min-width:0}
.al-person__media{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:7px;background:var(--ink)}
.al-person__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.76);transition:transform .75s var(--al-home-ease),filter .55s ease}
.al-person:hover .al-person__media img{transform:scale(1.022);filter:saturate(.98)}
.al-person__info{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;margin-top:11px;padding-top:12px;border-top:1px solid rgba(var(--white-rgb),.18)}
.al-person__info strong{font:600 17px/1.05 var(--display)}
.al-person__info small{font:600 9px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-on-dark-meta);text-align:right}

/* Client proof. */
.al-proof{background:var(--acid);color:var(--ink);padding:var(--al-home-section) 0}
.al-proof__grid{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,5.4fr) minmax(190px,1.6fr);gap:clamp(30px,4.5vw,74px);align-items:start}
.al-proof__grid>.al-kicker{margin-top:9px}
.al-proof blockquote{margin:0;font:600 clamp(42px,5vw,76px)/.98 var(--display);letter-spacing:-.048em}
.al-proof__person{padding-top:9px;display:flex;flex-direction:column;gap:6px}
.al-proof__person strong{font:600 15px/1.1 var(--display)}
.al-proof__person span{font:600 9px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.05em}

/* Insights. */
.al-insights{background:var(--paper);color:var(--ink);padding:var(--al-home-section-sm) 0 var(--al-home-section)}
.al-insights__head{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:clamp(48px,5vw,74px)}
.al-insights__head h2{margin:20px 0 0;font:600 clamp(44px,5vw,76px)/.94 var(--display);letter-spacing:-.05em}
.al-insights__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.al-insight{border-right:1px solid var(--line)}
.al-insight:last-child{border-right:0}
.al-insight>a{position:relative;display:flex;min-height:340px;flex-direction:column;padding:22px 28px 26px}
.al-insight:first-child>a{padding-left:0}
.al-insight:last-child>a{padding-right:0}
.al-insight__meta{font:600 9px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-meta)}
.al-insight h3{max-width:14ch;margin:auto 0 16px;font:600 clamp(27px,2.55vw,39px)/1 var(--display);letter-spacing:-.038em}
.al-insight p{max-width:31ch;margin:0 42px 0 0;color:var(--text-muted);font-size:13px;line-height:1.5}
.al-insight__arrow{position:absolute;right:24px;bottom:25px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .3s ease,color .3s ease,transform .3s ease}
.al-insight__arrow .alify-icon{font-size:10px}
.al-insight:hover .al-insight__arrow{background:var(--ink);color:var(--paper);transform:translateX(3px)}

/* Final CTA — clear handoff before the dark footer. */
.al-final{background:var(--accent);color:var(--ink);padding:var(--al-home-section) 0}
.al-final__inner h2{max-width:11ch;margin:26px 0 clamp(58px,6vw,92px);font:600 clamp(58px,7.2vw,110px)/.88 var(--display);letter-spacing:-.06em;text-wrap:balance}
.al-final__bottom{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:40px;align-items:end;padding-top:22px;border-top:1px solid rgba(var(--ink-rgb),.3)}
.al-final__bottom p{max-width:500px;margin:0;font-size:15px;line-height:1.58}
.al-final__cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:54px;padding:0 21px;border:1px solid var(--ink);border-radius:999px;font:600 13px/1 var(--body);white-space:nowrap;transition:background .3s ease,color .3s ease,transform .3s ease}
.al-final__cta .alify-icon{font-size:11px}
.al-final__cta:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}

/* One reveal language. */
.al-home [data-al-reveal]{opacity:0;transform:translateY(18px);transition:opacity .72s var(--al-home-ease),transform .72s var(--al-home-ease)}
.al-home [data-al-reveal].is-visible{opacity:1;transform:none}
.al-home .al-project__media img,.al-home .al-spotlight__media>img,.al-home .al-hero-project__media img{will-change:transform}

/* Home footer handoff. */
body.home .site-footer{background:var(--ink);color:var(--paper)}
body.home .site-footer--agency{padding-top:clamp(70px,7vw,96px)}
body.home .footer-agency__wordmark{font-size:clamp(92px,12.5vw,186px)}
body.home .footer-agency__newsletter h2{font-size:clamp(32px,3.3vw,48px)}

/* Laptop: navigation intentionally collapses before it crowds the CTA. */
@media(max-width:1280px){
  body.home .desktop-nav--agency{display:none}
  body.home .menu-toggle{display:block}
  body.home .header__cta--agency{margin-left:auto}
  .al-hero__title h1{font-size:clamp(68px,8vw,108px)}
  .al-section-intro{grid-template-columns:90px minmax(0,1fr) minmax(250px,300px)}
  .al-capability{grid-template-columns:44px minmax(250px,1.2fr) minmax(180px,.7fr) minmax(220px,1fr) 40px}
  .al-studio__grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.75fr)}
}

@media(max-width:1024px){
  body.home{--al-home-pad:32px;--al-home-section:clamp(92px,11vw,120px)}
  body.home .site-header.site-header--agency .header__inner{height:74px}
  .al-hero{padding-top:94px}
  .al-hero__main{min-height:auto;padding-top:64px}
  .al-hero__title h1{font-size:clamp(64px,9.8vw,96px)}
  .al-hero__title h1 span:last-child{margin-left:0}
  .al-hero__lower{grid-template-columns:minmax(220px,.62fr) minmax(0,1.3fr);gap:48px;margin-top:54px;padding-top:0}
  .al-section-intro{grid-template-columns:1fr 2.5fr;gap:26px 44px}.al-section-intro>.al-kicker{grid-column:1/-1;margin:0}.al-section-intro>p{max-width:360px;margin-left:auto}
  .al-project__media{aspect-ratio:16/9}
  .al-project__info{grid-template-columns:48px minmax(0,1fr);gap:22px 30px}.al-project__detail{grid-column:2;margin-top:4px;max-width:520px}
  .al-capabilities__head{grid-template-columns:1fr;gap:36px}.al-capabilities__head>div:last-child{margin:0;max-width:660px}
  .al-capability{grid-template-columns:42px minmax(0,1fr) minmax(190px,.75fr) 40px}.al-capability__best{display:none}
  .al-studio__grid{grid-template-columns:1fr;gap:52px}.al-studio__statement h2{max-width:15ch}.al-studio__proof{max-width:640px;padding-top:0}
  .al-spotlight__media{height:auto;aspect-ratio:4/3}.al-spotlight__overlay{grid-template-columns:1fr;gap:28px}.al-spotlight__metrics{max-width:560px}
  .al-process__head{grid-template-columns:1fr 2.5fr;gap:26px 44px}.al-process__head>.al-kicker{grid-column:1/-1;margin:0}.al-process__head p{grid-column:2;max-width:420px}.al-process__steps{grid-template-columns:1fr 1fr}.al-process-step{border-bottom:1px solid var(--line)}.al-process-step:nth-child(2){border-right:0}.al-process-step:nth-child(3){padding-left:0}.al-process-step:nth-child(3),.al-process-step:nth-child(4){border-bottom:0}
  .al-proof__grid{grid-template-columns:1fr 3.8fr;gap:28px 44px}.al-proof__person{grid-column:2;max-width:260px;padding-top:0}
}

@media(max-width:760px){
  body.home{--al-home-pad:20px;--al-home-section:88px;--al-home-section-sm:76px}
  body.home .site-header.site-header--agency .header__inner{height:68px}
  body.home .header__cta--agency{display:none}
  .al-kicker{font-size:9px;letter-spacing:.065em}
  .al-hero{min-height:auto;padding:84px 0 22px}
  .al-hero__top{align-items:flex-start;gap:18px}.al-hero__top>.al-kicker{max-width:58%}.al-availability{max-width:40%;font-size:8px;text-align:right;white-space:normal;justify-content:flex-end}
  .al-hero__main{padding-top:56px}
  .al-hero__title h1{font-size:clamp(52px,15.5vw,78px);line-height:.88;letter-spacing:-.055em}
  .al-hero__title h1 span{white-space:normal}.al-hero__title h1 span:last-child{margin-left:0}
  .al-hero__lower{display:block;margin-top:48px;padding-top:0}.al-hero__intro{max-width:520px;margin-bottom:38px}.al-hero__intro p{font-size:15px}
  .al-hero-project__media{aspect-ratio:4/3;border-radius:6px}.al-hero-project__caption{grid-template-columns:1fr 34px;gap:12px}.al-hero-project__caption>span:nth-child(2){display:none}.al-hero-project__caption strong{font-size:16px}
  .al-section-intro{display:block;padding-top:88px;padding-bottom:42px}.al-section-intro>.al-kicker{display:flex;margin-bottom:24px}.al-section-intro h2{font-size:clamp(43px,12.5vw,62px)}.al-section-intro>p{margin-top:22px;font-size:14px}
  .al-work__list{gap:74px}.al-project__media{aspect-ratio:4/5;border-radius:6px}.al-project__view{display:none}.al-project__info{display:block;padding-top:14px}.al-project__number{margin-bottom:24px}.al-project__title h3{font-size:clamp(36px,10.5vw,52px)}.al-project__detail{margin-top:22px}.al-project__detail p{font-size:13px}
  .al-capabilities{padding:88px 0}.al-capabilities__head{padding-bottom:42px}.al-capabilities__head h2{font-size:clamp(44px,12.5vw,62px)}.al-capabilities__head p{font-size:14px}.al-capability{grid-template-columns:34px minmax(0,1fr) 36px;gap:10px 12px;min-height:0;padding:20px 0}.al-capability__num{grid-column:1}.al-capability strong{grid-column:2;font-size:clamp(29px,8vw,40px)}.al-capability__arrow{grid-column:3;width:34px;height:34px}.al-capability__meta{grid-column:2/4;font-size:8px}.al-capability__best{display:none}.al-capability-preview{display:none}
  .al-studio{padding:88px 0 38px}.al-studio__grid{gap:44px}.al-studio__statement h2{font-size:clamp(42px,11.5vw,58px)}.al-studio__proof{max-width:none}.al-studio__metrics strong{font-size:29px}.al-client-strip{margin-top:66px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.al-client-strip::-webkit-scrollbar{display:none}
  .al-spotlight{padding:88px 0}.al-spotlight__top{align-items:flex-start;flex-direction:column}.al-spotlight__media{aspect-ratio:3/4;border-radius:6px}.al-spotlight__overlay{padding-bottom:22px}.al-spotlight__overlay h2{font-size:clamp(42px,11.5vw,62px)}.al-spotlight__overlay p{font-size:13px}.al-spotlight__metrics{gap:8px}.al-spotlight__metrics strong{font-size:23px}.al-spotlight__metrics span{font-size:8px}
  .al-process{padding:88px 0}.al-process__head{display:block;padding-bottom:42px}.al-process__head>.al-kicker{margin-bottom:24px}.al-process__head h2{font-size:clamp(42px,11.5vw,60px)}.al-process__head p{margin-top:22px;font-size:14px}.al-process__steps{display:block}.al-process-step{min-height:0;padding:22px 0 25px!important;border-right:0;border-bottom:1px solid var(--line)!important}.al-process-step:last-child{border-bottom:0!important}.al-process-step h3{margin:36px 0 12px;font-size:34px}
  .al-people{padding:88px 0}.al-people__head{align-items:flex-start;flex-direction:column;margin-bottom:44px}.al-people__head h2{font-size:clamp(42px,11.5vw,60px)}.al-people__grid{display:flex;overflow-x:auto;margin-right:-20px;padding-right:20px;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:none}.al-people__grid::-webkit-scrollbar{display:none}.al-person{width:78vw;flex:0 0 78vw;scroll-snap-align:start}.al-person__media{border-radius:6px}.al-person__info{grid-template-columns:1fr;gap:4px}.al-person__info small{text-align:left}
  .al-proof{padding:88px 0}.al-proof__grid{display:block}.al-proof__grid>.al-kicker{margin-bottom:30px}.al-proof blockquote{font-size:clamp(39px,10.5vw,56px)}.al-proof__person{margin-top:36px;padding-top:14px;border-top:1px solid rgba(var(--ink-rgb),.28)}
  .al-insights{padding:78px 0 88px}.al-insights__head{align-items:flex-start;flex-direction:column;margin-bottom:42px}.al-insights__head h2{font-size:clamp(41px,11vw,58px)}.al-insights__grid{display:block}.al-insight{border-right:0;border-bottom:1px solid var(--line)}.al-insight>a,.al-insight:first-child>a,.al-insight:last-child>a{min-height:250px;padding:20px 0 22px}.al-insight h3{font-size:31px}.al-insight__arrow{right:0;bottom:22px}
  .al-final{padding:88px 0}.al-final__inner h2{font-size:clamp(52px,14.5vw,76px);margin:24px 0 58px}.al-final__bottom{display:block}.al-final__bottom p{font-size:14px}.al-final__cta{margin-top:30px;min-height:50px}
  body.home .footer-agency__wordmark{font-size:clamp(76px,21vw,120px)}
}

@media(max-width:430px){
  .al-hero__top>.al-kicker{max-width:55%;font-size:8px}.al-availability{max-width:42%;font-size:7.8px}
  .al-hero__title h1{font-size:clamp(48px,14.8vw,64px)}
  .al-project__title h3{font-size:36px}
  .al-studio__metrics>div{padding-right:8px}.al-studio__metrics strong{font-size:27px}
}

@media(prefers-reduced-motion:reduce){
  .al-home *,body.home .site-header{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .al-home [data-al-reveal]{opacity:1!important;transform:none!important}
  .al-hero__grid{transform:none}
}