:root{--ink:#102b28;--ink-2:#23433e;--paper:#f6f2e9;--paper-2:#fffdf7;--lime:#d9f36a;--orange:#a7351c;--sun:#f2bd54;--blue:#6bbdc0;--line:rgba(16,43,40,.2);--font-body:system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Consolas,monospace;--shadow:0 18px 70px rgba(16,43,40,.12);scroll-behavior:smooth;scroll-padding-top:90px;color-scheme:light}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip-link{position:absolute;left:16px;top:-60px;z-index:20;background:var(--lime);color:var(--ink);padding:12px 18px;font-weight:700}.skip-link:focus{top:12px}.utility-bar{min-height:34px;padding:6px clamp(20px,5vw,76px);background:var(--ink);color:#e9f0da;display:flex;align-items:center;justify-content:space-between;font:10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.utility-bar p{margin:0}.connection-status{display:inline-flex;align-items:center;gap:8px;color:#d9f36a}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.site-header{height:78px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--orange);color:#fff;font:700 24px var(--font-display);transform:rotate(-6deg)}.brand-name{font:700 16px var(--font-display);letter-spacing:-.07em;line-height:1}.brand-period,.footer-brand span{color:var(--orange)}.brand-name small{display:block;margin-top:5px;font:9px var(--font-mono);letter-spacing:.12em}.primary-nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px);margin-left:auto}.primary-nav a,.text-link,.footer-links a{font-size:12px;font-weight:700}.primary-nav a{color:var(--ink-2);transition:color .2s}.primary-nav a:hover,.footer-links a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:14px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.icon-button svg path{fill:currentColor;stroke:none}.install-button{border:0;background:var(--ink);color:var(--paper);padding:11px 15px;border-radius:3px;font-size:11px;font-weight:700;cursor:pointer}.install-button[hidden]{display:none}.menu-toggle{display:none}
.hero{position:relative;min-height:min(700px,calc(100svh - 110px));display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;padding:58px clamp(24px,7.4vw,114px) 78px;overflow:hidden;background:var(--paper-2)}.hero:before{content:'';position:absolute;width:430px;height:430px;border:1px solid rgba(16,43,40,.06);border-radius:50%;top:-245px;left:-120px}.hero-copy{position:relative;z-index:2;padding:20px 0}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow-line{display:block;width:27px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:590px;margin:0 0 23px;font:600 clamp(50px,7vw,94px)/.95 var(--font-display);letter-spacing:-.09em}.hero h1 em,.character-title-block h2 em,.origin-copy h2 em,.author-content h2 em,.closing-band h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.hero h1 em{color:var(--orange)}.hero-lede{max-width:420px;margin:0;color:#4c6258;font-size:16px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:24px;padding:15px 19px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--orange)}.button-primary span,.button-light span{font-size:17px}.text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid var(--orange);padding-bottom:4px}.text-link span{font-size:16px;color:var(--orange)}.hero-note{display:flex;align-items:center;gap:9px;margin-top:57px;color:#61746a;font:10px var(--font-mono);letter-spacing:.04em}.note-star{font-size:19px;color:var(--orange)}.hero-art{position:relative;min-height:465px;margin-left:-4%;background:var(--ink);box-shadow:var(--shadow);transform:rotate(1deg);isolation:isolate}.hero-art:before{content:'';position:absolute;inset:10px;border:1px solid rgba(255,255,255,.24);z-index:1;pointer-events:none}.hero-art img{width:100%;height:100%;min-height:465px;display:block;object-fit:cover}.art-caption{position:absolute;top:22px;left:25px;right:25px;z-index:2;display:flex;justify-content:space-between;color:#fff;font:9px var(--font-mono);letter-spacing:.12em}.art-stamp{position:absolute;z-index:2;right:30px;bottom:34px;width:115px;height:115px;border:2px solid var(--lime);border-radius:50%;color:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(8deg);font:9px var(--font-mono);letter-spacing:.12em}.art-stamp b{font:19px var(--font-body)}.art-stamp small{font-size:7px;line-height:1.3}.art-disclaimer{position:absolute;z-index:2;bottom:17px;left:25px;margin:0;color:#eef0de;font:8px var(--font-mono);letter-spacing:.04em}.hero-bottom{position:absolute;bottom:23px;left:clamp(24px,7.4vw,114px);right:clamp(24px,7.4vw,114px);display:flex;justify-content:space-between;color:#66776e;font:9px var(--font-mono);letter-spacing:.09em}.hero-bottom a{color:var(--ink);font-weight:500}.hero-bottom a span{color:var(--orange);font-size:14px;margin-left:8px}.marquee{overflow:hidden;background:var(--lime);height:48px;display:flex;align-items:center}.marquee-track{display:flex;align-items:center;justify-content:space-around;gap:clamp(24px,5vw,76px);min-width:100%;white-space:nowrap;font:700 12px var(--font-display);text-transform:uppercase;letter-spacing:.1em}.marquee-track b{color:var(--orange);font-size:18px}
.section{padding:clamp(70px,10vw,130px) clamp(24px,10vw,154px)}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-index{font:10px var(--font-mono);letter-spacing:.1em;color:#829087}.character-grid{display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:center}.character-title-block{position:relative}.character-title-block h2{margin:0;font:600 clamp(46px,6vw,80px)/.98 var(--font-display);letter-spacing:-.08em}.character-title-block h2 em{color:var(--orange)}.scribble{position:absolute;right:7%;top:8%;font-size:45px;color:var(--orange);transform:rotate(22deg)}.character-copy{max-width:470px}.intro-copy{font:500 21px/1.4 var(--font-display);letter-spacing:-.03em}.character-copy>p:not(.intro-copy){font-size:14px;line-height:1.8;color:#53665c}.small-note{font-size:10px!important;line-height:1.6!important;color:#748278!important}.dark-link{margin-top:12px}.character-facts{border-top:1px solid var(--line);margin-top:75px;padding-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.character-facts>div{display:flex;align-items:center;gap:14px}.fact-number{color:var(--orange);font:11px var(--font-mono)}.fact-label{font:600 12px var(--font-display)}
.origin-section{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:var(--ink);color:var(--paper)}.origin-art{min-height:100%;position:relative;overflow:hidden;background:#173d3a}.origin-art img{width:100%;height:100%;min-height:590px;object-fit:cover}.origin-copy{align-self:center;padding:75px clamp(28px,7vw,100px)}.origin-copy .eyebrow{color:var(--lime)}.origin-copy h2{margin:0 0 26px;font:600 clamp(35px,4vw,55px)/1.04 var(--font-display);letter-spacing:-.07em}.origin-copy h2 em{color:var(--lime)}.origin-copy>p:not(.eyebrow):not(.small-note){font-size:13px;line-height:1.85;color:#d0d9c9}.origin-copy strong{color:#fff}.film-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;margin-top:29px;padding:14px;border:1px solid rgba(255,255,255,.2)}.film-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:13px}.film-card div strong,.film-card div span{display:block}.film-card div strong{font:600 12px var(--font-display)}.film-card div span{margin-top:4px;font:9px var(--font-mono);color:#bdcabc}.film-card>a{font-size:10px;font-weight:700;color:var(--lime);white-space:nowrap}.film-card>a span{font-size:14px}.origin-copy .small-note{margin-top:13px;color:#9aac9d!important}
.author-section{position:relative;padding:clamp(75px,10vw,125px) clamp(24px,10vw,154px) 36px;background:var(--orange);color:#fff6e5;overflow:hidden}.author-section:after{content:'N';position:absolute;right:-.04em;top:-.32em;font:700 min(55vw,660px)/1 var(--font-display);letter-spacing:-.11em;color:rgba(255,242,208,.08);pointer-events:none}.author-label{display:flex;justify-content:space-between;align-items:flex-start}.author-label .eyebrow{color:#fff0d7}.author-label .eyebrow-line{background:var(--ink)}.author-asterisk{position:absolute;top:80px;right:12%;font-size:55px;color:var(--lime)}.author-content{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .7fr;gap:10vw;align-items:center;padding:50px 0 90px}.author-content h2{margin:0;font:600 clamp(58px,8vw,106px)/.86 var(--font-display);letter-spacing:-.1em}.author-content h2 em{color:var(--lime);font-size:.8em}.author-bio{max-width:420px}.author-bio .intro-copy{font-size:19px}.author-bio>p:not(.intro-copy){font-size:13px;line-height:1.8;color:#fff1df}.author-bio .small-note{color:#ffe3c5!important}.author-bio .text-link{margin-top:10px;border-color:var(--lime)}.author-bio .text-link span{color:var(--lime)}.author-bottom{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.32);padding-top:16px;display:flex;justify-content:space-between;font:9px var(--font-mono);letter-spacing:.12em}
.archive-section{padding:clamp(75px,10vw,130px) clamp(24px,10vw,154px)}.archive-section .section-heading{align-items:end;margin-bottom:35px}.archive-section h2{margin:0;font:600 clamp(37px,5vw,64px)/1 var(--font-display);letter-spacing:-.08em}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.archive-card{min-height:310px;position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink)}.archive-card-comic{background:var(--lime)}.archive-card-film{background:#83c9c3}.archive-card-city{background:#f5c969}.archive-number{position:relative;z-index:1;font:10px var(--font-mono)}.archive-art-mark{position:absolute;right:14px;top:4px;font:700 118px/.9 var(--font-display);letter-spacing:-.13em;opacity:.16;transform:rotate(-9deg)}.archive-card-film .archive-art-mark{font-size:100px;right:24px;top:15px}.archive-card-city .archive-art-mark{font-size:112px}.archive-card div{position:relative;z-index:1}.archive-card div>p{margin:0 0 9px;font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.archive-card h3{margin:0 0 16px;font:600 27px/.98 var(--font-display);letter-spacing:-.07em}.archive-caption{font-size:10px}.archive-note{margin:17px 0 0;font-size:10px;color:#7b887e}
.closing-band{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:66px clamp(24px,10vw,154px);background:var(--ink);color:var(--paper)}.closing-band .eyebrow{color:var(--lime)}.closing-band h2{margin:0;font:600 clamp(35px,5vw,64px)/1 var(--font-display);letter-spacing:-.08em}.closing-band h2 em{color:var(--lime)}.button-light{background:var(--lime);color:var(--ink);white-space:nowrap}.button-light:hover{background:#fff}.site-footer{padding:36px clamp(24px,5vw,76px) 24px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:25px;background:#0a211e;color:#d5decf}.footer-brand{font:700 19px var(--font-display);letter-spacing:-.08em}.site-footer>p{margin:0;color:#a9b7aa;font-size:10px;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.footer-links a{font-size:10px}.site-footer>small{grid-column:1/-1;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);color:#91a094;font:9px var(--font-mono);letter-spacing:.04em}.noscript-note{margin:0;padding:15px;background:var(--lime);text-align:center;font-size:12px}
body.high-contrast{--ink:#000;--ink-2:#111;--paper:#fff;--paper-2:#fff;--lime:#efff00;--orange:#c22c00;--line:rgba(0,0,0,.55);--blue:#007b79}body.high-contrast .hero-lede,body.high-contrast .character-copy>p:not(.intro-copy),body.high-contrast .archive-note{color:#111}body.high-contrast .origin-section,body.high-contrast .closing-band,body.high-contrast .site-footer{background:#000;color:#fff}body.high-contrast .origin-copy>p:not(.eyebrow):not(.small-note){color:#fff}body.high-contrast .origin-copy .small-note{color:#eee!important}body.high-contrast .site-footer>p,body.high-contrast .site-footer>small{color:#eee}
@media(max-width:900px){.site-header{gap:20px}.hero{grid-template-columns:.95fr 1.05fr;padding-left:6vw;padding-right:6vw}.hero-art,.hero-art img{min-height:390px}.hero h1{font-size:clamp(48px,8vw,72px)}.character-grid{gap:5vw}.origin-copy{padding:55px 5vw}.author-content{gap:5vw}.archive-card{min-height:270px;padding:19px}.archive-card h3{font-size:23px}}
@media(max-width:680px){.utility-bar{font-size:8px;padding:6px 16px}.utility-bar p{max-width:58%;line-height:1.3}.site-header{height:67px;padding:0 18px;gap:12px}.brand-mark{width:32px;height:32px}.brand-name{font-size:14px}.header-actions{margin-left:auto;gap:8px}.icon-button{width:34px;height:34px}.install-button{padding:9px;font-size:10px}.menu-toggle{order:3;display:flex;width:38px;height:38px;border:1px solid var(--line);background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:16px;height:1px;background:var(--ink)}.primary-nav{position:absolute;top:66px;left:0;right:0;padding:18px 22px 22px;background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;gap:18px}.primary-nav.is-open{display:flex}.hero{min-height:unset;display:flex;flex-direction:column;align-items:stretch;padding:48px 22px 63px}.hero-copy{padding:0}.hero h1{font-size:clamp(54px,15vw,82px)}.hero-lede{font-size:14px;max-width:400px}.hero-actions{gap:16px;flex-wrap:wrap;margin-top:24px}.button{padding:13px 14px;gap:15px}.text-link{font-size:11px}.hero-note{margin:25px 0 23px}.hero-art{margin:0;min-height:310px;transform:none}.hero-art img{min-height:310px}.art-stamp{width:88px;height:88px;right:22px;bottom:27px}.hero-bottom{left:22px;right:22px;bottom:18px;font-size:7px}.hero-bottom a{display:none}.marquee{height:40px}.marquee-track{justify-content:flex-start;gap:21px;font-size:10px}.section{padding:67px 23px}.section-heading{margin-bottom:27px}.character-grid{grid-template-columns:1fr;gap:24px}.character-title-block h2{font-size:clamp(53px,13vw,76px)}.scribble{right:9%;top:0}.character-copy .intro-copy{font-size:19px}.character-copy>p:not(.intro-copy){font-size:13px}.character-facts{margin-top:39px;gap:10px}.character-facts>div{align-items:flex-start;flex-direction:column;gap:7px}.fact-label{font-size:10px}.origin-section{grid-template-columns:1fr}.origin-art{min-height:280px;max-height:340px}.origin-art img{min-height:280px}.origin-copy{padding:42px 23px 50px}.origin-copy h2{font-size:clamp(36px,10vw,52px)}.film-card{grid-template-columns:36px 1fr auto;gap:9px;padding:10px}.film-card div span{font-size:8px}.author-section{padding:63px 23px 24px}.author-content{grid-template-columns:1fr;gap:28px;padding:34px 0 55px}.author-content h2{font-size:clamp(67px,17vw,100px)}.author-bio{max-width:500px}.author-asterisk{top:47px;right:9%;font-size:37px}.author-bottom{font-size:7px}.archive-section{padding:67px 23px}.archive-section .section-heading{align-items:end}.archive-section h2{font-size:42px}.archive-grid{grid-template-columns:1fr;gap:10px}.archive-card{min-height:225px;padding:20px}.archive-card h3{font-size:28px}.archive-art-mark{font-size:140px}.closing-band{padding:48px 23px;align-items:flex-start;flex-direction:column}.closing-band h2{font-size:42px}.site-footer{grid-template-columns:1fr 1fr;padding:30px 23px 20px;gap:20px}.site-footer>p{grid-column:2;grid-row:1}.footer-links{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:16px}.site-footer>small{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Protótipo com referências recebidas: preservar a imagem inteira e evitar dependência visual de fonte online. */
.hero-art{aspect-ratio:1.72/1;min-height:0;height:auto;display:grid;align-items:center;background:#0a5e58}
.hero-art img{width:100%;height:auto;min-height:0;object-fit:contain;align-self:center}
.origin-art img{object-fit:cover}
@media(max-width:900px){.hero-art{aspect-ratio:1.55/1;min-height:0}.hero-art img{min-height:0;height:auto}}
@media(max-width:680px){.hero-art{aspect-ratio:1.5/1;min-height:0}.hero-art img{min-height:0;height:auto}}
.section-index{color:#59685d}
.small-note,.archive-note{color:#59685d!important}
.hero-bottom{color:#59685d}
.archive-thumb{position:absolute;right:20px;top:38px;width:min(46%,175px);aspect-ratio:1.78;object-fit:cover;border:4px solid var(--ink);transform:rotate(4deg);box-shadow:0 10px 22px rgba(16,43,40,.2)}
.origin-art{display:grid;place-items:center;padding:24px}
.origin-art img{width:min(100%,620px);height:auto;min-height:0;object-fit:contain;box-shadow:0 14px 40px rgba(0,0,0,.22)}
@media(max-width:680px){.origin-art{min-height:0;padding:22px}.origin-art img{min-height:0;width:min(100%,480px)}.archive-thumb{right:16px;top:32px;width:min(48%,175px)}}

.origin-art-caption{width:min(100%,620px);margin:14px 0 0;color:#e6eee0;font-size:10px;line-height:1.55;text-align:left}
@media(max-width:680px){.origin-art-caption{font-size:9px}}

.art-disclaimer{left:20px;right:20px;bottom:17px;padding:6px 8px;background:rgba(16,43,40,.88);color:#fffdf7;font-size:9px;line-height:1.3}
@media(max-width:680px){.art-disclaimer{left:18px;right:18px;bottom:16px;font-size:8px}}