.hero-frame{container-type:inline-size}.hero-stage{background:var(--night);height:clamp(440px,84cqw,720px);position:relative;overflow:hidden}@media (min-width:1024px){.hero-stage{border-radius:6px 0 0 6px}}.hero-layer{pointer-events:none;position:absolute}.hero-stage[data-stage="1"] .hero-feed,.hero-stage[data-stage="1"] .hero-portrait,.hero-stage[data-stage="1"] .hero-native{pointer-events:auto}@media (min-width:760px){.hero-stage[data-stage="2"] .hero-native{pointer-events:auto}}.hero-media{aspect-ratio:3/2;width:max(126cqw,660px)}.hero-aerial{opacity:0;filter:brightness(.62)saturate(.9);transform-origin:50% 57%;transition:opacity .9s,transform 4s cubic-bezier(.2,.7,.2,1);top:50%;left:clamp(100cqw - max(126cqw,660px),50cqw - max(126cqw,660px)/2,0px);transform:translateY(-50%)scale(1.1)}.hero-stage[data-stage="1"] .hero-aerial{opacity:1;transform:translateY(-50%)scale(1)}.hero-photo{opacity:1;filter:brightness(.34)saturate(.8)blur(8px);transform-origin:44% 30%;transition:opacity .9s,transform .9s,filter .7s;top:0;left:clamp(100cqw - max(126cqw,660px),50cqw - max(126cqw,660px)/2.27273,0px);transform:scale(1.08)}.hero-stage[data-stage="0"] .hero-photo{filter:none;transform:scale(1)}.hero-stage[data-stage="1"] .hero-photo{opacity:0}.hero-crops{opacity:0;transition:opacity .45s;position:absolute;inset:0}.hero-stage[data-stage="0"] .hero-crops{opacity:1}.hero-crop{box-sizing:border-box;position:absolute}.hero-crop-label{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;border-radius:3px;padding:3px 6px;font-size:10px;position:absolute;bottom:6px}.hero-face{aspect-ratio:1;border:1.5px solid #ddae6c;border:1.5px solid lab(74.4751% 11.8312 40.5118);border-radius:50%;width:4.6%;position:absolute;transform:translate(-50%,-50%)}.hero-card{opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s;top:50%;left:50%}.hero-feed{z-index:2;width:clamp(170px,28cqw,230px);transform:translate(calc(-50% - 14cqw),-46%)}.hero-stage[data-stage="1"] .hero-feed{opacity:1;transform:translate(calc(-50% - 27cqw),-46%)rotate(-5deg)}.hero-portrait{z-index:2;width:clamp(130px,21cqw,180px);transform:translate(calc(14cqw - 50%),-53%)}.hero-stage[data-stage="1"] .hero-portrait{opacity:1;transform:translate(calc(28cqw - 50%),-53%)rotate(5deg)}.hero-page,.hero-dash{z-index:2;width:clamp(290px,84cqw,680px)}.hero-page{transform:translate(-50%,-44%)scale(.96)}.hero-stage[data-stage="2"] .hero-page{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.hero-stage[data-stage="3"] .hero-page{transform:translate(-50%,-56%)scale(.96)}.hero-dash{transform:translate(calc(-50% - 6cqw),-52%)scale(.96)}.hero-stage[data-stage="3"] .hero-dash{opacity:1;transform:translate(calc(-50% - 6cqw),-58%)scale(1)}.hero-native{z-index:4;width:clamp(250px,46cqw,340px);transform:translate(-50%,-44%)scale(1.08)}.hero-stage[data-stage="1"] .hero-native{opacity:1;transform:translate(-50%,-50%)scale(1)}.hero-stage[data-stage="2"] .hero-native{opacity:1;transform:translate(calc(-50% - 33cqw),calc(22cqw - 50%))scale(.58)}.hero-stage[data-stage="3"] .hero-native{transform:translate(-50%,-56%)scale(.94)}.hero-inquiry{z-index:4;width:clamp(272px,54cqw,400px);transition:transform .8s cubic-bezier(.2,.8,.2,1) .2s,opacity .5s .2s;transform:translate(calc(22cqw - 50%),calc(20cqw - 50%))}.hero-stage[data-stage="3"] .hero-inquiry{opacity:1;transform:translate(calc(22cqw - 50%),calc(16cqw - 50%))}.hero-window{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 34px 80px -28px #000c}.hero-window-bar{background:#f1eeea;background:lab(94.2176% .341028 2.25905);border-bottom:1px solid #e1ddd8;border-bottom:1px solid lab(88.4231% .460804 3.01596);align-items:center;gap:10px;height:30px;padding:0 10px;display:flex}.hero-window-dots{gap:5px;display:flex}.hero-window-dots span{background:#c8c3bd;background:lab(79.1367% .874221 3.70671);border-radius:50%;width:8px;height:8px}.hero-window-address{color:#5b544e;color:lab(36.1708% 2.42884 4.70822);text-align:center;white-space:nowrap;background:#fff;border-radius:4px;flex:1;min-width:0;max-width:260px;height:18px;margin:0 auto;font-size:10.5px;line-height:18px;overflow:hidden}.hero-window-shot{aspect-ratio:16/10;position:relative;overflow:hidden}.hero-caption{z-index:5;color:#1a1511;color:lab(7.18686% 2.33466 3.27294);background:#fbf7eff0;border-radius:999px;align-items:center;gap:8px;padding:6px 11px 6px 9px;font-size:12px;font-weight:500;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 14px -6px #0006}.hero-fill{transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hero-fill-done{transform:scaleX(1)}.hero-fill-run{animation:linear forwards hero-step-fill}@keyframes hero-step-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-dots{z-index:5;gap:6px;display:none;position:absolute;bottom:14px;left:16px}@media (max-width:759px){.hero-dots{display:flex}.hero-stage[data-stage="2"] .hero-native{opacity:0;transform:translate(-50%,-56%)scale(.94)}.hero-dash{transform:translate(-50%,calc(-50% - 88px))scale(.96)}.hero-stage[data-stage="3"] .hero-dash{transform:translate(-50%,calc(-50% - 100px))scale(1)}.hero-inquiry{transform:translate(-50%,calc(76px - 50%))}.hero-stage[data-stage="3"] .hero-inquiry{transform:translate(-50%,calc(56px - 50%))}.hero-wide-only{display:none}}@media (prefers-reduced-motion:reduce){.hero-stage *,.hero-stage{transition:none!important}.hero-fill-run{animation:none;transform:scaleX(1)}}