@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700&display=swap');
:root{--black:#050707;--white:#f7f9f8;--muted:#aab6b6;--teal:#136d75;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--white);font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #84e0df;outline-offset:7px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:20;background:black;padding:12px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#000;gap:24px}.logo{display:block;width:176px;height:58px;background:url('assets/logo.png') center/280% auto no-repeat;flex-shrink:0}nav{display:flex;gap:32px;font-size:14px}nav a{color:#bec5c5}nav a:hover{color:white}.small-cta{font-size:14px;border-bottom:1px solid #718283;padding:8px 0}.small-cta span{margin-left:25px}.hero{min-height:660px;height:calc(100svh - 100px);max-height:950px;position:relative;overflow:hidden;padding:45px 5% 50px;display:flex;flex-direction:column;justify-content:space-between;background:#062831}.fluid{position:absolute;inset:-4%;background-image:linear-gradient(90deg,#00121670,#00171c15),url('assets/palette.png');background-size:100% 100%,160% auto;background-position:center,right top;filter:saturate(.85);animation:breathe 18s ease-in-out infinite alternate;z-index:0}.hero>*:not(.fluid){position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.13em;color:#c2d3d4}h1{font-size:clamp(52px,6.7vw,108px);font-weight:450;letter-spacing:-.06em;line-height:1.07;margin:70px 0}h1 span{color:#b3d7d8}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px}.hero-bottom p{font-size:17px;margin:0;color:#d9e4e5}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:17px 25px;background:var(--white);color:#0b282d;border-radius:50px;font-size:15px;font-weight:600;transition:transform .25s,background .25s}.button:hover{background:#bce7e6;transform:translateY(-3px)}.button span{font-size:22px;font-weight:400}.scroll{font-size:14px}.scroll span{margin-left:30px}.discipline{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:26px 5%;border-bottom:1px solid var(--line);font-size:14px}.discipline i{font-size:20px;font-style:normal;color:#50959a}.section{padding:120px 5%}.manifesto{display:grid;grid-template-columns:1fr 2.2fr;gap:50px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#9fafaf;padding-top:12px}h2{font-size:clamp(36px,4.3vw,68px);font-weight:450;line-height:1.15;letter-spacing:-.045em;margin:0 0 40px}h2 span{color:#849697}.columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:850px}.columns p{color:#bac4c4;margin:0}.signature{margin-top:40px;font-size:14px;color:#d4e4e4}@keyframes breathe{to{transform:scale(1.06) translateY(1.5%)}}@media(max-width:800px){header{height:85px;flex-wrap:wrap;padding:12px 5%;height:auto;gap:12px}nav{order:3;width:100%;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px}.logo{width:145px;height:46px}.small-cta{font-size:12px}.hero{height:auto;min-height:640px;padding-top:28px}.hero-top span:last-child{display:none}h1{font-size:clamp(41px,8vw,65px);margin:90px 0 60px}.hero-bottom{flex-wrap:wrap;align-items:start}.hero-bottom p{width:100%;font-size:16px}.scroll{align-self:center}.discipline{overflow:hidden;justify-content:start;white-space:nowrap}.section{padding:75px 6%}.manifesto{grid-template-columns:1fr;gap:30px}.columns{gap:25px}.fluid{background-size:100% 100%,auto 130%;background-position:center,right top}}@media(max-width:480px){.columns{grid-template-columns:1fr}.hero-bottom{gap:25px}.scroll{display:none}.button{gap:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.section-head{display:grid;grid-template-columns:1fr 2.2fr;gap:0 50px;margin-bottom:60px}.section-head h2{margin-bottom:25px}.section-head>p{grid-column:2;color:var(--muted);margin:0}.services{background:#0b3338}.service-list{margin-left:32%}details{border-top:1px solid #ffffff30}details:last-child{border-bottom:1px solid #ffffff30}summary{display:flex;align-items:center;gap:28px;cursor:pointer;padding:26px 0;list-style:none}summary::-webkit-details-marker{display:none}.number{color:#92b9ba;font-size:13px}h3{font-size:26px;font-weight:450;letter-spacing:-.03em;line-height:1.3;margin:0}.plus{font-size:30px;font-weight:400;margin-left:auto;transition:transform .25s}details[open] .plus{transform:rotate(45deg)}.detail{padding:0 55px 30px}.detail p{max-width:630px;color:#d4e2e3;margin:0 0 22px}.detail>span{font-size:13px;color:#9cbfc1}.text-link{display:block;width:fit-content;border-bottom:1px solid #6b9c9f;padding:7px 0;margin-top:25px;font-size:14px}.projects{background:#f3f6f5;color:#102d31}.projects .eyebrow,.projects .section-head>p{color:#53676a}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 30px}.project-grid figure{margin:0}.project-grid .wide{grid-column:1/-1}.project-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px;transition:transform .6s}.project-grid figure:hover img{transform:translateY(-5px)}figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:22px;align-items:center}figcaption h3{font-size:20px}figcaption span{font-size:11px;letter-spacing:.07em}.project-grid figure:not(.wide) figcaption{display:block}.project-grid figure:not(.wide) figcaption span{display:block;margin-top:10px}.projects>.text-link{margin-top:45px}.about{display:grid;grid-template-columns:1fr 2.2fr;gap:50px}.founders{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:55px;padding-top:25px;gap:25px}.founders span:first-child{font-size:28px;letter-spacing:-.03em}.founders span:last-child{font-size:11px;letter-spacing:.1em;color:var(--muted)}.mentoring{display:grid;grid-template-columns:1fr 1fr;margin:0 5%;border-radius:24px;overflow:hidden;background:#102c30}.mentor-visual{min-height:600px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:55px;overflow:hidden;background:radial-gradient(ellipse at 0 0,#f4ffff 0,#8ebac0 25%,#166e77 55%,#04272f 100%);color:#07343c}.mentor-visual>span{font-size:clamp(45px,5vw,76px);letter-spacing:-.06em;line-height:1.07;position:relative;z-index:1}.mentor-visual small{font-size:11px;letter-spacing:.1em;color:#e7f3f3;z-index:1}.mentor-ring{position:absolute;border:1px solid #c6e9e9a0;border-radius:50%;width:750px;height:750px;left:22%;top:36%;box-shadow:0 0 0 55px #d0ffff07,0 0 0 110px #d0ffff05}.mentor-content{padding:55px}.mentor-content .eyebrow{margin-bottom:28px}.mentor-content h2{font-size:clamp(38px,3.5vw,56px)}.mentor-content p,.mentor-content li{color:#b7cbcc}.mentor-content ul{padding-left:18px;margin:25px 0 35px;font-size:14px}.mentor-content li{padding:5px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:1px solid #43666a;padding-top:22px}.steps article>span{font-size:12px;letter-spacing:.08em;color:#83b5b8}.steps h3{margin:38px 0 20px;font-size:28px}.steps p{color:#aebcbd;font-size:15px}.contact{background:radial-gradient(ellipse at 100% 100%,#277b82 0%,#0b383e 40%,#081b20 80%);border-radius:25px 25px 0 0}.contact h2{font-size:clamp(55px,7vw,110px);margin:45px 0}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{color:#bfd4d5}.email{display:inline-block;font-size:clamp(18px,2.5vw,35px);margin-top:45px;letter-spacing:-.03em}.copy{margin-left:25px;border:1px solid #ffffff40;border-radius:30px;color:#cfdfdf;background:none;padding:8px 15px;font-size:12px;cursor:pointer}#copy-status{display:block;font-size:13px;margin-top:10px}footer{background:#000;padding:50px 5% 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top p{font-size:18px;line-height:1.3}.footer-top>a:last-child{font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:12px;color:#9facac}@media(max-width:800px){.section-head,.about{grid-template-columns:1fr;gap:25px}.section-head>p{grid-column:1}.section-head{margin-bottom:40px}.service-list{margin-left:0}summary{gap:18px}summary h3{font-size:22px}.detail{padding-left:35px;padding-right:0}.project-grid{gap:40px 20px}figcaption{display:block}figcaption span{display:block;margin-top:10px}.mentoring{grid-template-columns:1fr}.mentor-visual{min-height:430px;padding:35px}.mentor-content{padding:35px}.mentor-content h2 br{display:none}.mentor-content h2{line-height:1.2}.mentor-content h2 br:after{content:' '}.steps{grid-template-columns:1fr 1fr}.contact-bottom{flex-direction:column;align-items:flex-start}.contact h2{font-size:clamp(49px,9vw,76px)}.email{overflow-wrap:anywhere}.copy{margin:20px 0 0;display:block}.footer-bottom{flex-wrap:wrap}.footer-top p{font-size:15px}}@media(max-width:480px){.project-grid{grid-template-columns:1fr}.project-grid .wide{grid-column:1}.steps{grid-template-columns:1fr;gap:25px}.steps h3{margin-top:20px}.founders{align-items:flex-start;flex-direction:column;gap:12px}.footer-top{flex-wrap:wrap}.footer-top>a:last-child{width:100%}.footer-bottom{font-size:11px}.hero-top{font-size:11px}}
.fluid{background-size:100% 100%,auto 280%;background-position:center,right top}.mentor-content h2 br{display:initial}@media(max-width:800px){.fluid{background-size:100% 100%,auto 280%}}.eyebrow,.hero-top,.number,.detail>span,.mentor-content ul,.steps article>span,.footer-bottom{font-size:14px}figcaption span,.founders span:last-child,.mentor-visual small{font-size:12px}


/* Projetos em vídeo e serviços diretos */
.portfolio{background:#eff4f2;color:#102d31}
.portfolio .eyebrow,.portfolio .section-head>p{color:#53676a}
.portfolio .section-head{align-items:start}
.portfolio .section-head>p{max-width:500px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 22px}
.work-card{margin:0;min-width:0}
.work-image{aspect-ratio:16/10;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;border-radius:8px;background:radial-gradient(circle at 83% 18%,#256772 0%,transparent 39%),linear-gradient(135deg,#0a272e 5%,#082025 48%,#071416 100%);color:#d8efec}
.work-card:nth-child(2) .work-image,.work-card:nth-child(5) .work-image{background:radial-gradient(circle at 18% 80%,#2b737a 0%,transparent 40%),linear-gradient(145deg,#112e32,#071b20 70%)}
.work-card:nth-child(3) .work-image,.work-card:nth-child(6) .work-image{background:radial-gradient(circle at 70% 80%,#1d5963 0%,transparent 45%),linear-gradient(155deg,#071719,#15343a 88%)}
.work-image::after{content:"";position:absolute;inset:14px;border:1px solid #d6f1eb24;pointer-events:none}
.work-index,.work-pending{position:absolute;z-index:1;font-size:12px;letter-spacing:.16em;font-weight:600}
.work-index{top:29px;left:29px}.work-pending{bottom:28px;left:29px;color:#a6c8c5}
.work-mark{font-size:clamp(80px,13vw,190px);font-weight:450;line-height:1;letter-spacing:-.11em;transform:translateX(-.06em);color:#d3eeee20;user-select:none}
.work-card figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px}
.work-card figcaption span:first-child{font-size:17px;font-weight:600;letter-spacing:-.03em}
.work-card figcaption span:last-child{font-size:11px;letter-spacing:.11em;color:#607477;white-space:nowrap}
.services{background:#0b3338}
.services .section-head>p{max-width:470px}
.service-rows{margin-left:32%;border-bottom:1px solid #ffffff35}
.service-rows article{display:grid;grid-template-columns:45px minmax(190px,1fr) minmax(240px,1.2fr);gap:22px;align-items:baseline;padding:26px 0;border-top:1px solid #ffffff35}
.service-rows .number{color:#91bbbc}
.service-rows h3{font-size:clamp(20px,2vw,27px)}
.service-rows p{margin:0;color:#c4d9da;font-size:15px;line-height:1.6}
.service-rows a{white-space:nowrap;border-bottom:1px solid #8cc5c6}
@media(max-width:1100px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-rows{margin-left:0}}
@media(max-width:800px){.work-grid{gap:36px 18px}.service-rows article{grid-template-columns:34px minmax(140px,1fr);gap:8px 16px}.service-rows p{grid-column:2}}
@media(max-width:600px){.work-grid{grid-template-columns:1fr;gap:36px}.work-image{aspect-ratio:16/10}.work-mark{font-size:150px}.service-rows article{padding:22px 0}.service-rows p{font-size:14px}}


/* Mosaico contínuo, sem elementos visíveis além das miniaturas. */
.portfolio{padding:0;background:#050707}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.work-tile{display:block;min-width:0;aspect-ratio:16/10;background-size:cover;background-position:center}
.work-tile:nth-child(1){background-image:radial-gradient(ellipse at 75% 26%,#b8c3c3 0%,#455255 18%,transparent 49%),linear-gradient(140deg,#020505 14%,#183038 55%,#030707 95%)}
.work-tile:nth-child(2){background-image:linear-gradient(152deg,transparent 24%,#d0d5d1 42%,#526467 47%,transparent 70%),linear-gradient(35deg,#05090a,#142b30 58%,#010404)}
.work-tile:nth-child(3){background-image:radial-gradient(ellipse at 26% 72%,#a5b6b5 0%,#395359 27%,transparent 58%),linear-gradient(160deg,#010405 10%,#081b20 65%,#101719)}
.work-tile:nth-child(4){background-image:linear-gradient(25deg,#d4d8d2 3%,#687d7c 23%,transparent 45%),radial-gradient(ellipse at 80% 18%,#375861,#071215 62%)}
.work-tile:nth-child(5){background-image:radial-gradient(ellipse at 52% -8%,#e0e5df 0%,#648186 21%,transparent 56%),linear-gradient(155deg,#020606 20%,#12323a 65%,#010304)}
.work-tile:nth-child(6){background-image:linear-gradient(130deg,#030606 8%,#315259 33%,#afbebb 53%,#213a3f 60%,#010404 91%)}
@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.work-grid{grid-template-columns:1fr}.work-tile{aspect-ratio:16/10}}


/* Navegação, movimento e reprodução no próprio site. */
header{position:sticky;top:0;z-index:30;transition:height .35s ease,background-color .35s ease,box-shadow .35s ease}
header.is-scrolled{height:78px;background:#020708e8;backdrop-filter:blur(18px);box-shadow:0 1px 0 #ffffff1c}
nav a{position:relative;display:inline-block;transition:color .25s ease,transform .25s ease}
nav a::after{content:"";position:absolute;height:1px;left:0;right:0;bottom:-5px;background:#c1e9e7;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
nav a:hover,nav a[aria-current="location"]{color:#fff;transform:translateY(-2px)}
nav a:hover::after,nav a[aria-current="location"]::after{transform:scaleX(1)}
.small-cta,.scroll,.text-link{transition:color .25s ease,border-color .25s ease,transform .25s ease}
.small-cta:hover,.scroll:hover,.text-link:hover{color:#d7f8f5;transform:translateY(-2px)}
.fluid{inset:-7%;background-size:100% 100%,auto 300%;animation:heroDrift 24s ease-in-out infinite alternate;will-change:transform}
.fluid::after{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 22% 66%,#78bdc02b 0,transparent 34%),radial-gradient(ellipse at 76% 24%,#b9f5f119 0,transparent 34%);mix-blend-mode:screen;animation:heroLight 16s ease-in-out infinite alternate}
.hero h1{animation:heroTextIn 1.1s cubic-bezier(.2,.7,.2,1) both}
.hero-bottom{animation:heroTextIn 1.25s .15s cubic-bezier(.2,.7,.2,1) both}
@keyframes heroDrift{from{transform:scale(1.02) translate(-2%,-1%)}to{transform:scale(1.13) translate(2%,2%)}}
@keyframes heroLight{from{transform:translate(-7%,-2%) scale(1)}to{transform:translate(7%,4%) scale(1.12)}}
@keyframes heroTextIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.js .reveal.is-visible{opacity:1;transform:translateY(0)}
.portfolio{padding:0}
.work-grid{gap:0}
.video-tile{position:relative;display:block;width:100%;aspect-ratio:16/10;border:0;padding:0;overflow:hidden;background:#0b2024;cursor:pointer}
.video-tile img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.video-tile::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#00111513 20%,#00111565 100%);pointer-events:none;transition:background .4s ease}
.video-tile:hover img,.video-tile:focus-visible img{transform:scale(1.065);filter:saturate(1.04) contrast(1.03)}
.video-play{position:absolute;z-index:2;left:50%;top:50%;width:62px;height:62px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #ffffffd1;border-radius:50%;background:#06191c80;backdrop-filter:blur(7px);transition:transform .35s ease,background .35s ease}
.video-play::after{content:"";display:block;width:0;height:0;margin-left:4px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff}
.video-tile:hover .video-play,.video-tile:focus-visible .video-play{transform:translate(-50%,-50%) scale(1.12);background:#0e3e46b8}
.video-dialog{position:fixed;inset:0;max-width:min(1200px,94vw);width:min(1200px,94vw);max-height:calc(100dvh - 5vw);padding:0;border:0;background:#000;box-shadow:0 35px 100px #000b;overflow:visible}
.video-dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}
.video-stage{width:100%;aspect-ratio:16/9;background:#000}
.video-stage iframe{display:block;width:100%;height:100%;border:0}
.video-close{position:absolute;z-index:2;right:0;top:-52px;width:42px;height:42px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#0b2326;color:#fff;font-size:29px;line-height:1;cursor:pointer;transition:background .25s ease,transform .25s ease}
.video-close:hover{background:#17616a;transform:rotate(90deg)}
@media(max-width:800px){header.is-scrolled{height:auto}.video-play{width:54px;height:54px}.video-dialog{width:96vw;max-width:96vw}.video-close{top:-48px}}
@media(prefers-reduced-motion:reduce){.fluid,.fluid::after,.hero h1,.hero-bottom{animation:none!important}.js .reveal{opacity:1;transform:none;transition:none}.video-tile img,.video-play,nav a,nav a::after,.video-close{transition:none}}

/* Paleta original: preto, petróleo, teal e branco. */
:root{--brand-deep:#0a353b;--brand-teal:#126e75}
.video-tile{--thumb-tone:var(--brand-deep);background:var(--thumb-tone)}
.video-tile:nth-child(2),.video-tile:nth-child(3),.video-tile:nth-child(6){--thumb-tone:var(--brand-teal)}
.video-tile img{transform:scale(1.1);filter:grayscale(1) contrast(1.17) brightness(.92)}
.video-tile::before{background:var(--thumb-tone);mix-blend-mode:color;opacity:.94}
.video-tile::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#00000006,#00000042);pointer-events:none}
.video-tile:hover img,.video-tile:focus-visible img{transform:scale(1.16);filter:grayscale(1) contrast(1.2) brightness(1.04)}
.video-stage{background:var(--brand-deep)}

/* Movimento mais perceptível, com o mesmo ritmo contido da marca. */
.hero{isolation:isolate}
.fluid{animation:heroDriftVisible 10s ease-in-out infinite alternate}
.fluid::after{inset:-15%;background:radial-gradient(ellipse at 25% 62%,#126e758a 0,transparent 42%),radial-gradient(ellipse at 78% 35%,#bfe9e34d 0,transparent 34%);filter:blur(24px);animation:heroAurora 7s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#ffffff08 47%,#126e7530 53%,transparent 69%);transform:translateX(-120%);animation:heroSweep 9s ease-in-out infinite}
.hero>*:not(.fluid){z-index:2}
@keyframes heroDriftVisible{from{transform:scale(1.08) translate(-5%,-2%)}to{transform:scale(1.22) translate(5%,3%)}}
@keyframes heroAurora{from{transform:translate(-10%,1%) scale(.92)}to{transform:translate(12%,-4%) scale(1.12)}}
@keyframes heroSweep{0%,12%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}
header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--brand-teal);transform:scaleX(var(--scroll-progress,0));transform-origin:left;transition:transform .16s linear}
.js .reveal{transform:translateY(42px);filter:blur(6px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;transition-delay:var(--reveal-delay,0ms)}
.js .reveal.is-visible{transform:translateY(0);filter:blur(0)}
@media(prefers-reduced-motion:reduce){.hero::after{animation:none;opacity:0}.js .reveal{filter:none!important}}

/* Portfolio depth and mentoring portrait, version 6 */
.video-tile img{filter:grayscale(1) contrast(1.19) brightness(.73)}
.video-tile::after{background:linear-gradient(180deg,#00151945,#00151993)}
.video-tile:hover img,.video-tile:focus-visible img{filter:grayscale(1) contrast(1.2) brightness(.88)}
.video-tile:hover::after,.video-tile:focus-visible::after{background:linear-gradient(180deg,#0015192b,#00151970)}
.mentor-visual{isolation:isolate;background:radial-gradient(ellipse at 0 0,#d3e9eb 0,#75abb0 27%,#126e75 59%,#08383e 100%)}
.mentor-photo{position:absolute;z-index:0;right:-1%;bottom:0;width:62%;height:100%;object-fit:cover;object-position:47% center;filter:grayscale(1) contrast(1.1) brightness(.82);opacity:.88;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);animation:mentorPhotoEnter 1.5s cubic-bezier(.2,.7,.2,1) both,mentorPhotoBreathe 9s ease-in-out 1.5s infinite alternate}
.mentor-photo-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#96c1c300 32%,#0a353b12 62%,#0a353b60 100%),linear-gradient(0deg,#0a353b8a,transparent 35%)}
.mentor-visual>span{z-index:4;max-width:64%;text-shadow:0 1px 22px #d6eeee42}
.mentor-visual small{position:relative;z-index:4;text-shadow:0 1px 12px #082c30}
.mentor-ring{z-index:3;left:22%;top:36%;border-color:#d4eded8a;animation:mentorRingPulse 6s ease-in-out infinite alternate}
.mentor-orbit{position:absolute;inset:-1px;border-radius:50%;animation:mentorOrbit 11s linear infinite}
.mentor-orbit::after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#f7ffff;box-shadow:0 0 0 6px #d4ffff24,0 0 28px 8px #d4ffff65}
@keyframes mentorOrbit{to{transform:rotate(360deg)}}
@keyframes mentorRingPulse{to{box-shadow:0 0 0 70px #d0ffff0b,0 0 0 138px #d0ffff04;border-color:#f1ffffae}}
@keyframes mentorPhotoEnter{from{opacity:0;transform:translateX(7%) scale(1.03)}to{opacity:.88;transform:translateX(0) scale(1)}}
@keyframes mentorPhotoBreathe{to{transform:translateX(-1.5%) scale(1.025)}}
@media(max-width:1100px){.mentor-visual>span{font-size:clamp(48px,5.5vw,70px)}.mentor-photo{width:69%;right:-8%}}
@media(max-width:800px){.mentor-visual{min-height:480px}.mentor-visual>span{font-size:clamp(49px,7vw,68px);max-width:65%}.mentor-photo{width:58%;right:0}.mentor-ring{width:650px;height:650px;left:23%;top:27%}}
@media(max-width:480px){.mentor-visual{min-height:430px;padding:29px}.mentor-visual>span{font-size:clamp(44px,11vw,57px);max-width:70%}.mentor-photo{width:75%;right:-18%;object-position:45% center}.mentor-photo-shade{background:linear-gradient(90deg,#b6d7d94d,#0a353b24 70%,#0a353b70),linear-gradient(0deg,#0a353ba8,transparent 40%)}.mentor-visual small{max-width:60%;line-height:1.5}.mentor-ring{width:530px;height:530px;left:13%;top:36%}}
@media(prefers-reduced-motion:reduce){.mentor-photo,.mentor-ring,.mentor-orbit{animation:none!important}}
.video-tile:nth-child(6) img{filter:grayscale(1) contrast(1.2) brightness(.61)}
.video-tile:nth-child(6)::after{background:linear-gradient(180deg,#00151969,#001519ae)}
.video-tile:nth-child(6):hover img,.video-tile:nth-child(6):focus-visible img{filter:grayscale(1) contrast(1.2) brightness(.78)}

/* Portrait placement and Elei contact background, version 7 */
.mentor-visual>span{max-width:100%;text-shadow:none}
.mentor-content{position:relative;isolation:isolate}
.mentor-content h2{max-width:calc(100% - 155px)}
.mentor-portrait{position:absolute;top:112px;right:50px;width:142px;height:168px;margin:0;overflow:hidden;border:1px solid #9dcace7d;border-radius:14px;background:#0a353b;box-shadow:0 18px 48px #031b1f66}
.mentor-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:grayscale(1) contrast(1.08) brightness(.88)}
.mentor-portrait::after{content:"";position:absolute;inset:0;background:#126e75;mix-blend-mode:color;opacity:.5;pointer-events:none}
.contact{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 100%,#1c5860 0%,#0b383e 40%,#081b20 80%)}
.contact::before{content:"";position:absolute;inset:0 0 0 auto;width:44%;z-index:0;background:url('assets/elei-portrait.png') center 32%/cover no-repeat;filter:grayscale(1) contrast(1.12) brightness(.72);opacity:.68;mask-image:linear-gradient(90deg,transparent,#000 31%);pointer-events:none}
.contact::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0b292d08 36%,#0a32375c 72%,#092a2c75 100%),linear-gradient(0deg,#0a2b30b0,transparent 62%);pointer-events:none}
.contact>*{position:relative;z-index:1}
@media(max-width:1200px){.mentor-content h2{font-size:clamp(34px,3.8vw,50px);max-width:calc(100% - 125px)}.mentor-portrait{width:112px;height:138px;right:34px;top:108px}}
@media(max-width:800px){.mentor-content h2{max-width:calc(100% - 150px)}.mentor-portrait{width:128px;height:150px;right:35px;top:98px}.contact::before{width:55%}}
@media(max-width:480px){.mentor-content{padding-top:34px}.mentor-content .eyebrow{margin-bottom:120px}.mentor-content h2{max-width:100%;font-size:clamp(37px,10vw,52px)}.mentor-portrait{top:64px;right:32px;width:108px;height:112px}.contact::before{width:100%;background-position:75% 20%;opacity:.33;mask-image:linear-gradient(90deg,transparent 8%,#000 55%)}.contact::after{background:linear-gradient(90deg,#0a292ed1,#0a292e8a),linear-gradient(0deg,#0a292ec4,transparent 55%)}}
@media(max-width:480px){.contact::before{background-position:35% 8%;opacity:.58;mask-image:linear-gradient(90deg,transparent,#000 32%)}.contact::after{background:linear-gradient(90deg,#0a292edb,#0a292e88 62%,#0a292e65),linear-gradient(0deg,#0a292ed0,transparent 60%)}}