.portfolio-page{background:#070b19;color:#fff}.portfolio-header{position:absolute}.back-home{margin-left:auto;margin-right:24px;color:#d7ddeb;text-decoration:none;font-size:.8rem;font-weight:800}.portfolio-hero{min-height:88vh;position:relative;overflow:hidden;padding:190px clamp(24px,8vw,145px) 90px;display:flex;flex-direction:column;justify-content:center}.portfolio-hero>img,.portfolio-hero>div{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portfolio-hero>img{filter:saturate(.65)}.portfolio-hero>div{background:linear-gradient(90deg,#050916f7 0,#060a18d9 45%,#060a1844),linear-gradient(0deg,#070b19,transparent 40%)}.portfolio-hero>*:not(img):not(div){position:relative}.portfolio-hero h1{font:400 clamp(3.3rem,8vw,8rem)/.83 var(--display);letter-spacing:-.055em;margin:30px 0}.portfolio-hero h1 em{color:transparent;-webkit-text-stroke:1px #7fe8ff;font-weight:400}.portfolio-hero>p:last-child{max-width:610px;color:#b4bfd1;font-size:1.05rem}.portfolio-body{padding:80px clamp(20px,7vw,120px) 120px}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}.portfolio-toolbar>p{text-transform:uppercase;letter-spacing:.15em;font-size:.65rem}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid #ffffff22;background:transparent;color:#9ca9bf;padding:9px 13px;border-radius:99px;cursor:pointer}.filters button.active,.filters button:hover{background:#fff;color:#080d1c}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.case{background:#0d1428;min-height:520px;transition:.35s;overflow:hidden}.case.large{grid-column:1/-1;min-height:620px}.case.hide{display:none}.case:hover{transform:translateY(-6px)}.case-art{height:72%;min-height:350px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#303d72,#10172c 65%)}.case-art>b{position:absolute;right:22px;top:18px;font-size:.62rem;color:#ffffff66}.sun,.brand-orb{width:230px;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#ffd48a,#ff5e79 40%,#4830b8);box-shadow:0 0 90px #ff638477}.portal{width:180px;height:260px;border:4px solid #54e8ff;border-radius:90px 90px 5px 5px;box-shadow:0 0 40px #54e8ff,inset 0 0 50px #7658ff}.stand{width:260px;height:180px;border:2px solid #ffbd65;transform:skewY(-8deg);box-shadow:25px 25px 0 #602dd9,0 0 45px #f5b25c55}.learn{width:250px;height:170px;background:linear-gradient(130deg,#1ac9a0,#14679e);border-radius:18px;box-shadow:-25px 25px 0 #ffbd5b;transform:rotate(-5deg)}.brand-orb{border-radius:0;transform:rotate(35deg);background:linear-gradient(145deg,#7eeaff,#6d51ff);box-shadow:0 0 90px #55dfff55}.doc{width:65%;height:3px;background:#fff;box-shadow:0 0 20px #fff,0 0 80px #6650ff;transform:rotate(-20deg)}.tone-immersive .case-art{background:radial-gradient(circle,#163a48,#090e1d 70%)}.tone-event .case-art{background:linear-gradient(140deg,#2b163f,#12172c)}.tone-learning .case-art{background:linear-gradient(140deg,#0d3b42,#12182b)}.tone-brand .case-art{background:radial-gradient(circle,#322662,#0b1020 70%)}.case-copy{padding:22px}.case-copy small{color:#7788a5;letter-spacing:.13em}.case-copy h2{font:400 2rem var(--display);margin:8px 0}.case-copy p{color:#8f9ab0;margin:0}.portfolio-cta{margin-top:90px;border-top:1px solid #ffffff22;padding-top:40px;display:flex;justify-content:space-between;align-items:center}.portfolio-cta p{font:400 clamp(1.8rem,4vw,4rem) var(--display);margin:0}.portfolio-cta a{background:#fff;color:#080d1c;text-decoration:none;padding:16px 22px;font-weight:800}.portfolio-page footer{grid-template-columns:1fr auto}.portfolio-page footer>p{margin:0}.portfolio-page footer>div{display:none}[dir=rtl] .back-home{margin-right:auto;margin-left:24px}@media(max-width:700px){.portfolio-header .language{position:static;transform:none}.back-home{display:none}.portfolio-hero{min-height:760px;padding-top:170px}.portfolio-hero>img{object-fit:contain;object-position:center 70px}.portfolio-grid{grid-template-columns:1fr}.case.large{grid-column:auto}.case,.case.large{min-height:460px}.portfolio-toolbar{display:grid}.filters{overflow:auto;flex-wrap:nowrap;padding-bottom:7px}.portfolio-cta{display:grid;gap:25px}.portfolio-cta a{text-align:center}.portfolio-page footer{grid-template-columns:1fr}}