.meet-hero{padding:56px 5% 24px;background:#fbfcff;position:relative;overflow:hidden}.meet-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.meet-heading .kicker{font-size:9px!important;letter-spacing:1.4px}.arhumn-page .meet-heading h1{position:relative;font-size:clamp(48px,5.8vw,83px);letter-spacing:-4px;line-height:1.03;margin:20px 0 0;font-weight:500}.meet-heading h1 em{font-style:italic}.meet-star{font-size:60px;color:#204ee8;display:inline-block;vertical-align:top;margin-left:20px;animation:meet-turn 25s linear infinite}.meet-intro{padding-bottom:4px;max-width:300px;flex-shrink:0}.meet-intro p{color:#647083;font-size:14px;line-height:1.8;margin:0 0 18px}.meet-intro a{font-size:11px;color:#204ee8;border-bottom:1px solid #c7d3fa;padding-bottom:6px}.meet-intro a span{margin-left:16px}.meet-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;scroll-margin-top:25px}.meet-portal{--mx:50%;--my:30%;--lift:0px;display:flex;flex-direction:column;min-width:0;min-height:470px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #dce4f3;border-radius:12px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;color:#18202d!important}.meet-portal:after{content:'';position:absolute;inset:0;background:radial-gradient(350px circle at var(--mx) var(--my),#ffffff25,transparent 70%);pointer-events:none;z-index:4;opacity:0;transition:opacity .3s}.meet-portal:hover:after,.meet-portal:focus-visible:after{opacity:1}.meet-portal:hover,.meet-portal:focus-visible{transform:translateY(-6px);box-shadow:0 18px 40px #162d5717;border-color:#8da7fa}.meet-portal:focus-visible{outline:3px solid #204ee8;outline-offset:4px}.portal-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 23px 0;position:relative;z-index:5}.portal-top>span:first-child{font-size:8px;letter-spacing:1.3px}.portal-arrow{width:32px;height:32px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:20px;transition:transform .3s,background .3s}.meet-portal:hover .portal-arrow{transform:rotate(45deg)}.portal-scene{height:215px;position:relative;margin-top:4px;flex-shrink:0}.portal-copy{position:relative;z-index:3;padding:0 26px 25px;margin-top:auto}.portal-pretitle{font-size:8px;letter-spacing:2px;opacity:.7}.arhumn-page .portal-copy h2{font-size:clamp(30px,3.2vw,45px);letter-spacing:-1.8px;margin:10px 0 15px;line-height:1.02;min-height:92px;display:flex;flex-direction:column;justify-content:flex-end}.portal-copy h2>span{display:none}.portal-copy p{font-size:12px;line-height:1.75;margin:0;max-width:270px;min-height:44px}.portal-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff45;margin-top:23px;padding-top:17px;font-size:10px;gap:10px}.portal-action b{font-size:19px;font-weight:400;transition:transform .3s}.meet-portal:hover .portal-action b{transform:translate(3px,-3px)}.meet-research{background:#204ee8;color:white!important;border-color:#204ee8}.research-scene{display:grid;place-items:center;perspective:500px}.research-core{font:italic 90px Georgia,serif;color:#fff;position:relative;z-index:2;text-shadow:0 0 50px #ffffff44;transform:rotate(-8deg)}.research-orbit{position:absolute;width:200px;height:200px;border:1px solid #c4d4ff66;border-radius:50%;left:50%;top:50%;margin:-100px 0 0 -100px}.orbit-a{transform:rotateX(60deg) rotate(-25deg);animation:orbit-research 18s linear infinite}.orbit-b{transform:rotateY(60deg) rotate(30deg)}.orbit-c{width:150px;height:150px;margin:-75px 0 0 -75px;border-style:dashed;opacity:.5;animation:meet-turn 40s linear infinite}.research-point{position:absolute;border-radius:50%;width:10px;height:10px;background:#d6e2ff;box-shadow:0 0 20px #cbd9ff99}.point-one{left:24%;top:36%}.point-two{right:25%;bottom:27%;width:6px;height:6px}.scene-note{position:absolute;right:20px;bottom:20px;font:8px monospace;letter-spacing:2px;color:#c7d7ff}.meet-learning{background:#e9effd}.meet-learning .portal-top{color:#204ee8}.meet-learning .portal-action{border-color:#c4d0ee;color:#204ee8}.learning-scene{perspective:700px}.learning-sheet{position:absolute;width:62%;height:139px;left:19%;top:40px;border:1px solid #c3cfe9;border-radius:5px;padding:18px;box-shadow:0 12px 18px #23458114;transition:transform .6s cubic-bezier(.16,1,.3,1)}.learning-sheet>span{font-size:8px;letter-spacing:1px}.learning-sheet>b{display:block;font-size:23px;font-weight:500;letter-spacing:-1px;margin-top:15px}.sheet-back{background:#c4d2f5;transform:translate(20px,-21px) rotate(12deg);color:#506895}.sheet-middle{background:#a9bff4;transform:translate(-14px,-8px) rotate(-9deg);color:#204ee8}.sheet-front{background:#fff;color:#204ee8;transform:rotate(-3deg)}.sheet-front>b{font-size:21px;display:flex;justify-content:space-between;gap:5px}.sheet-front i{display:block;width:80%;height:3px;background:#dbe4fa;margin-top:8px}.sheet-front i:last-child{width:45%}.meet-learning:hover .sheet-back{transform:translate(27px,-32px) rotate(17deg)}.meet-learning:hover .sheet-middle{transform:translate(-22px,-10px) rotate(-14deg)}.meet-learning:hover .sheet-front{transform:translateY(4px) rotate(0)}.meet-visual{background:#13172b;color:white!important;border-color:#252d48}.meet-visual .portal-top{color:#d6d9e6}.visual-scene{margin:0 20px;height:215px;overflow:hidden;border-radius:6px}.visual-scene>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.02);transition:transform .7s cubic-bezier(.16,1,.3,1)}.meet-visual:hover .visual-scene>img{transform:scale(1.1) rotate(-2deg)}.visual-sticker{position:absolute;right:17px;bottom:28px;background:#edff8e;color:#171b2b;font:bold 58px/1 Arial;padding:10px 12px;border-radius:3px;transform:rotate(12deg);box-shadow:3px 5px 0 #0004}.visual-sticker>span{font-size:30px;vertical-align:top;margin-left:3px}.visual-label{position:absolute;left:11px;bottom:12px;font-size:7px;color:white;letter-spacing:1px;text-shadow:0 1px 5px #000}.meet-visual .portal-copy{padding-top:19px}.meet-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 0;color:#647083;font-size:9px}.meet-bottom>span{letter-spacing:1px;display:flex;gap:9px;align-items:center}.meet-bottom i{height:5px;width:5px;background:#204ee8;border-radius:50%}.meet-bottom>a{font-size:11px;color:#204ee8}.meet-hero+.credential-line{border-top:1px solid #e1e6ee}.meet-portal .portal-copy h2 br{display:none}
@keyframes meet-turn{to{transform:rotate(360deg)}}@keyframes orbit-research{from{transform:rotateX(60deg) rotate(-25deg)}to{transform:rotateX(60deg) rotate(335deg)}}
@media(min-width:1100px){.portal-copy{padding-inline:28px}.meet-portal{min-height:490px}}
@media(max-width:1000px){.meet-heading{gap:25px}.arhumn-page .meet-heading h1{font-size:58px;letter-spacing:-3px}.meet-star{font-size:40px;margin-left:10px}.meet-intro{max-width:230px}.portal-copy{padding-inline:18px}.portal-top{padding-inline:18px}.portal-top>span:first-child{font-size:7px;letter-spacing:.6px}.portal-scene{height:190px}.visual-scene{height:190px;margin-inline:12px}.learning-sheet{width:72%;left:14%;padding:13px}.sheet-front>b{font-size:18px}.arhumn-page .portal-copy h2{font-size:33px;min-height:75px}.portal-copy p{min-height:65px}.portal-action{font-size:9px}.research-orbit{width:160px;height:160px;margin:-80px 0 0 -80px}.orbit-c{width:130px;height:130px;margin:-65px 0 0 -65px}}
@media(max-width:750px){.meet-hero{padding:32px 5% 22px}.meet-heading{display:block;margin-bottom:28px}.arhumn-page .meet-heading h1{font-size:clamp(44px,8vw,62px);letter-spacing:-2.6px}.meet-intro{max-width:none;margin-top:24px}.meet-intro p{font-size:13px;margin-bottom:12px}.meet-intro p{max-width:360px}.meet-portals{grid-template-columns:1fr;gap:18px}.meet-portal{min-height:320px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:52px 1fr}.portal-top{grid-column:1/-1}.portal-scene{grid-column:2;grid-row:2;height:230px;align-self:center;margin:0 12px 15px 0}.portal-copy{grid-column:1;grid-row:2;padding:22px 0 23px 20px}.arhumn-page .portal-copy h2{font-size:32px;min-height:0;margin:12px 0 15px}.portal-copy p{font-size:11px;min-height:0}.portal-action{font-size:9px;margin-top:16px;line-height:1.5}.portal-top>span:first-child{font-size:8px;letter-spacing:1px}.visual-scene{height:220px}.meet-visual .portal-copy{padding-top:22px}.learning-sheet{width:80%;left:10%;top:55px;height:130px;padding:11px}.learning-sheet>b{font-size:19px}.sheet-front>b{font-size:16px}.visual-sticker{font-size:42px;right:10px}.visual-sticker>span{font-size:22px}.meet-bottom{align-items:flex-start;flex-direction:column;gap:14px}.scene-note{right:10px;font-size:7px}}
@media(max-width:380px){.meet-portal{grid-template-columns:1.1fr .9fr}.learning-sheet{width:85%;left:7%}.sheet-front>b{font-size:13px}.arhumn-page .portal-copy h2{font-size:28px}.meet-star{font-size:30px}.research-orbit{width:130px;height:130px;margin:-65px 0 0 -65px}}
@media(prefers-reduced-motion:reduce){.meet-star,.research-orbit{animation:none!important}.meet-portal,.portal-arrow,.portal-action b,.learning-sheet,.visual-scene>img{transition:none!important}.meet-portal:hover,.meet-portal:focus-visible{transform:none}}
/* A quiet, continuous rhythm; the text and navigation stay still. */
.meet-learning .portal-copy h2{font-size:clamp(26px,2.7vw,38px);letter-spacing:-1.4px}
.meet-bottom-actions{display:flex;align-items:center;gap:24px}.meet-bottom-actions>a{font-size:11px;color:#204ee8}.ambient-toggle{border:0;background:transparent;color:#647083;font-size:10px!important;padding:8px 0;min-height:36px;display:inline-flex;align-items:center;gap:8px}.ambient-toggle:hover{color:#204ee8}.ambient-toggle:focus-visible{outline:2px solid #204ee8;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
 .learning-sheet{animation:sheet-breathe 6.5s ease-in-out infinite}
 .sheet-middle{animation-delay:-2.2s}.sheet-back{animation-delay:-4.3s}
 .visual-scene>img{animation:art-drift 18s ease-in-out infinite alternate}
 .visual-sticker{animation:sticker-float 7s ease-in-out infinite}
 .research-core{animation:question-breathe 7s ease-in-out infinite}
 .research-point{animation:point-glow 5s ease-in-out infinite}.point-two{animation-delay:-2.5s}
 .meet-portal:hover .learning-sheet,.meet-portal:focus-visible .learning-sheet,.meet-portal:hover .visual-scene>img,.meet-portal:focus-visible .visual-scene>img{animation-play-state:paused}
}
@keyframes sheet-breathe{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes art-drift{from{scale:1;translate:0 0}to{scale:1.065;translate:-3px 3px}}
@keyframes sticker-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -6px;rotate:-4deg}}
@keyframes question-breathe{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes point-glow{0%,100%{opacity:.6;scale:.85}50%{opacity:1;scale:1.15}}
.meet-hero.motion-paused *,.meet-hero.motion-offscreen *{animation-play-state:paused!important}
@media(max-width:1000px) and (min-width:751px){.meet-learning .portal-copy h2{font-size:clamp(24px,3vw,30px)}}
@media(max-width:750px){.meet-learning .portal-copy h2{font-size:clamp(23px,4.5vw,32px);letter-spacing:-1px}.meet-bottom-actions{width:100%;justify-content:space-between;gap:14px}}
@media(max-width:380px){.meet-learning .portal-copy h2{font-size:22px;letter-spacing:-1px}.meet-bottom-actions{align-items:flex-start;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.ambient-toggle{display:none}.meet-hero *{animation:none!important}}
/* Bento-inspired role previews: small independent panels, one clear destination. */
.bento-portals{gap:14px;transition:grid-template-columns .65s cubic-bezier(.22,1,.36,1)}
.bento-portals .meet-portal{border-radius:22px;min-height:510px}
.bento-portals .portal-scene{height:250px;margin-top:16px;margin-bottom:20px}
.bento-portals .portal-top{padding-top:20px}.bento-portals .portal-copy{padding-top:0}
.bento-portals .research-scene{margin-inline:18px;border-radius:15px;background:#143dbb;overflow:hidden;display:block}
.bento-portals .research-core{position:absolute;left:22%;top:22%;font-size:78px}
.bento-portals .research-orbit{left:31%;top:45%;width:140px;height:140px;margin:-70px 0 0 -70px}
.bento-portals .orbit-c{width:115px;height:115px;margin:-57.5px 0 0 -57.5px}
.bento-portals .point-one{left:10%;top:33%}.bento-portals .point-two{left:48%;bottom:38%}
.bento-portals .scene-note{left:17px;bottom:20px;font-size:7px;right:auto}
.bento-research-tools{position:absolute;right:9px;top:9px;bottom:9px;width:38%;display:grid;grid-template-rows:1fr 1fr;gap:9px}.research-chip{background:#ffffff10;border:1px solid #ffffff21;border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;justify-content:end;gap:7px;overflow:hidden}.research-chip>b{font-size:10px;font-weight:400}.research-chip>small{font-size:5.5px;letter-spacing:.7px;color:#bfcefa}.signal-rings{display:block;width:31px;height:23px;border:1px solid #c3d2ff;border-radius:50%;margin-bottom:8px;position:relative}.signal-rings:after{content:'';position:absolute;inset:-5px 6px;border:1px solid #c3d2ff;border-radius:50%;rotate:45deg}.signal-bars{height:29px;display:flex;align-items:end;gap:4px;margin-bottom:8px}.signal-bars>b{width:6px;height:90%;background:#a5bfff;border-radius:2px;transform-origin:bottom}.signal-bars>b:nth-child(2){height:55%}.signal-bars>b:nth-child(3){height:75%}.signal-bars>b:nth-child(4){height:40%}.signal-bars>b:nth-child(5){height:65%}
.bento-portals .learning-scene{margin-inline:18px;background:#d8e3fc;border:1px solid #cbd8f6;border-radius:15px;overflow:hidden}.bento-portals .learning-sheet{top:41px;height:135px;width:66%;left:17%;padding:15px}.learning-path{position:absolute;bottom:9px;left:9px;right:9px;background:#fff;border:1px solid #cbd8f6;border-radius:10px;padding:13px 10px 17px;display:flex;align-items:center;justify-content:space-between;color:#204ee8;font-size:8px;gap:4px;overflow:hidden}.learning-path>i{font-style:normal;opacity:.4}.path-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#204ee8;transform-origin:left}
.bento-portals .visual-scene{margin-inline:18px;overflow:hidden;isolation:isolate;border-radius:15px;background:#242941}.bento-portals .visual-scene>img{width:62%;height:calc(100% - 49px);border-radius:12px;object-position:40% 50%}.visual-mini{position:absolute;right:0;top:0;width:calc(38% - 8px);height:calc(100% - 49px);border-radius:12px;overflow:hidden}.visual-mini>img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .6s}.meet-visual:hover .visual-mini>img{transform:scale(1.08)}.bento-portals .visual-sticker{right:44%;bottom:67px;font-size:35px;padding:8px;z-index:2}.bento-portals .visual-sticker>span{font-size:19px}.bento-portals .visual-label{bottom:61px;font-size:5.5px;left:8px;max-width:50%}.visual-palette{position:absolute;bottom:0;left:0;right:0;height:41px;border-radius:10px;background:#343a55;display:flex;align-items:center;gap:5px;padding:10px}.visual-palette>i{width:18px;height:18px;border-radius:50%;background:#204ee8;flex-shrink:0}.visual-palette>i:nth-child(2){background:#f68bc7}.visual-palette>i:nth-child(3){background:#edff8e}.visual-palette>i:nth-child(4){background:#e9effd}.visual-palette>span{font-size:5.5px;letter-spacing:.7px;color:#d9deed;margin-left:auto;text-align:right}
@media(min-width:1001px){.bento-portals[data-active="0"]{grid-template-columns:1.12fr .94fr .94fr}.bento-portals[data-active="1"]{grid-template-columns:.94fr 1.12fr .94fr}.bento-portals[data-active="2"]{grid-template-columns:.94fr .94fr 1.12fr}.bento-portals .portal-copy h2{font-size:38px}.bento-portals .meet-learning .portal-copy h2{font-size:32px}}
@media(prefers-reduced-motion:no-preference){.signal-rings{animation:bento-orbit 9s linear infinite}.signal-bars>b{animation:bento-signal 4s ease-in-out infinite}.signal-bars>b:nth-child(2n){animation-delay:-1.4s}.signal-bars>b:nth-child(3n){animation-delay:-2.5s}.path-progress{animation:bento-path 8s ease-in-out infinite}.visual-palette>i{animation:bento-swatch 6s ease-in-out infinite}.visual-palette>i:nth-child(2){animation-delay:-1.5s}.visual-palette>i:nth-child(3){animation-delay:-3s}.visual-palette>i:nth-child(4){animation-delay:-4.5s}}
@keyframes bento-orbit{to{rotate:360deg}}@keyframes bento-signal{0%,100%{scale:1 .55;opacity:.55}50%{scale:1 1;opacity:1}}@keyframes bento-path{0%,10%{scale:.05 1;opacity:.5}75%,90%{scale:1 1;opacity:1}100%{scale:1 1;opacity:0}}@keyframes bento-swatch{0%,70%,100%{translate:0 0}80%{translate:0 -3px}}
@media(max-width:1000px){.bento-portals .learning-sheet{padding:10px;width:72%;left:14%}.bento-portals .sheet-front>b{font-size:16px}.research-chip>b{font-size:8px}.research-chip>small{font-size:5px;letter-spacing:0}.visual-palette{gap:4px;padding:8px}.visual-palette>i{width:14px;height:14px}.visual-palette>span{font-size:5px;letter-spacing:0}}
@media(max-width:750px){.bento-portals .meet-portal{min-height:330px}.bento-portals .portal-scene{margin:12px 12px 20px 10px;height:240px}.bento-portals .portal-copy{padding:22px 0 23px 20px}.bento-portals .research-core{font-size:58px;left:17%;top:25%}.bento-research-tools{width:40%;right:6px;top:6px;bottom:6px;gap:6px}.research-chip{padding:9px 5px}.research-chip>small{display:none}.bento-portals .research-orbit{width:95px;height:95px;margin:-47.5px 0 0 -47.5px}.bento-portals .learning-sheet{top:44px;height:130px;padding:10px}.bento-portals .sheet-front>b{font-size:13px}.bento-portals .sheet-front>span{font-size:6px}.learning-path{font-size:6px;padding-inline:6px;left:6px;right:6px}.visual-palette>span{display:none}.visual-palette{justify-content:center}.bento-portals .visual-sticker{font-size:26px;right:40%;padding:5px}.bento-portals .visual-sticker>span{font-size:14px}.bento-portals .visual-label{font-size:4px}.bento-portals .scene-note{font-size:5px;left:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.bento-portals{transition:none!important}}
/* Cobalt, in three expressions. The square full stop connects them. */
.meet-square{display:inline-block;width:.22em;height:.22em;margin-left:.23em;vertical-align:baseline;background:#204ee8;position:relative;box-shadow:6px 6px 0 #204ee81a}
.meet-square:after{content:'';position:absolute;inset:-5px;border:1px solid #204ee83a;opacity:0}
.meet-heading .blue-dot,.meet-bottom i{border-radius:0}.meet-heading .blue-dot{width:7px;height:7px}
.bento-portals .meet-portal{border:1px solid #bccbff;box-shadow:0 8px 25px #204ee80b}
.bento-portals .meet-research{background:linear-gradient(145deg,#3c6bff 0%,#204ee8 43%,#173dc4 100%);border-color:#3765fa;color:#fff!important}
.bento-portals .research-scene{background:radial-gradient(ellipse at 23% 36%,#7495ff85,transparent 62%),linear-gradient(145deg,#1748dc,#1234a5);border:1px solid #90acff55;box-shadow:inset 0 1px 0 #ffffff25}
.bento-portals .research-chip{background:linear-gradient(135deg,#7b9aff55,#426def30);border-color:#adc1ff44}
.bento-portals .research-orbit{border-color:#e3eaff85}.bento-portals .research-point{border-radius:1px;background:#e1eaff}
.bento-portals .meet-learning{background:linear-gradient(150deg,#a8c1ff 0%,#cfdbff 50%,#b4caff 100%);border-color:#92afff;color:#15368b!important}
.bento-portals .learning-scene{background:radial-gradient(ellipse at 28% 15%,#8cadff,transparent 70%),linear-gradient(135deg,#668ffa,#b7ccff);border-color:#ffffff88;box-shadow:inset 0 1px 0 #ffffff88}
.bento-portals .sheet-back{background:#204ee8;color:#cbd9ff;border-color:#6e94ff}.bento-portals .sheet-middle{background:#6e95ff;color:#15368b;border-color:#b0c7ff}.bento-portals .sheet-front{background:#fff;color:#204ee8;box-shadow:0 13px 25px #183fa130}
.bento-portals .learning-path{border-color:#c7d5ff;box-shadow:0 4px 12px #204ee81b}.bento-portals .meet-learning .portal-action{border-color:#204ee833;color:#173fc4}.bento-portals .meet-learning .portal-top{color:#153ba6}
.bento-portals .meet-visual{background:linear-gradient(145deg,#234ac9 0%,#15349c 52%,#12256d 100%);border-color:#4167d9;color:#fff!important}.bento-portals .meet-visual .portal-top{color:#dbe5ff}
.bento-portals .visual-scene{background:#163485;box-shadow:0 0 0 1px #b0c5ff25}.bento-portals .visual-palette{background:#3158c7;border:1px solid #aac2ff33}.visual-palette>i{border-radius:2px!important;background:#204ee8!important}.visual-palette>i:nth-child(2){background:#648aff!important}.visual-palette>i:nth-child(3){background:#abc4ff!important}.visual-palette>i:nth-child(4){background:#fff!important}
.bento-portals .visual-sticker{background:#fff;color:#204ee8;box-shadow:4px 5px 0 #102b8d77;border-radius:2px;transform:rotate(-7deg)}
.bento-portals .visual-sticker>.sticker-square{display:inline-block;width:9px;height:9px;background:#204ee8;margin-left:3px;vertical-align:baseline}
.bento-portals .portal-pretitle{display:flex;align-items:center;gap:7px;opacity:.85}.bento-portals .portal-pretitle:before{content:'';display:inline-block;flex:none;width:5px;height:5px;background:currentColor}
.bento-portals .portal-arrow{border-radius:7px;background:#ffffff10;border-color:#ffffff55}.bento-portals .meet-learning .portal-arrow{border-color:#204ee850;background:#ffffff40}.bento-portals .meet-portal:hover .portal-arrow{transform:translate(2px,-2px);background:#fff;color:#204ee8}
.bento-portals .meet-portal:hover,.bento-portals .meet-portal:focus-visible{box-shadow:0 18px 40px #204ee829;border-color:#204ee8}
@media(prefers-reduced-motion:no-preference){.meet-square{animation:square-step 7s cubic-bezier(.45,0,.55,1) infinite}.meet-square:after{animation:square-echo 7s ease-in-out infinite}}
@keyframes square-step{0%,65%,100%{translate:0 0}25%,40%{translate:0 -5px}}
@keyframes square-echo{0%,55%,100%{opacity:0;scale:1}25%,35%{opacity:.65;scale:1.25}}
@media(max-width:750px){.bento-portals .visual-sticker>.sticker-square{width:7px;height:7px}.meet-square{box-shadow:4px 4px 0 #204ee81a}}

/* Keep the signature square clean, without an outline or echo. */
.meet-square{box-shadow:none}
.meet-square:after{content:none;animation:none}

/* Homepage project highlights: real case-study work inside the role cards. */
.bento-portals .project-scene{margin-inline:18px;border-radius:15px;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px #ffffff30}
.brand-preview{display:grid;grid-template-rows:minmax(0,1.8fr) minmax(0,1fr);gap:7px;background:#12348b}
.brand-highlight{position:relative;overflow:hidden;min-width:0;min-height:0;border-radius:9px;background:#171717}
.brand-highlight img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.brand-fusion img{object-position:50% 45%}.brand-wave img{object-position:50% 50%}.brand-opty img{object-position:50% 45%}
.brand-highlight:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}
.brand-highlight>span{position:absolute;z-index:1;bottom:10px;left:11px;right:8px;font:9px/1.3 Arial,sans-serif;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 1px 5px #0008}
.brand-highlight small{display:block;font:6px/1.5 monospace;letter-spacing:1px;color:#d9e7bc;margin-top:4px}
.brand-support{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:0}.brand-support .brand-highlight>span{font-size:7px;letter-spacing:.6px;left:9px;bottom:8px}
.meet-visual:hover .brand-highlight img,.meet-visual:focus-visible .brand-highlight img{transform:scale(1.055)}
.gilbert-preview{display:grid;grid-template-rows:1.25fr 1fr;background:#f8f4eb;border:1px solid #fff9}
.gilbert-photo{position:relative;min-height:0;overflow:hidden}.gilbert-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 35%;transition:transform .7s}
.gilbert-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#30221caa)}
.gilbert-photo>span{position:absolute;bottom:11px;left:13px;z-index:1;font:9px Georgia,serif;letter-spacing:1.4px;color:white}
.gilbert-course{padding:12px 14px 10px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:9px;color:#512735}
.gilbert-course-heading>span{font:5.5px/1.4 monospace;letter-spacing:.7px;display:block;color:#7f6367;margin-bottom:4px}
.gilbert-course-heading>b{font:500 17px/1.05 Georgia,serif;letter-spacing:-.3px;display:block}
.gilbert-grow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gilbert-grow>span{font:5.5px/1.3 Arial,sans-serif;color:#806a6d;white-space:nowrap}.gilbert-grow b{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#eadde0;color:#612e40;font:9px Georgia,serif;margin-right:4px}.gilbert-grow>span:first-child b{background:#612e40;color:#fff}
.gilbert-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#804357;transform-origin:left}
.meet-learning:hover .gilbert-photo img,.meet-learning:focus-visible .gilbert-photo img{transform:scale(1.035)}
@media(prefers-reduced-motion:no-preference){.brand-fusion img{animation:project-pan 16s ease-in-out infinite alternate}.gilbert-progress{animation:bento-path 9s ease-in-out infinite}.meet-visual:hover .brand-fusion img,.meet-visual:focus-visible .brand-fusion img{animation-play-state:paused}}
@keyframes project-pan{from{scale:1}to{scale:1.055}}
@media(max-width:1100px){.gilbert-course{padding:11px 10px}.gilbert-grow>span{font-size:5px}.gilbert-grow b{display:block;margin:0 0 3px}.gilbert-course-heading>b{font-size:16px}.gilbert-course-heading>span{font-size:5px;letter-spacing:.3px}}
@media(max-width:750px){.bento-portals .project-scene{margin:12px 12px 20px 10px}.brand-preview{grid-template-rows:1.4fr 1fr}.brand-support{grid-template-columns:1fr 1fr;gap:4px}.brand-highlight>span{font-size:7px;left:8px}.brand-highlight small{font-size:5px;letter-spacing:.3px}.brand-support .brand-highlight>span{font-size:5px;left:5px;letter-spacing:0}.gilbert-photo img{object-position:45% 35%}.gilbert-photo>span{font-size:7px;letter-spacing:.6px;left:9px}.gilbert-course-heading>b{font-size:16px}.gilbert-grow{gap:3px}.gilbert-grow>span{font-size:4.5px}.gilbert-course{padding:10px 8px}.gilbert-course-heading>span{font-size:4.5px}.gilbert-preview{grid-template-rows:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.brand-highlight img,.gilbert-photo img{transition:none!important}.brand-fusion img,.gilbert-progress{animation:none!important}}

/* Visual designer: black backdrop for the branding highlights. */
.bento-portals .meet-visual{background:linear-gradient(145deg,#202020 0%,#101010 52%,#050505 100%);border-color:#363636;color:#fff!important}.bento-portals .meet-visual .portal-top{color:#ededed}.bento-portals .meet-visual .brand-preview{background:#101010}.bento-portals .meet-visual:hover,.bento-portals .meet-visual:focus-visible{border-color:#777;box-shadow:0 18px 40px #00000029}