.paperwrap{filter:drop-shadow(0 2px 2px #00000073)drop-shadow(0 22px 26px #000000bf);justify-self:center;justify-items:center;width:min(100%,420px);display:grid;position:relative}.paperwrap .paper-pin{z-index:2;background:radial-gradient(circle at 35% 30%,#666 0%,#111 55%,#000 100%);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:0;left:50%;box-shadow:0 3px 5px #0009,0 0 0 1px #ffffff26}.paper{color:#151515;clip-path:polygon(0% 7px,3% 2px,6% 6px,9% 1px,12% 5px,15% 2px,18% 7px,21% 3px,24% 6px,27% 1px,30% 5px,33% 3px,36% 7px,39% 2px,42% 6px,45% 1px,48% 5px,51% 2px,54% 7px,57% 3px,60% 6px,63% 1px,66% 5px,69% 2px,72% 7px,75% 3px,78% 6px,81% 1px,84% 5px,87% 2px,90% 7px,93% 3px,96% 6px,100% 2px,100% calc(100% - 34px),calc(100% - 34px) 100%,0% 100%);background-color:#f3f1ec;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>"),linear-gradient(170deg,#fbfaf7 0%,#f1efea 60%,#e9e6df 100%);width:100%;padding:40px 30px 34px;position:relative;transform:rotate(-1.6deg)}.paper .curl{background:linear-gradient(135deg,#d9d6cf 0%,#efede8 48%,#cfccc4 52%,#0000 53%);border-radius:0 0 0 6px;width:34px;height:34px;position:absolute;bottom:0;right:0;box-shadow:-3px -3px 6px #0000002e}.paper-h{font:700 26px/1.2 var(--font-hand),cursive;color:#151515;margin:0 0 16px;display:inline-block;position:relative}.paper-h svg{width:calc(100% + 10px);height:12px;position:absolute;bottom:-8px;left:-4px;overflow:visible}.paper path{fill:none;stroke:#151515;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.paper ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.paper li{font:400 21px/1.35 var(--font-hand),cursive;color:#151515;text-wrap:pretty;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;display:grid}.paper .n{place-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:grid;position:relative}.paper .n svg{width:44px;height:44px;position:absolute;inset:-2px;overflow:visible}.paper .n span{position:relative;top:2px}@media (max-width:359px){.paper{padding-inline:22px}.paper li{font-size:19px}}@media (forced-colors:active){.paper{border:1px solid canvastext}}@media (prefers-reduced-motion:no-preference){.js .paperwrap.sn .paper,.js .paperwrap.sn .paper-pin{opacity:0}.js .paperwrap.sn path{stroke-dasharray:1;stroke-dashoffset:1px}.js .paperwrap.sn li>span:last-child,.js .paperwrap.sn .n span{clip-path:inset(-10% 100% -10% 0)}.js .paperwrap.go .paper{opacity:1;animation:.9s cubic-bezier(.16,1,.3,1) both note-lay}.js .paperwrap.go .paper-pin{opacity:1;animation:.5s cubic-bezier(.2,1.4,.3,1) .7s both note-pin}.js .paperwrap.go path{animation:.7s cubic-bezier(.45,0,.2,1) both note-draw}.js .paperwrap.go .paper-h path{animation-delay:.6s}.js .paperwrap.go li:first-child path{animation-delay:.85s}.js .paperwrap.go li:nth-child(2) path{animation-delay:1.5s}.js .paperwrap.go li:nth-child(3) path{animation-delay:2.15s}.js .paperwrap.go li>span:last-child,.js .paperwrap.go .n span{animation:.8s linear both note-write}.js .paperwrap.go li:first-child>span:last-child{animation-delay:1.1s}.js .paperwrap.go li:nth-child(2)>span:last-child{animation-delay:1.75s}.js .paperwrap.go li:nth-child(3)>span:last-child{animation-delay:2.4s}.js .paperwrap.go li:first-child .n span{animation-duration:.25s;animation-delay:.95s}.js .paperwrap.go li:nth-child(2) .n span{animation-duration:.25s;animation-delay:1.6s}.js .paperwrap.go li:nth-child(3) .n span{animation-duration:.25s;animation-delay:2.25s}}@keyframes note-lay{0%{opacity:0;transform:translateY(-36px)rotate(-8.6deg)scale(1.04)}to{opacity:1;transform:rotate(-1.6deg)}}@keyframes note-pin{0%{opacity:0;transform:translateY(-14px)scale(1.6)}}@keyframes note-draw{to{stroke-dashoffset:0}}@keyframes note-write{0%{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% -2% -10% 0)}}
.uo{padding:calc(var(--bar-h) + 56px) 16px 72px;color:#f5f5f5;background:#000;position:relative;overflow:hidden}.uo-light{pointer-events:none;background:radial-gradient(closest-side,#ffffff17,#0000);width:70%;height:120%;position:absolute;inset:-20% -10% auto auto}.uo-in>*{min-width:0}.uo-in{gap:48px;width:min(1200px,100%);margin:0 auto;display:grid;position:relative}.uo-slogan{color:#c4c4c4;margin:0 0 16px;font-size:16px}.uo h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(40px,8.6vw,72px);font-weight:650;line-height:1.03}.uo-lead{color:#c4c4c4;text-wrap:pretty;max-width:30em;margin:20px 0 0;font-size:clamp(18px,4.6vw,21px);line-height:1.45}.uo-from{color:#f5f5f5;margin:18px 0 28px;font-size:18px;font-weight:600}@media (min-width:900px){.uo{padding-block:calc(var(--bar-h) + 80px) 104px}.uo-in{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:72px}}.s6-band .s6-fig,.s6-band .s6-nx-t{text-align:left}.uo-gap{height:28px;display:block}.uo-after{color:#a8a8a8;margin:16px 0 0;font-size:16px}