/* September 2026 — image-led studio direction. Original green and content retained. */
.home-agency .home-hero { padding-top:clamp(148px,11.7vw,196px); padding-bottom:76px; }
.home-hero > .relative.mx-auto { grid-template-columns:1fr; gap:64px; max-width:1600px; }
.home-hero-copy { display:grid; grid-template-columns:1.1fr 1fr; column-gap:64px; align-items:end; }
.home-hero .home-kicker { grid-column:1/-1; font-size:11px; letter-spacing:.16em; }
.home-hero h1 { grid-column:1/-1; max-width:19ch; font-size:clamp(68px,8.3vw,138px); line-height:1.02; margin:30px 0 0; letter-spacing:-.065em; text-wrap:balance; }
.home-hero .home-outline { font-family:inherit; font-style:normal; letter-spacing:inherit; background:linear-gradient(var(--lr-accent),var(--lr-accent)) 0 94% / 100% .09em no-repeat; }
.home-hero-copy > p:not(.home-kicker) { max-width:54ch; margin-top:36px; font-size:16px; line-height:1.8; }
.home-hero-copy > div { margin-top:36px; justify-content:flex-end; gap:28px; }
.home-hero .home-button-primary { gap:28px; }
.home-hero .home-button-primary span { font-size:20px; }
.home-hero-stage { max-width:none; justify-self:stretch; transform:none; transition:none; padding-bottom:64px; }
.home-hero-stage.lr-showcase { display:grid; grid-template-columns:1fr; gap:0; padding:0; }
.lr-showcase .home-hero-card { grid-area:1/1; margin:0; overflow:hidden; aspect-ratio:2.15; background:#e7e5de; }
.lr-showcase .home-hero-card[hidden] { display:none; }
.lr-showcase .home-hero-card img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; object-position:center; }
.lr-showcase .home-hero-card > span { position:absolute; left:24px; top:24px; bottom:auto; padding:10px 14px; background:var(--lr-paper); color:var(--lr-ink); font-size:10px; letter-spacing:.1em; }
.lr-showcase-controls { display:flex; align-items:center; gap:24px; flex-wrap:wrap; border-bottom:1px solid #d2d5c9; padding:16px 0; }
.lr-showcase-tabs { display:flex; align-items:center; gap:24px; flex:1; }
.lr-showcase-tab { min-height:44px; background:transparent; border:0; color:#646c5b; font:500 12px/1.4 'DM Sans',sans-serif; cursor:pointer; padding:8px 0; position:relative; }
.lr-showcase-tab::after { content:''; height:3px; position:absolute; left:0; right:100%; bottom:0; background:var(--lr-accent); transition:right 400ms; }
.lr-showcase-tab[aria-pressed=true] { color:var(--lr-ink); }
.lr-showcase-tab[aria-pressed=true]::after { right:0; }
.lr-showcase-tab small { margin-right:8px; font-size:9px; color:#646c5b; }
.lr-showcase .lr-motion-toggle { position:static; margin-left:auto; min-height:44px; flex-shrink:0; font-size:11px; border:0; padding:8px 0 8px 16px; }
.lr-showcase .home-orbit-label { position:static; transform:none; rotate:none; height:auto; margin-left:24px; border-left:1px solid #d2d5c9; padding-left:24px; flex-shrink:0; }
.lr-showcase .home-orbit-label strong { font-family:inherit; font-size:24px; letter-spacing:-.055em; }
.lr-showcase-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.home-scroll-cue { display:none; }
.home-ticker { padding-block:30px; }
.home-agency #vision > div { grid-template-columns:minmax(0,.35fr) minmax(0,1.65fr); }
.home-agency #vision h2 { font-size:clamp(38px,4.5vw,72px); }
.home-agency > section:has(.home-projects) { padding-top:112px; }
.home-projects { grid-template-columns:repeat(12,minmax(0,1fr)); gap:84px 40px; }
.home-project { grid-column:span 6; }
.home-project:nth-child(even) { margin-top:0; }
.home-project:first-child { grid-column:1/-1; }
.home-project:first-child .home-project-visual { aspect-ratio:2.05; }
.home-project:nth-child(3) { padding-top:120px; }
.home-project:last-child { grid-column:1/-1; width:76%; justify-self:center; }
.home-project:last-child .home-project-visual { aspect-ratio:1.75; }
.home-project a > div:last-child { flex-direction:row; align-items:baseline; gap:24px; padding-top:18px; }
.home-project h3 { font-size:clamp(26px,2.5vw,38px); }
.home-project p { text-align:right; }
.home-project-open { border-radius:50%; background:var(--lr-accent); width:56px; height:56px; }
.home-service { position:relative; }
.home-service::after { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:var(--lr-accent); transform:scaleX(0); transform-origin:left; transition:transform 500ms cubic-bezier(.22,1,.36,1); }
.home-service:hover::after,.home-service:focus-visible::after { transform:scaleX(1); }
.home-cta { background:var(--lr-accent); border:0; padding-block:120px; }
.home-cta h2 { font-family:inherit; font-size:clamp(44px,6.5vw,100px); max-width:19ch; line-height:1.06; letter-spacing:-.06em; }
.home-cta p { color:#354300; }
.home-cta .home-button { background:var(--lr-ink); color:var(--lr-paper); }
.home-cta .home-button:hover { background:var(--lr-paper); color:var(--lr-ink); }
@media (max-width:1100px) {
  .home-hero-copy { column-gap:36px; }
  .home-hero-copy > div { gap:16px; }
  .home-hero h1 { font-size:clamp(64px,8.6vw,96px); }
  .lr-showcase-controls { gap:12px; }
  .lr-showcase-tabs { gap:18px; }
  .lr-showcase .home-orbit-label { margin-left:4px; padding-left:16px; }
  .home-agency #vision > div { grid-template-columns:1fr; }
}
@media (max-width:767px) {
  .home-hero-copy { grid-template-columns:1fr; }
  .home-hero-copy > div { justify-content:flex-start; }
  .home-hero > .relative.mx-auto { gap:40px; }
  .lr-showcase .home-hero-card { aspect-ratio:1.45; }
  .lr-showcase .home-hero-card > span { left:14px; top:14px; padding:8px 10px; font-size:9px; }
  .lr-showcase-controls { gap:8px 16px; padding-top:8px; }
  .lr-showcase-tabs { flex-basis:100%; justify-content:space-between; gap:8px; }
  .lr-showcase-tab { font-size:11px; }
  .lr-showcase-tab small { margin-right:4px; }
  .lr-showcase .home-orbit-label { order:2; margin:0; padding:0; border:0; }
  .lr-showcase .lr-motion-toggle { order:3; }
  .home-projects { grid-template-columns:1fr; gap:48px; }
  .home-project,.home-project:first-child,.home-project:last-child { grid-column:auto; width:100%; }
  .home-project:nth-child(3) { padding-top:0; }
  .home-project:first-child .home-project-visual,.home-project:last-child .home-project-visual { aspect-ratio:1.38; }
  .home-project a > div:last-child { flex-direction:column; gap:6px; }
  .home-project p { text-align:left; }
}
@media (max-width:639px) {
  .home-agency .home-hero { padding-top:130px; padding-bottom:44px; }
  .home-hero .home-kicker { font-size:9px; letter-spacing:.08em; }
  .home-hero h1 { font-size:clamp(43px,11.8vw,72px); max-width:13ch; line-height:1.06; margin-top:24px; }
  .home-hero-copy > p:not(.home-kicker) { font-size:15px; line-height:1.8; margin-top:26px; }
  .home-hero-copy > div { margin-top:26px; gap:12px; }
  .home-hero .home-button-ghost { min-height:44px; }
  .home-agency #vision h2 { font-size:clamp(32px,8.8vw,48px); }
  .home-cta { padding:72px 24px; }
  .home-cta h2 { font-size:clamp(36px,9.5vw,58px); }
}
@media (prefers-reduced-motion:reduce) {
  .lr-showcase-tab::after,.home-service::after { transition:none; }
}
