.studio-home{isolation:isolate}
:is(:lang(en),:lang(fr),:lang(de),:lang(it)) .hero h1{font-size:clamp(3.5rem,6.35vw,7rem)}
.home-field{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.home-field-grid,.home-field-light{position:absolute;inset:-210px 0;display:block}
.home-field-grid{
  background:repeating-linear-gradient(90deg,#e7a28617 0 1px,transparent 1px 76px),
    repeating-linear-gradient(0deg,#e7a28617 0 1px,transparent 1px 76px);
  mask-image:linear-gradient(100deg,transparent 6%,#000 42% 68%,transparent 100%);
  transform:translateY(calc(var(--home-drift,0px) * -.65)) skewY(-8deg)
}
.home-field-light{
  background:radial-gradient(ellipse at 82% 29%,#a43d242b,transparent 42%),
    radial-gradient(ellipse at 18% 73%,#372b611f,transparent 44%);
  transform:translateY(calc(var(--home-drift,0px) * .4))
}
.home-hero-frame{box-shadow:0 18px 72px #08040380,0 0 64px #a9442520}
.home-frame-shot{position:absolute;inset:0;opacity:0}
.home-frame-scan{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(155deg,transparent 38%,#ffe4cb14 48%,#ffc29c23 51%,transparent 61%);
  opacity:0
}
[data-home-motion][data-home-reel-ready] [data-home-shot=costa]{animation:home-reel-coast 21s linear infinite}
[data-home-motion][data-home-reel-ready] [data-home-shot=ciudad]{animation:home-reel-city 21s linear infinite}
[data-home-motion] .home-frame-scan{animation:home-scan 11s linear infinite}
[data-home-motion=paused][data-home-reel-ready] .home-frame-shot,
[data-home-motion=paused] .home-frame-scan,
[data-home-motion=paused] .home-roll-track>span{animation-play-state:paused}
@keyframes home-reel-coast{
  0%,26%{opacity:0}
  33%,67%{opacity:1}
  68%,100%{opacity:0}
}
@keyframes home-reel-city{
  0%,59%{opacity:0}
  66%,93%{opacity:1}
  100%{opacity:0}
}
@keyframes home-scan{
  0%,27%{transform:translateY(-90%);opacity:0}
  34%{opacity:.8}
  56%,100%{transform:translateY(80%);opacity:0}
}
.home-roll{background:linear-gradient(100deg,#291b17,#171515 78%);border-bottom:1px solid #553427}
.home-roll .shell{min-height:62px;display:flex;align-items:center;gap:24px}
.home-roll-link{
  flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(20px,1fr) auto;
  align-items:center;gap:clamp(12px,3vw,42px);padding-block:12px;text-decoration:none
}
.home-roll-title{font:700 .7rem/1.3 var(--mono);letter-spacing:.1em;color:#ffc8ae}
.home-roll-title span,.home-roll-cta span{color:var(--accent);margin-inline-end:6px}
.home-roll-cta{font-size:.84rem;font-weight:700;color:var(--ink);white-space:nowrap}
.home-roll-cta span{margin-inline:5px 0}
.home-roll-link:hover .home-roll-cta{text-decoration:underline;text-underline-offset:4px}
.home-roll-track{
  position:relative;display:block;height:16px;overflow:hidden;
  background:repeating-linear-gradient(90deg,#c27a5338 0 1px,transparent 1px 14px) center/100% 14px no-repeat
}
.home-roll-track::before{content:"";position:absolute;inset:7px 0 auto;border-top:1px solid #c27a5363}
.home-roll-track>span{
  position:absolute;top:6px;left:0;width:100%;height:3px;
  background:linear-gradient(90deg,transparent 0%,#ff7944 15%,#ffc39b 17%,transparent 19%);
  transform:translateX(11%)
}
[data-home-motion] .home-roll-track>span{animation:home-playhead 7s linear infinite}
[data-home-motion=paused] .home-roll-track>span{animation-play-state:paused}
@keyframes home-playhead{from{transform:translateX(-19%)}to{transform:translateX(100%)}}
.home-motion-toggle{
  display:inline-flex;align-items:center;gap:7px;min-height:44px;flex:none;
  padding:6px 0 6px 13px;border:0;border-left:1px solid #6d4838;
  background:transparent;color:var(--muted);font-size:.75rem
}
.home-motion-toggle:hover{color:var(--ink)}
.home-motion-toggle>span:first-child{color:var(--accent)}
.home-products .project-card{display:flex;flex-direction:column}
.home-products .project-card>a{height:auto;flex:1}
.home-product-meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;
  padding:13px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem
}
.home-platform{
  display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:4px 8px;border:1px solid #7d624e;
  color:#ffddc8;font-weight:650;text-decoration:none
}
.home-platform[href]:hover{background:#4b3225;border-color:var(--accent)}
.home-platform span{color:var(--accent)}
@media(max-width:560px){
  .home-field-grid{background-size:auto;opacity:.65}
  .home-roll .shell{gap:0;flex-wrap:wrap;justify-content:flex-end}
  .home-roll-link{flex-basis:100%;grid-template-columns:auto minmax(12px,1fr) auto;padding-block:12px;gap:10px}
  .home-roll-title{font-size:.58rem;letter-spacing:.035em}
  .home-roll-title span{margin-inline-end:2px}
  .home-roll-cta{font-size:.74rem}
  .home-motion-toggle{border-left:0;min-height:44px;padding:4px 0 8px 12px}
  .home-product-meta{padding:12px 16px}
}
@media(max-width:800px){
  :is(:lang(en),:lang(fr),:lang(de),:lang(it)) .hero h1{font-size:clamp(2.8rem,12vw,6rem);max-width:none;text-wrap:balance}
}
@media(prefers-reduced-motion:reduce){
  .home-field-grid{transform:skewY(-8deg)}
  .home-field-light{transform:none}
}