.bsp-gh{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#ece6df 0,#faf9f7 55%,#f7f5f2 100%);color:#24201e}.bsp-gh-stage{position:relative;max-width:930px;height:560px;margin:26px auto 0}.bsp-gh-halo{position:absolute;left:50%;top:21%;width:70%;height:55%;transform:translateX(-50%);background:#e6ded6;opacity:.65;filter:blur(62px);border-radius:50%;pointer-events:none;animation:bsp-gh-glow 9s ease-in-out infinite alternate}.bsp-gh-phone{position:absolute;top:10px;left:50%;width:clamp(155px,22vw,262px);cursor:pointer;text-align:left;transform:translateX(calc(-50% + var(--offset))) scale(var(--scale));transform-origin:center top;transition:transform .85s cubic-bezier(.22,.74,.15,1),opacity .7s ease;outline-offset:7px}.bsp-gh-case{border:6px solid #282725;background:#282725;border-radius:39px;aspect-ratio:.515;overflow:hidden;box-shadow:0 26px 54px -20px rgba(43,33,25,.38)}.bsp-gh-phone[data-center=true] .bsp-gh-case{animation:bsp-gh-float 7s ease-in-out infinite}.bsp-gh-screen{position:relative;height:100%;overflow:hidden;border-radius:31px;background:#faf8f5;color:#282725}.bsp-gh-island{position:absolute;z-index:4;top:0;left:50%;width:34%;height:19px;background:#111;border-radius:0 0 13px 13px;transform:translateX(-50%)}.bsp-gh-status{height:31px;padding:0 15px;font-size:8px;font-weight:700}.bsp-gh-nav,.bsp-gh-status{display:flex;align-items:center;justify-content:space-between}.bsp-gh-nav{height:27px;padding:0 10px}.bsp-gh-photo{position:relative;height:48%;background:linear-gradient(120deg,#d5c7b5,#a18f80);overflow:hidden}.bsp-gh-grid img,.bsp-gh-photo img,.bsp-gh-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bsp-gh-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 56%)}.bsp-gh-identity{position:absolute;z-index:2;left:11px;right:10px;bottom:14px;color:#fff}.bsp-gh-identity strong{display:block;font:normal clamp(17px,2.2vw,24px) Georgia,serif;line-height:1.03;letter-spacing:-.025em}.bsp-gh-identity small{display:block;margin-top:6px;text-transform:uppercase;letter-spacing:.18em;font-size:7px}.bsp-gh-actions{height:52px;display:flex;justify-content:space-evenly;align-items:center}.bsp-gh-actions i{width:28px;height:28px;background:#f0ece7;border-radius:50%;display:grid;place-items:center;font-style:normal}.bsp-gh-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;padding:0 8px;height:28%}.bsp-gh-grid span{overflow:hidden;border-radius:5px;background:#d6cdc4}.bsp-gh-caption{display:block;text-align:center;margin-top:16px;letter-spacing:.13em;font-size:12px;font-weight:500}.bsp-gh-dot{height:8px;width:8px;border-radius:40px;background:#ccc5be;transition:width .35s,background .35s}.bsp-gh-dot[data-active=true]{width:26px;background:#292522}.bsp-gh-arrow{position:absolute;top:43%;z-index:15;display:grid;place-items:center;width:46px;height:46px;background:hsla(0,0%,100%,.8);border:1px solid rgba(120,108,98,.25);border-radius:50%;backdrop-filter:blur(10px);transition:background .2s}.bsp-gh-arrow:hover{background:#fff}.bsp-gh-arrow.prev{left:2%}.bsp-gh-arrow.next{right:2%}.bsp-gh-tile{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/5;background:#d4c8bf;transition:transform .3s}.bsp-gh-tile:hover{transform:translateY(-4px)}.bsp-gh-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 65%)}.bsp-gh-tile b{position:absolute;z-index:1;bottom:9px;left:9px;right:4px;font-size:10px;font-weight:500;color:#fff;text-align:left}@keyframes bsp-gh-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes bsp-gh-glow{0%{opacity:.4;transform:translateX(-50%) scale(.9)}to{opacity:.85;transform:translateX(-50%) scale(1.12)}}@media(max-width:640px){.bsp-gh-stage{height:438px;margin-top:20px}.bsp-gh-phone{width:min(46vw,210px);transform:translateX(calc(-50% + var(--offset-mobile))) scale(var(--scale))}.bsp-gh-case{border-radius:29px;border-width:4px}.bsp-gh-screen{border-radius:25px}.bsp-gh-status{height:25px}.bsp-gh-nav{height:21px}.bsp-gh-photo{height:45%}.bsp-gh-grid{height:26%}.bsp-gh-actions{height:39px}.bsp-gh-actions i{height:23px;width:23px}.bsp-gh-actions svg{width:12px;height:12px}.bsp-gh-arrow{width:40px;height:40px}.bsp-gh-arrow.prev{left:0}.bsp-gh-arrow.next{right:0}.bsp-gh-identity strong{font-size:17px}.bsp-gh-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.bsp-gh *,.bsp-gh :after,.bsp-gh :before{animation:none!important;transition:none!important}}