/* Media lives inside the existing card. Its fixed image boxes reserve space;
   sticky stacking, deck offsets, and the application links remain unchanged. */
.service-deck > .advanced-service.service-card--visual{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(1.5rem,4vw,4rem)}
.service-card .advanced-action--visual{display:flex;flex-direction:column;align-self:start;gap:1rem;min-width:0}
.service-card .advanced-action--visual>.quiet-link{margin-top:auto}
.service-case-media{width:100%;min-width:0}
.service-case-media__label{font-size:.625rem;letter-spacing:.11em;text-transform:uppercase;color:var(--card-muted);line-height:1.4;margin-bottom:.65rem}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-items:start}
.case-gallery--single{grid-template-columns:1fr;max-width:12rem;margin-inline:auto}
.case-preview{display:block;min-width:0;color:var(--card-ink);border:1px solid var(--card-rule);border-radius:.85rem;background:#ffffff06;overflow:hidden;box-shadow:0 6px 14px -11px #07162970}
.case-preview__image{height:clamp(10.75rem,18vw,14rem);display:flex;position:relative;align-items:center;justify-content:center;background:#090c10;cursor:zoom-in}
.case-preview__image>img{display:block;width:100%;height:100%;object-fit:contain}
.case-preview__expand{position:absolute;right:.4rem;bottom:.4rem;display:grid;place-items:center;width:1.65rem;height:1.65rem;background:#111b28e8;border:1px solid #d9e7f552;border-radius:.4rem;color:#e9f0f8}
.case-preview__expand svg{width:.85rem;height:.85rem}
.case-preview:hover,.case-preview:focus-visible{border-color:var(--card-ink)}
.service-card .service-purchase--visual{justify-content:flex-start}
.service-case-media--panel{max-width:12rem;margin-bottom:1rem}
.service-case-media--panel .case-preview__image{height:13rem;background:#fff}
.service-panel-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%;max-width:24.7rem;margin-bottom:1rem}
.service-panel-gallery .service-case-media--panel{max-width:none;margin:0}
.service-card.expertise-item--visual .expertise-copy{grid-column:1}
.service-card.expertise-item--visual .expertise-features{margin-top:1.1rem;padding:0;border:0;border-radius:0;background:none}
.service-case-media--landscape{grid-column:2;grid-row:2/4;align-self:center;justify-self:center;max-width:27rem}
.service-case-media--landscape .case-preview__image{height:auto;aspect-ratio:3/2;background:#edf2f6}
.service-case-media__caption{margin:.6rem 0 0;color:var(--card-muted);font-size:.75rem;line-height:1.4;text-align:center}
.service-case-media[data-floating-service]{padding:.5rem .2rem .2rem}
.service-case-media[data-floating-service] .case-preview{border-color:#ffffffb3;border-radius:1rem;box-shadow:0 3px 0 #87a4bd66,0 18px 24px -18px #081e3970;animation:service-visual-float 8s ease-in-out infinite alternate;animation-play-state:paused}
.service-case-media[data-floating-service][data-moving] .case-preview{animation-play-state:running}
.service-case-media[data-floating-service]:hover .case-preview,.service-case-media[data-floating-service]:focus-within .case-preview{animation-play-state:paused}
@keyframes service-visual-float{from{transform:translate3d(0,1px,0) rotate(-.4deg)}to{transform:translate3d(0,-5px,0) rotate(.4deg)}}
@media(prefers-reduced-motion:reduce){.service-case-media[data-floating-service] .case-preview{animation:none}}
@media print{.service-case-media[data-floating-service] .case-preview{animation:none}}
#digital-threat-monitoring .service-case-media--landscape{padding:.45rem .4rem .75rem}
#digital-threat-monitoring .case-preview{border-color:#ffffffbd;border-radius:1rem;box-shadow:0 3px 0 #94adbf,0 6px 0 #68849933,0 21px 28px -19px #0a254570;transform:perspective(1000px) rotateY(-5deg) rotateZ(1deg)}
.service-card .service-purchase--landscape{padding-left:0;border-left:0}
.service-purchase--landscape .service-case-media--landscape{grid-column:auto;grid-row:auto;margin-bottom:.75rem}
.service-panel-gallery--examples{gap:.75rem;max-width:29rem}
.service-panel-gallery--examples>.service-case-media{grid-column:auto;grid-row:auto;margin:0;padding:0;max-width:none;align-self:start;min-width:0}
.service-panel-gallery--examples .case-preview__image{height:auto;aspect-ratio:4/3;background:#f2f5f7}
.service-panel-gallery--examples .service-case-media__caption{font-size:.75rem;margin-top:.4rem}
.username-visual{position:relative;isolation:isolate;width:100%;max-width:22rem;align-self:center;overflow:hidden;padding:1.1rem 1.4rem 1rem;border:1px solid #fff;border-radius:1.1rem;background:radial-gradient(ellipse at 100% 0,#d5e6f3 0,transparent 63%),linear-gradient(140deg,#fff,#edf3f8);box-shadow:inset 0 1px 0 #fff,0 3px 0 #adbfcd6b,0 17px 24px -21px #26496780;color:#213c52}
.username-visual__top{display:flex;align-items:center;gap:.5rem;font-size:.5625rem;letter-spacing:.09em;text-transform:uppercase;color:#587084}
.username-visual__symbol{display:grid;place-items:center;width:1.65rem;height:1.65rem;border:1px solid #bdcfdc;border-radius:.5rem;background:linear-gradient(#fff,#dce7f0);box-shadow:0 2px 3px #52708d10;font-size:1.05rem;color:#38576c;line-height:1}
.username-visual__dot{width:5px;height:5px;margin-left:auto;background:#7e9bad;border-radius:50%}
.username-visual__from{margin:1.15rem 0 .35rem;text-align:center;font-size:.75rem;color:#6a7f8f;letter-spacing:.015em}
.username-visual__line{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#7995ab}
.username-visual__line span{width:2rem;height:1px;background:#d1dfe9}
.username-visual__line svg{width:1rem;height:1rem}
.username-visual__to{font-size:clamp(1.35rem,2.5vw,1.9rem);font-weight:500;line-height:1.2;letter-spacing:-.035em;text-align:center;margin-top:.35rem;white-space:nowrap}
.username-visual>p{font-size:.6875rem;color:#597184;text-align:center;margin-top:.35rem}
.username-visual__note{display:block;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:#718696;text-align:center;margin-top:1rem}
/* Small floating handle examples share the existing visibility controller.
   Only transforms animate; the card's layout and sticky shuffle stay still. */
.username-scene{position:relative;isolation:isolate;width:100%;max-width:28rem;margin-inline:auto;padding:2.4rem 2.4rem 2.6rem 0}
.username-scene .username-visual{max-width:22rem;margin-inline:auto;padding-inline:1rem}
.username-handles{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);grid-template-rows:2rem minmax(0,1fr) minmax(0,1fr) 2rem;align-items:center;column-gap:.3rem}
.username-handle{position:absolute;display:block;padding:.38rem .75rem;border:1px solid #f8fcff;border-radius:.75rem;background:linear-gradient(155deg,#fff 8%,#e1edf6 52%,#b6cddd 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 2px #8ba6b54d,0 3px 0 #9cafbd,0 10px 15px -9px #1f405d66;color:#27475f;font-family:var(--font-text);font-size:.875rem;font-weight:600;line-height:1.3;letter-spacing:-.025em;text-shadow:0 1px 0 #fff;white-space:nowrap;transform:translate3d(0,0,0) rotate(var(--handle-tilt,0deg));animation:username-handle-float 7s ease-in-out infinite alternate;animation-delay:var(--handle-delay,0s);animation-play-state:paused}
.username-handle--paid{top:.25rem;left:4%;--handle-tilt:-8deg;--handle-delay:-2s}
.username-handle--8ball{top:.1rem;right:8%;--handle-tilt:7deg;--handle-delay:-5s;background:linear-gradient(145deg,#354b60,#132536);border-color:#657e92;color:#f0f6fc;text-shadow:0 1px 1px #0008;box-shadow:inset 0 1px 0 #7791a4,0 3px 0 #071a29,0 10px 15px -9px #1f405d66}
.username-handle--info{top:45%;right:0;--handle-tilt:7deg;--handle-delay:-4s}
.username-handle--gold{bottom:.35rem;left:10%;--handle-tilt:-6deg;--handle-delay:-1s;background:linear-gradient(150deg,#fff6d2,#f1d294 55%,#d3a853);border-color:#fff2ca;color:#644818;text-shadow:0 1px 0 #fff5d8;box-shadow:inset 0 1px 0 #fffbe4,inset 0 -2px 2px #b3894440,0 3px 0 #b99153,0 10px 15px -9px #73502266}
.username-handle--question{bottom:.2rem;right:17%;--handle-tilt:8deg;--handle-delay:-3s}
.username-handles>.username-handle{position:relative;inset:auto;width:max-content}
.username-handle--paid{grid-column:1;grid-row:1;justify-self:start}
.username-handle--silver{grid-column:2;grid-row:1;justify-self:center;--handle-tilt:3deg;--handle-delay:-3.5s;background:linear-gradient(145deg,#fff,#dce1e8 45%,#f9fbfd 60%,#b8c2cf);color:#37495d;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 2px #8795a34d,0 3px 0 #9da9b7,0 10px 15px -9px #1f405d66}
.username-handle--8ball{grid-column:3;grid-row:1;justify-self:end}
.username-handle--info{grid-column:3;grid-row:2;justify-self:end}
.username-handle--laboy{grid-column:3;grid-row:3;justify-self:end;--handle-tilt:-5deg;--handle-delay:-5.5s}
.username-handle--gold{grid-column:1;grid-row:4;justify-self:start}
.username-handle--spirituality{grid-column:2;grid-row:4;justify-self:center;--handle-tilt:2deg;--handle-delay:-2.5s;background:linear-gradient(150deg,#fff,#e8e5f6 55%,#c5c4e0);color:#4c4767;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 2px #9690af40,0 3px 0 #aaa4c3,0 10px 15px -9px #4b416666}
.username-handle--question{grid-column:3;grid-row:4;justify-self:end}
.username-scene[data-moving] .username-handle{animation-play-state:running}
@keyframes username-handle-float{to{transform:translate3d(0,-5px,0) rotate(calc(var(--handle-tilt,0deg) + 3deg))}}
@media(prefers-reduced-motion:reduce){.username-handle{animation:none}}
@media print{.username-handle{animation:none}}
.case-dialog{width:min(64rem,calc(100% - 2rem));max-width:none;max-height:calc(100svh - 2rem);margin:auto;padding:1rem;border:1px solid #778d9d66;border-radius:1.15rem;background:#0c1219;color:#e8eff5;box-shadow:0 24px 80px #0008;overscroll-behavior:contain}
.case-dialog:not([open]){display:none}
.case-dialog::backdrop{background:#030a13d9}
.case-dialog__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}
.case-dialog__header p{font-family:var(--font-text);font-size:.8125rem;color:#dce5ed}
.case-dialog__header form{margin:0}
.case-dialog__close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #91a9bd55;border-radius:50%;background:#1a2733;color:#e7eef4;cursor:pointer}
.case-dialog__close svg{height:1.25rem;width:1.25rem}
.case-dialog__close:focus-visible{outline:2px solid #c3d9ea;outline-offset:3px}
.case-dialog__image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100svh - 7rem);margin-inline:auto;object-fit:contain}
html:has(.case-dialog[open]){overflow:hidden;scrollbar-gutter:stable}
@media(max-width:760px){
 .service-deck > .advanced-service.service-card--visual{grid-template-columns:minmax(0,1fr)}
 .service-card .advanced-action--visual{border-top:0;padding-top:0;gap:.75rem}
 .service-card .advanced-action--visual>.quiet-link{border-top:1px solid var(--card-rule);padding-top:.75rem}
 .case-preview__image{height:10.5rem}
 .case-gallery--single{max-width:9.5rem}
 .service-card .service-purchase--visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,8rem);column-gap:1rem;align-content:start}
 .service-purchase--visual .service-case-media--panel{grid-column:2;grid-row:1/3;width:100%;max-width:none;margin-bottom:0}
 .service-case-media--panel .case-preview__image{height:10.25rem}
 .service-card.expertise-item--visual .service-case-media--landscape{grid-column:1;grid-row:auto;max-width:25rem}
 #digital-threat-monitoring .case-preview{transform:none}
 .service-purchase--visual .service-price{grid-column:1;grid-row:1;align-self:end}
 .service-purchase--visual .service-price-note{grid-column:1;grid-row:2;align-self:start}
 .service-purchase--visual .quiet-link,.service-purchase--visual .service-availability{grid-column:1/-1}
 .service-card .service-purchase--gallery{grid-template-columns:minmax(0,1fr)}
 .service-card .service-purchase--landscape{grid-template-columns:minmax(0,1fr)}
 .service-purchase--landscape .service-case-media--landscape{grid-column:1/-1;grid-row:auto;max-width:25rem;justify-self:center}
 .service-purchase--gallery .service-panel-gallery{grid-column:1;grid-row:1;max-width:20rem;justify-self:center;margin-bottom:1rem}
 .service-purchase--gallery .service-panel-gallery .service-case-media--panel{grid-column:auto;grid-row:auto}
 .service-purchase--gallery .service-panel-gallery--examples>.service-case-media--landscape{grid-column:auto;grid-row:auto;max-width:none;margin:0}
 .service-purchase--gallery .service-price{grid-row:2}
 .service-purchase--gallery .service-price-note{grid-row:3}
 .username-visual{max-width:20rem;padding:1rem 1.2rem .85rem}
 .username-visual__from{margin-top:.85rem}
 .username-visual__to{font-size:1.65rem}
 .username-visual__note{margin-top:.75rem}
 .username-handle{font-size:.8125rem;padding:.32rem .55rem;border-radius:.65rem}
 .case-dialog{padding:.7rem;border-radius:.85rem;width:calc(100% - 1rem);max-height:calc(100svh - 1rem)}
 .case-dialog__image{max-height:calc(100svh - 6rem)}
}
@media print{.case-dialog{display:none}.case-preview__expand{display:none}}