.pw{--sky:#d5dce3;--sky-2:#aeb8c2;--track:#6f7780;--track-2:#858c95;--far:#78808a8c;--mesh:#3a404857;--post:#6a717a;--post-hi:#ffffff59;--cable:#343a4280;--wall:#d3d2cc;--joint:#28241e1f;--w-ink:#1e2227;--w-ink-2:#4a505a;--w-focus:var(--green);--amber:#ffd23f;--wedge:0px;background:var(--wall);transition:background-color .3s}:root[data-theme=night] .pw{--sky:#060a13;--sky-2:#0f1828;--track:#1a1e25;--track-2:#252a32;--far:#fff0d214;--mesh:#bec8d633;--post:#3a4049;--post-hi:#ffffff24;--cable:#bec8d64d;--wall:#2a2d32;--joint:#0000004d;--w-ink:#eceff3;--w-ink-2:#aeb5bf;--w-focus:var(--white)}@media (prefers-color-scheme:dark){:root:not([data-theme=day]) .pw{--sky:#060a13;--sky-2:#0f1828;--track:#1a1e25;--track-2:#252a32;--far:#fff0d214;--mesh:#bec8d633;--post:#3a4049;--post-hi:#ffffff24;--cable:#bec8d64d;--wall:#2a2d32;--joint:#0000004d;--w-ink:#eceff3;--w-ink-2:#aeb5bf;--w-focus:var(--white)}}.pw-stage{isolation:isolate;padding:clamp(104px,10vw,152px) 5vw 0;position:relative}.pw-stage:before{content:"";z-index:-2;background:linear-gradient(to bottom, transparent 63%, var(--far) 63% 63.4%, transparent 63.4%), linear-gradient(to bottom, transparent 66%, #0000001a 66% 66.6%, transparent 66.6%), repeating-linear-gradient(90deg, #c23a33 0 46px, #e9e9e6 46px 92px) 0 66.6% / 100% 1.1% no-repeat, linear-gradient(to bottom, var(--sky) 0 30%, color-mix(in srgb, var(--sky), var(--sky-2)) 30% 46%, var(--sky-2) 46% 58%, var(--track-2) 58% 60%, var(--track) 60% 100%);filter:saturate(.7);transition:background-color .3s;position:absolute;inset:0}:root[data-theme=night] .pw-stage:after{--glow:1}.pw-stage:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 30% 26% at 12% 0, rgb(255 244 214/calc(var(--glow,0) * .2)) 0 42%, rgb(255 244 214/calc(var(--glow,0) * .09)) 42% 70%, transparent 70%), radial-gradient(ellipse 30% 26% at 88% 0, rgb(255 244 214/calc(var(--glow,0) * .2)) 0 42%, rgb(255 244 214/calc(var(--glow,0) * .09)) 42% 70%, transparent 70%), linear-gradient(to bottom, transparent 18%, var(--cable) 18% calc(18% + 2px), transparent calc(18% + 2px)), linear-gradient(to bottom, transparent 52%, var(--cable) 52% calc(52% + 2px), transparent calc(52% + 2px)), repeating-linear-gradient(90deg, transparent 0 294px, var(--cel-ink) 294px 296px, var(--post-hi) 296px 299px, var(--post) 299px 306px, var(--cel-ink) 306px 308px, transparent 308px 312px), repeating-linear-gradient(62deg, var(--mesh) 0 1px, transparent 1px 13px), repeating-linear-gradient(-62deg, var(--mesh) 0 1px, transparent 1px 13px);position:absolute;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme=day]) .pw-stage:after{--glow:1}}.pw-unit{--ch:clamp(16px, 2.2vw, 32px);--foot:18px;--len:clamp(28px, 4vw, 56px);--cast-c:#0712294d;--cast-shape:polygon(var(--ch) 0, calc(100% - var(--len) - var(--ch)) 0, calc(100% - var(--ch)) calc(var(--len) * var(--tan)), 100% calc(var(--ch) + var(--len) * var(--tan)), 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, calc(var(--ch) + var(--len)) 100%, 0 calc(100% - var(--ch) - var(--len) * var(--tan)), 0 var(--ch));max-width:76rem;margin:0 auto;position:relative}.pw-body{padding-bottom:var(--foot);filter:var(--cel-outline);position:relative}.pw-body:after{content:"";width:min(32%,260px);height:var(--foot);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);background:linear-gradient(#2e3238 0 40%,#1b1d21 40% 76%,#111316 76%);position:absolute;bottom:0;left:50%;translate:-50%}.pw-frame{clip-path:polygon(var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch));color:#e9ecf0;background:linear-gradient(118deg,#0000 0 7%,#ffffff12 7% 10%,#0000 10%),linear-gradient(165deg,#ffffff12 0 24%,#0000 24% 68%,#00000052 68%),#181b20;padding:clamp(24px,3vw,40px) clamp(14px,2.6vw,40px) clamp(18px,2.2vw,28px);position:relative}.pw-bolt{width:14px;height:14px;box-shadow:0 0 0 1.5px var(--cel-ink), 1.5px 2px 0 1.5px #00000073;background:radial-gradient(circle at 36% 32%,#c9ced5 0 34%,#6b717a 34% 64%,#3a3e45 64%);border-radius:50%;position:absolute}.pw-bolt:after{content:"";clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:#24272c;position:absolute;inset:4px}.pw-bolt.b1{top:10px;left:calc(var(--ch) + 8px)}.pw-bolt.b2{top:10px;right:calc(var(--ch) + 8px)}.pw-bolt.b3{bottom:10px;left:calc(var(--ch) + 8px)}.pw-bolt.b4{bottom:10px;right:calc(var(--ch) + 8px)}.pw-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:18px;display:flex}.pw-top h1{font:800 italic clamp(1.75rem, 4.2vw, 3.25rem)/1 "Archivo Variable", var(--body);letter-spacing:.01em;text-transform:uppercase;color:#f4f6f8;-webkit-text-stroke:.12em #000;paint-order:stroke fill;text-shadow:.07em .04em #000;margin:0;font-stretch:125%}.pw-top h1:after{content:"";background:linear-gradient(90deg, var(--red) 0 60%, transparent 60% 68%, var(--green) 68%);width:3.2em;height:.12em;transform:skewX(calc(var(--rake) * -1));margin-top:.16em;display:block}.pw-print{font:600 .6875rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#a3abb5;margin:0}.pw-screen{--fg:#e8effc;--dim:#93a4c2;--yel:#ffd23f;--grn:#3cd983;--pur:#b784ff;color:var(--fg);font:500 .8125rem/1.35 var(--mono);background:radial-gradient(90% 80% at 50% 45%,#0d1526 0 54%,#090f1c 54% 78%,#04070d 78%);border-radius:26px/34px;margin:clamp(6px,.8vw,10px);padding:clamp(16px,2.6vw,34px) clamp(14px,2.6vw,38px) clamp(14px,2vw,24px);position:relative;overflow:hidden;box-shadow:0 0 0 clamp(6px,.8vw,10px) #07080a,0 0 0 calc(clamp(6px,.8vw,10px) + 2px) #34383f,inset 0 0 0 2px #000,inset 0 0 0 12px #00000052}.pw-screen:after{content:"";z-index:3;pointer-events:none;background:repeating-linear-gradient(#00000045 0 1px,#0000 1px 3px);position:absolute;inset:0}.pw-screen:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(118deg,#0000 0 9%,#ffffff0e 9% 21%,#0000 21% 24%,#ffffff0a 24% 27%,#0000 27%);position:absolute;inset:0}.pw-status{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid #93a4c24d;flex-wrap:wrap;gap:6px 24px;margin:0 0 18px;padding-bottom:14px;display:flex}.pw-status b{color:var(--fg);font-weight:800}.pw-status span:first-child{color:var(--yel);font-weight:800}.pw-chart{grid-template-columns:minmax(13rem, 19rem) repeat(var(--m), minmax(0, 1fr));grid-template-rows:auto repeat(var(--rows), auto);margin:0;display:grid;position:relative}.pw-band{grid-row:1/-1;grid-column:var(--a) / var(--b);background-image:repeating-linear-gradient(to right, transparent 0 calc(100% / var(--n) - 1px), #93a4c217 calc(100% / var(--n) - 1px) calc(100% / var(--n)));border-left:1px dashed #93a4c247}.pw-band:nth-of-type(2n){background-color:#ffffff07}.pw-band>span{color:var(--yel);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:0 4px 12px 7px;font-size:.6875rem;font-weight:700;display:block}.pw-band small{color:var(--dim);font-size:inherit;font-weight:500;display:block}.pw-band .s,.pw-band.q .l,.pw-band.q small{display:none}.pw-band.q .s{display:inline}.pw-flag{grid-row:1/-1;grid-column:var(--a) / var(--b);background:repeating-linear-gradient(104deg,#ffd23f4d 0 2px,#0000 2px 7px)}.pw-flag span{background:var(--yel);color:#111;text-shadow:none;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:2px 5px;font-size:.625rem;font-weight:800;display:inline-block}.pw-hd{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;grid-area:1/1;align-self:end;padding-bottom:12px;font-size:.6875rem}.pw-rows{display:contents}.pw-row{z-index:1;grid-column:1/-1;grid-template-columns:subgrid;display:grid;position:relative}.pw-a{grid-column:1/-1;grid-template-columns:subgrid;min-height:46px;color:inherit;border-top:1px solid #93a4c224;align-items:center;text-decoration:none;transition:opacity .16s;display:grid}.pw-chart:has(.pw-a:is(:hover,:focus-visible)) .pw-a:not(:hover,:focus-visible){opacity:.28}.pw-a:focus-visible{outline:2px solid var(--yel);outline-offset:-2px}.pw-lb{grid-column:1;grid-template-columns:2.5rem 1fr auto;align-items:center;column-gap:8px;padding:6px 14px 6px 0;display:grid}.pw-n{color:var(--yel);font-weight:800}.pw-c{letter-spacing:.03em;text-transform:uppercase;font-weight:700}.pw-p{color:var(--dim);letter-spacing:0;text-transform:none;font-size:.75rem;font-weight:400;display:block}.pw-a:is(:hover,:focus-visible) .pw-p{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.pw-mo{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}.pw-bar{grid-column:var(--a) / var(--b);background:var(--fg);grid-row:1;height:10px;box-shadow:0 0 0 3px #e8effc33}.pw-run .pw-bar{background:var(--grn);box-shadow:0 0 0 3px #3cd9834d}.pw-run :is(.pw-n,.pw-mo){color:var(--grn)}.pw-best .pw-bar{background:var(--pur);box-shadow:0 0 0 3px #b784ff4d}.pw-best .pw-mo{color:var(--pur)}.pw-qr .pw-bar{box-shadow:inset 0 0 0 2px var(--dim);background:0 0}.pw-legend{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #93a4c24d;flex-wrap:wrap;gap:6px 22px;margin:18px 0 0;padding-top:12px;font-size:.6875rem;display:flex}.pw-legend i{vertical-align:1px;background:var(--fg);width:18px;height:8px;margin-right:8px;display:inline-block}.pw-legend i.run{background:var(--grn)}.pw-legend i.best{background:var(--pur)}.pw-legend i.q{box-shadow:inset 0 0 0 1.5px var(--dim);background:0 0}.pw-legend i.yf{background:repeating-linear-gradient(104deg, var(--yel) 0 2px, transparent 2px 5px)}.pw-ledge{z-index:1;background:linear-gradient(to bottom, var(--cel-ink) 0 3px, #e3e7eb 3px 38%, #b6bcc3 38% 72%, #868d95 72% calc(100% - 2px), var(--cel-ink) calc(100% - 2px));height:24px;margin:0 -5vw;position:relative;box-shadow:0 9px #0000003d}.pw-wall{isolation:isolate;background:linear-gradient(to bottom, #00000024 0 32px, transparent 32px), repeating-linear-gradient(90deg, transparent 0 calc(25% - 2px), var(--joint) calc(25% - 2px) 25%), var(--wall);color:var(--w-ink);padding:clamp(48px,6vw,88px) 5vw clamp(48px,5vw,72px)}.pw-rack{--screw:radial-gradient(circle at 38% 34%, #c3c8cf 0 26%, #6b717a 26% 50%, var(--cel-ink) 50% 66%, transparent 68%);--len:clamp(24px, 3.2vw, 44px);--cast-c:#0000003d;max-width:1312px;box-shadow:var(--cel-ink-line), inset 0 2px 0 #ffffff17;background:radial-gradient(circle,#0000008c 1.5px,#0000 2px) 0 0/10px 10px,linear-gradient(165deg,#2e333a 0 36%,#22262c 36% 74%,#181b20 74%);grid-template-columns:repeat(4,minmax(0,1fr));gap:34px clamp(18px,2.4vw,36px);margin:0 auto;padding:52px clamp(24px,3.2vw,48px) 46px;list-style:none;display:grid;position:relative}.pw-rack:before{content:"";pointer-events:none;background:var(--screw) 0 0 / 12px 12px no-repeat, var(--screw) 100% 0 / 12px 12px no-repeat, var(--screw) 0 100% / 12px 12px no-repeat, var(--screw) 100% 100% / 12px 12px no-repeat;position:absolute;inset:12px}.pw-slit{--tilt:0;--tone:var(--navy);display:flex;position:relative}.pw-slit:has(a.pw-pull:is(:hover,:focus-visible)){z-index:3}.pw-slit:nth-child(odd){--tilt:-1deg}.pw-slit:nth-child(2n){--tilt:.8deg}.pw-slit:nth-child(3n){--tilt:-.4deg}.pw-slit:after{content:"";z-index:2;pointer-events:none;background:#000;border-radius:5px;height:10px;position:absolute;bottom:-5px;left:-12px;right:-12px;box-shadow:0 2px #ffffff38}.pw-pull{color:inherit;clip-path:inset(-240px -32px 0);flex:1;text-decoration:none;display:flex;position:relative}.pw-pull:after{content:"";pointer-events:none;background:linear-gradient(#0000 0 45%,#0712294d 45%);height:22px;position:absolute;inset:auto 0 0}.pw-sheet{--hide:76px;margin-bottom:calc(-28px - var(--hide));background:var(--white);color:var(--navy);--cel-paper:var(--cel-ink-line), 12px 3px 0 var(--cel-line) #0006;box-shadow:inset 0 4px 0 var(--tone), var(--cel-paper);rotate:calc(var(--tilt) * 2);transform-origin:50% calc(100% - 28px - var(--hide));transition:translate .35s var(--ease), rotate .35s var(--ease);flex:1;padding:14px 15px 42px}a.pw-pull:is(:hover,:focus-visible) .pw-sheet{translate:0 calc(-14px - var(--hide));rotate:0deg}a.pw-pull:focus-visible{outline:none}.pw-slit:has(a.pw-pull:focus-visible){outline:3px solid var(--w-focus);outline-offset:8px}.pw-sh-top{align-items:baseline;gap:8px;display:flex}.pw-sh-tag{background:var(--tone);min-width:2.1em;color:var(--white);font:800 .6875rem/1 var(--mono);letter-spacing:.02em;text-align:center;flex:none;padding:3px 4px 2px}.pw-sheet h3{font:800 1.0625rem/1.15 "Archivo Variable", var(--body);letter-spacing:.015em;text-transform:uppercase;text-wrap:balance;margin:0;font-stretch:87.5%}a.pw-pull:is(:hover,:focus-visible) h3{text-decoration:underline 2px var(--red);text-underline-offset:3px}.pw-sh-desc{font:500 .875rem/1.35 var(--body);margin:5px 0 0}.pw-sh-about{font:400 .875rem/1.45 var(--body);text-wrap:pretty;margin:8px 0 0}.pw-slit.t-best{--tone:#7b3fd1}.pw-slit.t-run{--tone:var(--green)}.t-q .pw-sheet{box-shadow:var(--cel-paper);outline-offset:-6px;outline:1.5px dashed #13254f73}.t-q .pw-sh-tag{color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy);background:0 0}.t-yf .pw-sheet{color:#16171a;box-shadow:var(--cel-paper);background:#ffd23f}.t-yf .pw-sh-tag{background:repeating-linear-gradient(104deg,#16171a 0 2px,#0000 2px 5px);width:2.1em;min-width:0;height:1.2em}@media (hover:none){.pw-sheet{--hide:0px}}@media (prefers-reduced-motion:reduce){.pw-sheet{transition:none}}@media (width<=1100px){.pw-rack{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.pw-stage{padding:84px 10px 0}.pw-unit{--ch:14px;--foot:12px}.pw-frame{padding:28px 8px 20px}.pw-top{padding:0 6px}.pw-screen{border-radius:16px/22px;padding:16px 12px 14px;font-size:.75rem}.pw-ledge{height:16px;margin:0 -10px}.pw-chart{grid-template-columns:0 repeat(var(--m), minmax(0, 1fr))}.pw-hd{visibility:hidden;grid-column:1/-1}.pw-flag span{display:none}.pw-band>span{padding:0 2px 10px 4px}.pw-band .l,.pw-band small{display:none}.pw-band .s{display:inline}.pw-a{grid-template-rows:auto auto;padding-bottom:10px}.pw-lb{grid-area:1/1/auto/-1;padding:8px 0 6px}.pw-bar{grid-row:2}.pw-wall{padding:36px 10px 48px}.pw-rack{grid-template-columns:minmax(0,1fr);gap:30px;padding:40px 18px 36px}.pw-sheet{--hide:0px}}.pl{--asphalt:#4a4e54;--kerb:#b9b7af;--kerb-hi:#d6d4cc;--rubber:#1011144d;--paint:#f1f2ee;--foot:#dadde1;--fast:196px;--dash:150px;--gut:max(5vw, (100% - 1312px) / 2);isolation:isolate;padding-top:var(--fast);background:linear-gradient(to bottom, var(--cel-ink) 0 2px, var(--kerb-hi) 2px 6px, var(--kerb) 6px 16px, var(--cel-ink) 16px 18px, #0000004d 18px 28px, transparent 28px), linear-gradient(to bottom, transparent calc(var(--dash) - 64px), var(--rubber) calc(var(--dash) - 64px) calc(var(--dash) - 32px), transparent calc(var(--dash) - 32px)), var(--asphalt);color:var(--foot);transition:background-color .3s;position:relative;overflow:hidden}.pl:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, transparent 32px, var(--paint) 32px 38px, transparent 38px), repeating-linear-gradient(90deg, var(--paint) 0 56px, transparent 56px 96px) 0 var(--dash) / 100% 5px no-repeat;position:absolute;inset:0}:root[data-theme=night] .pl{--asphalt:#212429;--kerb:#44474c;--kerb-hi:#55585d;--rubber:#00000059;--foot:#c4c9d1}@media (prefers-color-scheme:dark){:root:not([data-theme=day]) .pl{--asphalt:#212429;--kerb:#44474c;--kerb-hi:#55585d;--rubber:#00000059;--foot:#c4c9d1}}.pl-paint{padding:0 var(--gut);color:var(--paint);align-items:center;gap:clamp(20px,3.5vw,56px);display:flex}.pl-word{font:800 clamp(3.25rem, 8vw, 6rem)/.8 "Archivo Variable", var(--body);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-stretch:62.5%}.pl-limit{--s:clamp(64px, 7vw, 100px);width:var(--s);height:var(--s);background:var(--paint);box-shadow:inset 0 0 0 calc(var(--s) * .12) var(--red);border-radius:50%;flex:none;place-items:center;display:grid}.pl-limit span{font:800 calc(var(--s) * .4)/1 "Archivo Variable", var(--body);color:#16171a;letter-spacing:-.02em;font-stretch:75%}.pl-arrows{fill:currentColor;flex:none;width:clamp(72px,9vw,132px);margin-left:auto}.pl-foot{padding:24px var(--gut) 112px;font:600 .75rem/1.5 var(--mono);letter-spacing:.03em;text-transform:uppercase;flex-wrap:wrap;gap:8px 28px;margin:clamp(44px,5vw,72px) 0 0;display:flex;position:relative}.pl-foot:before{content:"";background:var(--paint);height:5px;position:absolute;inset:0 0 auto}.pl-foot a{color:var(--paint);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .16s}.pl-foot a:hover{text-decoration-color:var(--red);text-decoration-thickness:2px}.pl-foot a:focus-visible{outline:2px solid var(--paint);outline-offset:4px}@media (width<=760px){.pl{--fast:132px;--dash:100px;--gut:16px}.pl-paint{gap:16px}.pl-arrows{width:56px}}@media (width<=420px){.pl-arrows{display:none}}
