@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Anton&family=Space+Mono:wght@400;700&display=swap');
:root{--paper:#f0eaf4;--purple:#b641ed;--ink:#110d16;--acid:#c45af4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#100e13;color:var(--paper);font-family:'Space Mono',monospace;font-size:14px;overflow-x:clip;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:4px solid var(--acid);outline-offset:5px}header{height:82px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px dashed #ffffff38}.tag{font:50px/.8 'Permanent Marker',cursive;color:var(--purple);transform:rotate(-8deg)}.issue{font-size:11px;letter-spacing:2px}nav{display:flex;gap:30px;font-size:12px;font-weight:700}nav a:hover{color:var(--acid)}.block{position:relative;height:860px;max-width:1600px;margin:auto;isolation:isolate;overflow:clip}.wall-word{position:absolute;top:305px;left:-2%;width:104%;font:clamp(110px,16vw,240px)/1 'Anton',sans-serif;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #ffffff16;transform:rotate(-8deg);z-index:-1}.top-note{position:absolute;top:10px;width:100%;text-align:center;color:var(--acid);font:25px 'Permanent Marker',cursive;transform:rotate(-4deg)}h1{position:absolute;top:58px;left:0;width:100%;margin:0;text-align:center;font:clamp(110px,18.5vw,280px)/1 'Anton',sans-serif;letter-spacing:-7px;transform:rotate(-4deg);text-shadow:7px 8px 0 #08060b;z-index:2;pointer-events:none}h1 span{color:var(--purple)}.main-print{position:absolute;width:480px;left:50%;top:238px;transform:translateX(-50%) rotate(-5deg);margin:0;padding:12px 12px 0;background:var(--paper);color:var(--ink);box-shadow:9px 15px 20px #0007}.main-print:before,.print:before{content:'';position:absolute;left:40%;top:-15px;width:110px;height:35px;background:#8b42b7b0;transform:rotate(4deg);z-index:3}.main-print img{width:100%;display:block}.main-print figcaption{font-size:10px;text-align:center;font-weight:700;padding:17px 0}.flyer{position:absolute;left:6%;top:310px;width:230px;padding:22px 20px 0;background:var(--acid);color:var(--ink);transform:rotate(8deg);box-shadow:4px 8px 0 #0004}.flyer>span{display:block;border-bottom:2px solid;padding-bottom:10px;font-weight:700;font-size:11px}.flyer strong{display:block;font:38px/1.03 'Anton',sans-serif;margin-top:14px}.flyer p{font-size:12px;line-height:1.7}.tear-tabs{font-size:12px;letter-spacing:2px;border-top:1px dashed;padding:12px 0;white-space:nowrap}.scribble{position:absolute;right:9%;top:320px;font:40px/1 'Permanent Marker',cursive;color:var(--purple);transform:rotate(8deg)}.scribble span{display:block;font-size:90px;transform:rotate(-50deg)}.gallery-sticker{position:absolute;right:7%;top:590px;background:var(--purple);color:#201725;padding:19px 24px;transform:rotate(7deg);box-shadow:6px 6px 0 #0005;font-size:12px}.gallery-sticker strong{display:block;font:27px 'Anton',sans-serif}.gallery-sticker>span{position:absolute;right:-28px;top:70px;font:90px 'Permanent Marker',cursive;color:var(--acid)}.gallery-sticker:hover{transform:rotate(0deg)}.bottom-note{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;white-space:nowrap}.stamp{position:absolute;left:9%;bottom:100px;transform:rotate(-16deg);border:4px double #b641ed90;color:#c45af4;font:bold 26px/1 'Space Mono',monospace;padding:12px}.gallery{padding:65px 5% 75px;background:#18101f;color:var(--paper);clip-path:polygon(0 12px,8% 0,18% 9px,32% 2px,47% 12px,61% 3px,78% 11px,91% 0,100% 8px,100% 100%,0 100%)}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:1350px;margin:auto}.marker{font-size:11px;letter-spacing:2px}h2{font:clamp(42px,5vw,76px)/1 'Anton',sans-serif;margin:17px 0}h2 em{font-style:normal;color:var(--paper);text-shadow:2px 2px 0 var(--ink)}.gallery-heading p{font-size:12px;line-height:1.8}.photo-wall{max-width:1250px;margin:50px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:40px 50px;align-items:center}.print{font:700 11px 'Space Mono',monospace;position:relative;background:var(--paper);border:none;border-radius:0;padding:13px 13px 22px;color:var(--ink);text-align:left;cursor:zoom-in;box-shadow:7px 11px 0 #22152940;transition:transform .2s}.print img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:18px}.print span{padding-right:24px}.print b{position:absolute;right:17px;bottom:16px;font-size:23px}.print-one{transform:rotate(-4deg)}.print-two{transform:rotate(5deg);margin-top:90px}.print-three{transform:rotate(-3deg);max-width:480px;margin-left:20px}.print-three img{aspect-ratio:1}.print:hover{transform:rotate(0deg) translateY(-6px);z-index:2}.wall-tag{font:clamp(45px,6vw,90px)/1 'Permanent Marker',cursive;transform:rotate(-8deg);padding-left:25px}.wall-tag span{display:block;text-align:right;font-size:110px;line-height:.7;padding-right:50px}.lore{max-width:1250px;margin:85px auto;display:flex;align-items:center;justify-content:space-around;gap:70px;padding:0 5%}.receipt{background:var(--paper);color:var(--ink);padding:32px;width:390px;flex-shrink:0;transform:rotate(-3deg);box-shadow:8px 10px 0 #0004;clip-path:polygon(0 0,100% 0,100% 98%,95% 100%,90% 98%,85% 100%,80% 98%,75% 100%,70% 98%,65% 100%,60% 98%,55% 100%,50% 98%,45% 100%,40% 98%,35% 100%,30% 98%,25% 100%,20% 98%,15% 100%,10% 98%,5% 100%,0 98%)}.receipt>span,.receipt small{font-size:10px}.receipt h2{border-bottom:2px dashed;padding-bottom:20px;font-size:64px}.receipt p{font-size:14px;line-height:1.7}.receipt-total{display:flex;justify-content:space-between;gap:10px;border-block:1px dashed;padding:14px 0;font-size:11px}.barcode{height:34px;margin:20px 0 12px;background:repeating-linear-gradient(90deg,#171817 0 2px,transparent 2px 5px,#171817 5px 6px,transparent 6px 9px,#171817 9px 13px,transparent 13px 15px)}.last-tag{font:clamp(35px,4vw,62px)/1.2 'Permanent Marker',cursive;transform:rotate(4deg)}.last-tag>span{color:var(--acid)}.last-tag a{display:block;font:700 12px 'Space Mono',monospace;margin-top:35px;background:var(--paper);color:var(--ink);padding:18px;width:fit-content;transform:rotate(-6deg)}footer{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #ffffff38;gap:20px}footer p,footer>a:last-child{font-size:10px}dialog{width:min(1050px,94vw);max-height:94vh;padding:14px;background:var(--paper);border:none;color:var(--ink);overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.viewer-image{display:block;max-height:75vh;max-width:100%;margin:auto;object-fit:contain}.close{position:absolute;right:20px;top:20px;border:0;background:var(--acid);width:44px;height:44px;font-size:23px;cursor:pointer}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.viewer-bar a{font-weight:700;text-decoration:underline;white-space:nowrap}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.block{height:930px}.main-print{top:290px}}@media(max-width:950px){.main-print{width:410px}.flyer{left:3%;width:180px;padding:15px 14px 0;top:340px;z-index:3}.flyer strong{font-size:29px}.scribble{right:3%;font-size:31px}.gallery-sticker{right:3%;top:620px}.stamp{left:5%;font-size:19px}.block{height:825px}.issue{display:none}.lore{gap:45px}.receipt{width:350px}.last-tag{font-size:37px}}
@media(max-width:650px){header{height:68px;padding-inline:6%}.tag{font-size:40px}nav{gap:20px;font-size:10px}.block{height:775px}.top-note{font-size:19px;top:9px}h1{font-size:23vw;letter-spacing:-3px;top:69px}.main-print{top:180px;width:78%;max-width:360px;padding:8px 8px 0}.main-print figcaption{font-size:8px;padding:12px 0}.wall-word{top:315px;font-size:80px}.flyer{top:530px;width:166px;left:7%;padding-top:12px}.flyer strong{font-size:25px}.flyer p{font-size:10px}.flyer>span{font-size:9px}.tear-tabs{font-size:9px}.scribble{top:157px;right:5%;font-size:20px;z-index:4;text-shadow:2px 2px #171817}.scribble span{font-size:40px}.gallery-sticker{top:590px;right:7%;padding:13px 12px;font-size:10px;z-index:5}.gallery-sticker strong{font-size:20px}.gallery-sticker>span{right:0;top:70px;font-size:65px}.stamp{display:none}.bottom-note{font-size:8px;letter-spacing:1px;bottom:0}.gallery{padding:45px 7%}.gallery-heading{display:block}.marker{font-size:9px}.gallery-heading h2{font-size:43px}.gallery-heading p{font-size:11px}.photo-wall{grid-template-columns:1fr;gap:35px;margin-top:35px}.print-two{margin-top:0}.print-three{margin-left:0;max-width:none}.wall-tag{display:none}.print{font-size:9px}.lore{margin:55px auto;display:flex;flex-direction:column;gap:50px;padding:0 9%}.receipt{width:100%;max-width:390px;padding:25px}.receipt p{font-size:13px}.last-tag{font-size:38px;width:100%}footer p{display:none}.viewer-bar{align-items:start;flex-direction:column;gap:0}.viewer-bar a{padding:10px 0}.viewer-image{max-height:70vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Banner palette: charcoal walls, electric purple, off-white ink. */
.block{background:radial-gradient(ellipse at 55% 48%,#64158324,transparent 62%)}
.main-print,.print{background:#231a2c;color:var(--paper);box-shadow:0 0 0 1px #79309b66,8px 14px 22px #0008}
.flyer,.gallery-sticker{background:#781caf;color:#fff4ff}
.flyer{box-shadow:5px 8px 0 #050307}
.gallery-sticker{box-shadow:5px 7px 0 #050307,0 0 26px #9b20dc26}
.gallery h2 em,.wall-tag,.print b,.marker{color:var(--purple)}
.gallery-heading p{color:#c5b7cf}
.receipt{background:#211827;color:var(--paper)}
.receipt-total,.receipt h2{border-color:#9842c2}
.barcode{background:repeating-linear-gradient(90deg,#cda5e1 0 2px,transparent 2px 5px,#cda5e1 5px 6px,transparent 6px 9px,#cda5e1 9px 13px,transparent 13px 15px)}
.last-tag a,.close{background:#781caf;color:#fff4ff}
dialog{background:#211827;color:var(--paper)}
.viewer-bar a{color:#d78aff}
