/* Homepage only: retain the desktop hero and give phones a complete first screen. */
@media(max-width:760px){
  body.cye-design-2027{--cye27-admin-height:0px}
  body.cye-design-2027.admin-bar{--cye27-admin-height:46px}
  .cye-design-2027.admin-bar .site-header.cye-header{top:60px}
  .cye-design-2027 .cye27-hero{height:calc(100svh - var(--cye27-admin-height));min-height:0;max-height:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;padding:96px 0 max(16px,env(safe-area-inset-bottom));row-gap:16px}
  .cye-design-2027 .cye27-hero-content{align-self:center;width:calc(100% - 32px);margin:0 auto;padding:0}
  .cye-design-2027 .cye27-home h1{font-size:clamp(30px,min(10.8vw,calc(15svh - 40px)),68px)}
  .cye-design-2027 .cye27-keyword{margin-bottom:clamp(10px,2.3svh,16px)}
  .cye-design-2027 .cye27-hero-intro{margin-top:clamp(12px,2.3svh,16px)}
  .cye-design-2027 .cye27-hero-actions{margin-top:clamp(14px,2.7svh,20px)}
  .cye-design-2027 .cye27-hero-bottom{position:static;transform:none;width:calc(100% - 40px);margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;line-height:1.5;letter-spacing:.06em}
  .cye-design-2027 .cye27-hero-bottom>span{flex:0 0 auto}
  .cye-design-2027 .cye27-scroll-link{min-height:36px;gap:8px;white-space:nowrap}
  .cye-design-2027 .cye27-scroll-link span{font-size:9px}
}
@media(max-width:380px){
  .cye-design-2027 .cye27-hero-actions{flex-wrap:nowrap}
  .cye-design-2027 .cye27-hero-actions .button{min-width:0;font-size:11px;padding-inline:10px;gap:8px;white-space:nowrap}
  .cye-design-2027 .cye27-hero-actions .cye27-arrow{width:18px;height:18px}
}
@media(max-width:760px) and (max-height:520px){
  .cye-design-2027 .cye27-hero{padding-top:90px;padding-bottom:12px;row-gap:8px}
  .cye-design-2027 .cye27-home h1{font-size:clamp(24px,8svh,38px);line-height:1}
  .cye-design-2027 .cye27-keyword{font-size:8px;line-height:1.3;margin-bottom:8px}
  .cye-design-2027 .cye27-hero-intro{font-size:13px;line-height:1.4;margin-top:10px}
  .cye-design-2027 .cye27-hero-actions{margin-top:10px}
  .cye-design-2027 .cye27-hero-actions .button{min-height:40px;padding-block:8px;flex:0 1 auto}
}

/* A single continuous row, using the existing desktop artwork and logo height. */
.cye-design-2027 .cye27-client-carousel{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:12px;min-width:0;flex:1}
.cye-design-2027 .cye27-client-window{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.cye-design-2027 .cye27-client-window::-webkit-scrollbar{display:none}
.cye-design-2027 .cye27-client-window:focus-visible{outline:2px solid var(--green);outline-offset:4px;mask-image:none;-webkit-mask-image:none}
.cye-design-2027 .cye27-client-track{display:flex;width:100%;align-items:center}
.cye-design-2027 .cye27-client-track .cye27-client-logos{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center;justify-items:center;flex:0 0 100%;gap:24px;padding:8px 24px 8px 0;min-width:600px;margin:0}
.cye-design-2027 .cye27-client-logos>span{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:40px}
.cye-design-2027 .cye27-client-track .cye27-client-logos img{display:block;width:100%;max-width:120px;height:36px;object-fit:contain;opacity:.8;filter:grayscale(1)}
.cye-design-2027 .cye27-client-toggle{display:grid;place-items:center;position:relative;width:32px;height:40px;padding:8px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.cye-design-2027 .cye27-client-toggle[hidden]{display:none}
.cye-design-2027 .cye27-client-toggle:hover,.cye-design-2027 .cye27-client-toggle:focus-visible{color:var(--green);background:var(--surface)}
.cye-design-2027 .cye27-client-toggle:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.cye-design-2027 .cye27-client-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.cye-design-2027 .cye27-client-toggle .cye27-client-play{display:none}
.cye-design-2027 .cye27-client-toggle[aria-pressed=true] .cye27-client-pause{display:none}
.cye-design-2027 .cye27-client-toggle[aria-pressed=true] .cye27-client-play{display:block}
@media(max-width:760px){
  .cye-design-2027 .cye27-clients{padding-block:22px}
  .cye-design-2027 .cye27-clients>p{margin-bottom:12px}
  .cye-design-2027 .cye27-client-carousel{gap:8px}
  .cye-design-2027 .cye27-client-track .cye27-client-logos{grid-auto-columns:120px;flex:0 0 auto;gap:36px;padding-right:36px;min-width:0}
  .cye-design-2027 .cye27-client-track .cye27-client-logos img{height:32px}
}