.hero{min-height:max(660px,min(100svh,1040px));padding:calc(var(--nav-h) + 32px) 0 48px;background:var(--bg);align-items:center;display:grid;position:relative;overflow:hidden}.hero-reel{opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease-soft);display:block;position:absolute;inset:0}.hero[data-ready] .hero-reel{opacity:1}.hero:after{content:"";z-index:1;height:calc(var(--nav-h) + 72px);background:linear-gradient(var(--bg) 35%, transparent);opacity:0;transition:opacity .9s var(--ease-soft);pointer-events:none;position:absolute;inset:0 0 auto}.hero[data-stage=intro]:after{opacity:1;transition-duration:.2s}.hero-grid{z-index:2;-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);pointer-events:none;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid;position:relative}.hero-copy{pointer-events:auto;grid-column:1/span 6;gap:28px;padding-bottom:12px;display:grid}.hero h1{max-width:9.5ch}.hero-lead{max-width:34ch;color:var(--ink-2);font-size:var(--t-lead);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero-figure{grid-column:7/-1;justify-items:center;gap:18px;margin:0;display:grid;position:relative}.hero-slot{width:100%;height:min(70svh,740px)}.hero-figure[data-failed] .hero-slot{position:relative}.hero-figure[data-failed] .hero-slot:before{content:"";background:url(/hero-reel/poster-light.webp) 50%/contain no-repeat;position:absolute;inset:-10%}:root[data-theme=dark] .hero-figure[data-failed] .hero-slot:before{background-image:url(/hero-reel/poster-dark.webp)}.hero-legend{pointer-events:auto;justify-items:center;gap:6px;display:grid}.hero-legend ul{flex-wrap:wrap;justify-content:center;gap:2px 20px;display:flex}.hero-legend a{min-height:40px;color:var(--ink-2);font-size:var(--t-small);transition:color .2s var(--ease-soft);align-items:center;gap:9px;display:inline-flex}.hero-legend a:hover,.hero-legend a[data-active]{color:var(--ink)}.hero-dot{background:var(--piece);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--piece) 16%, transparent);transition:box-shadow .3s var(--ease-soft);border-radius:3px}.hero-legend a[data-active] .hero-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--piece) 30%, transparent), 0 0 18px color-mix(in srgb, var(--piece) 60%, transparent)}.hero-detail{min-height:1.5em;color:var(--ink-3);font-size:var(--t-micro);text-align:center;line-height:1.5}.hero .rise{overflow-clip-margin:.12em;vertical-align:top;margin-bottom:-.06em;padding-bottom:.06em;display:inline-block;overflow:clip}.hero .rise>span{animation:rise 1.2s var(--ease) both;animation-delay:calc(80ms + var(--i) * 80ms);display:inline-block}.hero-lead{animation:settle 1s var(--ease) .36s both}.hero-actions{animation:settle 1s var(--ease) .46s both}.hero-legend{animation:settle 1s var(--ease) .7s both}@media (min-width:900px){:root:is([data-intro=pending],[data-intro=playing]) .hero .rise>span{animation:none;transform:translateY(108%)}:root:is([data-intro=pending],[data-intro=playing]) .hero :is(.hero-lead,.hero-actions,.hero-legend){opacity:0;animation:none}}@keyframes rise{0%{transform:translateY(108%)}}@keyframes settle{0%{opacity:0;transform:translateY(16px)}}.story-copy,.labs-copy{z-index:1;position:relative}.work{padding:var(--section) 0}.work-grid{gap:clamp(56px, 6vw, 88px) var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case{align-content:start;gap:28px;min-width:0;display:grid}.case[data-lead]{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}.case[data-lead] .case-media{aspect-ratio:16/11;grid-column:1/span 7}.case[data-lead] .case-copy{grid-column:9/span 4;padding-bottom:8px}.case-media{aspect-ratio:4/3;background:var(--bg-raised);box-shadow:var(--shadow-soft);isolation:isolate;border-radius:18px;display:block;position:relative;overflow:hidden}.case-media:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--frame-line);pointer-events:none;position:absolute;inset:0}.case-media img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform 1.1s var(--ease)}.case-media[data-kind=photo] img{-o-object-position:center;object-position:center}.case-media[data-kind=stage]{box-shadow:none;background:0 0;overflow:visible}.case-media[data-kind=stage]:after{content:none}.lemon-stage{height:100%}.case:hover .case-media img{transform:scale(1.025)}.case-copy{gap:12px;min-width:0;display:grid}.case-who{color:var(--ink-3);font-size:var(--t-micro);line-height:1.5}.case h3{font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.2}.case[data-lead] h3{letter-spacing:-.03em;font-size:clamp(1.75rem,1.4rem + 1vw,2.375rem)}.case h3 a{color:inherit}.case h3 a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.case-line{color:var(--ink-2);font-size:var(--t-small);line-height:1.6}.case[data-lead] .case-line{font-size:var(--t-body)}.case-result{color:var(--ink);font-size:var(--t-small);line-height:1.55}.case-links{flex-wrap:wrap;align-items:center;gap:4px 24px;margin-top:4px;display:flex}.case-live{min-height:44px;color:var(--ink-2);font-size:var(--t-small);transition:color .2s var(--ease-soft);align-items:center;gap:10px;display:inline-flex}.case-live:hover{color:var(--ink)}.work-more{justify-content:center;margin-top:clamp(56px,6vw,88px);display:flex}.studio{padding:var(--section) 0;border-top:1px solid var(--line)}.studio-grid{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:40px;display:grid}.studio-grid>.title{grid-column:1/span 5}.studio-body{grid-column:7/span 6;gap:56px;display:grid}.founder{border-top:1px solid var(--line);gap:10px;padding-top:32px;display:grid}.founder-role{color:var(--ink-3);font-size:var(--t-micro)}.founder h3{font-size:var(--t-h3);letter-spacing:-.02em}.founder-bio{max-width:58ch;color:var(--ink-2);font-size:var(--t-small);line-height:1.65}.site [data-step="0"]{--piece:var(--blue)}.site [data-step="1"]{--piece:var(--cyan)}.site [data-step="2"]{--piece:var(--green)}.site [data-step="3"]{--piece:var(--magenta)}.story{padding:var(--section) 0;border-top:1px solid var(--line);background:radial-gradient(48% 62% at 72% 52%, var(--glow) 0%, var(--glow-mid) 46%, var(--glow-fade) 80%), var(--bg)}.story-grid{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:40px;display:grid}.story-copy{grid-column:1/span 5;gap:24px;display:grid}.story-lead{max-width:44ch;color:var(--ink-2);font-size:var(--t-body);line-height:1.6}.story-steps{border-bottom:1px solid var(--line);margin-top:8px;display:grid}.story-steps li{border-top:1px solid var(--line);opacity:.46;transition:opacity .5s var(--ease-soft)}.story-steps li[data-state=done]{opacity:.74}.story-steps li[data-state=active]{opacity:1}.story-steps button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:44px 1fr;gap:18px;padding:16px 0;display:grid}.story-steps button:hover .story-step-title{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.story-step-icon{background:linear-gradient(180deg, var(--tile-top), var(--tile-bottom));width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-tile);color:var(--tile-idle);transition:color .5s var(--ease-soft), box-shadow .5s var(--ease-soft);border-radius:12px;place-items:center;display:grid}.story-steps li:not([data-state=next]) .story-step-icon{color:var(--piece)}.story-steps li[data-state=active] .story-step-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--piece) 45%, transparent), 0 12px 28px -10px color-mix(in srgb, var(--piece) 55%, transparent)}.story-step-body{gap:4px;display:grid}.story-step-count{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.story-step-title{letter-spacing:-.015em;font-size:1.125rem;font-weight:500;line-height:1.35}.story-step-text{color:var(--ink-2);font-size:var(--t-small);line-height:1.55}.story-replay{opacity:0;pointer-events:none;min-height:44px;transition:opacity .4s var(--ease-soft), transform .6s var(--ease);transform:translateY(6px)}.story-replay[data-visible]{opacity:1;pointer-events:auto;transform:none}.story-replay button{font:inherit;cursor:pointer;background:0 0;border:0}.story-figure{grid-column:6/span 7;position:relative}.story-stage{aspect-ratio:7/6;max-height:76svh}.labs{padding:var(--section) 0;border-top:1px solid var(--line);background:radial-gradient(56% 70% at 74% 50%, var(--glow) 0%, var(--glow-mid) 45%, var(--glow-fade) 80%), var(--bg)}.labs-grid{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:48px;display:grid}.labs-copy{grid-column:1/span 5;gap:24px;display:grid}.labs-product{border-top:1px solid var(--line);max-width:46ch;color:var(--ink-2);font-size:var(--t-small);padding-top:20px;line-height:1.6}.labs-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:8px;display:flex}.labs-figure{grid-column:6/span 7;gap:16px;margin:0;display:grid;position:relative}.labs-stage{aspect-ratio:7/5}.story-stage{--poster:url(/tablero/poster.webp)}.labs-stage{--poster:url(/tablero/poster-labs.webp)}:root[data-theme=dark] .story-stage{--poster:url(/tablero/poster-dark.webp)}:root[data-theme=dark] .labs-stage{--poster:url(/tablero/poster-labs-dark.webp)}.story-figure[data-failed] .story-stage:before,.labs-figure[data-failed] .labs-stage:before{content:"";background:var(--poster) center / contain no-repeat;pointer-events:none;position:absolute;inset:-18%}.team{padding:var(--section) 0;border-top:1px solid var(--line)}.team-grid{gap:56px var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.person{border-top:1px solid var(--line);align-content:start;gap:8px;padding-top:28px;display:grid}.person-key{background:linear-gradient(180deg, var(--tile-top), var(--tile-bottom));width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-tile);color:var(--ink-2);letter-spacing:.02em;border-radius:12px;place-items:center;margin-bottom:14px;font-size:.8125rem;font-weight:500;display:inline-grid}.person h3{letter-spacing:-.015em;font-size:1.125rem;line-height:1.35}.person-role{color:var(--ink-3);font-size:var(--t-micro);line-height:1.5}.person-bio{max-width:40ch;color:var(--ink-2);font-size:var(--t-small);margin-top:6px;line-height:1.6}.faq{padding:var(--section) 0;border-top:1px solid var(--line)}.faq-grid{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:40px;display:grid}.faq-head{top:calc(var(--nav-h) + 40px);grid-column:1/span 4;gap:20px;display:grid;position:sticky}.faq-note{max-width:32ch;color:var(--ink-2);font-size:var(--t-small);line-height:1.6}.faq-note .link{min-height:0}.faq-list{border-top:1px solid var(--line);grid-column:6/span 7}.faq-item{border-bottom:1px solid var(--line)}.faq-item h3{font-size:inherit}.faq-item button{width:100%;min-height:76px;color:var(--ink);font:inherit;letter-spacing:-.015em;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-size:1.1875rem;font-weight:500;line-height:1.4;display:flex}.faq-sign{background:var(--quiet);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow .3s var(--ease-soft), background-color .3s var(--ease-soft);border-radius:50%;flex:none;position:relative}.faq-sign:before,.faq-sign:after{content:"";width:11px;height:1.5px;transition:transform .5s var(--ease);background:currentColor;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-sign:after{transform:translate(-50%,-50%)rotate(90deg)}.faq-item[data-open] .faq-sign{background:var(--quiet-hover)}.faq-item[data-open] .faq-sign:after{transform:translate(-50%,-50%)rotate(0)}.faq-item button:hover .faq-sign{box-shadow:inset 0 0 0 1px var(--line-hover)}.faq-answer{transition:grid-template-rows .56s var(--ease);grid-template-rows:0fr;display:grid}.faq-item[data-open] .faq-answer{grid-template-rows:1fr}.faq-answer>div{overflow:hidden}.faq-answer p{max-width:60ch;color:var(--ink-2);font-size:var(--t-body);opacity:0;transition:opacity .3s var(--ease-soft), transform .56s var(--ease);padding:0 52px 28px 0;line-height:1.65;transform:translateY(-6px)}.faq-item[data-open] .faq-answer p{opacity:1;transition-delay:80ms;transform:none}.contact{padding:var(--section) 0;border-top:1px solid var(--line);background:radial-gradient(60% 60% at 80% 40%, var(--glow) 0%, var(--glow-fade) 70%), var(--bg)}.contact-grid{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:48px;display:grid}.contact-copy{top:calc(var(--nav-h) + 40px);grid-column:1/span 5;gap:24px;display:grid;position:sticky}.contact-copy .section-lead{max-width:36ch}.contact-email{border-top:1px solid var(--line);gap:2px;margin-top:16px;padding-top:24px;display:grid}.contact-email p{color:var(--ink-3);font-size:var(--t-micro)}.contact-email-link{width:fit-content;min-height:44px;color:var(--ink);letter-spacing:-.01em;transition:color .2s var(--ease-soft);align-items:center;gap:10px;font-size:1.1875rem;font-weight:500;display:inline-flex}.contact-email-link svg{transition:transform .4s var(--ease);flex-shrink:0;transform:rotate(-45deg)}.contact-email-link:hover svg{transform:rotate(-45deg)translate(3px)}.contact-calendar{grid-column:7/span 6;min-width:0}.calendar-shell{--calendar-min-height:620px;min-height:var(--calendar-min-height);background:var(--calendar-bg);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-panel);border-radius:20px;position:relative;overflow:hidden}.calendar-widget{min-width:0;min-height:var(--calendar-min-height);height:var(--calendar-min-height);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-soft);position:relative}.calendar-shell[data-loaded=true] .calendar-widget{opacity:1;pointer-events:auto}.calendar-widget iframe{border:0;width:100%;height:100%;display:block}.calendar-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:24px;display:flex;position:absolute;inset:0}.calendar-skeleton{width:min(100%,340px)}.calendar-skeleton-heading{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.calendar-skeleton-heading span{background:var(--skeleton);border-radius:6px;width:55%;height:12px}.calendar-skeleton-heading span:last-child{width:35%;height:8px}.calendar-skeleton-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.calendar-skeleton-grid span{aspect-ratio:1;background:var(--skeleton-soft);border-radius:50%}.calendar-status{font-size:var(--t-small);text-align:center;color:var(--ink-2);justify-content:center;align-items:center;gap:10px;line-height:1.5;display:flex}.calendar-spinner{border:2px solid var(--line-strong);border-top-color:var(--blue);border-radius:50%;flex:0 0 16px;width:16px;height:16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.calendar-fallback{width:fit-content;color:var(--ink-2);font-size:var(--t-micro);margin:8px auto 0;display:flex}@media (max-width:1100px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid>.case:not([data-lead]):last-child:nth-child(2n){grid-column:1/-1}.case[data-lead] .case-media{grid-column:1/span 7}.case[data-lead] .case-copy{grid-column:8/span 5}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.hero{min-height:0;padding-top:calc(var(--nav-h) + 40px);padding-bottom:32px}.hero-copy,.hero-figure,.labs-copy,.labs-figure{grid-column:1/-1}.hero h1{max-width:10ch}.hero-figure{margin-top:28px}.hero-slot{height:clamp(300px,84vw,520px)}.case[data-lead] .case-media,.case[data-lead] .case-copy{grid-column:1/-1}.case[data-lead]{row-gap:28px}.studio-grid>.title,.studio-body,.faq-head,.faq-list,.contact-copy,.contact-calendar{grid-column:1/-1}.faq-head,.contact-copy{position:static}.story-copy,.story-figure{grid-column:1/-1}.story-figure{grid-row:1}.story-stage{aspect-ratio:auto;height:clamp(300px,86vw,520px);max-height:none}.labs-figure{grid-row:1}}@media (max-width:639px){.work-grid,.team-grid{grid-template-columns:1fr}.work-grid>.case:not([data-lead]):last-child:nth-child(2n){grid-column:auto}.hero-actions .button{flex:auto}.case-media{border-radius:14px}.faq-item button{font-size:1.0625rem}.faq-answer p{padding-right:0}.calendar-shell{border-radius:14px}}@media (prefers-reduced-motion:reduce){.hero .rise>span,.hero-lead,.hero-actions,.hero-legend,.stage-caption,.story-steps li[data-state=active]{animation:none}.faq-answer,.faq-answer p{transition:none}.calendar-spinner{animation:none}}