:root{--ink:#0a0b10;--cream:#f3ecdc;--lime:#c8ff3d;--coral:#ff5a3c;--mint:#a8e4d1;--serif:Georgia,"Times New Roman",serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--spring:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}[data-loose]{transition:transform 1.1s var(--spring)}.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px);mix-blend-mode:difference;color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.top a{text-decoration:none}.top a:hover,.top a:focus-visible,.top a[aria-current]{text-decoration:underline wavy;text-underline-offset:5px}.top nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px clamp(10px,2vw,26px)}.brand{font-family:var(--serif);font-style:italic;font-weight:700;font-size:22px;letter-spacing:-.03em;text-transform:none}.hero{position:relative;min-height:100svh;display:grid;align-content:center;justify-items:center;text-align:center;padding:90px 16px 70px;overflow:hidden;background:radial-gradient(60% 50% at 50% 58%,#33207a,#0000 70%),radial-gradient(42% 36% at 12% 18%,#7a1d3aaa,#0000 70%),radial-gradient(42% 36% at 88% 82%,#0e5a55aa,#0000 70%),var(--ink)}.kicker{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--lime)}.logo{margin:.04em 0 0;display:flex;align-items:flex-end;justify-content:center;font-family:var(--serif);font-style:italic;font-weight:700;font-size:clamp(92px,27vw,420px);line-height:.86;letter-spacing:-.06em}.logo>span{display:inline-block;transform-origin:50% 90%;animation:bob 3.2s ease-in-out infinite;animation-delay:calc(var(--n)*-.41s)}.logo>span:nth-child(2){color:var(--coral)}.logo>span:nth-child(4){color:var(--lime)}@keyframes bob{0%,to{transform:translateY(0) rotate(calc(var(--r)*1deg))}50%{transform:translateY(-.07em) rotate(calc(var(--r)*-1deg))}}.eye-i{position:relative;color:var(--mint);margin-inline-start:.03em}.eye{position:absolute;left:50%;bottom:.6em;width:.27em;height:.27em;margin-left:-.09em;border-radius:50%;background:#fff;overflow:hidden;animation:blink 5.5s infinite}.pupil{position:absolute;left:27%;top:27%;width:46%;height:46%;border-radius:50%;background:var(--ink);transform:translate(calc(var(--px,0)*55%),calc(var(--py,.3)*55%));transition:transform .08s linear}@keyframes blink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.08)}}.hero-line{margin:1.1em 0 0;max-width:30ch;font-family:var(--serif);font-size:clamp(19px,2.3vw,30px);line-height:1.3;text-wrap:balance}.cue{position:absolute;bottom:22px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9aa3b2}.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.6em}.acts.centre{justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5em;padding:15px 24px;border-radius:999px;border:2px solid currentColor;background:none;color:inherit;font:800 15px/1 ui-sans-serif,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:transform .25s var(--spring),background .2s,color .2s}.btn:hover,.btn:focus-visible{transform:rotate(-3deg) scale(1.07)}.btn:nth-child(2n):hover,.btn:nth-child(2n):focus-visible{transform:rotate(3deg) scale(1.07)}.btn.go{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn.vote-btn{background:var(--coral);border-color:var(--coral);color:var(--ink)}.btn.small{padding:10px 16px;font-size:13px}.ticker{position:relative;z-index:3;overflow:hidden;padding:14px 0;background:var(--lime);color:var(--ink);border-block:3px solid var(--ink);font-family:var(--mono);font-weight:700;font-size:clamp(14px,2vw,22px);text-transform:uppercase;transform:rotate(-1.5deg) scale(1.04)}.ticker div{display:flex;width:max-content;animation:tick 40s linear infinite}.ticker span{padding-inline:.9em;white-space:nowrap}@keyframes tick{to{transform:translate(-50%)}}.band{padding:clamp(56px,8vw,120px) clamp(18px,6vw,90px)}.section-head{margin:0 0 .45em;font-family:var(--serif);font-style:italic;font-weight:700;font-size:clamp(40px,7vw,104px);line-height:.92;letter-spacing:-.045em;text-wrap:balance}.copy{margin:0 auto;max-width:56ch;white-space:pre-wrap;font-family:var(--serif);font-size:clamp(19px,2.1vw,28px);line-height:1.5}.shots{columns:3 280px;column-gap:18px}.shots figure{margin:0 0 22px;break-inside:avoid}.shots figure:nth-child(3n+1){transform:rotate(-1.2deg)}.shots figure:nth-child(3n){transform:rotate(1.4deg)}.shots img,.shots video{display:block;width:100%;border-radius:12px;border:2px solid var(--cream)}.shots figcaption{margin-top:8px;font-family:var(--mono);font-size:11px;color:#9aa3b2}.shots figcaption b{margin-inline-end:6px;padding:2px 6px;border-radius:4px;background:var(--lime);color:var(--ink)}.models{background:radial-gradient(70% 60% at 50% 45%,#2b2f45,#0000 70%),#0a0b10}.models-unstitched{background:radial-gradient(70% 60% at 50% 45%,#5a2a8a,#0000 70%),#120a26}.models-valewright{background:radial-gradient(70% 60% at 50% 45%,#6a5320,#0000 70%),#14110a}.models-line{margin:0 0 28px;font-family:var(--mono);font-size:13px;color:#b9c0cc}.viewer{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:clamp(16px,3vw,40px);align-items:start}.viewer-stage{position:relative;aspect-ratio:16/10;min-height:320px;border:2px solid var(--cream);border-radius:18px;overflow:hidden;cursor:grab;touch-action:pan-y;background:radial-gradient(60% 40% at 50% 92%,#fff2,#0000 70%)}.viewer-stage:active{cursor:grabbing}.viewer-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.viewer-note{position:absolute;z-index:1;inset:auto 0 12px;margin:0;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d5dae3;pointer-events:none}.viewer-list{display:flex;flex-wrap:wrap;gap:8px}.viewer-list button{padding:9px 14px;border-radius:999px;border:2px solid #ffffff55;background:none;color:var(--cream);font:700 13px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:transform .25s var(--spring),background .2s,color .2s}.viewer-list button:hover,.viewer-list button:focus-visible{transform:rotate(-3deg) scale(1.06);border-color:var(--lime)}.viewer-list button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}@media(max-width:820px){.viewer{grid-template-columns:1fr}}.lore-band{background:radial-gradient(120% 90% at 50% 0%,#1b2130,#0c0f16 60%,#07090d)}.lore-band .lore-head{margin-inline:auto}.lore-source{max-width:1280px;margin:28px auto 0;font-size:12px;line-height:1.6;color:#a6b0bd}.others{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.others a{display:grid;align-content:end;gap:6px;min-height:clamp(220px,34vw,420px);padding:26px;background-size:cover;background-position:center;color:#fff;text-decoration:none;font-family:var(--serif);font-weight:700;font-size:clamp(28px,3.6vw,52px);letter-spacing:-.03em;transition:filter .3s}.others a span{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--lime)}.others a:hover,.others a:focus-visible{filter:saturate(1.5) contrast(1.1)}.vote{position:relative;overflow:hidden;padding:clamp(60px,10vw,150px) clamp(18px,6vw,90px);background:var(--coral);color:var(--ink);text-align:center}.vote h2{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(54px,13vw,220px);line-height:.86;letter-spacing:-.05em}.vote .big{display:inline-block;margin-top:.9em;padding:.65em 1.2em;border-radius:999px;background:var(--ink);color:var(--lime);font-family:var(--mono);font-weight:800;font-size:clamp(18px,3vw,34px);text-decoration:none;transform:rotate(-2deg);transition:transform .3s var(--spring)}.vote .big:hover,.vote .big:focus-visible{transform:rotate(3deg) scale(1.08)}.foot{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;padding:36px clamp(18px,6vw,90px) 150px;font-family:var(--mono);font-size:12px;color:#9aa3b2}.sticker{position:fixed;z-index:60;inset-inline-end:clamp(10px,2vw,26px);bottom:clamp(10px,2vw,26px);width:clamp(92px,11vw,128px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);text-decoration:none;box-shadow:4px 4px 0 var(--ink),6px 6px 0 var(--cream);transition:transform .3s var(--spring)}.sticker svg{position:absolute;inset:0;animation:spin 14s linear infinite}.sticker text{font:700 10.5px var(--mono);letter-spacing:.06em;fill:currentColor}.sticker b{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.4vw,30px)}.sticker:hover,.sticker:focus-visible{transform:scale(1.15) rotate(-10deg)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.world{position:relative;min-height:100svh;display:grid;align-items:center;padding:clamp(80px,9vw,130px) clamp(18px,6vw,90px);overflow:hidden}.world-in{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,80px);align-items:center;transition:transform 1.1s cubic-bezier(.7,-.3,.2,1.3)}.world-num{position:absolute;top:-.42em;inset-inline-end:0;font-family:var(--serif);font-style:italic;font-size:clamp(120px,22vw,340px);line-height:1;opacity:.13;pointer-events:none}.world-kind{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase}.world-title{margin:.15em 0 0;font-family:var(--serif);font-weight:700;font-size:clamp(46px,8.2vw,134px);line-height:.9;letter-spacing:-.045em;text-wrap:balance}.world-line{margin:1em 0 0;max-width:34ch;font-size:clamp(17px,1.7vw,23px);line-height:1.45}.world-toy{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:1.4em 0 0;font-family:var(--mono);font-size:13px}.world-art{position:relative;margin:0}.world-art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.world{align-content:center}.strip{position:relative;z-index:2;overflow:hidden;margin:clamp(30px,5vw,64px) calc(-1*clamp(18px,6vw,90px)) 0;padding:16px 0}.strip div{display:flex;width:max-content;animation:tick 70s linear infinite}.strip:hover div,.strip:focus-within div{animation-play-state:paused}.strip a{flex:none;display:block;width:clamp(120px,14vw,200px);margin-inline-end:18px;padding:6px 6px 0;background:var(--cream);color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:10px;transform:rotate(var(--t));transition:transform .3s var(--spring)}.strip a:hover,.strip a:focus-visible{transform:rotate(0) scale(1.14);position:relative;z-index:2}.strip img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#0003}.strip span{display:block;padding:6px 2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-unstitched{background:linear-gradient(160deg,#1a0f3d,#3b1560 55%,#7a2a6a);color:#fbe9ff}.world-unstitched .world-kind{color:var(--lime)}.world-unstitched .world-art{filter:drop-shadow(-16px 16px 0 var(--lime))}.world-unstitched .world-art img{transform:rotate(4deg);clip-path:polygon(0 6%,62% 0,100% 9%,96% 94%,38% 100%,3% 90%)}.world-unstitched[data-flipped] .world-in{transform:rotate(180deg)}.shards i{position:absolute;left:calc(var(--n)*14% + 3%);top:calc(88% - var(--n)*13%);width:clamp(30px,6vw,90px);aspect-ratio:1;background:#ffffff14;border:1px solid #ffffff30;clip-path:polygon(50% 0,100% 38%,72% 100%,12% 82%,0 30%);animation:drift calc(9s + var(--n)*1.7s) ease-in-out infinite alternate}.world-unstitched[data-flipped] .shards i{animation-direction:alternate-reverse}@keyframes drift{to{transform:translateY(-70px) rotate(140deg)}}.world-valewright{background:#ead9a6 repeating-linear-gradient(90deg,#0000 0 46px,#0000000d 46px 47px);color:#1d1a10}.world-valewright .world-kind{color:#8a3b12}.world-valewright .btn.go{background:#1d1a10;border-color:#1d1a10;color:#ead9a6}.world-valewright .world-art img{border:6px solid #1d1a10;border-radius:50% 50% 18px 18px/38% 38% 18px 18px;animation:year 20s linear infinite}@keyframes year{0%,20%{filter:none}25%,45%{filter:saturate(1.4) brightness(1.08)}50%,70%{filter:sepia(.7) saturate(1.7) hue-rotate(-18deg)}75%,95%{filter:grayscale(.85) brightness(1.25) contrast(.9)}}.seasons{position:absolute;inset-inline-start:-14px;bottom:20px;display:grid;padding:8px 14px;background:#1d1a10;color:#ead9a6;font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;transform:rotate(-6deg)}.seasons b{grid-area:1/1;opacity:0;animation:season 20s linear infinite;animation-delay:calc(var(--n)*5s)}@keyframes season{0%,22%{opacity:1}25%,to{opacity:0}}@property --beam{syntax:"<angle>";inherits:false;initial-value:20deg}.world-skerry{--lx:70%;--ly:50%;background:#02050b;color:#e8f1ff}.beam-lit{animation:sweep 9s linear infinite}.world-skerry.held .beam-lit{animation:none}@keyframes sweep{0%{--beam:20deg}to{--beam:380deg}}.beam-dim,.beam-lit{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.beam-dim{opacity:.1;filter:grayscale(1)}.beam-lit{-webkit-mask-image:conic-gradient(from calc(var(--beam) - 18deg) at var(--lx) var(--ly),#000 0deg,#000 30deg,#0000 38deg,#0000 352deg,#000 360deg);mask-image:conic-gradient(from calc(var(--beam) - 18deg) at var(--lx) var(--ly),#000 0deg,#000 30deg,#0000 38deg,#0000 352deg,#000 360deg)}.world-skerry:after{content:"";position:absolute;z-index:1;left:var(--lx);top:var(--ly);width:18px;height:18px;margin:-9px;border-radius:50%;background:#fff3c4;box-shadow:0 0 44px 16px #ffd86a}.world-skerry .world-in{grid-template-columns:minmax(0,560px)}.world-skerry .world-words{text-shadow:0 2px 18px #000,0 0 2px #000}.world-skerry .world-kind{color:#ffd86a}@media(max-width:820px){.world-in{grid-template-columns:1fr}.world-skerry{--lx:50%;--ly:16%}.world-skerry .world-in{padding-top:22svh}}
