@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&family=Great+Vibes&display=swap');
:root{--bg:#f1f0df;--page:#fffefa;--ink:#1c2429;--red:#b9493f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;padding:13px max(4vw,calc((100vw - 1250px)/2));gap:20px;border-bottom:1px solid #d9d9cf}.brand{display:flex;gap:10px;align-items:baseline;text-decoration:none}.brand small{font-weight:700;font-size:11px;letter-spacing:.2em}.brand span{font:48px 'Great Vibes',cursive;color:var(--red)}.brand b{font-size:11px;letter-spacing:.16em}.topbar nav{display:flex;gap:22px}.topbar nav a{text-decoration:none;font-size:12px;font-weight:700}.paper{padding:58px 5vw 110px}.sheet{max-width:1190px;margin:auto;background:var(--page);border:1px solid #dedfd7;box-shadow:0 14px 0 #e3e4db,0 34px 72px #343c3218;padding:clamp(28px,5vw,70px)}.eyebrow,.strap{font-weight:700;font-size:11px;letter-spacing:.19em;color:var(--red)}.hero{display:grid;grid-template-columns:1.7fr .8fr;align-items:end;gap:45px;margin:27px 0 45px}.hero h1,.minor{font:normal clamp(44px,6.3vw,82px)/1.03 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:0}.hero h1 em{font-style:normal;color:var(--red)}.hero p{border-left:2px solid var(--ink);padding-left:20px;line-height:1.7;font-size:14px}.strap{display:flex;justify-content:space-between;border-top:1px solid #777;padding-top:12px;margin-bottom:20px;color:var(--ink)}.comics{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px;padding:18px;background:#fff;border:1px solid #dbdbd5}.panel{position:relative;border:2.5px solid #1c2429;overflow:hidden;min-height:290px;background:#e2dfd6}.panel img{height:100%;width:100%;position:absolute;inset:0;object-fit:contain;background:#eae5df;transition:transform .3s}.panel:hover img{transform:scale(1.035)}.panelcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 15px;background:#fffef9eF;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.p1{grid-column:span 7;min-height:380px}.p2{grid-column:span 5;min-height:380px}.p3{grid-column:span 4}.p4{grid-column:span 5}.p5{grid-column:span 3}.p6{grid-column:span 5}.p7{grid-column:span 7}.note{grid-column:span 12;border:2.5px solid var(--ink);background:#f7efdf;padding:30px;display:flex;justify-content:space-between;gap:15px;align-items:center}.note strong{font:normal 27px 'DM Serif Display',Georgia,serif}.note a{font-size:12px;font-weight:700}.signature{margin-top:25px;font-size:11px;letter-spacing:.13em;color:#777}.sitefoot{text-align:center;padding:25px 12px;font-size:11px;color:#777}.minor{font-size:clamp(38px,4vw,62px);margin:15px 0 30px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filters input,.filters select,.filters button{padding:13px;border:1px solid #aaa;background:#fff;font:inherit}.filters button,button{background:var(--ink);color:#fff;border:0;cursor:pointer}.archivegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{text-decoration:none;border:2px solid var(--ink);background:white}.tile img{width:100%;height:270px;object-fit:contain}.tile div{padding:15px}.tile h2{font:normal 25px Georgia,serif;margin:5px 0}.tile small{color:#777}.back{display:inline-block;margin-bottom:30px}.itemlayout{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.itemmedia img,.itemmedia video{display:block;width:100%;margin-bottom:15px;border:1px solid #ddd;max-height:700px;object-fit:contain}.details p{line-height:1.8}.details dl{display:grid;grid-template-columns:140px 1fr;gap:12px;border-top:1px solid #ccc;padding-top:25px}.details dt{font-weight:700}.details dd{margin:0}.formpage{margin:60px auto}.formpage form{display:grid;gap:20px;max-width:550px}.formpage input{display:block;width:100%;padding:13px;margin-top:5px}@media(max-width:750px){.topbar{padding:12px 18px;align-items:start}.brand{gap:4px}.brand span{font-size:36px}.brand b{font-size:9px}.topbar nav{gap:12px;padding-top:13px}.paper{padding:22px 10px 55px}.sheet{padding:24px 16px}.hero{grid-template-columns:1fr;gap:5px}.hero h1{font-size:44px}.comics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.panel,.p1,.p2,.p3,.p4,.p5,.p6,.p7{grid-column:span 1;min-height:210px}.p1,.p4,.p7{grid-column:span 2;min-height:300px}.note{grid-column:span 2;display:block}.strap span:last-child{display:none}.archivegrid{grid-template-columns:repeat(2,1fr)}.itemlayout{grid-template-columns:1fr}.tile img{height:180px}}@media(max-width:420px){.archivegrid{grid-template-columns:1fr}.topbar nav a:last-child{display:none}}

.adminbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.action,.save{padding:13px 18px;background:#1c2429;color:white;text-decoration:none}.adminlist a{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ddd;padding:18px 0;text-decoration:none}.editform{display:grid;gap:25px}.formsection{background:#f8f5ed;border:1px solid #dedbd1;padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.formsection h2,.formsection fieldset,.formsection p,.formsection textarea,.formsection .tick{grid-column:1/-1}.formsection label{display:block;font-size:13px;font-weight:700}.formsection input:not([type=checkbox]),.formsection select,.formsection textarea{width:100%;padding:12px;border:1px solid #bdbbb4;background:white;margin-top:6px;font:inherit}.formsection .tick input{width:auto}.checkgrid{display:flex;gap:13px;flex-wrap:wrap}.checkgrid label{font-weight:400}.hint{font-size:12px;color:#666}.notice{padding:12px;background:#dfeddb}.mediagrid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mediagrid img,.mediagrid video{width:100%;height:180px;object-fit:contain;background:white}.mediagrid button{padding:9px}.save{font-size:16px;padding:17px}@media(max-width:750px){.formsection{grid-template-columns:1fr}.mediagrid{grid-template-columns:repeat(2,1fr)}.adminlist a{display:block}}

/* Release 0.3 — Integrated Editor */
.panel img{object-fit:cover;background:#fffefa}
.tile img{object-fit:cover;background:#fffefa}
.uploadpick{display:block;grid-column:1/-1;background:#fffefa;border:2px dashed #aaa79d;padding:22px;border-radius:8px;cursor:pointer}
.uploadpick input{display:block;width:100%;max-width:100%;margin-top:12px}
.mediaentry{min-width:0;background:#fff;padding:10px;border:1px solid #d6d3cb}
.mediaentry p{margin:8px 0;font-size:13px;font-weight:700}
.mediaactions{display:flex;gap:5px;flex-wrap:wrap}.mediaactions button{font-size:12px;padding:8px 10px;border-radius:3px}
.mediaactions form{margin:0}.formsection p{line-height:1.5}.sitefoot a{color:inherit}
@media(max-width:750px){.formsection{padding:16px}.mediagrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mediaactions{gap:4px}.mediaactions button{padding:7px}}

/* THE MAGIC COLLECTION 0.4 — frontend editoriale, media sempre interi */
:root{--mc-paper:#f1f0df;--mc-white:#fffdf8;--mc-blue:#1e3546;--mc-ink:#252c2c;--mc-red:#b9493f}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mc-home,.mc-archive,.mc-item{background:var(--mc-paper)}
.mc-cover{min-height:min(790px,85svh);height:auto;position:relative;display:flex;align-items:end;overflow:hidden;background:linear-gradient(125deg,#294960,#172f43 62%,#8f5946);isolation:isolate;color:#fff}
.mc-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.mc-cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,20,30,.82),rgba(9,20,30,.45) 55%,rgba(9,20,30,.12));pointer-events:none}
.mc-cover-copy{padding:clamp(48px,8vw,125px) max(6vw,calc((100vw - 1220px)/2));max-width:1120px}
.mc-kicker{font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--mc-red)}
.mc-cover .mc-kicker{color:#e9c69d}.mc-cover h1{font:normal clamp(60px,9vw,144px)/.95 'DM Serif Display',Georgia,serif;letter-spacing:-.05em;margin:22px 0}.mc-cover h1 em{font-weight:400;color:#f1c776}.mc-cover p{font-size:clamp(15px,1.5vw,19px);line-height:1.7;max-width:530px;color:#f3f0e9;margin:0 0 30px}.mc-btn{display:inline-flex;gap:30px;background:#fffdf8;padding:17px 24px;color:var(--mc-ink);text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.mc-cover-credit{position:absolute;bottom:24px;right:28px;color:#fff;text-decoration:none;font-size:11px;background:#101f2ba8;padding:8px 12px}
.mc-ribbon{display:flex;justify-content:space-between;gap:16px;background:#b9493f;color:#fff;padding:14px max(5vw,calc((100vw - 1220px)/2));font-size:10px;letter-spacing:.13em;font-weight:700}
.mc-section,.mc-contained{max-width:1220px;margin:0 auto;padding-left:clamp(20px,4vw,55px);padding-right:clamp(20px,4vw,55px)}.mc-section{padding-top:92px;padding-bottom:92px}.mc-section h2,.mc-archive-heading h1,.mc-item-heading h1{font:normal clamp(42px,5vw,78px)/1.04 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:14px 0 20px}.mc-section h2 i,.mc-archive-heading em{font-style:normal;color:var(--mc-red)}.mc-intro{display:grid;grid-template-columns:1.4fr .7fr;gap:55px;align-items:end}.mc-intro p,.mc-worlds p{line-height:1.75;color:#62645f;max-width:430px}.mc-section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.mc-section-title a,.mc-textlink{font-weight:700;text-decoration:none;font-size:13px}.mc-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.mc-preview-card{display:block;text-decoration:none;min-width:0}.mc-preview-image{background:#fffdf8;padding:13px}.mc-preview-image img{display:block;width:100%;height:auto;object-fit:contain}.mc-preview-meta{display:block;font-size:11px;letter-spacing:.12em;color:#8b5149;text-transform:uppercase;margin:15px 0 7px}.mc-preview h3{font:normal 25px/1.2 'DM Serif Display',Georgia,serif;margin:0}.mc-noitems{background:#fffdf8;max-width:none;padding-left:max(5vw,calc((100vw - 1110px)/2))}.mc-noitems p{color:#6d6d68;line-height:1.8}.mc-worlds{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.mc-worldlinks a{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid #9e9d90;font-weight:700;text-decoration:none;letter-spacing:.08em}
.mc-archive,.mc-item{padding:65px 0 100px}.mc-archive-heading h1{max-width:900px}.mc-archive-heading p,.mc-item-heading p{color:#74776e;line-height:1.65}.mc-filterbar{display:grid;grid-template-columns:1.35fr 1fr 1fr auto;gap:9px;margin:42px 0 22px}.mc-filterbar input,.mc-filterbar select{width:100%;min-width:0;background:#fffdf8;padding:16px 13px;border:1px solid #d0cfc5;font:inherit;font-size:13px}.mc-filterbar button{padding:15px 27px;font-weight:700}.mc-results{font-size:11px;letter-spacing:.1em;color:#777;margin:25px 0}.mc-masonry{columns:3 260px;column-gap:22px}.mc-masonry-item,.mc-masonry-photo{display:block;break-inside:avoid;margin:0 0 23px;text-decoration:none;background:#fffdf8;overflow:hidden}.mc-masonry-item img,.mc-masonry-photo img{display:block;width:100%;height:auto;object-fit:contain}.mc-masonry-photo video{display:block;width:100%;height:auto}.mc-masonry-caption{padding:17px 19px 21px}.mc-masonry-caption small{color:#a45a4e;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.mc-masonry-caption h2{font:normal 25px/1.14 'DM Serif Display',Georgia,serif;margin:7px 0 0}.mc-empty{padding-top:65px;padding-bottom:75px}.mc-empty h2{font:normal 40px 'DM Serif Display',Georgia,serif}
.mc-back{font-size:12px;text-decoration:none;font-weight:700}.mc-item-heading{margin:42px 0 38px}.mc-item-heading h1{max-width:940px}.mc-story{display:flow-root}.mc-mainimage{float:left;display:block;width:min(52%,610px);margin:0 38px 22px 0;background:#fffdf8}.mc-mainimage img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.mc-story-content{line-height:1.8;color:#444844}.mc-description{font-size:15px;white-space:normal;line-height:1.85;margin:14px 0 27px}.mc-muted{color:#888}.mc-metadata{margin-top:28px}.mc-metadata h2,.mc-item-gallery h2{font:normal 34px 'DM Serif Display',Georgia,serif;margin:12px 0 18px}.mc-metadata dl{margin:0;border-top:1px solid #cccac0}.mc-metadata dl>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #dcdacf;padding:10px 0;font-size:13px}.mc-metadata dt{color:#76786f}.mc-metadata dd{margin:0;text-align:right;font-weight:600}.mc-item-gallery{clear:both;padding-top:70px}.mc-item-gallery .mc-masonry{margin-top:25px}.mc-bottomlink{display:inline-block;margin-top:40px;font-size:13px;font-weight:700;text-decoration:none}
@media(max-width:850px){.mc-intro,.mc-worlds{grid-template-columns:1fr;gap:14px}.mc-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mc-filterbar{grid-template-columns:repeat(2,1fr)}.mc-filterbar button{grid-column:span 2}.mc-mainimage{width:54%;margin-right:24px}.mc-ribbon span:nth-child(2){display:none}}
@media(max-width:600px){.mc-cover{min-height:70svh}.mc-cover-copy{padding:72px 24px 65px}.mc-cover h1{font-size:clamp(52px,13vw,79px)}.mc-cover-credit{right:8px;bottom:8px;max-width:65%;font-size:9px}.mc-ribbon{font-size:9px}.mc-section{padding-top:55px;padding-bottom:55px}.mc-section h2{font-size:41px}.mc-preview{grid-template-columns:1fr 1fr}.mc-preview h3{font-size:19px}.mc-archive,.mc-item{padding-top:35px}.mc-filterbar{grid-template-columns:1fr}.mc-filterbar button{grid-column:auto}.mc-masonry{columns:2 150px;column-gap:12px}.mc-masonry-item{margin-bottom:13px}.mc-masonry-caption{padding:12px}.mc-masonry-caption h2{font-size:19px}.mc-mainimage{float:none;width:100%;margin:0 0 26px}.mc-item-heading{margin:28px 0}.mc-item-heading h1{font-size:45px}.mc-item-gallery{padding-top:35px}}
