@font-face{font-family:Skatecon Slab;src:url('/makker/fonts/RobotoSlab.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--paper:#f1efe9;--ink:#20201e;--muted:#606055;--line:#b9b8ad;--purple:#6935c5;--error:#9b3023;color-scheme:light;font:16px/1.6 'Helvetica Neue',Arial,sans-serif;background:var(--paper);color:var(--ink);scroll-behavior:smooth;scrollbar-color:var(--muted) var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper) url('/makker/puffcon.jpg') center/cover fixed}.page{width:calc(100% - 72px);max-width:1192px;margin:auto;background:var(--paper);padding:0 36px}::selection{background:var(--purple);color:white}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}p{margin:0 0 20px;max-width:65ch}h1,h2{font-family:Skatecon Slab,Georgia,serif;line-height:1.08;letter-spacing:-.035em;font-weight:900;text-wrap:balance}h1{font-size:clamp(38px,4.8vw,62px);margin:0}h2{font-size:clamp(30px,3.4vw,43px);margin:0 0 20px}h3{font-size:18px;margin:0 0 18px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.wordmark{font:900 30px/1 Skatecon Slab,Georgia,serif;text-decoration:none;letter-spacing:-.04em}.wordmark span{color:var(--purple)}nav{display:flex;align-items:center;gap:24px}nav>a{font-size:14px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}nav>a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 22px;background:var(--purple);color:white;border:1px solid var(--purple);border-radius:0;font-size:14px;font-weight:700;text-decoration:none}.button:hover{background:var(--ink);border-color:var(--ink)}.button.small{min-height:44px;padding:9px 16px}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.hero{padding-top:44px}.hero-copy{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:center;margin-bottom:32px}.hero-copy p{font-size:16px}.hero-copy .fine{font-size:12px;margin:13px 0 0}.map{display:block;width:100%;height:350px;object-fit:cover;object-position:center 55%}.support{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:64px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.support figure{margin:0;align-self:start}.support figure img{display:block;width:100%;height:380px;object-fit:contain;background:#242229}.support figcaption{font-size:12px;color:var(--muted);padding:9px 0}.offer>p{font-size:16px}.offer>.fine{font-size:13px}.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin:22px 0 18px}.price strong{font:900 54px/1 Skatecon Slab,Georgia,serif;letter-spacing:-.035em;color:var(--ink)}.price span{flex-basis:100%;font-size:13px;color:var(--muted)}.fine,.form-note,.optional{color:var(--muted);font-size:13px}#request{margin-top:23px}summary{cursor:pointer;font-weight:600;min-height:48px;display:list-item;padding:11px 0}#request>summary{display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;padding:14px 18px;font-size:14px}#request>summary:hover{background:var(--ink)}#request[open]>summary span{transform:rotate(45deg)}#request>summary span{font-size:20px;line-height:1}.form-intro{font-size:14px;margin:22px 0}.library{display:inline-flex;align-items:center;min-height:44px;font-size:13px;margin-top:8px}.community{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:48px 0 38px;scroll-margin-top:24px}.instagram{display:inline-flex;min-height:44px;align-items:center;font-size:17px;font-weight:700;color:var(--purple)}.community .fine{margin-top:8px}.notes{border-top:1px solid var(--line);padding:14px 0}.notes details p{font-size:14px;color:var(--muted);max-width:65ch}.notes summary{font-size:14px}.notes form{max-width:420px;margin:20px 0}.notes button{margin-top:12px}label{display:block;font-size:13px;font-weight:600}input:not([type=checkbox]),textarea{display:block;width:100%;min-width:0;background:transparent;color:var(--ink);border:1px solid #7c7d70;border-radius:0;padding:12px;margin-top:8px;caret-color:var(--purple);font-size:16px}input::placeholder,textarea::placeholder{color:#656557;opacity:1}textarea{resize:vertical}.form-grid{display:grid;gap:17px}fieldset{padding:0;margin:24px 0;border:0}legend{font-size:13px;font-weight:600;margin-bottom:8px}.check{display:flex;align-items:flex-start;gap:11px;font-weight:400;margin:14px 0;font-size:13px}.check input{width:19px;height:19px;flex-shrink:0;margin:1px 0;accent-color:var(--purple)}.form-note{margin:20px 0 15px;font-size:12px}.email-row{display:flex;gap:10px;margin-top:8px}.email-row input{margin:0;flex:1;width:0}.email-row button{white-space:nowrap;padding-inline:17px}#support-form>button{width:100%}.status:not(:empty){border:1px solid var(--line);padding:15px;margin-top:18px;font-size:14px;overflow-wrap:anywhere}.status[data-state=error]{color:var(--error);border-color:var(--error)}.status a{color:var(--purple)}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;gap:30px;align-items:baseline;font-size:12px;color:var(--muted)}footer span{white-space:nowrap}footer p{margin:0;max-width:none}.skip{position:absolute;top:-100px;left:20px;background:var(--paper);color:var(--ink);z-index:10;padding:12px}.skip:focus{top:12px}.noscript{background:var(--paper);padding:20px;text-align:center}
@media(max-width:900px){.page{width:calc(100% - 40px);padding:0 26px}.hero-copy{grid-template-columns:1fr;gap:22px}.hero-copy h1 br{display:none}.hero-copy>div{display:grid;grid-template-columns:1fr auto;gap:0 24px;align-items:center}.hero-copy .fine{grid-column:1/-1}.hero-copy p{margin:0}.support{gap:32px;grid-template-columns:.85fr 1.15fr}.support figure img{height:330px}.community{gap:32px}.email-row{flex-direction:column}.email-row input{width:100%}}@media(max-width:600px){.page{width:calc(100% - 24px);padding:0 20px}header{padding:20px 0;gap:12px}.wordmark{font-size:26px}nav{gap:0}nav>a:not(.button){display:none}.button.small{font-size:12px;padding:9px 12px}.hero{padding-top:30px}.hero-copy{margin-bottom:24px}.hero-copy>div{display:block}.hero-copy p{font-size:15px;margin-bottom:20px}.hero-copy .button{width:100%}.hero-copy .fine{text-align:center;margin:10px 0 0}h1{font-size:42px}.map{height:225px}.support{grid-template-columns:1fr;gap:20px;padding:34px 0}.support figure img{height:265px}.support figure{max-width:100%}.support h2{font-size:35px}.support figcaption{padding:7px 0}.offer>p{font-size:15px}.offer>.fine{font-size:13px}.community{grid-template-columns:1fr;gap:28px;padding:32px 0}.community h2{font-size:33px;margin-bottom:8px}.community .fine{margin-bottom:0}.instagram{font-size:15px}footer{display:block;padding:22px 0}footer p{margin-top:10px}#request{scroll-margin-top:20px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
/* One artwork gallery, with native horizontal browsing as the no-JS fallback. */
.support{display:block}.crew{margin-bottom:42px}.crew-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.crew-heading h2{margin:0}.crew-controls{display:flex;gap:12px;align-items:center}.crew-controls button{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:22px}.crew-controls button:hover{background:var(--ink);color:var(--paper)}.crew-count{font-size:13px;font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.crew-track{position:relative;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;cursor:grab}.crew-track:active{cursor:grabbing}.support .crew-card{margin:0;flex:0 0 31%;min-width:0;scroll-snap-align:start;user-select:none;background:#242229;color:var(--paper)}.support .crew-card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#242229;pointer-events:none}.support .crew-card figcaption{font:900 24px/1.2 Skatecon Slab,Georgia,serif;letter-spacing:-.025em;color:var(--paper);padding:14px 18px}.crew-hint{margin:12px 0 0}.offer{max-width:640px}.offer h2{font-size:34px}.crew-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto}.crew-hint{font-size:12px}
@media(max-width:600px){.crew{margin-bottom:32px}.crew-heading{gap:12px}.crew-heading h2{font-size:29px}.crew-controls{gap:6px}.crew-controls button{width:44px;height:44px}.crew-count{font-size:12px;min-width:32px}.support .crew-card{flex-basis:90%}.crew.enhanced .crew-track{display:block;height:auto;aspect-ratio:3/4.65;overflow:visible;touch-action:pan-y;cursor:grab;margin:0 8px 0 0}.crew.enhanced .crew-card{position:absolute;inset:0;max-width:none;width:100%;height:100%;visibility:hidden;pointer-events:none;transform-origin:50% 90%;transition:transform .22s ease-out,opacity .22s ease-out}.crew.enhanced .crew-card.is-active{visibility:visible;pointer-events:auto;z-index:2;transform:translate(0,0) rotate(0);opacity:1}.crew.enhanced .crew-card.is-next{visibility:visible;z-index:1;transform:translate(7px,5px) rotate(2deg);opacity:.55}.crew.enhanced .crew-card img{height:calc(100% - 52px);aspect-ratio:auto;object-fit:contain}.crew.enhanced .crew-card figcaption{height:52px;padding:12px 16px;font-size:23px}.crew.enhanced .crew-card.is-moving{transition:none}.crew-hint{margin-top:20px}.offer h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.crew.enhanced .crew-card{transition:none}}

/* Native disclosures keep the controls FAQ usable without JavaScript. */
.faq{padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.faq>p{color:var(--muted)}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq summary{padding:16px 0;min-height:56px}
.faq summary:hover{color:var(--purple)}
.faq details p,.faq li{max-width:65ch;font-size:15px;overflow-wrap:anywhere}
.faq ul{padding-left:22px;margin:0 0 20px}
.faq li+li{margin-top:8px}
@media(max-width:600px){.faq{padding:32px 0}nav{gap:12px}nav>a[href="#faq"]{display:inline-flex}.faq summary{font-size:15px}}