/* A compact field display with one shared action rail. */
.pnh-device{display:block;position:relative;margin:12px clamp(8px,2vw,32px) 16px;padding:0 8px 7px;border:1px solid #34373b;border-radius:15px;background:linear-gradient(145deg,#1e2125,#101215 55%,#181b1f);box-shadow:inset 0 1px #ffffff0e,0 12px 28px #0005}
.pnh-device__cap{position:relative;display:flex;align-items:center;justify-content:center;height:46px}
.pnh-device .pnd-badge{min-height:44px;gap:7px}.pnh-device .pnd-badge .pnd-insignia{width:24px;height:30px}.pnh-device .pnd-badge b{font-size:9px}.pnh-device .pnd-badge small{font-size:7px}
.pnh-device__power{position:absolute;right:-2px;top:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#c2c3c3;cursor:pointer;isolation:isolate}
.pnh-device__power::before{content:'';position:absolute;inset:7px;border:1px solid #42464b;border-radius:50%;background:#202328;box-shadow:inset 0 1px #ffffff08;z-index:-1}
.pnh-device__power svg{width:15px;height:15px}.pnh-device__power[aria-pressed=false]{color:#dd6570}.pnh-device__power[aria-pressed=false]::before{border-color:#74383f}.pnh-device__power[hidden]{display:none}
.pnh-device .pnh-hero[data-pnh-hero]{height:calc(var(--pnh-hero-height-desktop,720px) - 84px);min-height:480px;border:1px solid #060709;border-radius:8px;background:#030405;box-shadow:0 0 0 1px #ffffff12;overflow:hidden}
.pnh-device .pnh-hero[data-pnh-hero]::after{inset:0;width:auto;height:auto;border:0;border-radius:8px;box-shadow:inset 0 0 22px #0005;pointer-events:none;z-index:5}
.pnh-device__display{position:absolute;inset:0;display:flex;align-items:flex-end;transform-origin:center;overflow:hidden}
.pnh-device .pnh-hero__content{width:100%;max-width:100%;align-self:flex-end;align-items:end;padding:0 clamp(24px,4vw,64px) 28px;transform:none}
.pnh-device .pnh-hero__content > [data-pnh-hero-copy]{align-self:end}
.pnh-device .pnh-hero__texture{background:none;opacity:0}
.pnh-device__grid{position:absolute;inset:0;z-index:3;pointer-events:none;background-image:linear-gradient(#f0eee90b 1px,transparent 1px),linear-gradient(90deg,#f0eee90b 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#0008,#000 60%,transparent)}
.pnh-device .pnh-hero__command{top:7px;bottom:auto;right:7px;left:auto;gap:4px}
.pnh-device .pnh-video-toggle{min-height:36px;height:36px;padding:8px 10px;gap:7px;border:1px solid #ffffff21;border-radius:4px;background:#0b0e12a6;box-shadow:none;backdrop-filter:blur(8px);font-size:8px}
.pnh-device .pnh-video-toggle__icon{width:7px;height:10px;border-inline-width:2px}.pnh-device .pnh-video-toggle[aria-pressed=false] .pnh-video-toggle__icon{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:8px;border-right:0}
.pnh-device.is-device-ready .pnh-actions,.pnh-device.is-device-ready .pnh-hero__carousel-nav{display:none!important}
.pnh-device__dock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px;gap:6px;margin:7px 0 0;max-width:760px;margin-inline:auto}
.pnh-device__dock[hidden]{display:none}
.pnh-device__action,.pnh-device__next{display:flex;min-width:0;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #3c4045;border-radius:5px;background:#1b1f24;color:#eae9e4;text-align:center;text-decoration:none;font:500 10px/1.35 'PN Mono',monospace;letter-spacing:.055em;cursor:pointer;transition:background .15s,border-color .15s}
.pnh-device__action--primary{background:#b51d2b;border-color:#cb3442;color:#fff}.pnh-device__action:hover{background:#292e34;border-color:#73767a}.pnh-device__action--primary:hover{background:#cc2435;border-color:#e24755}
.pnh-device__action[hidden]{display:none}.pnh-device__next{padding:6px;gap:6px;background:#11151a;border-color:#30353b;font-size:8px;color:#b6b9bc}.pnh-device__next svg{width:17px;height:17px;flex:none}.pnh-device__next:hover{background:#272c32;color:#fff}
.pnh-device__dock[inert]{opacity:.25}
.pnh-device__standby{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:24px;background:radial-gradient(ellipse at center,#12161b,#030405 75%);text-align:center}
.pnh-device__standby[hidden]{display:none}.pnh-device__standby-symbol svg{width:60px;height:66px;color:#62666b}.pnh-device__standby p{margin:0;color:#8b8f94;font:500 9px/1.4 'PN Mono',monospace;letter-spacing:.15em}
.pnh-device__standby h2{margin:0;color:#f0eee9;font:400 clamp(28px,4vw,52px)/1 'PN Title',sans-serif;max-width:12ch}
.pnh-device__standby button{min-height:44px;margin-top:7px;padding:10px 20px;border:1px solid #ba3342;border-radius:4px;background:#a41b2b;color:white;font:500 10px/1.3 'PN Mono',monospace;letter-spacing:.08em;cursor:pointer}
.pnh-device[data-power=off] .pnh-device__display{visibility:hidden;pointer-events:none}
.pnh-device :is(a,button):focus-visible{outline:2px solid #f0eee9;outline-offset:2px}
@media(max-width:749px){
.pnh-device{margin:7px 7px 10px;padding:0 6px 6px;border-radius:12px}.pnh-device__cap{height:44px}.pnh-device .pnh-hero[data-pnh-hero]{height:clamp(369px,calc(136vw - 26px),494px);min-height:369px;border-radius:6px}
.pnh-device__display{align-items:flex-end}
.pnh-device .pnh-hero[data-pnh-hero] .pnh-hero__content{width:100%;margin:0;padding:0 15px 16px;transform:none}
.pnh-device .pnh-hero__title{font-size:clamp(35px,10.5vw,49px)}
.pnh-device .pnh-hero[data-pnh-hero] .pnh-hero__body{font-size:12px;line-height:1.5;margin:10px 0 0;padding-left:9px}
.pnh-device .pnh-hero[data-pnh-hero] .pnh-hero__eyebrow{font-size:7.5px}
.pnh-device .pnh-hero__command{top:5px;right:5px;left:auto}
.pnh-device .pnh-hero[data-pnh-hero] .pnh-video-toggle{min-width:36px;min-height:36px;height:36px;padding:8px;font-size:7px;gap:6px}
.pnh-device .pnh-hero__aim{opacity:.5;scale:.8}
.pnh-device__grid{background-size:40px 40px}
.pnh-device__dock{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 57px;gap:5px;margin-top:6px}
.pnh-device__action{min-height:44px;padding:9px 5px;font-size:8px;letter-spacing:.025em}
.pnh-device__next{flex-direction:column;gap:2px;font-size:7px}.pnh-device__next svg{width:14px;height:14px}
.pnh-device__standby h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.pnh-device__action,.pnh-device__next{transition:none}}

/* Electronic signal loss and backlight boot: the picture never scales or folds. */
.pnh-device__signal-layer{display:block;position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 42%,#111820,#020407 78%);overflow:hidden}
.pnh-device__signal-seam{display:block;position:absolute;left:0;right:0;top:0;height:1px;opacity:0;background:linear-gradient(90deg,transparent,#b7ccd555 20%,#d0d8d877 48%,#bd717a55 75%,transparent);box-shadow:0 2px 0 #000}
.pnh-device__boot-indicator{position:absolute;left:50%;top:50%;display:flex;gap:4px;translate:-50% -50%;opacity:0}
.pnh-device__boot-indicator i{display:block;width:3px;height:3px;background:#b44351;border-radius:50%}
.pnh-device__boot-indicator i:nth-child(2){opacity:.5}.pnh-device__boot-indicator i:nth-child(3){opacity:.25}
.pnh-device[data-power=shutting-down] .pnh-device__power svg{opacity:.45}
.pnh-device[data-power=starting-up] .pnh-device__power svg{color:#e3939b}
.pnh-device__standby{background:radial-gradient(ellipse at 50% 42%,#111820,#020407 78%)}
@media(prefers-reduced-motion:reduce){.pnh-device__signal-layer{display:none}}

/* Standby is a persistent state, not the last frame of an animation. */
.pnh-device[data-power=off] .pnh-device__standby{opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}
.pnh-device[data-power=off] .pnh-device__signal-layer{visibility:hidden}
.pnh-device[data-power=off] .pnh-device__standby :is(h2,p,button,span){opacity:1;visibility:visible;animation:none;transition:none}

.pnh-device.is-device-ready .pnh-hero__body{margin-bottom:0}