.mac-window{background:#1b1c1f;border:1px solid #ffffff1f;border-radius:12px;overflow:hidden;box-shadow:0 50px 90px -30px #000000d9,0 18px 36px -18px #0009}.mac-window-bar{background:#26272b;border-bottom:1px solid #00000073;align-items:center;height:38px;padding:0 14px;display:flex;position:relative}.mac-window-lights{gap:8px;display:flex}.mac-window-lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.mac-window-lights i:nth-child(2){background:#febc2e}.mac-window-lights i:nth-child(3){background:#28c840}.mac-window-url{color:#ffffffb8;white-space:nowrap;background:#ffffff12;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:min(40%,100% - 160px);max-width:calc(100% - 160px);height:24px;padding:0 14px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mac-window-url svg{opacity:.7;flex-shrink:0;width:10px;height:10px}.mac-window-url span{text-overflow:ellipsis;min-width:0;overflow:hidden}.mac-window-screen{aspect-ratio:16/10;background:#0d0e10;position:relative;overflow:hidden}.mac-window-screen img{object-fit:cover;width:100%;height:100%;display:block}.phone-frame{background:linear-gradient(115deg,#6e7279,#292c31 20%,#121316 50%,#44484e 80%,#222429);border:1px solid #55585e;border-radius:16.5%/7.6%;padding:2.4%;position:relative;box-shadow:0 0 0 1px #08090b,0 32px 60px -16px #000000d9,inset 0 0 0 1px #ffffff1a;container-type:inline-size}.phone-frame-button{background:linear-gradient(90deg,#25282d,#696e76,#25282d);border-radius:2px 0 0 2px;width:2px;position:absolute;left:-3px;box-shadow:0 0 0 .5px #111316}.phone-frame-action{height:3.5%;top:16%}.phone-frame-volume-up{height:6%;top:24%}.phone-frame-volume-down{height:6%;top:32%}.phone-frame-power,.phone-frame-camera{border-radius:0 2px 2px 0;left:auto;right:-3px}.phone-frame-power{height:10%;top:25%}.phone-frame-camera{height:7%;top:65%}.phone-frame-screen{--phone-status-height:7%;isolation:isolate;aspect-ratio:390/844;background:#000;border-radius:14.5%/6.7%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #050506}.phone-frame-status{z-index:4;height:var(--phone-status-height);color:#111;letter-spacing:-.04em;top:0;background:#fff;justify-content:space-between;align-items:center;padding:0 8%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:4.5cqw;font-weight:650;display:flex;position:absolute;inset-inline:0}.phone-frame-icons{width:17cqw;height:auto;display:block}.phone-frame-island{z-index:5;aspect-ratio:126/37;background:#050506;border-radius:99px;width:30.5%;position:absolute;top:1.4%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .5px #ffffff12}.phone-frame-island:after{aspect-ratio:1;content:"";background:radial-gradient(circle at 35% 35%,#1e2a40,#090c14 55%,#030405 75%);border-radius:50%;width:15%;position:absolute;top:50%;right:9%;transform:translateY(-50%)}.phone-frame-content{inset:var(--phone-status-height) 0 0;position:absolute}.phone-frame-content img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.phone-frame-home{z-index:4;mix-blend-mode:difference;pointer-events:none;background:#fff;border-radius:99px;width:34%;height:1.2cqw;position:absolute;bottom:1.3%;left:33%}.shot-gallery{min-width:0;position:relative}.shot-gallery:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:12px}.shot-gallery-viewport{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;padding-top:calc(45% + 118px);position:relative;overflow:hidden}.shot-gallery-viewport:active{cursor:grabbing}.shot-gallery-desktop-only .shot-gallery-viewport{padding-top:calc(45% + 86px)}.shot-gallery-track{position:absolute;inset:0}.shot-gallery-slide{width:72%;position:absolute;top:24px;left:14%}.shot-gallery-dim{background:var(--popover);cursor:pointer;border:0;border-radius:12px;width:100%;position:absolute;inset:0}.shot-gallery-dim[aria-hidden=true]{pointer-events:none}.shot-gallery-phone{z-index:2;pointer-events:none;width:18%;max-width:200px;position:absolute;bottom:84px;right:14%}.shot-gallery-phone-image{position:absolute;inset:0}.shot-gallery-reduced{width:72%;position:absolute;top:24px;left:14%}.shot-gallery-reduced>div{width:100%;position:absolute}.shot-gallery-nav{justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.shot-gallery-nav button{cursor:pointer}.shot-gallery-nav button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.shot-gallery-arrow,.shot-gallery-toggle{width:44px;height:44px;color:var(--foreground);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.shot-gallery-arrow{color:var(--muted-foreground)}.shot-gallery-arrow:hover,.shot-gallery-toggle:hover{background:var(--accent)}.shot-gallery-nav svg{width:18px;height:18px}.shot-gallery-toggle,.shot-gallery-pill{background:#ffffff1a}.shot-gallery-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;height:44px;padding:0 14px;display:flex}.shot-gallery-dot{background:0 0;border:0;border-radius:99px;align-items:center;height:44px;padding:0 4px;display:flex}.shot-gallery-dot b{background:#fff6;border-radius:99px;width:8px;height:8px;transition:width .6s cubic-bezier(.28,.11,.32,1);display:block;position:relative;overflow:hidden}.shot-gallery-dot[aria-current] b{background:#ffffff4d;width:40px}.shot-gallery-dot span{transform-origin:0;background:var(--foreground);position:absolute;inset:0;transform:scaleX(0)}@media (width<=767px){.shot-gallery-viewport,.shot-gallery-desktop-only .shot-gallery-viewport{padding-top:calc(62.5% + 86px)}.shot-gallery-slide,.shot-gallery-reduced{width:100%;left:0}.shot-gallery-phone{width:170px;margin:0 auto;position:relative;bottom:auto;right:auto}.shot-gallery-nav{gap:2px;margin-top:32px}.shot-gallery-pill{padding:0 8px}.mac-window-url{font-size:10.5px}.mac-window-lights{gap:5px}.mac-window-lights i{width:9px;height:9px}}@media (prefers-reduced-motion:reduce){.shot-gallery-dot b{transition:none}}.shot-gallery-reduced-neighbor{width:100%;position:absolute;top:0}
