/*
Theme Name: Homepagedings – Comic & Webdesign
Author: Homepagedings / Daniela
Description: Individuelles Gutenberg-Block-Theme für die eigenständige Webdesign-Homepage von Daniela. Demo-Inhalte über Design > Homepagedings einrichten.
Version: 2.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mf-beispielwelten
Tags: full-site-editing, block-patterns, custom-colors, wide-blocks
*/
body{--paper:var(--wp--preset--color--paper,#f6f5ef);--ink:var(--wp--preset--color--ink,#202520);--accent:var(--wp--preset--color--accent,#d4ef72)}
@font-face{font-family:Bangers;src:url('assets/fonts/Bangers-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'Comic Neue';src:url('assets/fonts/ComicNeue-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'Comic Neue';src:url('assets/fonts/ComicNeue-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--paper:#f6f5ef;--ink:#202520;--accent:#d4ef72;--line:#202520;--surface:#fffdf6;--speech:#fffdf6;--speech-ink:#202520;--heading:Bangers,'Comic Sans MS',cursive;--body:'Comic Neue','Comic Sans MS',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font:400 19px/1.55 var(--body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(color-mix(in srgb,var(--ink) 8%,transparent) .65px,transparent .65px);background-size:7px 7px}a{color:inherit;text-underline-offset:4px}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.02;letter-spacing:.015em;text-wrap:balance}h1{font-size:clamp(3.9rem,6.6vw,6.7rem)}h2{font-size:clamp(2.6rem,4.3vw,4.5rem)}h3{font-size:clamp(1.7rem,2.3vw,2.35rem)}em{font-style:normal;color:inherit}h1 em,h2 em{background:var(--accent);color:#202520;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .08em}p+p{margin-top:1rem}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid #637e12;outline-offset:6px}::selection{background:#d4ef72;color:#202520}.section{max-width:1420px;margin:0 auto;padding:70px 5.5%}.wp-block-columns{display:flex;gap:36px;margin:0}.wp-block-column{min-width:0;flex:1}.wp-block-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px}.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:12px 22px;background:var(--accent);color:#202520;border:2.5px solid var(--line);border-radius:5px 8px 4px 7px;box-shadow:4px 4px 0 var(--line);font-family:var(--body);font-size:17px;font-weight:700;line-height:1.25;text-decoration:none;transition:transform .15s,box-shadow .15s}.wp-block-button__link:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}.wp-block-button.is-style-outline .wp-block-button__link{background:var(--surface);color:var(--speech-ink)}.eyebrow{display:table;font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.45;text-transform:uppercase;margin-bottom:20px}.hero-copy{font-size:20px;line-height:1.5;margin-top:24px;max-width:530px}.hero-note,.fineprint{font-size:14px;line-height:1.5;opacity:.78;margin-top:20px}.section-lead{max-width:680px;margin-top:22px;font-size:21px}.skip-link{position:fixed;top:-200px;left:16px;z-index:200;background:#202520;color:white;padding:12px 20px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{max-width:1420px;margin:0 auto;padding:25px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:3px solid var(--line);background:var(--paper)}.brand-lockup{display:flex;align-items:center;gap:7px}.brand-logo{display:block;flex:0 0 65px;width:65px;height:38px;margin:0;transform:rotate(-7deg)}.brand-logo img{height:100%;width:100%;object-fit:cover;object-position:center}.brand-lockup p{margin:0}.brand{font:400 36px/1 var(--heading);letter-spacing:.015em;white-space:nowrap}.brand a{text-decoration:none}.brand-dot,.brand-amp{color:var(--ink)}.brand-dot{display:inline-block;transform:rotate(12deg);color:#83a626}.plain-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.plain-nav a{font-size:16px;font-weight:700;text-decoration:none;position:relative}.plain-nav a:hover{background:var(--accent);color:#202520}.plain-nav a:last-child{font-size:13px}.nav-toggle{display:none;background:var(--accent);color:#202520;border:2px solid var(--line);border-radius:4px;box-shadow:2px 2px 0 var(--line);padding:8px 15px;font-weight:700}.site-header .wp-block-navigation{font:700 16px var(--body)}.site-header .wp-block-navigation__container{gap:22px}.site-header .wp-block-navigation__responsive-container{background:var(--paper);color:var(--ink)}.demo-bar{background:var(--line);color:#fffdf6;padding:9px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.demo-bar p{margin:0}.demo-bar .wp-block-buttons{margin:0;gap:17px}.demo-bar .wp-block-button__link{border:0;box-shadow:none;padding:0;min-height:0;border-radius:0;background:none;color:#fffdf6;font-size:12px}.demo-bar a{text-decoration:none}.demo-bar a:hover{text-decoration:underline}.site-footer{max-width:1420px;margin:auto;padding:30px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:3px solid var(--line);font-size:14px;background:var(--paper)}.site-footer p{margin:0}.hero-grid{align-items:center;gap:45px}.comic-cover{padding-top:55px;padding-bottom:55px}.cover-grid>.wp-block-column:first-child{flex:1.05}.cover-title{position:relative;font-size:clamp(3.8rem,6.3vw,6.5rem);max-width:650px}.cover-tagline{font-size:24px;font-weight:700;margin-top:26px;line-height:1.35}.cover-scene{position:relative;padding:15px 0 40px 5px}.cover-image{border:3px solid var(--line);border-radius:4px 22px 5px 18px;box-shadow:8px 8px 0 var(--line);overflow:hidden;transform:rotate(2deg)}.cover-image img{aspect-ratio:1.03;object-fit:cover;object-position:55% center}.speech,.is-style-comic-sprechblase{position:relative;background:var(--speech);color:var(--speech-ink);border:2.5px solid var(--line);border-radius:42% 45% 38% 32% / 25% 32% 24% 31%;padding:20px 24px;font-size:23px;font-weight:700;line-height:1.2;box-shadow:3px 3px 0 var(--line);margin:24px 0 35px;max-width:510px}.speech:before,.is-style-comic-sprechblase:before{content:'';position:absolute;bottom:-18px;left:33px;width:25px;height:22px;background:var(--speech);border-left:2.5px solid var(--line);border-bottom:2.5px solid var(--line);transform:skewY(-36deg) rotate(-14deg);z-index:1}.cover-reply{position:absolute;right:-12px;bottom:10px;max-width:290px;font-size:26px;transform:rotate(-4deg);margin:0;z-index:2}.sound-effect{position:absolute;top:-6px;right:-5px;background:var(--accent);color:#202520;font:400 19px var(--heading);padding:11px 20px;border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);transform:rotate(5deg);margin:0}.ticker-section{max-width:none;padding:19px 3%;border-top:3px solid var(--line);border-bottom:3px solid var(--line);background:var(--accent);color:#202520}.ticker{font:400 clamp(17px,2.2vw,28px)/1.25 var(--heading);letter-spacing:.055em;text-align:center}.ticker span{padding:0 18px}.section-intro{padding-bottom:30px}.section-intro .wp-block-columns{align-items:end}.section-intro .wp-block-column:last-child{flex:.8}.section-intro .wp-block-column:last-child p{max-width:500px}.worlds-section{padding-top:5px;padding-bottom:80px}.world-grid{gap:26px;align-items:stretch}.world-grid>.wp-block-column{display:flex}.world-panel{display:flex;flex-direction:column;width:100%;background:var(--surface);color:var(--speech-ink);border:3px solid var(--line);padding:20px;box-shadow:6px 6px 0 var(--line);border-radius:3px 11px 5px 8px;transition:transform .18s}.world-panel:hover{transform:translateY(-5px)}.world-panel>.eyebrow{margin-bottom:14px}.world-image{margin:0 -20px;width:calc(100% + 40px);border-top:2px solid var(--line);border-bottom:2px solid var(--line)}.world-image img{aspect-ratio:1.4;object-fit:cover}.world-panel .speech{font-size:20px;padding:16px 20px;margin:20px 0 28px;box-shadow:2px 2px 0 var(--line)}.world-panel h3{font-size:31px;margin-bottom:12px}.world-panel>p:not(.eyebrow):not(.speech){font-size:18px}.world-panel .wp-block-buttons{margin-top:auto;padding-top:26px}.world-panel .wp-block-button__link{font-size:16px;padding:12px 14px;width:100%}.world-band{--accent:#cfb8ff}.world-shop{--accent:#f1b999}
.story-section{max-width:none;border-top:3px solid var(--line);border-bottom:3px solid var(--line);background-color:#ecefda;background-image:radial-gradient(#20252016 .8px,transparent .8px);background-size:6px 6px}.story-section>h2,.story-section>.eyebrow,.story-section>.section-lead,.story-section>.wp-block-columns,.story-section>.timeline-note{max-width:1264px;margin-left:auto;margin-right:auto}.story-section>.section-lead{max-width:1264px}.story-steps{margin-top:32px;gap:24px;align-items:stretch}.story-steps>.wp-block-column{display:flex}.comic-panel,.is-style-comic-kasten{background:var(--surface);color:var(--speech-ink);border:2.5px solid var(--line);box-shadow:5px 5px 0 var(--line);border-radius:4px 10px 3px 7px;padding:27px;position:relative;width:100%}.comic-panel>.eyebrow{background:var(--accent);color:#202520;padding:5px 9px;font-size:11px;margin-bottom:20px;border:1.5px solid var(--line);transform:rotate(-2deg)}.comic-panel h3{font-size:32px;margin-bottom:16px}.comic-panel>p:not(.eyebrow){font-size:18px;line-height:1.5}.timeline-note{display:grid;grid-template-columns:95px 1.5fr 1fr;align-items:center;gap:24px;margin-top:42px}.dings-figure{width:125px;max-width:100%;margin:0 auto}.dings-figure img{width:100%;height:auto;object-fit:contain;aspect-ratio:1;filter:drop-shadow(2px 3px 0 #20252015)}.timeline-note .speech{margin:0;font-size:20px;max-width:none}.timeline-note .speech:before{left:-15px;bottom:30%;width:23px;height:20px;transform:rotate(42deg);border-left:2.5px solid var(--line);border-top:0;border-bottom:2.5px solid var(--line)}.timeline-note .fineprint{margin:0;opacity:.85;font-size:14px;line-height:1.5}.edit-section{padding-top:85px;padding-bottom:85px}.editor-grid{align-items:center;gap:60px}.editor-copy>p:not(.eyebrow):not(.speech){max-width:520px}.editor-copy .speech{font-size:22px;max-width:390px}.editor-sample{padding:36px;transform:rotate(1deg)}.editor-sample h3{font-family:var(--body);font-size:28px;font-weight:700;line-height:1.25;letter-spacing:0;max-width:410px;margin-bottom:24px}.editor-sample .eyebrow{margin-bottom:27px}.editor-sample .wp-block-button__link{font-size:15px}.editor-sample .fineprint{font-size:13px!important}.preview-editable[contenteditable=true]{outline:3px dashed #718b2b;background:#d4ef7255;padding:12px;margin:-12px -12px 12px;min-height:70px}.original-comic{background:#fffdf6;border-top:3px solid var(--line);border-bottom:3px solid var(--line);max-width:none}.original-comic>.eyebrow,.original-comic>.wp-block-columns,.original-comic>.fineprint{max-width:1264px;margin-left:auto;margin-right:auto}.original-comic>.wp-block-columns:first-of-type{align-items:end}.comic-pages{margin-top:36px;gap:32px}.comic-page{background:var(--paper);padding:10px 10px 14px;border:2.5px solid var(--line);box-shadow:5px 5px 0 var(--line);color:#202520}.comic-zoom a{display:block;cursor:zoom-in}.comic-zoom img{height:auto;aspect-ratio:auto}.comic-caption{font-weight:700;font-size:15px;padding:13px 9px 0}.original-comic>.fineprint{margin-top:25px;font-size:13px}.comic-reader{width:min(1200px,calc(100% - 24px));max-width:none;height:94dvh;max-height:94dvh;padding:0;border:3px solid #202520;border-radius:7px;background:#f6f5ef;color:#202520;box-shadow:8px 8px 0 #202520;overflow:auto}.comic-reader::backdrop{background:#161a16e8}.comic-reader-toolbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:2px solid #202520;background:#f6f5ef;z-index:5;font-size:15px}.comic-reader-toolbar button{font-weight:700;padding:7px 12px;border:2px solid #202520;background:#d4ef72;border-radius:4px;color:#202520}.comic-reader-toolbar button:disabled{opacity:.45;cursor:default}.comic-reader-image{width:100%;height:auto;max-width:1100px;margin:0 auto}.comic-reader-nav{display:flex;gap:10px;align-items:center}.comic-reader-hint{padding:12px 20px;font-size:14px}
.about-grid{align-items:center;gap:60px}.about-copy p:not(.eyebrow){max-width:630px;margin-top:24px;font-size:21px}.about-dings{position:relative;display:flex;align-items:center;justify-content:center;gap:0;min-height:260px}.about-dings .dings-figure{width:210px;margin:0}.about-dings .speech{font-size:22px;width:245px;transform:rotate(3deg);margin:0 0 75px -20px}.about-dings .speech:before{left:25px}.references{padding-top:0}.references>.eyebrow{margin-bottom:22px}.reference-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reference-strip p{margin:0}.reference-strip a{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border:2.5px solid var(--line);border-radius:4px;background:var(--surface);color:#202520;text-decoration:none;font:400 30px var(--heading);box-shadow:4px 4px 0 var(--line)}.reference-strip a:hover{background:var(--accent)}.reference-strip span{font-family:var(--body);font-size:24px}.faq-section{border-top:3px solid var(--line);padding-top:65px}.faq-grid{gap:60px}.faq-grid>.wp-block-column:first-child{flex:.75}.faq-list{border-top:2px solid var(--line)}.wp-block-details{border-bottom:2px solid var(--line);padding:18px 0}.wp-block-details summary{cursor:pointer;list-style-position:outside;margin-left:22px;font-size:21px;font-weight:700;line-height:1.35;padding:7px 4px}.wp-block-details p{font-size:18px;line-height:1.55;padding:18px 4px 7px}.contact-section{padding-top:30px;padding-bottom:80px}.contact-panel{padding:55px;background:var(--accent);color:#202520;border:3px solid var(--line);border-radius:8px 24px 9px 18px;box-shadow:8px 8px 0 var(--line);text-align:center;position:relative}.contact-panel .eyebrow{margin:0 auto 22px}.contact-panel h2{font-size:clamp(3rem,5.5vw,5.7rem)}.contact-panel h2 em{background:#fffdf6}.contact-panel .speech{display:table;margin:28px auto 36px;transform:rotate(-2deg);font-size:25px}.contact-panel .contact-copy,.contact-panel>p:not(.eyebrow):not(.fineprint):not(.speech){font-size:21px;max-width:680px;margin:25px auto 0}.contact-panel .fineprint{max-width:680px;margin:24px auto 0;font-size:14px;opacity:.85}.contact-panel .wp-block-buttons{justify-content:center}.contact-panel .wp-block-button__link{background:#fffdf6}.branch-hero{padding-top:55px;padding-bottom:70px}.branch-hero .hero-grid{gap:45px}.branch-hero-copy>.speech{font-size:23px;transform:rotate(-2deg);max-width:430px}.hero-photo{border:3px solid var(--line);box-shadow:7px 7px 0 var(--line);border-radius:5px 20px 6px 12px;overflow:hidden;transform:rotate(1.5deg)}.hero-photo img{aspect-ratio:1.05;object-fit:cover;object-position:center}.services>h2,.process>h2{margin-bottom:40px}.three-grid{gap:25px}.services{padding-top:20px}.project-section,.band-about,.atelier-section{background:var(--surface);border-top:3px solid var(--line);border-bottom:3px solid var(--line);max-width:none}.showcase-grid{max-width:1264px;margin:auto;align-items:center;gap:65px}.project-image{border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);overflow:hidden;border-radius:3px 9px 5px 12px}.project-image img{height:440px;object-fit:cover}.project-story>p:not(.eyebrow):not(.speech){margin-top:24px;max-width:520px}.project-story .speech{font-size:23px}.process .three-grid{align-items:stretch}.process .wp-block-column{display:flex}.profile-handwerk{--accent:var(--wp--preset--color--accent,#e7ba7c);--paper:var(--wp--preset--color--paper,#f7efde);--surface:#fffbf0}.profile-handwerk .brand{font-size:29px}.profile-handwerk .contact-panel{--accent:#e7ba7c}.profile-band{--paper:var(--wp--preset--color--paper,#211c31);--ink:var(--wp--preset--color--ink,#fff7e8);--accent:var(--wp--preset--color--accent,#d4ef72);--surface:#30273e;--speech:#fff9ed;--speech-ink:#202520;--line:#100e18}.profile-band .brand{font-size:34px}.profile-band h1 em,.profile-band h2 em{background:none;color:#d4ef72;padding:0}.profile-band .comic-panel{background:#fff9ed}.profile-band .contact-panel h2 em{color:#202520;background:#fff9ed}.profile-band .project-image{transform:rotate(-2deg)}.profile-band .project-image img{filter:grayscale(1)}.tour-section{padding-top:65px}.tour-section h2{margin-bottom:36px}.tour-row{background:#fff9ed;color:#202520;border:2.5px solid var(--line);box-shadow:5px 5px 0 var(--line);margin-top:18px;padding:23px 27px;align-items:center;gap:25px;border-radius:4px 8px 3px 6px}.tour-row>.wp-block-column:first-child{flex:0 0 100px}.tour-row>.wp-block-column:last-child{flex:0 0 210px}.date-stamp{display:flex;flex-direction:column;align-items:center;padding-right:22px;border-right:2px dashed #20252066}.date-stamp h3{font-size:48px}.date-stamp p{font-size:13px;font-weight:700;margin-top:2px}.date-info h3{font-size:35px}.date-info p{font-size:15px;margin-top:4px}.tour-row .wp-block-buttons{margin:0;justify-content:flex-end}.tour-row .wp-block-button__link{font-size:15px}.profile-band .contact-section{padding-top:75px}.profile-shop{--paper:var(--wp--preset--color--paper,#fbefe4);--ink:var(--wp--preset--color--ink,#352c2a);--accent:var(--wp--preset--color--accent,#f0b899);--surface:#fffaf0;--line:#352c2a}.profile-shop .brand{font-size:37px}.product-section{padding-top:10px}.product-card{padding:15px 15px 25px}.product-card .product-image{overflow:hidden;border:2px solid var(--line);border-radius:3px;margin-bottom:22px}.product-card .product-image img{aspect-ratio:1;object-fit:cover}.product-card>.eyebrow{font-size:10px;margin-bottom:15px;background:none;border:0;padding:0;transform:none}.product-card h3{margin-bottom:9px}.product-price{font-size:21px!important;font-weight:700;margin-top:5px}.product-card .wp-block-buttons{margin-top:20px}.product-card .wp-block-button__link{font-size:15px;padding:10px 14px}.shop-tools{position:fixed;right:23px;bottom:23px;z-index:40;border:2.5px solid var(--line);border-radius:8px 13px 6px 12px;box-shadow:4px 4px 0 var(--line);padding:12px 22px;background:var(--accent);color:#202520;font-weight:700;font-size:17px}.modal{border:3px solid #352c2a;padding:0;border-radius:8px;width:min(650px,calc(100% - 24px));max-height:90dvh;background:#fffaf0;color:#352c2a;box-shadow:8px 8px 0 #352c2a}.modal::backdrop{background:#17121acc}.modal-inner{padding:32px}.modal h2{font-size:45px;margin:16px 0}.modal p{font-size:18px;margin:16px 0}.modal-close{position:absolute;top:13px;right:13px;border:2px solid #352c2a;background:#fffaf0;border-radius:50%;height:40px;width:40px;font:700 26px/1 var(--body);color:#352c2a}.modal-photo{height:280px;object-fit:cover}.modal-action{border:2px solid #352c2a;border-radius:4px;box-shadow:3px 3px 0 #352c2a;background:#f0b899;color:#352c2a;padding:12px 20px;font-weight:700}.cart-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1.5px dashed #352c2a80;font-size:18px}.cart-remove{border:0;background:none;text-decoration:underline;font-size:14px;color:#352c2a}.demo-legal{max-width:820px;margin:50px auto;padding:45px 6%;background:#fffdf6;border:3px solid #202520;border-radius:5px 13px 5px 9px;box-shadow:6px 6px 0 #202520}.demo-legal h1{font-size:60px;margin-bottom:25px}.demo-legal p{margin:22px 0;font-size:18px}.wp-block-post-content{margin-block-start:0}.wp-site-blocks>.wp-block-template-part{margin-block-start:0}.wp-site-blocks{padding:0}.wp-block-post-content>.wp-block-group,.wp-block-post-content>.wp-block-columns{margin-block-start:0}body .is-layout-constrained>.alignfull{margin-left:0;margin-right:0}.woocommerce{max-width:1180px;margin:65px auto;padding:0 5%}.woocommerce button.button,.woocommerce a.button{background:var(--accent);color:#202520;border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);border-radius:5px}.woocommerce div.product .product_title{font:400 52px var(--heading)}.woocommerce .quantity .qty{padding:8px}
@media(min-width:1450px){.section{padding-left:78px;padding-right:78px}}
@media(max-width:1150px){.site-header{flex-wrap:wrap}.nav-toggle{display:block}.plain-nav{display:none;width:100%;gap:18px}.plain-nav.open{display:flex}.hero-grid{gap:30px}.cover-title{font-size:clamp(3.6rem,6.6vw,5.5rem)}.world-grid{gap:20px}.world-panel{padding:15px}.world-image{margin:0 -15px;width:calc(100% + 30px)}.world-panel h3{font-size:28px}.world-panel .speech{font-size:19px;padding:14px}.world-panel .wp-block-button__link{font-size:14px;padding:11px 12px}.timeline-note{grid-template-columns:85px 1fr}.timeline-note .fineprint{grid-column:2}.editor-grid,.about-grid,.faq-grid{gap:35px}.comic-panel{padding:23px}.comic-panel h3{font-size:29px}.about-dings .speech{font-size:20px;width:205px}.about-dings .dings-figure{width:155px}.cover-reply{font-size:22px;right:-4px;max-width:240px}.showcase-grid{gap:38px}.branch-hero .hero-grid{gap:30px}.tour-row>.wp-block-column:last-child{flex-basis:190px}.brand{font-size:34px}}
@media(max-width:850px){.section{padding:50px 5%}.world-grid{flex-wrap:wrap;justify-content:center;gap:28px}.world-grid>.wp-block-column{flex:1 1 280px;max-width:500px}.worlds-section{padding-top:0}.story-steps{flex-wrap:wrap;gap:24px}.story-steps>.wp-block-column{flex:1 1 250px}.hero-copy{font-size:19px}.cover-tagline{font-size:22px}.cover-title{font-size:clamp(3.2rem,7.5vw,4.4rem)}.cover-image img{aspect-ratio:.85}.editor-grid{gap:30px}.editor-sample{padding:25px}.editor-sample h3{font-size:24px}.project-image img{height:350px}.tour-row{gap:20px}.tour-row>.wp-block-column:first-child{flex-basis:80px}.tour-row>.wp-block-column:last-child{flex-basis:170px}.tour-row .wp-block-button__link{font-size:14px;padding:10px 12px}.reference-strip{gap:15px}.reference-strip a{font-size:26px;padding:18px}.about-dings{flex-direction:column}.about-dings .speech{margin:-25px 0 0 30px}.about-dings .speech:before{bottom:auto;top:-15px;left:35px;transform:rotate(130deg)}.original-comic>.wp-block-columns:first-of-type{align-items:start}}
@media(max-width:680px){body{font-size:18px}.section{padding:44px 5%}.wp-block-columns{flex-direction:column;gap:28px}.wp-block-columns>.wp-block-column{flex:auto!important;width:100%}.site-header{padding:19px 5%;gap:16px}.brand{font-size:31px}.brand-logo{flex-basis:47px;width:47px;height:30px}.brand-lockup{gap:5px}.plain-nav{padding:10px 0 0;gap:17px 22px}.plain-nav a{font-size:16px;min-height:30px}.nav-toggle{padding:7px 12px;font-size:15px}.comic-cover{padding-top:38px;padding-bottom:45px}.cover-title{font-size:clamp(3.4rem,12.4vw,5rem);max-width:560px}.hero-copy{font-size:19px;margin-top:21px}.cover-tagline{font-size:23px;margin-top:22px}.hero-grid,.branch-hero .hero-grid{gap:30px}.cover-scene{padding:8px 4px 46px;max-width:520px;margin:0 auto;width:100%}.cover-image{transform:rotate(1deg);box-shadow:5px 5px 0 var(--line)}.cover-image img{aspect-ratio:1.25;object-position:50% center}.cover-reply{font-size:23px;bottom:8px;right:0;max-width:255px;padding:17px 24px}.sound-effect{font-size:17px;padding:8px 13px;top:-6px;right:-2px}.wp-block-buttons{gap:14px;margin-top:25px}.wp-block-button__link{font-size:16px;padding:12px 18px}.ticker-section{padding:16px 4%}.ticker{font-size:20px;line-height:1.5}.ticker span{padding:0 7px}.section-intro{padding-bottom:25px}.section-intro .wp-block-columns{gap:18px}.section-intro .eyebrow{margin-bottom:16px}.worlds-section{padding-top:0;padding-bottom:55px}.world-grid{gap:28px}.world-grid>.wp-block-column{max-width:none}.world-panel{padding:19px}.world-image{margin:0 -19px;width:calc(100% + 38px)}.world-image img{aspect-ratio:1.55}.world-panel h3{font-size:32px}.world-panel .speech{font-size:22px;max-width:380px;margin-top:22px}.world-panel .wp-block-button__link{font-size:16px;padding:12px 18px}.story-section{padding-top:46px;padding-bottom:45px}.story-section h2{font-size:43px}.section-lead{font-size:19px}.story-steps{margin-top:25px;gap:23px}.comic-panel{padding:25px}.comic-panel h3{font-size:33px}.comic-panel>.eyebrow{font-size:12px}.comic-panel>p:not(.eyebrow){font-size:18px}.timeline-note{grid-template-columns:65px 1fr;gap:16px;margin-top:33px;align-items:start}.timeline-note .dings-figure{width:80px;margin-top:15px}.timeline-note .speech{font-size:19px;padding:17px 20px}.timeline-note .fineprint{font-size:13px;grid-column:1/-1;margin-top:8px}.editor-grid{gap:40px}.editor-copy .speech{font-size:22px;margin-bottom:36px}.editor-sample{transform:rotate(.5deg);padding:25px}.editor-sample h3{font-size:27px}.editor-sample .wp-block-button__link{font-size:14px;padding:11px 14px}.original-comic>.wp-block-columns:first-of-type{gap:22px}.comic-pages{margin-top:26px;gap:27px}.comic-page{padding:6px 6px 13px;box-shadow:4px 4px 0 var(--line)}.comic-caption{font-size:14px}.original-comic>.fineprint{font-size:12px}.comic-reader{width:calc(100% - 12px);height:96dvh;max-height:96dvh;border-width:2px;box-shadow:none}.comic-reader-toolbar{padding:10px 8px;font-size:13px;gap:7px;flex-wrap:wrap}.comic-reader-toolbar button{font-size:13px;padding:7px 9px}.comic-reader-nav{gap:6px}.comic-reader-image{min-width:740px;width:740px;max-width:none}.comic-reader-hint{font-size:12px;padding:10px 12px}.about-grid{gap:15px}.about-copy p:not(.eyebrow){font-size:20px;margin-top:22px}.about-dings{flex-direction:row;min-height:215px}.about-dings .dings-figure{width:165px}.about-dings .speech{width:215px;margin:0 0 65px -20px;font-size:21px}.about-dings .speech:before{bottom:-18px;top:auto;left:33px;transform:skewY(-36deg) rotate(-14deg)}.references{padding-top:0}.reference-strip{grid-template-columns:1fr;gap:17px}.reference-strip a{font-size:31px;padding:18px 22px}.faq-section{padding-top:42px}.faq-grid{gap:26px}.wp-block-details summary{font-size:21px}.wp-block-details p{font-size:18px}.contact-section{padding-top:15px;padding-bottom:55px}.contact-panel{padding:35px 22px;border-radius:6px 16px 6px 13px;box-shadow:5px 5px 0 var(--line)}.contact-panel h2{font-size:clamp(2.8rem,10.5vw,4.3rem)}.contact-panel .eyebrow{font-size:11px}.contact-panel .speech{font-size:23px;padding:18px 22px;margin-top:25px}.contact-panel .contact-copy,.contact-panel>p:not(.eyebrow):not(.fineprint):not(.speech){font-size:19px}.contact-panel .fineprint{font-size:13px}.branch-hero{padding-top:36px;padding-bottom:52px}.branch-hero h1{font-size:clamp(3.4rem,12vw,5rem)}.branch-hero .speech{font-size:23px;max-width:380px}.hero-photo{transform:rotate(1deg);box-shadow:5px 5px 0 var(--line)}.hero-photo img{aspect-ratio:1.23;object-fit:cover}.services{padding-top:10px}.services>h2,.process>h2{margin-bottom:28px}.showcase-grid{gap:35px}.project-image img{height:auto;aspect-ratio:1.15;object-fit:cover}.project-story .speech{font-size:23px}.project-story>p:not(.eyebrow):not(.speech){margin-top:22px}.tour-section h2{margin-bottom:27px}.tour-row{flex-direction:row;flex-wrap:wrap;gap:17px;padding:22px;margin-top:20px}.tour-row>.wp-block-column:first-child{flex:0 0 70px!important;width:70px}.tour-row>.wp-block-column:nth-child(2){flex:1!important;width:calc(100% - 90px)}.tour-row>.wp-block-column:last-child{flex:1 1 100%!important;width:100%;padding-top:3px}.tour-row .wp-block-buttons{justify-content:flex-start}.date-stamp{padding-right:16px}.date-stamp h3{font-size:44px}.date-stamp p{font-size:12px}.date-info h3{font-size:31px}.date-info p{font-size:14px}.profile-band .contact-section{padding-top:50px}.product-section{padding-top:0}.product-card{padding:17px 17px 25px}.product-card .product-image img{aspect-ratio:1.15}.product-card .wp-block-button__link{font-size:16px}.shop-tools{right:16px;bottom:16px;font-size:16px;padding:12px 17px}.modal-inner{padding:25px}.modal h2{font-size:40px}.modal-photo{height:240px}.modal p{font-size:17px}.demo-bar{padding:9px 5%;font-size:11px;gap:14px;align-items:flex-start}.demo-bar span{max-width:160px;text-align:right}.demo-bar .wp-block-buttons{gap:12px}.demo-bar .wp-block-button__link{font-size:11px}.site-footer{padding:25px 5% 32px;flex-direction:column;align-items:flex-start;gap:12px;font-size:13px}.profile-shop .site-footer{padding-bottom:90px}.demo-legal{margin:25px 5%;padding:30px 6%}.demo-legal h1{font-size:47px}.demo-legal p{font-size:17px}.site-header .wp-block-navigation{font-size:18px}.site-header .wp-block-navigation__responsive-container.is-menu-open{padding:25px}.site-header .wp-block-navigation__responsive-container-content{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Bundled demo pages have their own palette inside the main WordPress theme. */
body.mf-bundled-example.profile-handwerk,.comic-example-page.profile-handwerk{--paper:#f7efde;--ink:#202520;--accent:#e7ba7c;--surface:#fffbf0}
body.mf-bundled-example.profile-band,.comic-example-page.profile-band{--paper:#211c31;--ink:#fff7e8;--accent:#d4ef72;--surface:#30273e}
body.mf-bundled-example.profile-shop,.comic-example-page.profile-shop{--paper:#fbefe4;--ink:#352c2a;--accent:#f0b899;--surface:#fffaf0}

.comic-example-page{background-color:var(--paper);color:var(--ink)}

.preview-only{display:none!important}