:root{--ink:#eef3f8;--muted:#9da9b9;--night:#060911;--panel:#0d1421;--line:rgba(255,255,255,.12);--gold:#d7ad67;--blue:#56a8d8;--serif:"Cormorant Garamond",Georgia,serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip{position:fixed;z-index:99;left:1rem;top:-4rem;background:#fff;color:#000;padding:.7rem 1rem}
.skip:focus{top:1rem}
.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid rgba(255,255,255,.1)}
.brand{display:flex;align-items:center;gap:.8rem;font-family:var(--serif);font-size:1.45rem;font-weight:700;letter-spacing:.04em}
.brand small{font-family:var(--sans);font-size:.55rem;letter-spacing:.16em;color:var(--gold);display:block;text-transform:uppercase}
.brand-mark{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:var(--serif);font-size:1.6rem;transform:rotate(45deg)}
.brand-mark::first-letter{transform:rotate(-45deg)}
nav{display:flex;gap:2rem}
nav a{font-size:.84rem;letter-spacing:.05em;color:#d7dee8;position:relative}
nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:1px;background:var(--gold);transition:.3s}
nav a:hover:after,nav a:focus-visible:after{width:100%}
.menu-button{display:none;background:none;border:0;color:#fff}
.hero{min-height:100svh;position:relative;display:grid;align-items:center;padding:10rem clamp(1.25rem,8vw,8rem) 6rem;isolation:isolate;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,7,14,.96) 0%,rgba(4,7,14,.72) 44%,rgba(4,7,14,.14) 80%),linear-gradient(0deg,#060911 0%,transparent 30%)}
.hero-art{position:absolute;inset:0;z-index:-2;background-image:var(--hero-image,radial-gradient(circle at 76% 38%,rgba(42,135,183,.38),transparent 22%),radial-gradient(circle at 72% 68%,rgba(198,151,81,.24),transparent 18%),linear-gradient(125deg,#050811 35%,#13283b 68%,#04070d));background-size:cover;background-position:center}
.hero-content{max-width:760px}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:.75rem;font-weight:700;margin:0 0 1.2rem}
.hero h1,.section h2{font-family:var(--serif);font-weight:600;line-height:.95;margin:0}
.hero h1{font-size:clamp(4rem,8vw,8rem);letter-spacing:-.04em}
.hero-copy{font-size:clamp(1.05rem,1.5vw,1.25rem);color:#bdc7d2;max-width:610px;margin:1.8rem 0 2.2rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.button{min-height:50px;display:inline-flex;align-items:center;padding:0 1.4rem;border:1px solid var(--line);font-weight:600;font-size:.88rem;transition:.25s}
.button.primary{background:var(--gold);color:#111;border-color:var(--gold)}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.hero-note{position:absolute;right:clamp(1.25rem,6vw,6rem);bottom:6rem;width:220px;border-left:1px solid var(--gold);padding-left:1.2rem}
.hero-note span{font-family:var(--serif);font-size:3.5rem;line-height:1;color:var(--gold)}
.hero-note p{margin:.3rem 0 0;color:#b7c1cd;font-size:.78rem}
.scroll-cue{position:absolute;bottom:1.5rem;left:50%;width:24px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:20px}
.scroll-cue span{display:block;width:3px;height:7px;background:var(--gold);border-radius:3px;margin:7px auto;animation:scroll 1.8s infinite}
@keyframes scroll{50%{transform:translateY(12px);opacity:.25}
}
.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,8rem)}
.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:end;margin-bottom:3.5rem}
.section h2{font-size:clamp(3rem,5vw,5.5rem);letter-spacing:-.025em}
.section-heading>p{color:var(--muted);max-width:520px}
.filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}
.filters button{color:#b7c0cc;background:transparent;border:1px solid var(--line);padding:.55rem 1rem;cursor:pointer}
.filters button.active,.filters button:hover{background:#eef3f8;color:#0b1019}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
.work-card{position:relative;overflow:hidden;min-height:440px;padding:2rem;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:.35s}
.work-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.28)}
.work-card.with-image{background:#0b1019}
.work-card.with-image:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(5,8,13,.98) 2%,rgba(5,8,13,.86) 37%,rgba(5,8,13,.16) 76%),linear-gradient(90deg,rgba(5,8,13,.45),transparent 70%)}
.card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transition:transform .55s,filter .55s;filter:saturate(.9)}
.work-card.with-image:hover .card-art{transform:scale(1.035);filter:saturate(1.08)}
.lumen .card-art{object-position:56% center}
.passageira .card-art{object-position:center 22%}
.pregacoes .card-art{object-position:center 46%}
.samuel .card-art,.comunhao .card-art,.parabolas .card-art{object-fit:contain;object-position:center;background:#070b11}
.work-card.with-image .card-number{z-index:3;color:#fff;text-shadow:0 2px 10px #000}
.work-card.with-image .card-copy>p{color:#d6dde5;text-shadow:0 2px 10px #000}
.work-card.with-image .card-copy>p:first-child{color:#f2cc83}
.work-card:nth-child(1){grid-column:span 6}
.work-card:nth-child(2),.work-card:nth-child(3){grid-column:span 3}
.work-card:nth-child(4){grid-column:1/-1;min-height:500px}
.work-card:nth-child(5),.work-card:nth-child(6){grid-column:span 6;min-height:500px}
.work-card:nth-child(7),.work-card:nth-child(8),.work-card:nth-child(9){grid-column:1/-1;min-height:500px}
.work-card:nth-child(n){grid-column:1/-1;min-height:500px}
.work-card .card-art[src*="home-banners"]{object-fit:contain;object-position:center;background:#070b11}
.card-number{position:absolute;top:1.5rem;right:1.5rem;font-size:.7rem;letter-spacing:.15em;color:rgba(255,255,255,.5)}
.card-copy{position:relative;z-index:2}
.card-copy>p:first-child{color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.card-copy h3,.universe h3{font-family:var(--serif);font-size:clamp(2.2rem,3.5vw,4rem);line-height:1;margin:.6rem 0 1rem}
.card-copy>p{color:#adb8c5}
.card-copy a{display:inline-flex;gap:.8rem;margin-top:1rem;font-size:.85rem;font-weight:700}
.fragmento{background:radial-gradient(circle at 70% 25%,rgba(42,143,185,.35),transparent 28%),linear-gradient(145deg,#0b111c,#101e2a)}
.passageira{background:linear-gradient(170deg,rgba(9,13,22,.1),#0b1019 70%),repeating-linear-gradient(90deg,transparent 0 33px,rgba(98,152,181,.07) 34px 35px)}
.lumen{background:radial-gradient(circle at 80% 20%,rgba(235,183,72,.3),transparent 25%),linear-gradient(145deg,#122636,#14364d)}
.pregacoes{background:linear-gradient(145deg,#1a0f08,#402714)}
.silicio-azul{background:linear-gradient(145deg,#020817,#0c3152)}
.silicio-azul .card-art{object-position:center 28%}
.milagres{background:linear-gradient(145deg,#211005,#6a3b16)}
.milagres .card-art{object-position:center 28%}
.algoritmo{background:linear-gradient(145deg,#07111d,#17384d)}
.algoritmo .card-art{object-position:center 54%}
.ate-fim{background:linear-gradient(145deg,#100d09,#4a2d12)}
.ate-fim .card-art{object-position:center 58%}
.cartas-paulo{background:linear-gradient(145deg,#130b05,#593314)}
.cartas-paulo .card-art{object-position:center 30%}
.samuel{background:linear-gradient(145deg,#241208,#6f3b16)}
.samuel .card-art{object-position:center 35%}
.orb{position:absolute;width:170px;height:170px;top:55px;right:9%;border-radius:44% 56% 62% 38%;background:radial-gradient(circle at 30% 25%,#d9fbff,#63bddd 14%,#14364c 55%,#05080d 74%);box-shadow:0 0 50px rgba(67,177,218,.4);transform:rotate(18deg)}
.window{position:absolute;top:65px;right:17%;width:100px;height:170px;border:1px solid rgba(132,181,205,.35);box-shadow:inset 0 0 40px #06111a}
.window:after{content:"23:17";position:absolute;inset:auto 0 10px;text-align:center;color:#a8ccdf;font-size:.7rem;letter-spacing:.16em}
.sun{position:absolute;top:70px;right:15%;width:100px;height:100px;border-radius:50%;background:#f7d675;box-shadow:0 0 65px #f1c45b}
.work-card.hidden{display:none}
.universes{background:#0a0f18}
.universe-list{border-top:1px solid var(--line)}
.universe{display:grid;grid-template-columns:.25fr .55fr 1fr .55fr;gap:2rem;align-items:center;padding:2.5rem 0;border-bottom:1px solid var(--line)}
.universe>span{color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.universe h3{font-size:2.4rem;margin:0}
.universe>p{color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:.4rem}
.tags span{font-size:.75rem;border:1px solid var(--line);padding:.35rem .65rem;color:#bdc6d1}
.author{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,9vw,10rem);align-items:center;background:linear-gradient(135deg,#080b12,#0e1824)}
.author-monogram{aspect-ratio:1;max-width:470px;border:1px solid var(--line);display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(215,173,103,.09),transparent 65%)}
.author-monogram span{font-family:var(--serif);font-size:clamp(9rem,20vw,17rem);line-height:1;color:transparent;-webkit-text-stroke:1px var(--gold)}
.author-monogram small{position:absolute;bottom:15%;letter-spacing:.5em;text-transform:uppercase;color:var(--gold)}
.author-copy>p:not(.eyebrow){color:#b2bdc8;max-width:650px}
.author-stat{margin-top:2.4rem;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;gap:1.5rem;align-items:center}
.author-stat strong{font-family:var(--serif);font-size:2.3rem;color:var(--gold);line-height:1}
.author-stat span{font-size:.8rem;color:var(--muted);max-width:260px}
.author-areas{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.author-areas span{font-size:.72rem;border:1px solid var(--line);padding:.45rem .7rem;color:#c4ccd4}
.contact-email{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.8rem 1rem;border:1px solid rgba(16,19,24,.35);color:#101318;font-weight:700}.contact-email:hover{background:#101318;color:var(--gold)}
.audiovisual{min-height:820px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);gap:clamp(3rem,6vw,7rem);align-items:center;position:relative;overflow:hidden;isolation:isolate}
.audiovisual-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070b13 5%,rgba(7,11,19,.78) 55%,rgba(7,11,19,.25)),radial-gradient(ellipse at 80% 45%,#2d5e76 0%,#101927 35%,#05080d 70%)}
.av-copy{max-width:760px}.av-copy h2{font-size:clamp(3.6rem,6vw,6.7rem);max-width:900px}.av-copy>p:not(.eyebrow,.av-declaration){color:#bac4cf;max-width:720px;font-size:1.08rem}
.av-cinema{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 18px rgba(0,0,0,.2),0 25px 80px #000,0 0 100px rgba(73,160,202,.12);transform:perspective(1000px) rotateY(-5deg);background:#070b13;outline:none}.av-cinema img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s ease,transform 1.4s ease;display:block}.av-cinema-start{opacity:1}.av-cinema-film{opacity:0;transform:scale(1.035)}.av-cinema:hover .av-cinema-start,.av-cinema:focus .av-cinema-start,.av-cinema:focus-visible .av-cinema-start{opacity:0;transform:scale(1.025)}.av-cinema:hover .av-cinema-film,.av-cinema:focus .av-cinema-film,.av-cinema:focus-visible .av-cinema-film{opacity:1;transform:scale(1)}.av-cinema span{position:absolute;z-index:2;left:1rem;bottom:1rem;padding:.55rem .75rem;border:1px solid rgba(233,203,148,.32);background:rgba(4,8,14,.72);color:#e8d2aa;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;backdrop-filter:blur(8px);transition:.35s}.av-cinema:hover span,.av-cinema:focus span{opacity:0;transform:translateY(.4rem)}
.av-status{display:inline-flex;align-items:center;gap:.65rem;margin:.6rem 0 1rem;padding:.5rem .8rem;border:1px solid rgba(215,173,103,.3);color:#e6c788;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.av-status i{width:.45rem;height:.45rem;border-radius:50%;background:#e1ad58;box-shadow:0 0 14px rgba(225,173,88,.7)}
.av-foundation{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:2.2rem 0;background:var(--line);border:1px solid var(--line)}.av-foundation div{padding:1.25rem;background:rgba(7,11,19,.9)}.av-foundation strong{display:block;font-family:var(--serif);font-size:1.45rem;color:#ebcf98}.av-foundation span{display:block;margin-top:.35rem;color:#8f9ba7;font-size:.72rem;line-height:1.45}
.av-projects{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:2rem}.av-projects a{font-size:.75rem;border:1px solid rgba(215,173,103,.32);padding:.65rem .85rem;color:#d9c08f;transition:.25s}.av-projects a:hover{background:var(--gold);color:#111722;border-color:var(--gold)}.av-projects a span{margin-left:.35rem}.av-declaration{font-family:var(--serif);font-size:clamp(1.45rem,2vw,2rem)!important;line-height:1.15;color:#e8d2aa!important;border-left:1px solid var(--gold);padding-left:1.2rem;margin-top:2rem;max-width:680px}
.contact{text-align:center;background:var(--gold);color:#101318}
.channels{background:linear-gradient(145deg,#0a0f18,#111b28)}
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2.5rem;background:var(--line);border:1px solid var(--line)}
.channel-grid a{min-height:135px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;background:#0a1019;transition:.25s}
.channel-grid a:hover{background:#151f2c;transform:translateY(-2px)}
.channel-grid strong{font-family:var(--serif);font-size:1.65rem;color:#ead09c}
.channel-grid span{font-size:.72rem;color:var(--muted)}
.contact .eyebrow{color:#59431f}
.contact h2{max-width:900px;margin:auto}
.contact>p:not(.eyebrow){max-width:620px;margin:1.5rem auto 0}
.contact-note{font-size:.82rem;opacity:.68}
footer{padding:2rem clamp(1.25rem,5vw,5rem);display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}
.footer-brand{color:var(--ink)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}
.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.menu-button{display:grid;gap:6px;padding:12px;z-index:2}
.menu-button span{display:block;width:24px;height:1px;background:#fff}
nav{display:none;position:absolute;top:92px;left:0;width:100%;padding:1.5rem;background:#080d16;flex-direction:column}
nav.open{display:flex}
.hero-note{display:none}
.hero h1{font-size:clamp(3.4rem,15vw,5.6rem)}
.section-heading{grid-template-columns:1fr;gap:1rem}
.work-card:nth-child(n){grid-column:span 6}
.work-card:nth-child(1),.work-card:nth-child(4),.work-card:nth-child(5),.work-card:nth-child(6),.work-card:nth-child(7),.work-card:nth-child(8),.work-card:nth-child(9){grid-column:1/-1}
.universe{grid-template-columns:1fr 1fr}
.universe>p{grid-column:1/-1}
.author{grid-template-columns:1fr}
.author-monogram{max-width:360px}
.audiovisual{grid-template-columns:1fr}.av-cinema{max-width:900px;transform:none}
.av-foundation{grid-template-columns:1fr}
.channel-grid{grid-template-columns:repeat(2,1fr)}
footer{flex-direction:column;text-align:center}
}
@media(max-width:600px){.topbar{height:76px}
.hero{padding-top:8rem}
.hero-actions{flex-direction:column}
.button{justify-content:center}
.work-card:nth-child(n){grid-column:1/-1;min-height:390px}
.work-card .card-art[src*="home-banners"]{height:auto;aspect-ratio:3/1;bottom:auto}
.universe{grid-template-columns:1fr}
.universe>p{grid-column:auto}
.author-stat{align-items:flex-start;flex-direction:column}
.audiovisual{min-height:780px}
.av-cinema span{font-size:.58rem;left:.65rem;bottom:.65rem}
.channel-grid{grid-template-columns:1fr}
footer{padding-block:3rem}
}
.future-entry{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(360px,28vw,540px);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-top:3rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(209,166,91,.24);background:#070b11;border-radius:2px}.future-entry:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,8,13,.98) 0%,rgba(5,8,13,.82) 38%,rgba(5,8,13,.1) 82%),linear-gradient(90deg,rgba(5,8,13,.45),transparent 75%)}.future-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:contain;object-position:center;background:#070b11;transition:transform .55s,filter .55s;filter:saturate(.9)}.future-entry:hover .future-art{transform:scale(1.02);filter:saturate(1.05)}.future-entry>div,.future-entry>.button{position:relative;z-index:1}.future-entry h3{font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);margin:.25rem 0 .5rem;color:#eee4d3}.future-entry p:not(.eyebrow){max-width:620px;color:#d4dbe3;margin:0;text-shadow:0 2px 10px #000}.future-entry .button{white-space:nowrap;background:rgba(5,8,13,.58);backdrop-filter:blur(8px)}@media(max-width:700px){.future-entry{min-height:420px;align-items:flex-start;justify-content:flex-end;flex-direction:column}.future-entry .button{width:100%;text-align:center}}