.sv-modal{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:none;background:transparent;overflow:visible}.sv-modal[open]{display:grid;place-items:center}.sv-modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}.sv-modal.open::backdrop{opacity:1}.sm-panel{position:relative;width:min(1188px,100% - 96px);max-height:76dvh;border-radius:20px;background:#1f1f1f;color:var(--text);overflow:hidden;opacity:0;transform:translateY(40px);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}.sm-layout{display:grid;grid-template-columns:480px minmax(0,1fr)}.sm-layout:has(.sm-hero[hidden]){grid-template-columns:minmax(0,1fr)}.sv-modal.open .sm-panel{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.sm-panel,.sv-modal::backdrop{transition:none}}.sm-close{position:absolute;top:16px;right:16px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--text-faint);font:inherit;font-size:14px;line-height:1;cursor:pointer;transition:color .15s ease,background .15s ease}.sm-close:hover{color:var(--text);background:#ffffff14}.sm-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:48px;height:48px;padding:0;border:none;border-radius:999px;background:#242424;color:var(--text-faint);cursor:pointer;box-shadow:0 8px 24px #00000073;opacity:0;transition:opacity .25s ease,background .15s ease,color .15s ease}.sv-modal.open .sm-nav{opacity:1}.sm-nav:hover{background:#333;color:var(--text)}.sm-nav.prev{left:24px}.sm-nav.next{right:24px}.sm-nav svg{display:block}@media (max-width: 900px){.sm-nav{display:none}}.sm-content{transition:opacity .15s ease}.sm-scroll{max-height:76dvh;overflow-y:auto;padding:60px 68px 60px 64px;scrollbar-width:none}.sm-scroll::-webkit-scrollbar{display:none}.sm-content h1{margin:0 0 10px;padding-right:36px;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.sm-body{margin:0 0 4px;font-size:14.5px;line-height:1.7;color:#dedede}.sm-hero{display:grid;place-items:center;padding:40px 28px;background:#292929;overflow:hidden}.sm-phone{display:block;height:min(640px,calc(76dvh - 80px));max-width:100%;aspect-ratio:9 / 19;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px #00000073;cursor:zoom-in}.sm-phone img{width:100%;height:100%;object-fit:cover;object-position:50% 0%}.sm-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.sm-mcard{display:flex;flex-direction:column;gap:2px;min-width:0;padding:18px;border-radius:12px;background:#ffffff0f}.sm-mcard .mk{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.sm-mcard .mv{font-size:15px;font-weight:600;color:var(--text)}.sm-impact{display:inline-flex;align-items:center;gap:7px}.sm-impact-ic{width:16px;height:16px;flex:none}.sm-impact-ic .off{fill:#ffffff29}.sm-impact--low .on,.sm-impact--low .sm-impact-label{fill:#4ac06c;color:#75d78d}.sm-impact--medium .on,.sm-impact--medium .sm-impact-label{fill:#eabf3a;color:#f2cd64}.sm-impact--high .on,.sm-impact--high .sm-impact-label{fill:#f14445;color:oklch(.72 .19 25)}.sm-section{margin-bottom:28px}.sm-section h2{margin:0 0 12px;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.sm-hypo{margin:0;font-size:15px;line-height:1.8;color:#868686}.sm-hypo .hk{color:var(--text);font-weight:600}.sm-visit{display:inline-block;padding-bottom:2px;border-bottom:1px solid oklch(1 0 0 / .25);font-size:14px;font-weight:500;color:var(--text);transition:border-color .15s ease}.sm-visit:hover{border-color:#ffffffb3}.sv-lightbox{margin:auto;max-width:none;max-height:none;padding:0;border:none;background:transparent;overflow:visible;opacity:0;transition:opacity .25s ease}.sv-lightbox.open{opacity:1}.sv-lightbox::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}.sv-lightbox.open::backdrop{opacity:1}.sv-lightbox .lb-frame{display:block;height:min(80dvh,720px);aspect-ratio:9 / 19;max-width:92vw;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px #0009;cursor:zoom-out}.sv-lightbox .lb-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%}@media (prefers-reduced-motion: reduce){.sv-lightbox,.sv-lightbox::backdrop{transition:none}}.sm-peek{display:none}@media (max-width: 900px){.sm-panel{width:calc(100% - 64px)}.sm-layout{display:block;max-height:86dvh;overflow-y:auto;scrollbar-width:none}.sm-layout::-webkit-scrollbar{display:none}.sm-hero{padding:20px}.sm-phone{height:280px;border-radius:12px}.sm-scroll{max-height:none;overflow:visible}.sm-peek{display:block;position:absolute;top:50%;transform:translateY(-50%);width:24px;height:min(72dvh,620px);border-radius:20px;background:#1f1f1f;pointer-events:none;opacity:0;transition:opacity .3s ease}.sv-modal.open .sm-peek{opacity:1}.sv-modal.single .sm-peek{display:none}.sm-peek.prev{left:-12px}.sm-peek.next{right:-12px}}@media (max-width: 640px){.sm-panel{width:calc(100% - 56px);max-height:90dvh}.sm-layout{max-height:90dvh}.sm-scroll{padding:28px 22px 36px}.sm-content h1{font-size:22px}.sm-body{font-size:13.5px}.sm-meta{grid-template-columns:1fr}}html[data-theme=light] .sm-panel,html[data-theme=light] .sm-peek{background:#f8f8f8}html[data-theme=light] .sm-hero{background:#e8e8e8}html[data-theme=light] .sm-phone{box-shadow:0 14px 40px #0000002e}html[data-theme=light] .sm-close:hover{background:#0000000f}html[data-theme=light] .sm-nav{background:#ffffffe6;box-shadow:0 6px 20px #00000029}html[data-theme=light] .sm-nav:hover{background:#e4e4e4}html[data-theme=light] .sm-body{color:#3a3a3a}html[data-theme=light] .sm-mcard{background:#0000000d}html[data-theme=light] .sm-impact-ic .off{fill:#0000002e}html[data-theme=light] .sm-impact--low .on,html[data-theme=light] .sm-impact--low .sm-impact-label{fill:#1c8742;color:#137738}html[data-theme=light] .sm-impact--medium .on,html[data-theme=light] .sm-impact--medium .sm-impact-label{fill:#ba7f14;color:#a36e09}html[data-theme=light] .sm-impact--high .on,html[data-theme=light] .sm-impact--high .sm-impact-label{fill:#cc272e;color:#c21725}html[data-theme=light] .sm-hypo{color:#5d5d5d}html[data-theme=light] .sm-visit{border-bottom-color:#00000047}html[data-theme=light] .sm-visit:hover{border-bottom-color:#000000b3}
