@property --shape{syntax: "<number>"; inherits: false; initial-value: 1;}:root{--bone: #efe9e0;--ink: #14100e;--signal: #d6522b;--edge-height: clamp(48px, 8vw, 128px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bone);color:var(--ink);font-family:Schibsted Grotesk,system-ui,sans-serif;font-size:clamp(1rem,1.05vw,1.125rem);line-height:1.5;overflow-x:hidden}.panel{position:relative;overflow-x:clip;min-height:100svh;display:flex;align-items:center;padding:clamp(6rem,12vw,11rem) clamp(1.5rem,6vw,6rem)}.bone{background:var(--bone);color:var(--ink)}.ink{background:var(--ink);color:var(--bone)}.signal{background:var(--signal);color:#1c0d07}.wrap{max-width:62ch}.kicker{font-family:Fragment Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.62;margin-bottom:1.75rem}h1,h2{font-weight:800;letter-spacing:-.035em;line-height:.94;font-size:clamp(2.75rem,8vw,6.5rem);margin-bottom:1.5rem}.lead{font-size:clamp(1.05rem,1.5vw,1.4rem);max-width:46ch;opacity:.82}.note{font-family:Fragment Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.5;margin-top:3rem}.edge{position:absolute;top:0;left:0;right:0;height:var(--edge-height);background:inherit;transform:translateY(calc(-100% + 1px));pointer-events:none;z-index:2;--shape: 1}.edge[data-shape=wave]{clip-path:polygon(0% 100%,0% calc(62% - var(--shape) * 26%),25% calc(24% + var(--shape) * 40%),50% calc(70% - var(--shape) * 34%),75% calc(24% + var(--shape) * 34%),100% calc(58% - var(--shape) * 24%),100% 100%)}.edge[data-shape=chevron]{clip-path:polygon(0% 100%,0% calc(100% - var(--shape) * 42%),50% calc(100% - var(--shape) * 100%),100% calc(100% - var(--shape) * 42%),100% 100%)}.edge[data-shape=oblique]{clip-path:polygon(0% 100%,0% calc(100% - var(--shape) * 96%),100% calc(100% - var(--shape) * 8%),100% 100%)}.edge[data-shape=torn]{clip-path:polygon(0% 100%,0% calc(100% - var(--shape) * 34%),9% calc(100% - var(--shape) * 72%),18% calc(100% - var(--shape) * 41%),27% calc(100% - var(--shape) * 88%),36% calc(100% - var(--shape) * 56%),45% calc(100% - var(--shape) * 95%),54% calc(100% - var(--shape) * 48%),63% calc(100% - var(--shape) * 79%),72% calc(100% - var(--shape) * 37%),81% calc(100% - var(--shape) * 84%),90% calc(100% - var(--shape) * 52%),100% calc(100% - var(--shape) * 68%),100% 100%)}.edge[data-shape=arch]{clip-path:none;border-radius:calc(var(--shape) * 50%) calc(var(--shape) * 50%) 0 0 / calc(var(--shape) * 100%) calc(var(--shape) * 100%) 0 0}@media(max-width:640px){.edge[data-shape=oblique]{clip-path:polygon(0% 100%,0% calc(100% - var(--shape) * 62%),100% calc(100% - var(--shape) * 6%),100% 100%)}}@media(prefers-reduced-motion:reduce){.edge{--shape: 1 !important}}