@font-face{font-family:BuckyHand;src:url('assets/fonts/patrick-hand.ttf') format('truetype');font-display:swap}
:root{--ink:#151514;--paper:#fffdf5;--green:#00eb35;--yellow:#ffea45;--sky:#38b2f2;--lavender:#cfb4f7;--pink:#ffc5dd;--border:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:BuckyHand,'Comic Sans MS',cursive;font-size:21px;line-height:1.35}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.02}h2{font-size:clamp(42px,4.4vw,66px);letter-spacing:-1px}p{line-height:1.4}button:focus-visible,a:focus-visible{outline:3px solid #194bff;outline-offset:6px}button:disabled{opacity:.55}.wrap{max-width:1240px;padding-inline:42px;margin-inline:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.section{padding-block:95px}.label{display:block;font-family:BuckyHand,sans-serif;font-size:16px;letter-spacing:1.3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;border:var(--border);border-radius:10px 13px 11px 14px;padding:11px 22px;box-shadow:4px 5px 0 var(--ink);font-size:19px;line-height:1.1;white-space:nowrap;transition:transform .16s,box-shadow .16s;background:var(--paper)}.button:hover{transform:translate(2px,2px);box-shadow:2px 3px 0 var(--ink)}.button:active{transform:translate(4px,5px);box-shadow:none}.button svg{width:23px;height:23px}.button.small{min-height:43px;padding:8px 15px;font-size:17px}.green{background:var(--green)}.yellow{background:var(--yellow)}.white{background:var(--paper)}.green-text{color:#00b42b}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--yellow);padding:12px;border:var(--border)}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:var(--border)}.nav-wrap{max-width:1380px;min-height:91px;padding:12px 42px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;gap:9px;font-size:38px;line-height:1;letter-spacing:-1px}.logo svg{width:58px;height:58px}.logo-dot{color:#00b92c}.site-header nav{display:flex;gap:15px;align-items:center}.site-header nav a{padding:6px 15px;border:2px solid transparent;border-radius:9px;transition:background .16s}.site-header nav a:hover{background:#e8ffdb}.site-header nav a.active{border-color:var(--ink);background:var(--yellow);transform:rotate(-2deg)}.menu-toggle{display:none}
.hero{position:relative;background:var(--sky);overflow:hidden;isolation:isolate}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;min-height:555px;padding-top:55px;padding-bottom:88px}.hero-art{position:relative;align-self:end;z-index:2;margin-left:-25px;margin-bottom:-59px}.hero-art>img{width:100%;height:auto;position:relative}.art-note{position:absolute;top:-30px;left:30px;font-size:19px;transform:rotate(-8deg)}.note-arrow{width:70px;height:50px;position:absolute;left:35px;top:0}.hero-copy{position:relative;z-index:3;align-self:center;padding-bottom:5px}.hero-label{display:inline-block;background:var(--paper);border:2px solid var(--ink);border-radius:5px;padding:5px 12px;transform:rotate(-2deg);font-size:14px;letter-spacing:1.3px;margin-bottom:23px}.hero h1{font-size:clamp(61px,6.1vw,90px);letter-spacing:-2.5px;line-height:.99}.hero h1 span{color:var(--yellow);-webkit-text-stroke:1.2px var(--ink);text-shadow:3px 3px 0 var(--ink)}.hero-copy>p{font-size:25px;margin:22px 0 26px}.hero .actions{gap:22px}.hero-about{font-size:18px;text-decoration:underline;text-underline-offset:5px;display:flex;gap:9px;align-items:center}.hero-about span{font-size:30px}.mountains{position:absolute;width:100%;height:90px;bottom:-2px;left:0;z-index:4;pointer-events:none}.cloud{position:absolute;background:var(--paper);border-radius:100px;width:100px;height:30px;opacity:.95;z-index:-1}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%;width:45px;height:45px;top:-18px;left:15px}.cloud:after{width:50px;height:50px;left:42px;top:-25px}.cloud-one{top:73px;left:2%;transform:scale(.8)}.cloud-two{top:53px;right:3%;transform:scale(1.1)}.cloud-three{top:45%;left:49%;transform:scale(.6)}
.shortcuts{background:var(--lavender);padding:25px 0 40px;border-bottom:var(--border)}.shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.shortcut{display:grid;grid-template-columns:110px 1fr;gap:17px;align-items:center;padding:19px 16px;background:var(--paper);border:var(--border);border-radius:20px 16px 19px 14px;box-shadow:3px 4px 0 var(--ink);transition:transform .16s}.shortcut:nth-child(2){transform:rotate(1deg)}.shortcut:hover{transform:translateY(-5px) rotate(-1deg)}.shortcut h2{font-size:29px;letter-spacing:0}.shortcut p{font-size:16px;margin:5px 0 12px;line-height:1.1}.shortcut-icon{width:110px;height:112px;overflow:hidden;border:2px solid var(--ink);border-radius:12px;transform:rotate(-5deg);background:var(--pink)}.shortcut-icon img{height:100%;width:100%;object-fit:cover}.original-icon img{width:210%;max-width:none;object-fit:cover;object-position:50%;margin-left:-51%;height:115%;margin-top:0}.mini-button{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid var(--ink);border-radius:8px 10px 7px 9px;padding:4px 10px;background:var(--yellow);font-size:17px;line-height:1.2;max-width:155px}.mini-button span{font-size:20px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.original-polaroid{position:relative;transform:rotate(-4deg);background:white;padding:27px 19px 16px;border:var(--border);border-radius:4px;box-shadow:7px 8px 0 var(--ink)}.original-polaroid>img{width:100%;aspect-ratio:1.45;object-fit:contain;image-rendering:pixelated}.original-polaroid>div{font-size:21px;text-align:center;padding-top:7px}.tape{position:absolute;top:-16px;left:37%;width:110px;height:32px;transform:rotate(3deg);background:#f5d96ac9;clip-path:polygon(2% 0,100% 5%,98% 26%,100% 42%,97% 60%,100% 95%,0 100%,2% 72%,0 47%)}.original-stamp{position:absolute;right:-25px;bottom:68px;width:95px;height:95px;border:3px double var(--ink);border-radius:50%;background:var(--yellow);display:grid;place-content:center;text-align:center;font-size:17px;line-height:1.1;transform:rotate(13deg)}.about-copy h2{margin:15px 0 24px}.about-copy>p{font-size:22px;margin-top:15px}.about-foot{margin-top:23px;padding-top:16px;border-top:2px dashed #b9b5a9;display:flex;align-items:center;justify-content:space-between;font-size:20px}.about-foot svg{width:54px;height:54px;transform:rotate(8deg)}
.ticker{overflow:hidden;background:var(--green);border-block:var(--border);padding:13px 0}.ticker>div{display:flex;gap:35px;white-space:nowrap;justify-content:center;font-size:25px;letter-spacing:1px}.ticker span{font-size:29px;line-height:1}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.section-heading .label{margin-bottom:13px}.section-heading>.button{margin-bottom:6px}.meme-section{background:var(--pink);border-bottom:var(--border)}.title-star{display:inline-block;vertical-align:top;margin-left:17px;font-size:58px;color:var(--yellow);-webkit-text-stroke:2px var(--ink);transform:rotate(12deg)}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.meme-card{background:var(--paper);border:var(--border);border-radius:15px 18px 13px 17px;box-shadow:4px 5px 0 var(--ink);overflow:hidden;transition:transform .16s}.meme-card:hover{transform:translateY(-5px) rotate(-1deg)}.meme-card .open-meme{background:none;padding:0;border:none;width:100%;text-align:left;display:block}.meme-card .card-image{overflow:hidden;background:white;aspect-ratio:1.28;position:relative}.card-image img{width:100%;height:100%;object-fit:contain}.meme-card .card-title{font-size:25px;display:flex;justify-content:space-between;gap:12px;padding:16px 17px 9px}.card-title>span:last-child{font-size:22px}.meme-card .card-tag{padding:0 17px 16px;font-size:15px;color:#555}.meme-footer{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:32px}.meme-footer p{font-size:19px}.text-link{display:inline-flex;align-items:center;gap:10px;text-decoration:underline;text-underline-offset:5px;font-size:17px}.text-link svg{width:24px;height:24px}
.gallery-section{background:var(--lavender)}.gallery-intro{font-size:23px;max-width:290px;margin-bottom:6px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 28px}.filters{display:flex;gap:11px;flex-wrap:wrap}.filter{background:transparent;border:2px solid var(--ink);border-radius:30px;padding:7px 18px;font-size:18px;transition:background .15s,box-shadow .15s}.filter:hover{background:#e9dbff}.filter.active{background:var(--yellow);box-shadow:2px 3px 0 var(--ink)}#gallery-count{font-size:17px;white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.gallery-grid .meme-card .card-image{aspect-ratio:1.23}.gallery-grid .meme-card .card-title{font-size:23px}.load-more-wrap{text-align:center;margin-top:39px}.load-more-wrap:has(button[hidden]){display:none}[hidden]{display:none!important}.gallery-error{grid-column:1/-1;min-height:120px;display:grid;place-content:center}
.community{position:relative;text-align:center;background:var(--yellow);border-top:var(--border);overflow:hidden;padding-bottom:100px}.community-inner{position:relative;max-width:1050px}.community h2{font-size:clamp(49px,6.3vw,90px);margin:22px 0 25px;letter-spacing:-2px}.community h2>span{color:#00b52a;-webkit-text-stroke:1px var(--ink);text-shadow:2px 3px 0 var(--ink)}.community p{font-size:24px}.community-actions{justify-content:center;margin-top:30px}.community-doodle{position:absolute;font-size:105px;line-height:1}.doodle-one{left:40px;top:88px;transform:rotate(-12deg);color:var(--paper);-webkit-text-stroke:2px var(--ink)}.doodle-two{right:55px;bottom:0;color:var(--pink);-webkit-text-stroke:2px var(--ink);transform:rotate(13deg)}.community-face{position:absolute;width:105px;height:105px;right:18px;top:20px;transform:rotate(13deg)}.social-links{display:flex;gap:15px;justify-content:center;margin-top:28px}.social-links a{text-decoration:underline;text-underline-offset:5px}.contract{margin:30px auto 0;max-width:570px;border:var(--border);border-radius:13px;padding:15px;background:var(--paper)}.contract>span{font-size:15px;display:block;letter-spacing:1px}.contract button{border:0;background:transparent;font-family:monospace;font-size:13px;word-break:break-all;max-width:100%;padding:8px}.contract a{display:block;font-size:17px;text-decoration:underline}
footer{background:var(--ink);color:var(--paper);padding-block:26px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-logo{font-size:35px;line-height:1;color:var(--green)}.footer-inner>span{font-size:14px;letter-spacing:.4px}.footer-inner>a:last-child{font-size:16px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;border:2px solid var(--paper);border-radius:12px;padding:12px 22px;font-size:18px;z-index:100;transition:opacity .18s,transform .18s;max-width:90vw;width:max-content;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{padding:0;border:var(--border);border-radius:19px;background:var(--paper);color:var(--ink);max-width:900px;width:calc(100% - 40px);max-height:90dvh;overflow:auto;box-shadow:8px 9px 0 var(--ink)}dialog::backdrop{background:#10171cc9;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 19px;border-bottom:var(--border);background:var(--lavender)}.icon-button{display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;width:36px;height:36px;font:30px/1 sans-serif;background:var(--paper)}.viewer-image{background:white;position:relative;display:grid;place-items:center;min-height:150px}.viewer-image img{max-height:61dvh;max-width:100%;width:auto;object-fit:contain}.viewer-prev,.viewer-next{position:absolute;top:50%;transform:translateY(-50%);background:var(--yellow);border:2px solid var(--ink);width:39px;height:46px;font:36px/1 BuckyHand,sans-serif;border-radius:10px}.viewer-prev{left:10px}.viewer-next{right:10px}.dialog-bottom{border-top:var(--border);padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-bottom h2{font-size:29px;letter-spacing:0}.dialog-bottom>div>span{font-size:16px;color:#555}.viewer-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(min-width:1500px){.hero-inner{min-height:610px}.hero-art{margin-left:-45px;margin-right:-10px}.hero h1{font-size:96px}}
@media(max-width:1100px){.wrap{padding-inline:28px}.nav-wrap{padding-inline:28px;gap:16px}.site-header nav{gap:1px}.site-header nav a{padding:6px 12px}.nav-join{display:none}.hero-inner{gap:20px;min-height:520px}.hero h1{font-size:70px}.hero .actions{gap:20px}.hero-about{font-size:17px}.shortcut{grid-template-columns:75px 1fr;gap:13px;padding:16px 13px}.shortcut-icon{width:75px;height:100px}.shortcut h2{font-size:25px}.shortcut p{font-size:15px}.about-grid{gap:65px}.featured-grid,.gallery-grid{gap:20px}.meme-card .card-title{font-size:23px}.community-face{right:20px;width:80px}.doodle-one{left:15px;font-size:80px}.doodle-two{right:18px;font-size:80px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{padding-inline:22px}.section{padding-block:65px}.nav-wrap{min-height:76px;padding:9px 22px;gap:15px}.logo{font-size:32px}.logo svg{width:48px;height:48px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:43px;height:41px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);padding:8px;box-shadow:2px 2px 0 var(--ink)}.menu-toggle span{height:2px;width:100%;background:var(--ink);border-radius:5px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:var(--border);padding:12px 22px 18px;flex-wrap:wrap;justify-content:center;gap:5px}.site-header nav.open{display:flex}.site-header nav a{font-size:19px;padding:8px 12px}.hero-inner{grid-template-columns:1fr;gap:0;min-height:0;padding-top:38px;padding-bottom:38px}.hero-copy{grid-row:1;text-align:center;padding:0}.hero h1{font-size:clamp(57px,10vw,80px);letter-spacing:-2px}.hero-label{margin-bottom:18px;font-size:13px}.hero-copy>p{font-size:22px;margin:18px 0 21px}.hero .actions{justify-content:center;gap:20px}.hero .button{font-size:17px;padding:11px 14px}.hero-art{grid-row:2;margin:36px auto -14px;max-width:440px;width:100%}.hero-art>img{width:100%}.art-note{font-size:16px;top:0;left:0}.note-arrow{top:23px;left:0;width:50px;height:35px}.hero-about{font-size:17px}.mountains{height:52px}.cloud-one{top:30%;left:-30px;transform:scale(.75)}.cloud-two{top:37%;right:-30px;transform:scale(.7)}.cloud-three{display:none}.shortcut-grid{grid-template-columns:1fr;gap:16px}.shortcuts{padding-top:13px;padding-bottom:28px}.shortcut{grid-template-columns:85px 1fr;padding:13px 16px;gap:19px}.shortcut:nth-child(2){transform:rotate(0deg)}.shortcut-icon{height:80px;width:85px}.shortcut h2{font-size:27px}.shortcut p{font-size:17px;margin:2px 0 7px}.shortcut>div:last-child{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:center}.shortcut h2,.shortcut p{grid-column:1}.mini-button{grid-column:2;grid-row:1/3;font-size:16px;padding:7px 9px;max-width:none}.about-grid{grid-template-columns:1fr;gap:55px}.original-polaroid{max-width:470px;width:calc(100% - 20px);margin:auto;padding:20px 15px 13px}.original-polaroid>img{aspect-ratio:1.65}.original-polaroid>div{font-size:18px}.original-stamp{width:80px;height:80px;right:-15px;bottom:48px;font-size:15px}.about-copy h2{font-size:56px}.about-copy .label{font-size:14px}.about-copy>p{font-size:21px}.ticker{padding:10px 0}.ticker>div{font-size:22px;gap:22px}.section-heading{align-items:flex-start;gap:22px;flex-direction:column;margin-bottom:27px}.section-heading h2{font-size:46px}.section-heading .label{font-size:13px;letter-spacing:1px}.section-heading>.button{align-self:flex-start;font-size:17px;min-height:45px}.title-star{font-size:40px;margin-left:10px}.featured-grid{grid-template-columns:1fr;gap:23px;max-width:480px;margin:auto}.featured-grid .card-image{aspect-ratio:1.5}.featured-grid .card-title{font-size:26px}.meme-footer{flex-direction:column;align-items:flex-start;gap:17px;margin-top:28px}.gallery-intro{font-size:21px}.gallery-toolbar{flex-direction:column;align-items:flex-start;gap:15px;margin:28px 0 22px}.filters{gap:8px}.filter{padding:6px 14px;font-size:17px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.gallery-grid .meme-card{border-width:2px;box-shadow:3px 4px 0 var(--ink);border-radius:11px}.gallery-grid .meme-card .card-title{font-size:19px;padding:12px 10px 5px;gap:5px}.gallery-grid .meme-card .card-tag{padding:0 10px 12px;font-size:14px}.gallery-grid .card-title>span:last-child{font-size:18px}.gallery-grid .meme-card .card-image{aspect-ratio:1}.community{padding-top:65px;padding-bottom:65px}.community h2{font-size:54px;letter-spacing:-1px;margin:20px 0}.community p{font-size:22px}.community>.wrap>.label{font-size:14px}.community-actions{gap:18px;flex-direction:column}.community-actions .button{min-width:215px;font-size:18px}.doodle-one{font-size:45px;left:10px;top:60px}.doodle-two{font-size:55px;right:12px;bottom:80px}.community-face{width:52px;height:52px;right:11px;top:-43px}.footer-inner{flex-wrap:wrap;justify-content:center;gap:15px;text-align:center}.footer-inner>span{order:3;width:100%;font-size:12px}.footer-logo{font-size:30px}.footer-inner>a:last-child{font-size:15px;margin-left:auto}.dialog-bottom{flex-direction:column;align-items:flex-start;padding:14px}.viewer-actions{width:100%;gap:11px}.viewer-actions .button{flex:1}.dialog-bottom h2{font-size:26px}.viewer-image img{max-height:55dvh}.dialog-header{padding:10px 13px}.dialog-header .label{font-size:14px}}
@media(max-width:390px){.wrap{padding-inline:17px}.nav-wrap{padding-inline:17px}.hero h1{font-size:54px}.hero .actions{gap:16px;flex-direction:column}.hero-art{margin-top:23px}.shortcut{gap:13px;padding-inline:12px;grid-template-columns:70px 1fr}.shortcut-icon{width:70px;height:77px}.shortcut h2{font-size:23px}.shortcut p{font-size:14px}.mini-button{font-size:14px;padding:6px}.gallery-grid .meme-card .card-title{font-size:17px}.community h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Contain hand-drawn decorations without sideways scrolling on phones. */
main{overflow-x:clip}
/* Jungle Bay: the old internet guy finds the island. */
.jungle-section{background:#c9efc5;border-block:var(--border)}.jungle-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.jungle-copy h2{margin:15px 0 24px}.jungle-copy h2>span{color:#008f2e}.jungle-lead{font-size:28px;line-height:1.15;margin-bottom:20px}.jungle-copy>p:not(.jungle-lead){font-size:22px;max-width:490px}.jungle-copy .actions{margin-top:28px;gap:24px}.island-url{display:inline-block;font-size:25px;margin-top:22px;text-decoration:underline;text-underline-offset:5px}.relationship-note{display:block;font-size:15px;margin-top:10px;color:#345336}.jungle-postcard{position:relative;margin:0;background:white;border:var(--border);border-radius:5px;padding:14px 14px 12px;transform:rotate(3deg);box-shadow:7px 8px 0 var(--ink)}.jungle-postcard img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:white;image-rendering:pixelated}.jungle-postcard figcaption{font-size:21px;text-align:center;padding-top:12px}.island-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.island-links>a{display:block;border-top:2px solid var(--ink);padding-top:17px}.island-links span{font-size:14px;letter-spacing:1px;display:block}.island-links strong{font-size:25px;display:block;font-weight:400;margin:4px 0}.island-links small{font-size:17px}.bayla-reference{margin-top:30px;padding-top:18px;border-top:1px dashed #739970;font-size:17px}.bayla-reference summary{cursor:pointer;width:fit-content}.bayla-reference p{margin-top:13px}.bayla-reference>a{display:block;text-decoration:underline;font-size:16px}.address-button{display:block;border:0;background:none;font-family:monospace;font-size:12px;text-align:left;overflow-wrap:anywhere;max-width:100%;padding:10px 0}.bayla-series{background:#fff4d9;border-bottom:var(--border)}.series-intro{max-width:300px}.series-intro p{font-size:22px;margin-bottom:18px}.campaign-grid .card-image{aspect-ratio:1.4}.campaign-grid .card-image img{image-rendering:pixelated}.series-bottom{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:30px}.series-bottom>p{flex:1;font-size:20px;min-width:250px}.island-picks{margin-top:70px;padding-top:30px;border-top:2px dashed #b9a983}.picks-heading h3{font-size:34px;margin-top:9px}.picks-heading p{font-size:20px;margin-top:10px}.picks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:27px}.pick{display:flex;flex-direction:column;gap:12px;padding-left:20px;border-left:3px solid var(--ink)}.pick-type{font-size:13px;line-height:1.3;letter-spacing:.5px}.pick h4{font-size:30px;line-height:1;margin:0;font-weight:400}.pick p{font-size:19px;line-height:1.3}.pick>span:last-child{font-size:17px;text-decoration:underline;margin-top:auto}.pick:hover h4{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.remix-section{background:#d5edff;border-top:var(--border)}.remix-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.remix-preview{min-width:0;background:white;border:var(--border);border-radius:10px;box-shadow:5px 6px 0 var(--ink);padding:12px}.remix-preview canvas{display:block;width:100%;height:auto;background:white;image-rendering:pixelated}.remix-preview p{font-size:15px;text-align:center;margin-top:10px}.remix-controls{display:flex;flex-direction:column;gap:11px;min-width:0}.remix-controls label{font-size:15px;letter-spacing:1px;margin-top:3px}.remix-controls textarea{width:100%;resize:vertical;min-height:70px;font:20px/1.2 BuckyHand,sans-serif;background:var(--paper);border:var(--border);border-radius:9px;padding:12px}.remix-controls .actions{margin-top:8px;gap:20px}.remix-controls .text-link{align-self:flex-start}.surprise-caption{border:0;padding:0;background:none;font-size:18px;cursor:pointer}.remix-instructions{font-size:18px;margin-top:15px;line-height:1.35}.remix-controls>.button{align-self:flex-start}.remix-credit{font-size:14px;line-height:1.4;color:#3c535c}.community-invite{margin-top:45px;border-top:2px dashed #82adcc;padding-top:25px}.community-invite h3{font-size:29px}.community-invite p{font-size:20px;margin:10px 0 17px}.footer-island{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;padding-bottom:24px;margin-bottom:22px;border-bottom:1px solid #555}.footer-island a{font-size:16px;color:#d8f9ca}.kit-header{background:var(--green);border-bottom:var(--border);padding:30px 0}.kit-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.kit-header h1{font-size:40px}.kit-main{max-width:1000px;padding-block:50px}.kit-main h2{font-size:38px;margin:40px 0 20px}.kit-main h3{font-size:27px;margin:25px 0 10px}.kit-main p,.kit-main li{font-size:21px;line-height:1.45}.kit-main p{margin-bottom:18px}.kit-main a:not(.button){text-decoration:underline;text-underline-offset:4px}.kit-post{padding:23px;background:white;border:var(--border);border-radius:12px;margin-bottom:23px}.kit-post blockquote{margin:15px 0;padding-left:16px;border-left:3px solid var(--ink);white-space:pre-line;font-size:23px}.kit-post .button{margin-top:10px}.kit-credits{font-size:17px!important;color:#555}.kit-image{border:var(--border);border-radius:9px;max-width:700px;margin:25px 0}.kit-main details{border-top:2px solid #bbb;padding-top:16px;margin-top:25px}.kit-main summary{cursor:pointer;font-size:25px}
@media(max-width:1100px){.jungle-grid{gap:36px}.jungle-copy h2{font-size:51px}.jungle-copy .button{font-size:17px;padding-inline:16px}.jungle-postcard{padding:10px}.island-links strong{font-size:23px}.remix-grid{gap:25px}.remix-controls .actions{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:760px){.jungle-grid{grid-template-columns:1fr;gap:37px}.jungle-copy h2{font-size:51px}.jungle-copy>p:not(.jungle-lead){font-size:21px}.jungle-lead{font-size:25px}.jungle-postcard{width:calc(100% - 12px);margin-inline:auto;transform:rotate(2deg)}.jungle-postcard figcaption{font-size:19px}.jungle-copy .actions{gap:22px}.island-links{grid-template-columns:1fr;gap:20px;margin-top:37px}.island-links strong{font-size:25px}.island-links small{font-size:18px}.address-button{font-size:11px}.series-intro{max-width:100%}.series-intro p{font-size:21px}.series-bottom{gap:20px;align-items:flex-start;flex-direction:column}.series-bottom>p{min-width:0;flex:auto}.campaign-grid .card-image{aspect-ratio:1.5}.island-picks{margin-top:50px}.picks-heading h3{font-size:30px}.picks-grid{grid-template-columns:1fr;gap:28px}.pick{gap:9px}.pick-type{font-size:13px}.pick h4{font-size:29px}.pick p{font-size:20px}.pick>span:last-child{margin-top:4px}.remix-grid{grid-template-columns:1fr;gap:32px}.remix-controls .actions{flex-direction:row;align-items:center}.remix-controls .button{font-size:18px}.remix-instructions{font-size:19px}.remix-credit{font-size:14px}.footer-island{gap:13px;flex-direction:column;text-align:center}.kit-header .wrap{align-items:flex-start;flex-direction:column;gap:20px}.kit-header h1{font-size:34px}.kit-main{padding-top:35px}.kit-main h2{font-size:34px}.kit-main p,.kit-main li{font-size:20px}.kit-post{padding:18px}}
.kit-post blockquote{overflow-wrap:anywhere}
.kit-image{width:100%;height:auto}
.kit-post{min-width:0;overflow-wrap:anywhere}
.kit-post blockquote{max-width:100%;white-space:pre-wrap;word-break:break-word}

/* Give the three-panel strips room to read without cropping. */
.gallery-grid .comic-card{grid-column:1/-1}.gallery-grid .comic-card .card-image{aspect-ratio:3/1}.gallery-grid .comic-card:hover{transform:translateY(-3px)}

.comics-feature-section{background:var(--paper);border-bottom:var(--border)}
.comics-feature-section .section-heading{align-items:baseline}
.comic-feature-link{display:block}
.comic-feature{margin:0;background:#fff;border:var(--border);border-radius:8px;overflow:hidden;box-shadow:5px 6px 0 var(--ink)}
.comic-feature img,.comic-art img{display:block;width:100%;height:auto}
.comic-feature figcaption{display:flex;justify-content:space-between;padding:12px 18px;border-top:2px solid var(--ink);background:var(--paper);font-size:23px}
.comic-feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.comic-topbar{background:var(--green);border-bottom:var(--border)}
.comic-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding-block:12px}
.comic-collection{padding-block:55px 70px}
.comic-collection-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap}
.comic-collection-intro h1{font-size:clamp(55px,8vw,98px);letter-spacing:-2px}
.comic-collection-intro p{margin-top:10px;font-size:23px}
.comic-index{display:flex;flex-wrap:wrap;gap:8px 17px;margin:30px 0;padding:16px 0;border-block:2px dashed var(--ink)}
.comic-index a{font-size:17px;text-decoration:underline;text-underline-offset:4px}
.comic-reading-note{display:none;margin:0 0 16px;font-size:17px}
.comic-strips{display:grid;gap:35px}
.comic-strip{min-width:0;scroll-margin-top:12px;padding:18px;background:#fff;border:var(--border);border-radius:8px;box-shadow:4px 5px 0 var(--ink)}
.comic-strip:target{outline:3px solid #158d29;outline-offset:3px}
.comic-strip h2{font-size:29px;letter-spacing:0;margin-bottom:14px}
.comic-number{font-size:17px;margin-right:8px;color:#4b4a45}
.comic-art{overflow-x:auto;overscroll-behavior-x:contain}
.comic-art>a{display:block}
.comic-art:focus-visible{outline:3px solid #194bff;outline-offset:2px}
.comic-strip-tools{display:flex;align-items:center;gap:10px 22px;flex-wrap:wrap;margin-top:12px;font-size:18px}
.comic-strip-tools a,.comic-strip-tools button,.comic-credits a{text-decoration:underline;text-underline-offset:4px}
.comic-strip-tools button{border:0;background:none;padding:0}
.comic-transcript{border-top:1px dashed #aaa;margin-top:14px;padding-top:10px;font-size:17px}
.comic-transcript summary{cursor:pointer;width:fit-content}
.comic-transcript ol{margin:8px 0 0;padding-left:25px}
.comic-transcript li+li{margin-top:5px}
.comic-credits{font-size:17px;margin-top:30px}
.comic-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1101px) and (max-width:1260px){
  .site-header nav{gap:7px}
  .site-header nav a{padding-inline:10px;white-space:nowrap}
}
@media(max-width:760px){
  .comics-feature-section .section-heading{align-items:flex-start}
  .comic-topbar-inner .logo{font-size:28px}
  .comic-topbar-inner .logo img{width:38px;height:38px}
  .comic-topbar-inner .text-link{font-size:16px}
  .comic-collection{padding-block:34px 48px}
  .comic-collection-intro p{font-size:20px}
  .comic-strip{padding:12px}
  .comic-strip-tools{gap:10px 16px;font-size:17px}
}
@media(max-width:600px){
  .comic-art>a{min-width:780px}
  .comic-reading-note{display:block}
}