/* Product photographs retain their own geometry. Lighting is a separate layer. */
.page-home .hero{animation:none}
.home-hero-copy .reveal,.home-machine-stage.reveal{opacity:1!important;transform:none!important}
.headline-top>span:nth-child(2){color:var(--yellow)}
.home-hero-grid{min-height:595px;gap:36px;grid-template-columns:1fr 1.1fr}
.product-studio{height:430px;border-radius:24px 24px 0 0;background:#171613;border:1px solid #e9d36c24;isolation:isolate;overflow:hidden;color:#f4f4f0;display:grid;grid-template-rows:minmax(0,1.12fr) minmax(0,1fr);gap:12px;padding:50px 24px 35px}
.product-studio:before{display:none}
.studio-environment{position:absolute;inset:0;z-index:-2;pointer-events:none}
.studio-environment img{height:100%;width:100%;object-fit:cover;object-position:center center;opacity:.88}
.studio-light{position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#f9e5a31a 48%,#fff6d930 50%,transparent 62%);transform:translateX(-30%) rotate(-12deg);opacity:.65}
.studio-heading{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;line-height:1.4;letter-spacing:.15em;color:#f0dfac;z-index:5}
.studio-edition{font-size:11px;color:#f0dfac;letter-spacing:.02em;font-weight:500}
/* Two reserved rows prevent the width of the cutter from hiding the designs. */
.product-studio .studio-skins{position:relative;inset:auto;width:100%;height:100%;min-height:0;display:block;z-index:1;perspective:800px;grid-row:1}
.skin-slot{--y:7px;--tilt:-12deg;--scale:.86;--shade:.78;position:absolute;top:0;left:25%;width:auto;height:100%;aspect-ratio:777/1600;transform:translate(-50%,var(--y)) rotate(var(--tilt)) scale(var(--scale));transform-origin:50% 80%;opacity:var(--shade);transition:left .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),opacity .5s ease;z-index:1}
.skin-slot[data-position=center]{left:50%;--y:0px;--tilt:0deg;--scale:1;--shade:1;z-index:3}
.skin-slot[data-position=right]{left:75%;--y:7px;--tilt:12deg;--scale:.86}
.skin-slot .skin-hover{width:100%;height:100%;transform:translateY(0)}
.product-studio .home-skin-fan .skin-slot img{height:100%;width:100%;object-fit:contain;transform:none;filter:drop-shadow(0 15px 13px #0009)}
.studio-machine-rig{position:relative;inset:auto;grid-row:2;min-height:0;width:100%;height:100%;z-index:4;transform:translateY(0);display:flex;align-items:center;justify-content:center}
.product-studio .studio-machine-rig .machine-main{position:relative;left:auto;bottom:auto;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:rotate(-2deg) scale(.95);filter:drop-shadow(0 10px 8px #000b)}
.studio-floor-glint{position:absolute;left:12%;right:12%;height:1px;bottom:30px;background:linear-gradient(90deg,transparent,#f4df9e88,transparent);pointer-events:none;opacity:.5}
.studio-scene-footer{position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;gap:10px;font-size:7px;line-height:1.6;letter-spacing:.13em;color:#b6ae9b}
.studio-scene-footer>span:last-child{color:#f0dfac;font-variant-numeric:tabular-nums;white-space:nowrap}
.studio-controls{padding:11px 16px;background:var(--surface);border:1px solid var(--line);border-top:0;border-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:6}
.studio-selector{display:flex;align-items:center;gap:5px;min-width:0}
.studio-choice{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);padding:9px 10px;min-height:39px;font-size:10px;line-height:1.2;transition:background .2s,color .2s,border-color .2s}
.studio-choice:hover{color:var(--text);background:var(--surface2)}
.studio-choice:disabled{cursor:wait;opacity:.6}
.studio-choice[aria-pressed=true]{background:var(--surface2);border-color:var(--line);color:var(--text)}
.choice-dot{width:11px;height:11px;border-radius:50%;flex:none;border:1px solid #ffffff42;background:#d75756}
.auto-dot{background:#dbca8b}.cricket-dot{background:#6593c0}
.studio-motion-toggle{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:none;border-radius:5px;color:var(--muted);padding:8px 10px;min-height:39px;font-size:9px;line-height:1.3;white-space:nowrap}
.studio-motion-toggle:hover{color:var(--text);background:var(--surface2)}
.studio-motion-toggle svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;fill:none}
.studio-motion-toggle .play-icon{display:none}
.studio-motion-toggle[aria-pressed=true] .pause-icon{display:none}
.studio-motion-toggle[aria-pressed=true] .play-icon{display:block}
.studio-motion-toggle:disabled{cursor:default;font-size:8px;opacity:.8}
.studio-motion-toggle:disabled svg{display:none}
.home-machine-stage .hero-overlay-title{border-top:1px solid var(--line);padding-top:19px}
.home-machine-stage .hero-overlay-title .big{font-size:24px;max-width:290px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.product-studio[data-loaded=false] .studio-skins,.product-studio[data-loaded=false] .studio-machine-rig{opacity:0}
@media(prefers-reduced-motion:no-preference){
  .product-studio .studio-light{animation:studio-light-pass 12s ease-in-out infinite alternate;animation-play-state:paused}
  .product-studio .skin-hover{animation:skin-breathe 6s ease-in-out infinite;animation-play-state:paused}
  .product-studio .skin-slot[data-skin-slot="0"] .skin-hover{animation-delay:-2s}
  .product-studio .skin-slot[data-skin-slot="2"] .skin-hover{animation-delay:-4s}
  .product-studio[data-running=true] .studio-light,.product-studio[data-running=true] .skin-hover{animation-play-state:running}
  .product-studio[data-intro-ready]:not([data-entered]) .studio-machine-rig{animation:machine-arrive 1.15s cubic-bezier(.16,1,.3,1) both;animation-play-state:paused}
  .product-studio[data-intro-ready]:not([data-entered]) .studio-skins{animation:skins-arrive 1.3s cubic-bezier(.16,1,.3,1) both;animation-play-state:paused}
  .product-studio[data-running=true][data-intro-ready]:not([data-entered]) .studio-machine-rig,.product-studio[data-running=true][data-intro-ready]:not([data-entered]) .studio-skins{animation-play-state:running}
  @keyframes studio-light-pass{from{transform:translateX(-30%) rotate(-12deg);opacity:.35}to{transform:translateX(24%) rotate(4deg);opacity:.8}}
  @keyframes skin-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  @keyframes machine-arrive{from{opacity:.5;transform:translateY(36px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
  @keyframes skins-arrive{from{opacity:.4;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:1099px) and (min-width:768px){
  .home-hero-grid{gap:24px;min-height:550px}
  .product-studio{height:350px;padding:44px 18px 30px}
  .studio-heading{left:18px;right:18px;font-size:7px}.studio-edition{font-size:10px}
  .studio-controls{padding:9px}.studio-selector{gap:1px}.studio-choice{padding:9px 6px;font-size:9px}.studio-motion-toggle{padding:8px 6px;font-size:8px}.choice-dot{width:9px;height:9px}
}
@media(max-width:767px){
  .home-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0}
  .product-studio{height:350px;padding:43px 17px 30px;grid-template-rows:minmax(0,1.4fr) minmax(0,1fr)}
  .studio-heading{top:18px;left:19px;right:19px;font-size:7px}.studio-edition{font-size:10px}
  .studio-controls{padding:10px 11px;gap:5px}.studio-choice{padding:9px 8px;font-size:9px;gap:5px;min-height:44px}.studio-motion-toggle{padding:8px;font-size:8px;gap:4px;min-height:44px}
  .studio-scene-footer{left:19px;right:19px;font-size:6px;letter-spacing:.1em;bottom:15px}
  .home-machine-stage .hero-overlay-title .big{font-size:23px;max-width:220px}
}
@media(max-width:380px){
  .product-studio{height:310px;padding:39px 12px 28px}
  .studio-controls{padding:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.studio-selector{justify-content:space-between;gap:5px}.studio-choice{padding:9px 6px;flex:1}.studio-motion-toggle{padding:8px 10px;justify-self:end;min-height:44px}.studio-motion-toggle [data-motion-label]{display:inline}.studio-motion-toggle:disabled [data-motion-label]{font-size:8px}
  .studio-edition{font-size:10px}.home-machine-stage .hero-overlay-title .big{font-size:20px;max-width:165px}
}
@media(min-width:1100px) and (max-height:780px){
  .home-hero-grid{min-height:0}
  .product-studio{height:365px;padding-top:42px;padding-bottom:30px}
  .studio-heading{top:16px}
  .studio-scene-footer{bottom:12px}
}