.sw{--sw-gutter:clamp(20px, 6vw, 96px);color:#fff;background:#0a0a0a;padding-bottom:16svh;position:relative}.sw-bridge{background:linear-gradient(in oklab to bottom, #f5e1dc 0%, #0a0a0a 72%, #0a0a0a 100%);height:55svh;position:relative}.sw-bridge-light{position:absolute;inset:0 0 62%}.sw-body{--sw-fh:clamp(320px, 100svh - 360px, 60svh);--sw-fw:min(100%, var(--sw-fh) * .8);padding:max(6svh, 56px) var(--sw-gutter) 0;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) clamp(48px,7vw,128px) minmax(0,1fr);row-gap:clamp(24px,3svh,40px);display:grid}.sw-text{width:var(--sw-fw);align-self:start}.sw-text-admin{grid-area:1/1;justify-self:end}.sw-text-menu{grid-area:1/3;justify-self:start}.sw-label{letter-spacing:.04em;color:#fff9;font-size:15px;line-height:21px}.sw-phrase{letter-spacing:-.035em;margin-top:10px;font-size:clamp(2rem,min(3.5vw,6.2svh),4.25rem);font-weight:600;line-height:1.02}.sw-changes{color:#fff9;margin-top:14px;font-size:clamp(.95rem,1.05vw,1.1rem);line-height:1.5}.sw-frame{width:var(--sw-fw);aspect-ratio:var(--ww) / var(--wh);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000),linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000),linear-gradient(90deg,#0000,#000 8% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.sw-frame-admin{grid-area:2/1;justify-self:end}.sw-frame-menu{grid-area:2/3;justify-self:start}.sw-canvas{width:calc(var(--iw) / var(--ww) * 100%);aspect-ratio:var(--iw) / var(--ih);left:calc(var(--wx) / var(--ww) * -100%);top:calc(var(--wy) / var(--wh) * -100%);position:absolute}.sw-focus{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sw-focus polygon{fill:none;stroke:#0a0a0a;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sw-link{transform-origin:0;background:#ffffff59;grid-area:2/2;place-self:center stretch;height:1px;margin-inline:12px}.sw-hold{display:none}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.sw-body{position:sticky;top:40px}.sw-hold{height:40svh;display:block}}@media (max-width:1023.98px){.sw-bridge{height:42svh}.sw-body{--sw-fw:min(100%, 560px);flex-direction:column;align-items:center;row-gap:0;padding-top:4svh;display:flex}.sw-text{width:var(--sw-fw)}.sw-text-menu{margin-top:0}.sw-phrase{font-size:clamp(2.25rem,9vw,3.5rem)}.sw-changes{font-size:.95rem}.sw-frame{aspect-ratio:var(--cw) / var(--ch);margin-top:20px}.sw-frame-admin{width:min(var(--sw-fw), max(310px, 70svh * .6))}.sw-frame-menu{width:min(var(--sw-fw), max(310px, 70svh * .8))}.sw-canvas{width:calc(var(--iw) / var(--cw) * 100%);left:calc(var(--cx) / var(--cw) * -100%);top:calc(var(--cy) / var(--ch) * -100%)}.sw-link{transform-origin:50% 0;align-self:center;width:1px;height:56px;margin:20px 0 28px}}@media (prefers-reduced-motion:reduce){.sw-bridge{height:40svh}}
.ed{--ed-gutter:clamp(20px, 6vw, 96px);--ed-max:1520px;position:relative}.ed-dark{color:#fff;--ed-muted:#ffffff9e;--ed-rule:#ffffff29;background:#0a0a0a}.ed-light{color:#0a0a0a;--ed-muted:#525252;--ed-rule:#e5e5e5;background:#fff}.ed-wrap{width:100%;max-width:calc(var(--ed-max) + 2 * var(--ed-gutter));padding-inline:var(--ed-gutter);margin-inline:auto}.ed-label{letter-spacing:.04em;color:var(--ed-muted);font-size:15px;line-height:21px}.ed-index{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--ed-muted);font-size:12px;line-height:1}.ed-display{letter-spacing:-.04em;text-wrap:balance;font-weight:600;line-height:.98}.ed-bridge{height:36svh;position:relative}.ed-bridge-to-light{background:linear-gradient(in oklab to bottom, #0a0a0a 0%, #0a0a0a 12%, #fff 100%)}.ed-bridge-to-dark{background:linear-gradient(in oklab to bottom, #fff 0%, #fff 12%, #0a0a0a 100%)}.ed-bridge-top{position:absolute;inset:0 0 45%}.ed-bridge-bottom{position:absolute;inset:55% 0 0}.ed-dark :is(a,button,input,textarea,summary):focus-visible{outline-offset:3px;outline:2px solid #fff}.ed-dark :is(label):has(input:focus-visible){outline-offset:3px;outline:2px solid #fff}.ed-light :is(a,button,input,textarea,summary):focus-visible{outline-offset:3px;outline:2px solid #0a0a0a}.ed-stretch{position:relative}.ed-stretch-link:after{content:"";position:absolute;inset:0}@media (max-width:1023.98px){.ed-bridge{height:26svh}}@media (prefers-reduced-motion:reduce){.ed-bridge{height:22svh}}
