/* A midnight wall of crooked posters, pinned notes and deliberate disorder. */
:root{--paper:#d0cbd8;--silver:#c0c0c0;--wall:#09070d;--pin:#b09bc7}
html{overflow-x:clip;scroll-padding-top:1rem}
body{overflow-x:clip;font-size:1.04rem;background-color:var(--wall)}
[hidden]{display:none!important}
::selection{background:#6a0dad;color:#ded7e8}
:focus-visible{outline:3px solid #b184d5;outline-offset:5px}
.skip-link{position:absolute;left:1rem;top:-6rem;z-index:100;background:#100b18;color:var(--silver);padding:.75rem 1rem;border:2px solid var(--silver)}
.skip-link:focus{top:.5rem}
.site-header{padding:1.1rem 1.25rem .85rem;border-bottom:1px solid #45344d;background:#08060bdc;position:relative}
.brand{font-size:clamp(.79rem,2.3vw,1.13rem);letter-spacing:.22em;line-height:1.5}
.brand-sub{font-size:.64rem;letter-spacing:.18em;margin:.25rem 0 .85rem}
.quick-doors{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;align-items:center;justify-content:center}
.quick-doors>a,.nav-toggle{font:700 .77rem var(--font-body);letter-spacing:.07em;color:var(--silver);text-decoration:none;min-height:42px;display:inline-flex;align-items:center;background:none;border:0;border-bottom:1px solid transparent;padding:.35rem .15rem;cursor:pointer}
.quick-doors>a:hover{color:#d6b3ee;border-color:var(--purple)}
.nav-toggle{border:1px solid #796486;background:#251032;padding:.5rem .8rem;transform:rotate(2deg);box-shadow:3px 3px 0 #000}
.nav-toggle[aria-expanded=true]{transform:rotate(-1deg);background:#4a0a75}
.site-nav{max-width:1000px;margin:1.3rem auto .5rem;padding:1rem;border-top:1px dashed #65516d}
.site-nav ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem .8rem;align-items:start}
.site-nav li{min-width:0;text-align:left}
.site-nav a{font-size:.72rem;letter-spacing:.06em;line-height:1.5;min-height:40px;overflow-wrap:anywhere}
main{max-width:1160px;padding-left:2.3rem;padding-right:2.3rem}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.85fr);column-gap:3.5rem;align-items:center;text-align:left;padding:4.8rem 0 2.8rem}
.mega{grid-column:1;grid-row:1/3;font-size:clamp(3.2rem,7.5vw,6.9rem);letter-spacing:-.035em;line-height:.98;transform:rotate(-3deg);text-shadow:4px 4px 0 #3c0b5e,7px 7px 0 #100817;position:relative;z-index:1}
.subheader{grid-column:1;grid-row:3;font-size:.84rem;letter-spacing:.2em;margin:1.8rem 0 .8rem;transform:rotate(-3deg);line-height:1.7}
.hero-text{grid-column:2;grid-row:1/4;position:relative;background:#201128;border:1px solid #75627e;padding:2rem 1.8rem;transform:rotate(4deg);box-shadow:10px 12px 0 #020203;max-width:330px;justify-self:end}
.hero-text::before,.card::before,.quote-card::before{content:"";position:absolute;top:-11px;left:24%;width:78px;height:22px;background:#a899b65c;border:1px solid #c0b2ca30;transform:rotate(-8deg);pointer-events:none}
.hero-text::after{content:"✦";position:absolute;right:-17px;bottom:-35px;font-size:5rem;line-height:1;color:#846298;text-shadow:4px 5px #000;transform:rotate(13deg);pointer-events:none}
.hero-text p{font:1.26rem/1.6 var(--font-display);margin:.5rem 0;color:var(--silver)}
.hero-text p:last-child{font-family:var(--font-play);font-size:1.42rem;color:#cba9df;margin-top:1.1rem}
.hero-buttons{grid-column:1/-1;justify-content:flex-start;gap:1rem 1.4rem;margin-top:2.2rem;padding:.7rem 0}
.btn{font-size:.76rem;letter-spacing:.07em;border:1px solid #81708b;border-radius:2px;padding:.8rem 1.1rem;box-shadow:4px 5px 0 #000;transform:rotate(-2deg)}
.btn.gold{background:#4a0a75;border-radius:1px;box-shadow:5px 6px 0 #000}
.hero-buttons .btn:nth-child(2){transform:rotate(3deg) translateY(5px)}
.hero-buttons .btn:nth-child(3){transform:rotate(-3deg) translateY(-3px)}
.hero-buttons .btn:nth-child(4){transform:rotate(1.5deg) translateY(7px)}
.hero-buttons .btn:hover,.btn:hover{transform:rotate(0deg) translateY(-2px);border-color:#b995d0;color:#d0cbd8}
.section{padding:2.7rem 0 1.2rem}
.section h2{font-size:clamp(1.5rem,3.8vw,2.25rem);line-height:1.25;max-width:100%;border-left:0;border-bottom:2px solid #6a0dad;padding:.2rem .15rem .6rem;background:none;transform:rotate(-2deg);text-wrap:balance}
.section:nth-of-type(even) h2{transform:rotate(1.4deg);border-left:0;border-bottom-color:#715380;margin-left:4%}
.lantern-lines{padding:1rem 0;margin:1.6rem 0;font-size:clamp(1.3rem,3vw,1.75rem)}
.lantern-lines p{margin:.55rem auto;width:fit-content;padding:.15rem .65rem;border-bottom:1px dashed #5b4268}
.grid,.grid.three{display:block;column-count:2;column-gap:3.1rem;margin:2.2rem .6rem 1.2rem;padding:.5rem 0}
.card{position:relative;display:inline-block;break-inside:avoid;width:96%;vertical-align:top;margin:1.1rem 0 1.7rem;padding:1.65rem 1.5rem 1.25rem;background:#19111f;border:1px solid #61456d;border-radius:1px;box-shadow:7px 8px 0 #030204;overflow-wrap:anywhere}
.grid .card:nth-child(3n+1){transform:rotate(-3deg);border-top:1px solid #8b6b9b;border-radius:1px}
.grid .card:nth-child(3n+2){transform:rotate(3.2deg);width:91%;margin-left:6%;margin-top:2.1rem;border-top:1px solid #9b739f;border-radius:22px 2px 1px 2px;background:#211126}
.grid .card:nth-child(3n){transform:rotate(-1.7deg);margin-left:1%;border-top:1px solid #6f6d79;border-radius:1px 2px 22px 2px;background:#141217}
.grid .card:nth-child(4n){padding-top:1.4rem;padding-bottom:1.65rem;transform:rotate(2.5deg)}
.grid .card:nth-child(5n){background:#110c19;border:1px dashed #7d668c;box-shadow:-5px 7px 0 #271032;transform:rotate(-3.6deg)}
.card:nth-child(even)::before{left:auto;right:17%;transform:rotate(10deg);background:#9b7caf50}
.card h3{font-size:1.25rem;line-height:1.35;margin:.1rem 0 .7rem;text-wrap:balance}
.card p{font-size:1rem;line-height:1.65;margin:.55rem 0}
.card h3 a{text-decoration:underline;text-decoration-color:#765283;text-underline-offset:5px}
.card h3 a:hover{color:#cda6e0}
.card.placeholder{border-style:dashed}
.page-head{padding:3.2rem .5rem 1.5rem}
.page-head h1{font-size:clamp(2.4rem,6vw,4.3rem);line-height:1.1;transform:rotate(-2.2deg);text-shadow:3px 4px 0 #41105c;text-wrap:balance}
.page-head .kicker{transform:rotate(2deg);margin-bottom:1rem;font-size:.76rem}
.lede{font-size:1.14rem;line-height:1.7;margin-top:1.25rem}
.quote-grid{display:block;columns:2;column-gap:3rem;margin:1.6rem .5rem}
.quote-card{display:inline-block;break-inside:avoid;width:95%;margin:1.2rem 0 1.7rem;padding:1.7rem 1.3rem 2.7rem;border-radius:1px;border:1px solid #6b5674;background:#1a1220;box-shadow:6px 7px 0 #030204}
.quote-grid .quote-card:nth-child(3n+1){transform:rotate(2.4deg);border-top:1px solid #8e699b}
.quote-grid .quote-card:nth-child(3n+2){transform:rotate(-2.7deg);margin-left:4%;border-top:1px solid #82678e}
.quote-grid .quote-card:nth-child(3n){transform:rotate(1.8deg);border-top:1px solid #6e6b79;background:#141117}
.quote-card blockquote{font-size:1.07rem;line-height:1.7}
.quote-tools input{min-width:0;flex:1 1 220px}
.sticker{box-shadow:4px 4px 0 #000;border-radius:1px;transform:rotate(-4deg)}
.sticker.alt{transform:rotate(4deg)}
.spotlight,.disclaimer,.draft-banner{border-radius:1px 16px 1px 1px;box-shadow:6px 7px 0 #030204;border-width:1px;transform:rotate(-1deg)}
.placeholder-frame{border-radius:1px;transform:rotate(1.7deg);background:#130d1a}
.site-footer{padding:2.6rem 1.4rem;border-top:1px dashed #5a4167;margin-top:2rem;background:#060508}
.site-footer p{max-width:1000px;margin:.9rem auto}
.site-footer a{display:inline-block;padding:.3rem .1rem}
@media(min-width:1000px){.grid.three{column-count:3}.hero{min-height:550px}}
@media(max-width:700px){
 body{font-size:1rem;background-attachment:scroll}
 main{padding-left:1.4rem;padding-right:1.4rem}
 .site-header{padding:1rem .85rem .7rem}
 .brand-sub{font-size:.58rem;letter-spacing:.1em}
 .quick-doors{gap:.3rem .75rem}.quick-doors>a,.nav-toggle{font-size:.69rem;letter-spacing:.025em}
 .site-nav{padding:.6rem .15rem}.site-nav ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .9rem}
 .site-nav a{font-size:.68rem}.hero{display:block;padding:2.8rem .2rem 1.4rem;text-align:left}
 .mega{font-size:clamp(2.6rem,11.5vw,4.8rem);max-width:16ch;transform:rotate(-2.4deg);line-height:1.04;text-shadow:3px 3px 0 #3c0b5e}
 .subheader{font-size:.64rem;letter-spacing:.13em;margin:1.1rem 0 2rem;transform:rotate(-2deg)}
 .hero-text{max-width:85%;margin:1.6rem 0 1.7rem auto;padding:1.3rem 1.2rem;transform:rotate(3deg)}
 .hero-text p{font-size:1.04rem}.hero-text p:last-child{font-size:1.18rem}.hero-text::after{font-size:3.6rem;bottom:-25px;right:-17px}
 .hero-buttons{gap:.85rem .65rem;margin-top:1.8rem}.hero-buttons .btn{font-size:.64rem;padding:.75rem .8rem;min-height:44px}
 .section{padding-top:1.9rem}.section h2{font-size:1.6rem}.section:nth-of-type(even) h2{margin-left:0}
 .grid,.grid.three,.quote-grid{column-count:1;margin:1rem .3rem;column-gap:0}
 .card,.quote-card{width:95%;margin:.9rem 0 1.4rem;padding:1.45rem 1.1rem 1.2rem}
 .grid .card:nth-child(3n+1){transform:rotate(-1.9deg)}.grid .card:nth-child(3n+2){transform:rotate(2.1deg);width:91%;margin-left:5%;margin-top:1rem}
 .grid .card:nth-child(5n){transform:rotate(-2.3deg)}.quote-grid .quote-card:nth-child(3n+2){transform:rotate(-1.9deg)}
 .quote-card{padding-bottom:2.8rem}.page-head{padding-top:2.5rem}.page-head h1{font-size:clamp(2.1rem,9vw,3.4rem)}
 .who-list{display:block}.who-list li{margin:.7rem 0}.disclaimer,.draft-banner{font-size:1rem;padding:1rem}
 .contact-form input,.contact-form textarea{max-width:100%;width:100%}.quote-tools input,.quote-tools select{max-width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}