.studio{--paper:#ededf0;--paper-deep:#dfdfe6;--paper-edge:#cfcfd9;--ink:#14141a;--ink-soft:#55555f;--ink-faint:#5c5c68;--spark:#5b3ce6;background:radial-gradient(120% 70% at 50% 0%, #f6f6f8 0%, var(--paper) 46%, var(--paper-deep) 100%);min-height:100dvh;color:var(--ink);font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif}.studio ::selection{background:var(--spark);color:#fff}.shell{width:min(1180px,100% - 2.5rem);margin-inline:auto}.display{font-family:var(--font-display), ui-sans-serif, sans-serif;letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:.94}.spec-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:.6875rem;font-weight:600}.mono{font-family:var(--font-mono), ui-monospace, monospace;font-variant-ligatures:none}.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(3rem,8vh,6rem) clamp(2rem,5vh,3.5rem);display:grid}@media (max-width:900px){.hero{grid-template-columns:1fr}}.hero h1{margin:0;font-size:clamp(2.75rem,1rem + 6.4vw,5.25rem)}.hero p{max-width:34ch;color:var(--ink-soft);margin:1.25rem 0 0;font-size:clamp(1rem,.94rem + .3vw,1.1875rem);line-height:1.55}.stagebox{aspect-ratio:4/3;border-radius:1.25rem;min-height:340px;position:relative}.urlstrip{background:#fff;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:.6875rem .6875rem .6875rem 1rem;display:grid;box-shadow:0 1px 2px #14141a0f,0 12px 32px -12px #14141a38}.urlstrip code{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.4;overflow:hidden}.urlstrip code b{color:var(--spark);font-weight:500}.copy{background:var(--ink);color:#fff;font:inherit;cursor:pointer;transition:background var(--p-dur-2) var(--p-ease-out);border:0;border-radius:999px;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.copy:hover{background:var(--spark)}.specsheet{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:.75rem;margin-block:clamp(3rem,7vh,5rem);display:grid}.specsheet>div{background:var(--paper-deep);border-radius:1rem;padding:1.25rem 1.25rem 1.375rem;box-shadow:inset 0 1px 2px #14141a0f,inset 0 -1px #ffffffb3}.specsheet strong{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:.5rem;font-size:clamp(1.5rem,1.1rem + 1.4vw,2rem);font-weight:700;display:block}.specsheet span{color:var(--ink-soft);margin-top:.125rem;font-size:.8125rem;display:block}.gallery{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.25rem;margin-top:2rem;display:grid}@media (min-width:1000px){.gallery{grid-template-columns:repeat(3,1fr)}}.card{transition:transform var(--p-dur-3) var(--p-ease-out), box-shadow var(--p-dur-3) var(--p-ease-out);background:#fff;border-radius:1.125rem;grid-template-rows:auto 1fr;display:grid;overflow:hidden;box-shadow:0 1px 2px #14141a0d,0 16px 40px -20px #14141a40}.card:hover,.card:focus-within{transform:translateY(-3px);box-shadow:0 1px 2px #14141a0d,0 28px 56px -24px #14141a52}.card-stage{aspect-ratio:16/11;background:linear-gradient(#fafafc 0%,#f0f0f4 100%);position:relative}.card-body{align-content:start;gap:.5rem;padding:1.125rem 1.25rem 1.375rem;display:grid}.card-body h3{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.card-body p{color:var(--ink-soft);margin:0;font-size:.875rem;line-height:1.5}.card-body .avoid{color:var(--ink-faint);margin-top:.625rem;padding-top:0;font-size:.8125rem}.tag{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;place-self:start;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600}.tag[data-status=listo]{background:color-mix(in oklab, var(--spark) 12%, transparent);color:var(--spark)}.tag[data-status=en-camino]{color:var(--ink-faint);background:#14141a0f}.ghost{opacity:.24;grid-auto-flow:column;place-content:center;align-items:end;gap:6px;display:grid;position:absolute;inset:0}.ghost i{background:var(--ink);border-radius:4px 4px 2px 2px;width:16px;display:block}.closer{text-align:center;justify-items:center;gap:1.5rem;padding-block:clamp(4rem,12vh,7rem);display:grid}.closer h2{margin:0;font-size:clamp(2rem,1.2rem + 3vw,3.5rem)}.cta{background:var(--ink);color:#fff;transition:background var(--p-dur-2) var(--p-ease-out), transform var(--p-dur-2) var(--p-ease-out);border-radius:999px;padding:.9375rem 1.75rem;font-weight:600;text-decoration:none;display:inline-block}.cta:hover{background:var(--spark);transform:translateY(-2px)}.studio a:focus-visible,.studio button:focus-visible{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--spark);outline:none}footer.studio-foot{color:var(--ink-faint);margin-top:clamp(3rem,8vh,6rem);padding-block:2rem 3rem;font-size:.8125rem}