:root.pg-hw,:root.pg-hw[data-theme]{--paper:#f5f3ec;--raised:#fbfaf6;--ink:#141414;--muted:#5f5e58;--line:#d6d2c4;--signal:#e0442a;--signal-soft:#f7ddd6;--on-signal:#fff;--yolk:#f4c430;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.pg-hw body{background:linear-gradient(#3c5a8c12 1px,transparent 1px) 0 0/16px 16px, linear-gradient(90deg,#3c5a8c12 1px,transparent 1px) 0 0/16px 16px, linear-gradient(#3c5a8c1f 1px,transparent 1px) 0 0/80px 80px, linear-gradient(90deg,#3c5a8c1f 1px,transparent 1px) 0 0/80px 80px, var(--paper)}.pg-hw .theme{display:none}.pg-hw .it{color:var(--signal)}.pg-hw .kicker{font:500 var(--fs-xs)/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.pg-hw .chap .wrap{color:var(--signal)}.pg-hw .btn{background:var(--ink)}.tblock{margin:var(--sp-5) 0 0;border:1.5px solid var(--ink);font:500 12px/1.2 var(--mono);grid-template-columns:repeat(5,minmax(0,1fr));max-width:760px;display:grid}.tblock div{border-left:1.5px solid var(--ink);padding:10px 12px}.tblock div:first-child{border-left:0}.tblock dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.tblock dd{color:var(--ink);margin:4px 0 0}.xp{height:300svh;position:relative}.xp-stage{column-gap:var(--sp-4);height:100svh;padding-block:var(--sp-4);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;display:grid;position:sticky;top:0}.xp-head{grid-column:1/-1}.xp-head h3{max-width:26ch;margin-top:8px}.xp-scene{--e:0;--tx:0;--ty:0;--gap:calc(10px + var(--e)*96px);perspective:1600px;place-items:center;height:min(64vh,560px);display:grid;position:relative}.xp-rig{aspect-ratio:300/380;width:min(300px,36vw);transform-style:preserve-3d;transform:rotateX(calc(56deg + var(--ty)*-10deg)) rotateZ(calc(-36deg + var(--tx)*12deg));transition:transform .25s ease-out;position:relative}.layer{transform:translateZ(calc((var(--i) - 2)*var(--gap)));transform-style:preserve-3d;position:absolute;inset:0}.ply{width:100%;height:100%;overflow:visible}.ply *{fill:#fbfaf6db;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ply line,.ply path{fill:none}.l-front .ply>rect:first-child{fill:color-mix(in srgb,var(--yolk) 78%,transparent)}.l-back .ply>rect:first-child{fill:color-mix(in srgb,var(--yolk) 55%,transparent)}.l-screen .glass{fill:#dcdad0}.l-core .ply rect:first-child{fill:#286e462e}.l-dial circle:first-child{fill:#2a2a2a}.l-dial circle:nth-child(2){fill:#3a3a3a}.l-dial rect{fill:var(--yolk)}.xp-calls{counter-reset:c;gap:14px;padding:0;list-style:none;display:grid}.xp-calls li{border-top:1.5px solid var(--line);opacity:.35;transition:opacity .4s,transform .5s var(--ease),border-color .4s;grid-template-columns:36px minmax(0,1fr);gap:2px 12px;padding:12px 0;display:grid;transform:translate(8px)}.xp-calls li.on{opacity:1;border-top-color:var(--ink);transform:none}.xp-calls .cn{font:500 12px/1.6 var(--mono);color:var(--signal);grid-row:span 2}.xp-calls b{font:600 var(--fs-body)/1.2 var(--sans)}.xp-calls span:last-child{font-size:var(--fs-s);color:var(--muted)}.xp-hint{text-align:center;grid-column:1/-1;transition:opacity .4s}.xp.apart .xp-hint{opacity:0}.sheet-row{gap:var(--sp-5);margin-top:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.sr-media{--ch:min(420px,60vh)}.sr-text{color:var(--muted);gap:12px;display:grid}.sr-text .kicker{color:var(--ink)}.fs{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.fs>.dot{top:12px;left:-30px}.fs.flip .fs-media{order:2}.fs-media{--ch:min(440px,62vh);border:1.5px solid var(--ink);background:var(--raised);justify-items:center;padding:22px;display:grid;position:relative}.fs-media img,.fs-media video{width:100%;display:block}.fs-media .m-shot,.fs-media .m-film,.fs-media .m-duo video{box-shadow:none;border-radius:4px}.fs-media .m-shot.tall{width:calc(var(--ch)*.62)}.fs-cap{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal);position:absolute;bottom:-26px;left:-1.5px}.fs-text{gap:12px;display:grid}.fs-text>p:not(.kicker){color:var(--muted)}.fs-notes{border-top:1.5px solid var(--ink);gap:0;margin:6px 0;padding:0;list-style:none;display:grid}.fs-notes li{border-bottom:1px solid var(--line);font-size:var(--fs-s);grid-template-columns:90px minmax(0,1fr);gap:12px;padding:9px 0;display:grid}.fs-notes li>span{font:500 11px/1.8 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--signal)}.pg-hw .m-duo figcaption{font:500 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--signal)}@media (width<=760px){.tblock{grid-template-columns:repeat(2,minmax(0,1fr))}.tblock div{border-left:0;border-top:1.5px solid var(--ink)}.tblock div:nth-child(-n+2){border-top:0}.xp{height:auto}.xp-stage{row-gap:var(--sp-3);grid-template-columns:minmax(0,1fr);height:auto;position:relative}.xp-scene{height:420px}.xp-rig{width:200px}.xp-hint{display:none}.sheet-row,.fs{grid-template-columns:minmax(0,1fr)}.fs.flip .fs-media{order:0}}