/* Bespoke meme neighborhood: image regions drive the interface. */
:root{--paper:#f3f0dc;--ink:#07111e;--orange:#ff7a20;--lime:#e3ff2e;--blue:#3a76ff;--line:#728495;--muted:#aec1d4}
html{scroll-padding-top:0}body{background:#07111e;color:#eff2df;background-image:radial-gradient(ellipse at 50% 0,#17344e 0,transparent 60%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.masthead{padding:0 3%;height:78px;background:#06101ee8;color:#eef3e8;border-bottom:1px solid #5d7d9270;box-shadow:0 5px 20px #0004;gap:18px}.masthead .wordmark{display:block;width:100px;height:68px;flex:0 0 100px;position:relative}.wordmark img{width:100%;height:100%;object-fit:contain}.masthead nav{gap:7px;font-family:"Courier New",monospace;font-size:11px}.masthead nav button{border:1px solid transparent;background:none;padding:10px 14px;color:#b9cad8;font-weight:bold;text-transform:uppercase;white-space:nowrap}.masthead nav button:hover{color:var(--lime)}.masthead nav button[aria-pressed=true]{border:1px solid #8295a4;color:var(--lime);background:linear-gradient(#2d4252,#142739);box-shadow:inset 0 1px 0 #92a9b742,3px 3px 0 #0006}.masthead .world-toggle{border-radius:3px;border:1px solid #9db3c3;color:#eef3e8;padding:10px 13px;font-family:"Courier New",monospace;font-size:10px;background:linear-gradient(#334858,#122331);box-shadow:3px 3px 0 #0008}.world-toggle[aria-pressed=true]{background:var(--lime)!important;color:#07111e!important}.switch-dot{border-color:currentColor}.switch-dot:after{background:currentColor}
.playground{position:relative;overflow:hidden;padding:20px 0 15px;min-height:calc(100vh - 78px);background:radial-gradient(ellipse at 50% 40%,#1b3648 0,#0c1b2c 35%,#050c17 75%)}.playground-top{position:relative;z-index:3;display:flex;justify-content:space-between;gap:15px;padding:0 3%;font-family:"Courier New",monospace;font-size:9px;letter-spacing:1px;color:#a9c3d5}.playground-top span:last-child{color:var(--lime)}.logo-stage{height:250px;position:relative;max-width:1450px;margin:auto;text-align:center;display:flex;align-items:center;justify-content:center}.main-logo{position:absolute;width:min(620px,55vw);height:390px;object-fit:contain;left:50%;top:-57px;transform:translateX(-50%);filter:drop-shadow(0 14px 14px #0008);transition:transform .4s,filter .4s}.main-logo:hover{transform:translateX(-50%) rotate(-2deg) scale(1.035);filter:drop-shadow(0 0 30px #24f9ff66)}.logo-stage p{position:absolute;right:5%;bottom:58px;font-family:"Courier New",monospace;font-weight:900;font-size:11px;line-height:1.7;letter-spacing:.3px;transform:rotate(7deg);text-align:left;color:#ffdb52}.logo-stage p span{background:#e2ff2e;color:#0b1525;padding:3px 6px;box-shadow:4px 4px 0 #020711}.logo-orbit{position:absolute;pointer-events:none;font-size:100px;color:#e7ff68;text-shadow:5px 5px #bd00ff}.orbit-one{left:9%;top:60px;transform:rotate(19deg)}.orbit-two{right:17%;top:3px;font-size:42px;color:#f493e2;text-shadow:2px 2px #eaff68}.world-instruction{padding:0 3% 12px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-family:"Courier New",monospace;position:relative;z-index:2}.world-instruction b{font-size:15px;letter-spacing:-.5px;background:var(--lime);color:#07111e;padding:7px 12px;transform:rotate(-2deg);box-shadow:4px 4px 0 #306efa}.world-instruction>span{font-size:10px;letter-spacing:.2px;color:#e1e9df}.world-instruction em{display:none;font-style:normal;color:var(--lime)}.world-scroll{overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-color:var(--lime) #17283b;scrollbar-width:thin;outline-offset:-3px}.world-canvas{position:relative;max-width:1672px;margin:auto;aspect-ratio:1672/470;isolation:isolate;overflow:hidden;border-top:1px solid #ffae3833;border-bottom:1px solid #ffc54750;background:#09152a}.world-base{width:100%;height:100%;object-fit:cover}.world-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;pointer-events:none;z-index:1}.world-layer.visible{opacity:1}.all-glow .world-layer{opacity:1}.layer-cafe{clip-path:polygon(0 0,31% 0,36% 100%,0 100%);mask-image:linear-gradient(90deg,#000 0%,#000 28%,transparent 36%)}.layer-house{clip-path:polygon(33% 0,67% 0,69% 100%,31% 100%);mask-image:linear-gradient(90deg,transparent 31%,#000 36%,#000 64%,transparent 69%)}.layer-style{clip-path:polygon(69% 0,100% 0,100% 100%,89% 100%,89% 57%,68% 57%);mask-image:linear-gradient(90deg,transparent 68%,#000 73%)}.layer-phone{clip-path:polygon(65% 50%,84% 50%,89% 74%,91% 100%,62% 100%,62% 76%);mask-image:radial-gradient(ellipse 15% 45% at 77% 89%,#000 67%,transparent 100%)}
.world-hotspot{position:absolute;background:transparent;border:0;padding:0;z-index:2;cursor:pointer;outline-offset:-5px}.world-hotspot>span{position:absolute;top:5px;left:50%;transform:translateX(-50%) rotate(-2deg);padding:5px 9px;border:1px solid #bcc8d7;background:#142137d9;color:#eef4df;font-family:"Courier New",monospace;font-weight:900;font-size:9px;white-space:nowrap;box-shadow:3px 3px 0 #0007;pointer-events:none}.world-hotspot b{font-size:12px;margin-left:7px;color:var(--lime)}.world-hotspot.lit>span{background:var(--lime);border-color:var(--lime);color:#0b1525}.world-hotspot.lit b{color:#2246da}.world-hotspot:focus-visible{outline:2px dashed var(--lime)}.hotspot-cafe{left:0;top:12%;width:29%;height:81%}.hotspot-house{left:35%;top:1%;width:31%;height:82%}.hotspot-style{left:73%;top:1%;width:27%;height:53%}.hotspot-phone{left:66%;top:58%;width:22%;height:42%}.hotspot-phone>span{top:auto;bottom:4%}
.world-dock{display:flex;align-items:center;justify-content:center;gap:8px;padding:22px 3% 6px;position:relative;z-index:3}.world-dock>span{font-family:"Courier New",monospace;font-size:8px;color:#a6bed0;letter-spacing:.5px;margin-right:10px}.world-dock button{background:linear-gradient(#3b556b,#122738);border:1px solid #678999;color:#eff4df;font-family:"Courier New",monospace;font-size:10px;font-weight:900;box-shadow:3px 3px 0 #0008,inset 0 1px 0 #95bccc70;padding:10px 16px;letter-spacing:.5px}.world-dock button:hover{color:var(--lime);transform:translateY(-2px)}.world-dock .dock-studio{background:linear-gradient(#ecff69,#a3c818);border-color:#eaff82;color:#07111e;margin-left:14px}.world-credit{text-align:center;font-size:8px;letter-spacing:.6px;font-family:"Courier New",monospace;color:#8ca7bf;margin:14px 3% 0}
.collection{background:#0d1c2c;padding:40px 5% 65px}.section-code{color:var(--lime);font-family:"Courier New",monospace;font-size:10px}.section-heading{margin-bottom:35px}.section-heading h2,.archive-heading h2,.studio-intro h2{font-family:"Arial Black",Arial,sans-serif;font-size:52px;color:#f4f0dc;text-transform:uppercase;letter-spacing:-2px}.section-heading h2 em,.archive-heading h2 em,.studio-intro h2 em{font-family:inherit;font-weight:900;font-style:normal;color:var(--lime)}.section-heading p{color:#abc0d1;font-family:"Courier New",monospace;font-size:11px}.collection-grid{gap:28px}.exhibit-top{border-color:#66899a}.inspect{color:var(--lime)}.exhibit .reveal{border:4px ridge #7998a9;outline:0;box-shadow:6px 6px 0 #0009}.exhibit h3{color:#e9ff78;font-family:"Courier New",monospace;font-weight:900}.exhibit p{color:#c1d3e1;font-size:12px}.art-note{color:#9fb8cb}.exhibit-house{grid-column:1/7}.exhibit-phone{grid-column:8/13;margin-top:65px}.exhibit-cafe{grid-column:1/7}.exhibit-style{grid-column:8/13;margin-top:65px}.interlude{font-family:"Courier New",monospace;color:#8ad1ff;font-size:36px;margin:0;display:flex;gap:25px;justify-content:center;transform:none}.interlude span:nth-child(2),.interlude span:nth-child(3){margin:0}.interlude em{font-family:inherit;font-weight:bold}.interlude b{font-size:30px;margin-left:6px}.reveal-label>span{background:#0b1626;color:#fff6d9;border-color:#abbec7}.reveal-label .reveal-state{background:var(--lime);color:#0b1626}.reveal-state{font-family:"Courier New",monospace}.archive{background:#101e30}.archive-heading p{color:#bad0e1}.archive-photo button{border:4px ridge #6f899b;box-shadow:6px 6px 0 #000}.archive-notes h3{color:#eaff7e}.archive-photo-tag,.photo-pin{background:var(--lime);color:#0a1525}.studio{padding:45px 5% 75px;background:#0b1b2a}.studio-intro h2{font-size:64px}.studio-intro h2 em{color:#ffa037}.studio-intro>p{color:#cadbe5}.studio-intro .studio-note{color:#9fb8cb}.studio-workbench{background:#d7debd;color:#0a1525;border:5px ridge #8babb8;box-shadow:9px 9px 0 #0008}.workbench-top{font-family:"Courier New",monospace;font-size:9px;font-weight:900}.dropzone{background-color:#e7ead3;border-color:#49657a}.primary-button{background:#234ac3;color:white;box-shadow:3px 3px 0 #09172e}.brief-button{color:#07111e}.connection{color:#bcd3e6;border-color:#445970}.form-message{font-size:11px}.transfer-note{color:#314c60}.upload-label small{color:#314c60}.studio-actions .primary-button:disabled{background:#bdc7aa;color:#455942}.strength-row select{background:#f1f5df;color:#08182a}.style-options input:checked+span{background:#efff44}.style-options label>span{border-color:#82917d}.studio-intro .section-code{color:#ffb04a}.studio-note{color:#abc1d3}.result .text-link{color:#0a1525}.closing{background:#fdb822}footer{background:#050d17;border-top:1px solid #49687977;color:#8ba7bc;padding:22px 3%;align-items:center}footer .wordmark{width:90px;height:65px;font-size:0}footer p{font-size:8px;line-height:1.7}footer button{color:#d4ee8d;font-family:"Courier New",monospace;font-size:9px}dialog{background:#e4e7cf;color:#061223;border:5px ridge #93aabd;box-shadow:12px 12px 0 #0009;border-radius:0}dialog h2{color:#0d2133;font-family:"Courier New",monospace;font-weight:900;font-size:32px;text-transform:uppercase;letter-spacing:-1.4px}dialog h2 em{font-family:inherit;font-style:normal;font-weight:900;color:#294abb}dialog .section-code{color:#36567b}.dialog-close{border:2px outset #8a9cab;background:#bdccca;width:32px;height:30px;padding:0;color:#112840;font-size:24px;line-height:1}.detail-facts b{color:#294abb}.detail-facts p{color:#112840}dialog .art-note{color:#506c7c}.compare-tag,.comparison-divider:after{background:var(--lime);color:#0d2133}#inspection-note{background:#f2f6d6;border:1px solid #9aab8b;color:#143341}.detail-point{background:var(--lime);color:#09152b;border-color:#183457}.detail-point:hover,.detail-point.selected{background:#ffab47}.detail-comparison{border:2px inset #8aa6b7}body.all-glow .playground{background:radial-gradient(ellipse at 50% 35%,#38457a 0,#112342 45%,#050c17 85%)}.all-glow .main-logo{filter:drop-shadow(0 0 22px #bc31ff99)}
@media(min-width:1700px){.logo-stage{height:300px}.main-logo{width:740px;height:475px;top:-76px}.playground{padding-top:28px}.world-instruction{max-width:1672px;margin:auto}}
@media(max-width:1050px){.masthead .wordmark{width:82px;flex-basis:82px}.masthead nav button{padding:9px 10px;font-size:10px}.masthead .world-toggle{font-size:8px;padding:9px}.logo-stage{height:225px}.main-logo{width:540px;height:350px;top:-59px}.logo-stage p{right:3%;bottom:10px;font-size:9px}.orbit-one{font-size:65px;left:5%;top:75px}.orbit-two{right:8%;top:20px}.world-dock{gap:7px}.world-dock button{padding:10px 12px}.world-dock>span{display:none}.world-credit{font-size:7px}.world-instruction>span{font-size:8px}.studio-intro h2{font-size:54px}}
@media(max-width:760px){.masthead{height:auto;min-height:76px;padding:8px 4%;gap:10px;flex-wrap:wrap;justify-content:space-between}.masthead .wordmark{width:79px;height:50px;flex-basis:79px}.masthead nav{order:3;flex-basis:100%;justify-content:space-between;gap:5px;padding:0 0 5px}.masthead nav button{font-size:9px;letter-spacing:0;padding:7px 8px;flex:1}.masthead .world-toggle{font-size:9px;gap:9px;padding:9px 10px;border:1px solid #8fa5b7}.playground{padding-top:15px;min-height:0}.playground-top{font-size:6px;letter-spacing:.3px;gap:10px;padding:0 4%}.logo-stage{height:245px;overflow:hidden}.main-logo{width:96vw;max-width:430px;height:290px;top:-16px}.logo-stage p{left:50%;right:auto;bottom:3px;transform:translateX(-50%) rotate(-3deg);font-size:8px;line-height:1.6;white-space:nowrap;margin:0;text-align:center}.logo-stage p br{display:none}.logo-stage p span{margin-left:4px}.orbit-one{font-size:34px;left:4%;top:28px}.orbit-two{font-size:24px;right:5%;top:10px}.world-instruction{display:block;padding:15px 4% 12px}.world-instruction b{font-size:11px;display:inline-block;padding:5px 9px}.world-instruction>span{display:block;font-size:8px;margin-top:14px}.world-instruction em{display:block;margin-top:5px;font-size:9px}.world-canvas{min-width:960px;max-width:none;aspect-ratio:1672/470;height:auto}.world-hotspot>span{font-size:9px;padding:6px 9px}.world-dock{flex-wrap:wrap;justify-content:center;gap:9px;padding:20px 4% 9px}.world-dock>span{display:block;flex-basis:100%;text-align:center;margin:0 0 5px;font-size:8px}.world-dock button{font-size:9px;padding:10px 11px}.world-dock .dock-studio{flex-basis:85%;margin:6px 0 0;text-align:center;max-width:330px}.world-credit{font-size:7px;line-height:1.7;margin:10px 7% 12px}.section-heading h2,.archive-heading h2{font-size:34px;line-height:1.08;letter-spacing:-1.1px}.collection{padding:35px 5% 50px}.collection-grid{gap:30px 17px}.exhibit-house{grid-column:1/13}.exhibit-phone{grid-column:2/13;margin-top:0}.exhibit-cafe{grid-column:1/12}.exhibit-style{grid-column:2/13;margin-top:0}.interlude{font-size:16px;gap:8px;flex-wrap:wrap}.interlude b{font-size:24px}.exhibit h3{font-size:17px}.archive-heading h2 br{display:none}.archive{padding:35px 5%}.studio{padding:35px 5% 50px}.studio-intro h2{font-size:51px;max-width:300px}.studio-workbench{padding:13px;border-width:4px;box-shadow:5px 5px 0 #0008}.style-options{grid-template-columns:1fr 1fr}.workbench-top{font-size:7px}.world-scroll:focus-visible{outline:2px solid var(--lime)}footer{padding:17px 4%;gap:12px;display:grid;grid-template-columns:1fr 1fr}footer .wordmark{width:90px;height:55px}footer p{font-size:7px;grid-row:2;grid-column:1/3}footer button{font-size:8px}dialog{padding:20px;border-width:4px}dialog h2{font-size:25px;line-height:1.08}}
@media(max-width:380px){.masthead nav button{font-size:8px;padding:7px 5px}.main-logo{width:96vw}.world-dock button{font-size:8px;padding:9px}.playground-top{font-size:5px}.logo-stage{height:230px}.world-instruction>span{font-size:7px}.masthead .world-toggle{font-size:8px}}
@media(prefers-reduced-motion:reduce){.world-layer{transition:none}.main-logo:hover{transform:translateX(-50%)}.world-dock button:hover{transform:none}}
.world-all{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;pointer-events:none;z-index:1}.all-glow .world-all{opacity:1}

.pin-lapel{left:79%;top:51%}.pin-tie{left:66%;top:44%}