.svc-plate{--matte-x:14px;--matte-y:18px;--matte-rot:.55deg;--shift-x:-5px;--drift-from:12px;--drift-to:-9px;translate:var(--shift-x) 0;transition:translate .7s var(--ease-out);position:relative}.svc-plate--b{--matte-x:-13px;--matte-y:21px;--matte-rot:-.5deg;--shift-x:6px}.service-detail .svc-plate{grid-area:3/1;align-self:start;width:min(100%,316px)}.svc-plate .photo-slot{border:0;grid-area:auto;width:100%}.svc-plate-matte{z-index:0;background:var(--plate-matte,#201f1b);border:1px solid var(--plate-matte-line,#f0ede41a);transform:translate3d(var(--matte-x), var(--matte-y), 0) rotate(var(--matte-rot));transition:translate .7s var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);position:absolute;inset:0;box-shadow:0 18px 40px -18px #0404038c}.svc-plate-frame{z-index:1;background:var(--ink-deep);border:1px solid var(--plate-frame-line,var(--line));transition:box-shadow var(--dur-slow) var(--ease-out);position:relative;box-shadow:0 30px 60px -28px #0404039e,0 12px 22px -12px #04040373}.svc-plate-edge{z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f0ede417,inset 0 1px #f0ede426,inset 0 -1px #0404034d}.svc-plate-label{z-index:2;background:var(--paper);border:1px solid var(--line);color:var(--teal-text);white-space:nowrap;padding:7px 11px 6px;position:absolute;top:0;left:0;translate:-9px -55%}.tone-ink .svc-plate{--plate-matte:var(--ink);--plate-matte-line:#04040338;--plate-frame-line:#f0ede44d}.tone-ink .svc-plate-label{background:var(--ink-deep);border-color:#f0ede43d}.tone-teal .svc-plate{--plate-matte:#06333a;--plate-matte-line:#f0ede429;--plate-frame-line:#f0ede45c}.tone-teal .svc-plate-label{background:var(--teal-deep);color:var(--ink);border-color:#f0ede452}@keyframes svc-plate-drift{0%{transform:translate3d(0, var(--drift-from), 0)}to{transform:translate3d(0, var(--drift-to), 0)}}@media (prefers-reduced-motion:no-preference){html[data-motion=native] .svc-plate-frame{animation:linear both svc-plate-drift;animation-timeline:view();animation-range:entry 12% cover 52%}}.svc-plate .photo-slot img{transition:scale .9s var(--ease-out)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.svc-plate:hover{translate:var(--shift-x) -5px}.svc-plate:hover .svc-plate-frame{box-shadow:0 36px 70px -30px #040403ad,0 16px 28px -14px #04040380}.svc-plate:hover .photo-slot img{scale:1.012}.svc-plate:hover .svc-plate-matte{translate:3px 5px}}@media (max-width:800px){.svc-plate{--matte-x:9px;--matte-y:12px;--matte-rot:.4deg;--shift-x:0px;--drift-from:7px;--drift-to:-5px}.svc-plate--b{--matte-x:-8px;--matte-y:13px;--matte-rot:-.4deg}}