.home-page{
  --black:#030405;
  --black-soft:#090b0e;
  --snow:#f5f5f7;
  --silver:#c9ced2;
  --mint:#73f0ce;
  --glass-scene:rgba(20,25,29,.46);
  --glass-scene-light:rgba(244,248,247,.58);
  background:var(--black);
  color:var(--snow);
  overflow-x:clip;
}

.home-content-layer{position:relative;z-index:1}
.home-page .site-header{position:fixed;inset:0 0 auto;z-index:40;top:clamp(.65rem,2vw,1.25rem)}
.home-page .navbar{
  width:min(92vw,74rem);
  padding:.45rem .55rem .45rem 1.15rem;
  border-color:rgba(255,255,255,.18);
  background:rgba(10,12,14,.46);
  box-shadow:0 12px 40px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.16);
  backdrop-filter:blur(28px) saturate(165%);
  -webkit-backdrop-filter:blur(28px) saturate(165%);
}
.home-page .navbar.is-scrolled{background:rgba(10,12,14,.66);padding-block:.4rem}
.home-page .site-footer{position:relative;z-index:3}

.mural{position:relative;isolation:isolate;background:var(--black);color:var(--snow)}
.mural-sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.mural:not(.mural--intro) .mural-sticky{position:relative;top:auto;height:100svh}
.mural-kicker{font-size:clamp(.68rem,.58rem + .38vw,.92rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mint)}
.mural-index{position:absolute;z-index:6;top:clamp(5.5rem,10vh,7.5rem);left:clamp(1.25rem,4vw,4.5rem);font-size:.7rem;letter-spacing:.22em;color:rgba(255,255,255,.55)}
.mural-media{position:absolute;inset:0;margin:0;overflow:hidden}
.mural-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,3,4,.78) 0%,rgba(1,3,4,.3) 43%,rgba(1,3,4,.12) 68%,rgba(1,3,4,.48) 100%)}
.mural-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);filter:saturate(.82) contrast(1.08);will-change:transform}
.mural-link{display:inline-flex;align-items:center;gap:.7rem;width:max-content;color:inherit;font-weight:650;text-decoration:none;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.34);transition:gap .35s var(--ease),border-color .35s}
.mural-link:hover{gap:1.05rem;border-color:var(--mint)}
.mural-link span{color:var(--mint)}
.concept-note{display:block;margin-top:1rem;font-size:.64rem;line-height:1.3;color:rgba(255,255,255,.48);font-style:normal}

.glass-panel{
  position:relative;
  overflow:hidden;
  color:var(--snow);
  border:1px solid rgba(255,255,255,.2);
  border-top-color:rgba(255,255,255,.42);
  border-radius:clamp(1.5rem,3vw,2.75rem);
  background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.035)),var(--glass-scene);
  box-shadow:0 35px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.2),inset 0 -1px rgba(255,255,255,.05);
  backdrop-filter:blur(36px) saturate(165%);
  -webkit-backdrop-filter:blur(36px) saturate(165%);
}
.glass-panel::before{
  content:"";position:absolute;z-index:-1;inset:0;
  background:radial-gradient(100% 80% at 5% 0%,rgba(255,255,255,.18),transparent 48%),linear-gradient(105deg,transparent 42%,rgba(115,240,206,.055) 52%,transparent 62%);
  pointer-events:none;
}

/* Opening theatre */
.mural--intro{height:240svh;background:#05080a}
.mural--intro .mural-sticky::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,4,6,.18),transparent 42%,rgba(1,4,6,.7));z-index:2;pointer-events:none}
.hero-ghost{position:absolute;z-index:0;top:50%;left:50%;transform:translate(-50%,-53%);font-size:clamp(9rem,25vw,28rem);font-weight:800;letter-spacing:-.085em;line-height:.72;color:rgba(255,255,255,.035);white-space:nowrap}
.mural-media--hero img{object-position:center;filter:saturate(.72) contrast(1.12) brightness(.76)}
.mural-media--hero::after{z-index:2;background:linear-gradient(90deg,rgba(1,4,6,.88) 0%,rgba(1,4,6,.52) 35%,rgba(1,4,6,.06) 78%),linear-gradient(0deg,rgba(1,4,6,.72),transparent 48%)}
.frame-scrub-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity .24s ease;filter:saturate(.8) contrast(1.08)}
.frame-ready .frame-scrub-canvas{opacity:1}
.frame-ready .mural-media img{opacity:0}
.hero-copy{position:absolute;z-index:4;left:clamp(1.25rem,6vw,7rem);top:clamp(8rem,20vh,13rem);max-width:min(44vw,42rem)}
.hero-copy h1{margin:.55rem 0 .75rem;font-size:clamp(5rem,12vw,12rem);letter-spacing:-.08em;line-height:.75}
.hero-copy h1 span{display:block}
.hero-statement{font-size:clamp(1.55rem,2.4vw,2.8rem);font-weight:560;line-height:1.08;letter-spacing:-.045em;color:rgba(245,245,247,.88);margin-bottom:2rem}
.hero-signature{position:absolute;z-index:4;right:clamp(1.25rem,5vw,6rem);bottom:clamp(2rem,6vh,4.5rem);display:grid;gap:.28rem;text-align:right;font-size:clamp(.78rem,1vw,1rem);color:rgba(255,255,255,.58)}

/* Portal flagship */
.mural--portal{height:100svh;background:#071414}
.mural--portal .mural-media img{object-position:center;transform:scale(1.08);filter:saturate(.92) contrast(1.04)}
.mural--portal .mural-media::after{z-index:2;background:linear-gradient(90deg,rgba(2,8,12,.88),rgba(2,8,12,.72) 48%,rgba(4,12,16,.28) 82%),linear-gradient(0deg,rgba(2,7,10,.78),transparent 36%)}
.portal-editorial{position:absolute;z-index:5;left:clamp(1.25rem,6vw,7rem);top:clamp(10rem,24vh,17rem);width:min(65vw,75rem);text-shadow:0 2px 28px rgba(0,0,0,.22)}
.portal-editorial h2{font-size:clamp(4.1rem,8.5vw,10rem);line-height:.9;letter-spacing:-.085em;margin:.85rem 0 1.35rem;max-width:12ch}
.portal-editorial h2 span{color:var(--mint)}
.portal-editorial .mural-lead{margin-bottom:1rem}
.mural-lead{font-size:clamp(1.15rem,1.55vw,1.55rem);max-width:34ch;color:rgba(255,255,255,.82)}
.portal-module-rail{position:absolute;z-index:5;left:clamp(1.25rem,6vw,7rem);right:clamp(1.25rem,6vw,7rem);bottom:clamp(2.5rem,7vh,5rem);display:flex;justify-content:space-between;gap:1.2rem;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.42);border-bottom:1px solid rgba(255,255,255,.2);font-size:clamp(.65rem,.75vw,.9rem);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85);backdrop-filter:blur(12px)}
.portal-concept-note{position:absolute;z-index:5;right:clamp(1.25rem,6vw,7rem);bottom:1rem;font-size:.62rem;color:rgba(255,255,255,.68)}

/* CORE: a documentary chapter using the Rolê REC'n'Play photo supplied by the user. */
.mural--core{height:100svh;background:#080d0d}
.core-media{position:absolute;inset:0;margin:0;overflow:hidden}
.core-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.78) contrast(1.08) brightness(.82);transform:scale(1.04)}
.core-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,7,.72) 0%,rgba(2,6,7,.28) 43%,rgba(2,6,7,.43) 69%,rgba(2,6,7,.86) 100%),linear-gradient(90deg,rgba(2,6,7,.48),transparent 72%);pointer-events:none}
.core-media figcaption{position:absolute;z-index:3;right:clamp(1.25rem,5vw,6rem);bottom:clamp(1rem,3vh,2rem);max-width:22rem;font-size:.66rem;line-height:1.35;text-align:right;color:rgba(255,255,255,.68)}
.core-heading{position:absolute;z-index:4;bottom:clamp(3rem,6vh,5rem);left:clamp(1.25rem,6vw,7rem);right:clamp(1.25rem,6vw,7rem)}
.core-heading h2{font-size:clamp(4.5rem,8.3vw,10rem);line-height:.88;letter-spacing:-.078em;margin:.8rem 0 0;text-wrap:balance;text-shadow:0 5px 35px rgba(0,0,0,.34)}
.core-statement{position:absolute;z-index:4;left:clamp(1.25rem,6vw,7rem);top:clamp(8rem,16vh,12rem);width:min(30rem,40vw);text-shadow:0 2px 24px rgba(0,0,0,.65)}
.core-statement p{font-size:clamp(1.1rem,1.55vw,1.55rem);line-height:1.24;letter-spacing:-.025em;max-width:31ch}
.core-statement span{display:block;margin-top:1.15rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.42);font-size:.68rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}

/* PRISMA */
.mural--prisma{height:100svh}
.mural--prisma .mural-media::after{background:linear-gradient(180deg,rgba(2,3,4,.56),rgba(2,3,4,.25) 42%,rgba(2,3,4,.8)),linear-gradient(90deg,rgba(2,3,4,.74),rgba(2,3,4,.42) 70%,rgba(2,3,4,.22))}
.mural--prisma .mural-media img{object-position:52% center;transform:scale(1.08)}
.prisma-title{position:absolute;z-index:5;left:clamp(1.25rem,6vw,7rem);top:clamp(7rem,16vh,11rem)}
.prisma-title h2{font-size:clamp(3.25rem,7vw,8rem);letter-spacing:-.07em;margin-top:.7rem}
.prisma-rail{position:absolute;z-index:5;left:clamp(1.25rem,6vw,7rem);right:clamp(1.25rem,6vw,7rem);bottom:clamp(1.5rem,5vh,4rem);display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.28);font-size:clamp(.7rem,1vw,.95rem);letter-spacing:.08em;color:rgba(255,255,255,.65)}
.glass-panel--prisma{position:absolute;z-index:6;right:clamp(1.25rem,6vw,7rem);bottom:clamp(5rem,13vh,10rem);width:min(30rem,35vw);padding:1.5rem 1.7rem}
.glass-panel--prisma p{font-size:clamp(1.05rem,1.5vw,1.45rem);line-height:1.35}

/* ARBORA */
.mural--arbora{height:100svh;background:#06110d}
.mural--arbora .mural-media::after{background:linear-gradient(90deg,rgba(1,14,9,.18),rgba(1,9,6,.58) 70%,rgba(1,7,5,.78)),linear-gradient(0deg,rgba(1,9,6,.5),transparent 45%)}
.mural--arbora .mural-media img{object-position:center}
.arbora-lens{position:absolute;left:10vw;top:17vh;width:min(52vw,45rem);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 70px rgba(255,255,255,.09),0 40px 100px rgba(0,0,0,.32);backdrop-filter:contrast(1.08) saturate(1.18);-webkit-backdrop-filter:contrast(1.08) saturate(1.18)}
.arbora-copy{position:absolute;z-index:5;right:clamp(1.25rem,6vw,7rem);top:50%;transform:translateY(-50%);width:min(40rem,42vw)}
.arbora-copy h2{font-size:clamp(3.8rem,8vw,9rem);letter-spacing:-.075em;margin:.7rem 0 2rem;text-align:right}
.arbora-copy>.mural-kicker{text-align:right}
.arbora-copy .glass-panel{padding:clamp(1.4rem,2.5vw,2.25rem);margin-left:auto;width:min(31rem,100%)}
.arbora-copy .glass-panel p{font-size:clamp(1.05rem,1.4vw,1.35rem)}

/* Experiences */
.mural--experiences{min-height:200svh;background:#050607}
.experience-act{position:relative;height:100svh;overflow:hidden}
.experience-act .mural-media::after{background:linear-gradient(90deg,rgba(2,3,5,.72),transparent 66%),linear-gradient(0deg,rgba(2,3,5,.62),transparent 55%)}
.experience-act--arena{background:radial-gradient(circle at 75% 45%,#243b48,#0b111a 46%,#030507 88%)}
.experience-act--arena::before{content:"";position:absolute;inset:-8%;background:url('/assets/images/projects/jdxp-arena-game/registro-arena-poster.webp') center/cover;filter:blur(70px);opacity:.16}
.experience-act--arena .mural-media{inset:8% 7% 8% auto;width:42%;border-radius:2rem;box-shadow:0 35px 100px rgba(0,0,0,.48)}
.experience-act--arena .mural-media::after{display:none}
.experience-act--arena .mural-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.experience-copy{position:absolute;z-index:4;left:clamp(1.25rem,6vw,7rem);bottom:clamp(2rem,8vh,6rem);width:min(37rem,44vw);padding:clamp(1.5rem,3vw,2.7rem)}
.experience-copy h2{font-size:clamp(3.2rem,6.5vw,7.4rem);letter-spacing:-.07em;margin:.65rem 0 1.15rem}
.experience-copy p:not(.mural-kicker){max-width:36ch;color:rgba(255,255,255,.78)}
.experience-act--arena .experience-copy{left:clamp(1.25rem,6vw,7rem);right:auto}
.arena-video-toggle{position:absolute;z-index:6;right:clamp(1.25rem,7vw,8rem);bottom:clamp(2rem,8vh,6rem);padding:.75rem 1rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(8,12,18,.7);color:#fff;font:inherit;font-size:.8rem;cursor:pointer;backdrop-filter:blur(16px)}
.arena-video-toggle:hover,.arena-video-toggle:focus-visible{background:rgba(30,54,62,.9)}

/* Vision */
.mural--vision{min-height:120svh;padding:clamp(8rem,14vw,13rem) clamp(1rem,3vw,3rem);background:radial-gradient(circle at 50% 20%,#11191b,#030405 55%)}
.vision-heading{width:min(90rem,92vw);margin:0 auto clamp(3rem,7vw,7rem)}
.vision-heading h2{font-size:clamp(3.2rem,7.7vw,9rem);letter-spacing:-.075em;margin-top:.7rem}
.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.8rem,2vw,2rem);height:min(72vw,54rem);max-height:82svh}
.vision-pane{position:relative;overflow:hidden;border-radius:clamp(1.5rem,3vw,3rem);color:#fff;text-decoration:none}
.vision-pane img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .7s;filter:saturate(.72) contrast(1.08)}
.vision-pane:hover img{transform:scale(1.035);filter:saturate(1)}
.vision-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 56%)}
.vision-label{position:absolute;left:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem);bottom:clamp(1rem,3vw,2.5rem);padding:1.1rem 1.35rem;display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;font-size:clamp(1.35rem,2.2vw,2.3rem);line-height:1.05}
.vision-label small{grid-column:1/-1;color:rgba(255,255,255,.58);font-size:.66rem;letter-spacing:.15em;text-transform:uppercase}
.vision-label b{color:var(--mint);font-weight:400}
.vision-pane>.concept-note{position:absolute;z-index:2;top:1rem;right:1rem;margin:0;padding:.35rem .55rem;border-radius:999px;background:rgba(0,0,0,.34);backdrop-filter:blur(12px)}

/* Education + closing */
.mural--education{min-height:225svh;padding:clamp(8rem,14vw,13rem) clamp(1rem,4vw,4rem);background:linear-gradient(180deg,#edf1ef 0%,#f5f5f7 58%,#080a0b 58%,#030405 100%);color:#080a0b}
.education-intro{width:min(90rem,92vw);margin:0 auto clamp(3rem,7vw,7rem)}
.education-intro .mural-kicker{color:#176d5b}
.education-intro h2{font-size:clamp(3.5rem,8vw,9.5rem);letter-spacing:-.075em;margin-top:.7rem}
.education-stack{width:min(92rem,94vw);margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2.5vw,2.5rem)}
.education-project{position:relative;min-height:54rem;overflow:hidden;border-radius:clamp(1.5rem,3vw,3rem);color:#fff;text-decoration:none;box-shadow:0 35px 80px rgba(10,18,15,.14)}
.education-project:nth-child(1),.education-project:nth-child(2){grid-column:1/13;min-height:clamp(33rem,70svh,48rem)}
.education-project:nth-child(3){grid-column:1/13;min-height:clamp(33rem,65svh,44rem)}
.education-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.education-project--jovem-dev img{object-position:center 53%}
.education-project--qualifica img{object-position:center 34%}
.education-project:nth-child(2) img{object-position:center}
.education-project:hover img{transform:scale(1.035)}
.education-project::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.76),transparent 62%)}
.education-project>span{position:absolute;z-index:2;left:clamp(1.25rem,4vw,3rem);right:clamp(1.25rem,4vw,3rem);bottom:clamp(1.25rem,4vw,3rem);display:grid;font-size:clamp(2rem,4vw,4.8rem);font-weight:600;line-height:1;letter-spacing:-.055em}
.education-project small{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);margin-bottom:.7rem}
.education-project>.concept-note{position:absolute;z-index:2;top:1.2rem;right:1.2rem;margin:0;padding:.4rem .58rem;border-radius:999px;background:rgba(0,0,0,.34);backdrop-filter:blur(12px)}
.education-close{width:min(70rem,90vw);margin:clamp(10rem,20vw,20rem) auto 0;padding:clamp(2rem,6vw,6rem);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035)),rgba(15,18,20,.66);color:var(--snow)}
.education-close h2{font-size:clamp(2.8rem,6vw,7rem);letter-spacing:-.068em;margin:.8rem 0 2rem}
.closing-links{display:flex;flex-wrap:wrap;gap:1rem 2.5rem}
.home-footer{background:#030405;border-top:1px solid rgba(255,255,255,.1)}

.animus-webgl{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;pointer-events:none;opacity:.14}

@supports not (backdrop-filter:blur(1px)){
  .glass-panel,.home-page .navbar{background:rgba(14,18,20,.94)}
  .core-statement{color:#fff}
}

@media (max-width:900px){
  .home-page .navbar{width:calc(100vw - 1.5rem)}
  .mural,.mural--intro,.mural--portal,.mural--core,.mural--prisma,.mural--arbora{height:auto;min-height:100svh}
  .mural-sticky{position:relative;height:auto;min-height:100svh}
  .mural--intro .mural-sticky{min-height:110svh}
  .frame-scrub-canvas{display:none}
  .mural-media--hero img{object-position:61% center}
  .hero-ghost{font-size:30vw;top:42%}
  .hero-copy{left:1.25rem;right:1.25rem;top:auto;bottom:13vh;max-width:none}
  .hero-copy h1{font-size:clamp(4.6rem,23vw,8rem)}
  .hero-statement{font-size:clamp(1.45rem,6vw,2.2rem)}
  .hero-signature{display:none}
  .mural--portal .mural-sticky,.mural--prisma .mural-sticky,.mural--arbora .mural-sticky{min-height:110svh}
  .mural-media::after{background:linear-gradient(0deg,rgba(2,5,5,.84),rgba(2,5,5,.05) 70%)}
  .mural--portal .mural-media::after{background:linear-gradient(0deg,rgba(2,8,12,.92),rgba(2,8,12,.3) 65%,rgba(2,8,12,.55))}
  .mural--arbora .mural-media::after{background:linear-gradient(0deg,rgba(2,8,7,.88),transparent 72%)}
  .portal-editorial{left:1.25rem;right:1.25rem;top:auto;bottom:24vh;width:auto}
  .portal-editorial h2{font-size:clamp(3.35rem,11vw,6rem)}
  .portal-module-rail{left:1.25rem;right:1.25rem;bottom:4rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1rem;font-size:.62rem}
  .portal-module-rail span:nth-child(n+5){display:none}
  .portal-concept-note{right:1.25rem;left:1.25rem;bottom:1rem}
  .glass-panel--prisma{left:1rem;right:1rem;bottom:1rem;width:auto;padding:1.35rem}
  .mural--core .mural-sticky{min-height:110svh}
  .core-media img{object-position:right center;transform:scale(1.18)}
  .core-heading{left:1.25rem;right:1.25rem;top:7.5rem;bottom:auto}
  .core-heading h2{font-size:clamp(3.5rem,13vw,6rem)}
  .core-statement{left:1.25rem;right:1.25rem;top:auto;bottom:5rem;width:auto}
  .core-statement p{font-size:clamp(1.05rem,4.5vw,1.35rem)}
  .core-media figcaption{left:1.25rem;right:1.25rem;bottom:1.4rem;text-align:left;max-width:none}
  .animus-webgl{display:none}
  .prisma-title{left:1.25rem;right:1.25rem;top:7rem}
  .prisma-title h2{font-size:clamp(3rem,14vw,5.5rem)}
  .prisma-rail{display:none}
  .arbora-lens{left:-16vw;top:17vh;width:92vw}
  .arbora-copy{left:1rem;right:1rem;top:auto;bottom:1rem;transform:none;width:auto}
  .arbora-copy h2,.arbora-copy>.mural-kicker{text-align:left}
  .arbora-copy h2{font-size:15vw;margin-bottom:1rem}
  .experience-act{min-height:105svh}
  .experience-copy,.experience-act--arena .experience-copy{left:1rem;right:1rem;bottom:1rem;width:auto;padding:1.35rem}
  .experience-act--arena .mural-media{inset:0;width:100%;border-radius:0;box-shadow:none}
  .experience-act--arena .mural-media video{object-fit:cover}
  .arena-video-toggle{top:7rem;right:1rem;bottom:auto}
  .experience-copy h2{font-size:12vw}
  .mural--vision{padding-inline:.75rem;min-height:auto}
  .vision-heading h2{font-size:12vw}
  .vision-grid{grid-template-columns:1fr;height:auto;max-height:none}
  .vision-pane{height:78svh}
  .mural--education{min-height:auto;padding-inline:.75rem;background:linear-gradient(180deg,#edf1ef 0%,#f5f5f7 72%,#080a0b 72%,#030405 100%)}
  .education-intro h2{font-size:13vw}
  .education-stack{display:grid;grid-template-columns:1fr;width:100%}
  .education-project,.education-project:nth-child(n){grid-column:auto;margin:0;min-height:74svh}
  .education-project:nth-child(2){min-height:0;display:flex;flex-direction:column;background:#101416}
  .education-project:nth-child(2) img{position:relative;height:auto;object-fit:contain;transform:none!important}
  .education-project:nth-child(2)::after{display:none}
  .education-project:nth-child(2)>span{position:relative;inset:auto;padding:1.25rem;font-size:clamp(1.7rem,6vw,2.5rem)}
  .education-project--qualifica,.education-project--qualifica:nth-child(3){min-height:0;display:flex;flex-direction:column;background:#101416}
  .education-project--qualifica img{position:relative;height:auto;object-fit:contain;transform:none!important}
  .education-project--qualifica::after{display:none}
  .education-project--qualifica>span{position:relative;inset:auto;padding:1.25rem;font-size:clamp(1.7rem,6vw,2.5rem)}
  .education-close{margin-top:8rem;width:100%;padding:1.5rem}
  .education-close h2{font-size:11vw}
}

@media (max-width:520px){
  .mural-index{top:5.4rem;left:1rem}
  .glass-panel{border-radius:1.4rem;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
  .portal-editorial{bottom:25vh}
  .core-heading h2{font-size:13vw}
  .vision-pane{height:70svh}
  .education-project{min-height:68svh}
  .closing-links{display:grid}
}

@media (prefers-reduced-motion:reduce){
  .mural,.mural--intro,.mural--portal,.mural--core,.mural--prisma,.mural--arbora{height:auto;min-height:100svh}
  .mural-sticky{position:relative}
  .mural-media img,.vision-pane img,.education-project img{transform:none!important;transition:none}
  .frame-scrub-canvas{display:none}
}

@media (forced-colors:active),(prefers-contrast:more){
  .glass-panel,.home-page .navbar{backdrop-filter:none;background:#101416;border:2px solid currentColor}
  .mural-media::after{background:rgba(0,0,0,.65)}
}