/* Lab Ilû — camada compartilhada. Mantém a identidade visual original e adiciona detalhes editoriais. */
:root{color-scheme:dark;--ilu-blue:#0d00ff;--ilu-orange:#ff3e14;--ilu-bg:#0a0a0c;--ilu-cream:#f4f1ea}
html{scroll-behavior:smooth} body{min-width:320px} a,button,input,textarea,select{-webkit-tap-highlight-color:transparent} a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ilu-blue);outline-offset:4px}
.page-enter{animation:pageIn .55s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#main-header{transition:background .3s,border-color .3s}#main-header.is-scrolled{background:rgba(10,10,12,.96);border-color:rgba(13,0,255,.35)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Editorial collage: drum/network/ancestral memory */
.ilu-collage{min-height:590px;position:relative;overflow:hidden;border:1px solid rgba(13,0,255,.65);border-radius:24px;background:#09090d;isolation:isolate;box-shadow:0 0 70px rgba(13,0,255,.18)}
.ilu-collage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(13,0,255,.8),transparent 45%),radial-gradient(circle at 80% 70%,rgba(255,62,20,.28),transparent 35%),repeating-linear-gradient(0deg,transparent 0 23px,rgba(255,255,255,.045) 24px)}
.collage-topline,.collage-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.18em;color:rgba(244,241,234,.72);z-index:5}.collage-topline{top:22px}.collage-bottom{bottom:20px;align-items:center;flex-wrap:wrap;border-top:1px solid rgba(244,241,234,.3);padding-top:12px}
.collage-photo{position:absolute;right:-5%;top:13%;width:68%;height:57%;background-image:linear-gradient(0deg,rgba(5,5,10,.15),rgba(13,0,255,.12)),url('ces-sao-fi-de-quem-reference.png');background-size:cover;background-position:66% center;background-size:cover;filter:grayscale(.55) contrast(1.12);mix-blend-mode:screen;opacity:.82;clip-path:polygon(14% 0,100% 0,100% 100%,0 82%)}
.collage-blue-shape{position:absolute;left:-20%;bottom:5%;width:75%;height:42%;background:var(--ilu-blue);opacity:.9;transform:rotate(-12deg);z-index:-1}.collage-ring{position:absolute;width:240px;height:240px;border:1px solid rgba(244,241,234,.55);border-radius:50%;right:-40px;top:25%;box-shadow:0 0 0 18px rgba(13,0,255,.12),0 0 0 42px rgba(244,241,234,.04)}
.collage-stamp{position:absolute;right:7%;top:10%;width:88px;height:88px;border-radius:50%;background:var(--ilu-orange);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:rotate(10deg);z-index:4;box-shadow:0 0 35px rgba(255,62,20,.25)}.collage-stamp i{font-size:22px}.collage-stamp span{text-align:center;font:800 7px 'Space Grotesk',sans-serif;letter-spacing:.08em}
.collage-big-type{position:absolute;left:7%;top:29%;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.82;letter-spacing:-.07em;font-weight:800;color:var(--ilu-cream);z-index:3;text-shadow:0 5px 25px rgba(0,0,0,.5)}.collage-big-type span{color:transparent;-webkit-text-stroke:1.5px var(--ilu-cream)}.collage-coordinate{color:var(--ilu-orange)}
.portfolio-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-placeholder{position:relative;min-height:390px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#141420,#08080b 75%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:transform .35s,border-color .35s}.portfolio-placeholder:hover{transform:translateY(-7px);border-color:var(--ilu-blue)}.portfolio-placeholder:before{content:"";position:absolute;width:250px;height:250px;right:-75px;top:-55px;border:1px solid rgba(13,0,255,.8);border-radius:50%;box-shadow:0 0 0 22px rgba(13,0,255,.08),0 0 0 48px rgba(13,0,255,.04)}.portfolio-placeholder-orange:before{border-color:rgba(255,62,20,.8);box-shadow:0 0 0 22px rgba(255,62,20,.08),0 0 0 48px rgba(255,62,20,.04)}.portfolio-placeholder-photo:before{border-radius:35%;transform:rotate(35deg);border-color:rgba(244,241,234,.6)}.portfolio-number{position:absolute;top:22px;left:26px;font:800 12px 'Space Grotesk',sans-serif;color:rgba(244,241,234,.5);letter-spacing:.15em}.portfolio-symbol{position:absolute;top:82px;left:28px;width:76px;height:76px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--ilu-blue);font-size:30px;box-shadow:0 0 40px rgba(13,0,255,.28)}.portfolio-placeholder-orange .portfolio-symbol{background:var(--ilu-orange)}.portfolio-placeholder-photo .portfolio-symbol{background:#f4f1ea;color:#0a0a0c}.portfolio-tag{font:700 10px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#827cff}.portfolio-placeholder p{color:rgba(244,241,234,.68);font-size:13px;line-height:1.7;max-width:340px;margin-top:8px}.portfolio-status{font:700 10px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--ilu-blue);margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);width:100%}
@media(max-width:900px){.portfolio-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ilu-collage{min-height:520px}}
@media(max-width:640px){.portfolio-intro-grid{grid-template-columns:1fr}.portfolio-placeholder{min-height:330px}.ilu-collage{min-height:460px}.collage-photo{width:78%;height:48%;top:18%;right:-12%}.collage-big-type{top:35%;left:6%;font-size:clamp(2.6rem,13vw,4rem)}.collage-stamp{width:70px;height:70px;right:5%;top:11%}.collage-ring{width:180px;height:180px}.collage-topline,.collage-bottom{left:16px;right:16px}.collage-topline{top:16px}.collage-bottom{bottom:14px}}

.reveal-ready{opacity:.01;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal-ready.revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}}

/* Portfolio real: cards com links verificáveis e cases descritos apenas com dados fornecidos. */
.portfolio-real-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.portfolio-real-card{position:relative;display:flex;flex-direction:column;min-height:280px;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#151521,#08080b 78%);transition:transform .3s,border-color .3s}
.portfolio-real-card:hover{transform:translateY(-5px);border-color:var(--ilu-blue)}
.portfolio-real-card .portfolio-symbol{position:static;margin-bottom:24px}
.portfolio-real-card h2{font:800 clamp(1.25rem,2.2vw,1.8rem) 'Syne',sans-serif;text-transform:uppercase;line-height:1.05;margin:0 0 12px}
.portfolio-real-card p{color:rgba(244,241,234,.72);font-size:14px;line-height:1.75}
.portfolio-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:20px;color:#8d87ff;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.site-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.site-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#121216;color:#f4f1ea;font:600 13px 'Space Grotesk',sans-serif;transition:border-color .2s,color .2s}
.site-link:hover{border-color:var(--ilu-blue);color:#a7a1ff}
@media(max-width:760px){.portfolio-real-grid{grid-template-columns:1fr}.site-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.site-link-grid{grid-template-columns:1fr}}