/* Path section: bento + flip, built on the original .path-card tokens */
.bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:340px 340px;gap:14px;margin-top:44px}
.bento-card{position:relative;perspective:1600px;min-width:0}
.bento-card.b0{grid-row:span 2}.bento-card.b3{grid-column:span 2}
.bento-face{isolation:isolate;position:absolute;inset:0;background:#0b0b0b;border:1px solid #2e2a1e;border-radius:24px;overflow:hidden;color:#fff;display:flex;flex-direction:column;padding:22px 24px 24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.2,.7,.1,1),border-color .3s,visibility 0s .35s}
.bento-face.back{transform:rotateY(180deg);border-color:var(--site-accent)}
.bento-card.flipped .front{transform:rotateY(-180deg)}.bento-card.flipped .back{transform:none}
.bento-card:not(.flipped) .back,.bento-card.flipped .front{visibility:hidden}
.bento-card:hover .front{border-color:var(--site-accent)}
.bento-art{z-index:-2;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);transition:filter .6s;pointer-events:none}
.bento-card:hover .front .bento-art{filter:brightness(.62)}
.back .bento-art{filter:brightness(.22)}
.bento-face:after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(#0000 30%,#000000eb 85%);pointer-events:none}
.back:after{background:#000000a0}
.bento-num{color:#fff0cc;letter-spacing:.2em;font-size:11px;font-weight:800}
.bento-copy{margin-top:auto}
.bento-who{color:var(--site-accent);letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:800}
.bento-copy h3{color:#fff;letter-spacing:-.03em;margin:6px 0 8px;font-size:26px;line-height:1.1}
.b0 .bento-copy h3{font-size:32px}
.bento-copy p{color:#d3d2cc;max-width:560px;margin:0 0 10px;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.b0 .bento-copy p{-webkit-line-clamp:4}
.bento-copy b{color:var(--site-accent);font-size:13px}
.bento-flip,.bento-go{align-self:flex-start;letter-spacing:.14em;cursor:pointer;border-radius:999px;padding:11px 16px;font-family:inherit;font-weight:800;font-size:12px;line-height:18px;letter-spacing:.14em;display:inline-flex;align-items:center;gap:8px}
.bento-flip{margin-top:14px;background:0 0;color:#fff;border:1px solid #ffffff3d}
.bento-flip:hover{border-color:var(--site-accent);color:var(--site-accent)}
.bento-go{background:var(--site-accent);color:#111;border:0}
.bento-flip:focus-visible,.bento-go:focus-visible,.bento-tog:focus-visible{outline:2px solid #fff1c4;outline-offset:2px}
.back ul{border-top:1px solid #ffffff24;margin:14px 0 0;padding:0;list-style:none}
.back li{color:#f4f1e9;border-bottom:1px solid #ffffff24;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;font-size:13px}
.back li small{display:block;color:var(--site-accent);font-weight:700;font-size:12px;margin-top:2px}
.bento-tog{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--site-accent);background:0 0;color:var(--site-accent);font-size:15px;font-weight:800;cursor:pointer;transition:background .3s,color .3s}
.bento-tog[aria-pressed=true]{background:var(--site-accent);color:#111}
.bento-actions{margin-top:auto;padding-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bento-actions .bento-flip{margin-top:0}
@media (width<=900px){.bento{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(380px,auto)}.bento-card.b0,.bento-card.b3{grid-row:auto;grid-column:auto}.bento-face{position:relative;min-height:380px}.bento-face.back{position:absolute}.bento-card.flipped .front{position:absolute}.bento-card.flipped .back{position:relative}}
@media (prefers-reduced-motion:reduce){.bento-face,.bento-art{transition:none!important}.bento-face.back,.bento-card.flipped .front{transform:none}}
.back{padding:20px 22px}.back ul{margin-top:10px}.back li{padding:7px 0}.bento-face.back{overflow:auto}
.bento-actions{flex-wrap:nowrap;padding-top:10px}.bento-actions .bento-go,.bento-actions .bento-flip{padding:10px 13px;white-space:nowrap}
.review-initials{flex:none;display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #f2c94c59;border-radius:50%;background:radial-gradient(circle at 30% 25%,#2a2416,#0e0d0a);color:#f2c94c;font-size:11px;font-weight:800;letter-spacing:.04em}
.bento{grid-template-rows:370px 370px}.bento-actions{flex-wrap:wrap}@media (width<=900px){.bento{grid-template-rows:none}}

/* t83u: Meet Zeefreaks cinematic background */
.website-about.about-journey{position:relative;isolation:isolate;overflow:hidden}
.meet-bg{position:absolute;top:0;right:0;bottom:0;width:min(48%,720px);z-index:-1;pointer-events:none}
.meet-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:42% 22%;opacity:.5;filter:saturate(.9)}
.meet-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000000d9 18%,#0000 62%),linear-gradient(0deg,#000 0%,#0000 38%),linear-gradient(180deg,#000000b3 0%,#0000 22%)}
@media (max-width:900px){.meet-bg{left:0;width:100%;bottom:auto;height:min(118vw,560px)}
.meet-bg img{object-position:58% 18%;opacity:.42}
.meet-bg:after{background:linear-gradient(0deg,#000 0%,#000000d9 30%,#0000 75%),linear-gradient(90deg,#000000b3 0%,#0000 70%)}}
@media (prefers-reduced-motion:reduce){.meet-bg img{transition:none;animation:none}}
/* t83u: footer credit */
.website-footer .footer-credit{margin-top:6px}
.website-footer .footer-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.website-footer .footer-credit a:hover{color:var(--site-accent)}
/* t83u perf: skip rendering + animations of offscreen sections */
#students,#partners,#more,#work,#contact,.website-footer{content-visibility:auto;contain-intrinsic-size:auto 900px}
/* t83u: match site CTA buttons (APPLY NOW / SEND INQUIRY): Manrope 800, 12px/18px, .14em; beat `.website button{font:inherit}` */
.website .bento-flip,.website .bento-go{font-family:inherit;font-weight:800;font-size:12px;line-height:18px;letter-spacing:.14em;text-transform:none}
.website .bento-tog{font-family:inherit;font-weight:800;font-size:15px;line-height:1}
/* t83u v2: keep the portrait in the intro area, face fully in frame */
.meet-bg{bottom:auto;height:min(820px,100%);width:min(50%,700px)}
.meet-bg img{object-position:40% 18%;opacity:.55}
@media (max-width:900px){
.website-about.about-journey{padding-top:calc(40px + 78vw)}
.meet-bg{left:0;right:0;width:100%;height:calc(40px + 110vw)}
.meet-bg img{object-position:45% 12%;opacity:.6}
.meet-bg:after{background:linear-gradient(0deg,#000 0%,#000000e6 22%,#0000 60%),linear-gradient(180deg,#000000a6 0%,#0000 25%)}}
@media (max-width:900px){.website .website-about.about-journey,.site-frame .website-about.about-journey{padding-top:calc(40px + 78vw)}}
/* t84u: Labs banner lines up with the "Choose the path" card (same max-width, centring and side padding) */
@media (min-width:901px){.website .labs-banner{box-sizing:border-box;max-width:1180px;margin:0 auto 70px;padding:26px clamp(24px,4vw,54px)}}
/* t86u: George's high-res original photo framing */
.meet-bg img{object-position:50% 20%}
@media (max-width:900px){.meet-bg img{object-position:52% 14%}}
@media (min-width:901px){.meet-bg img{object-position:15% 18%;opacity:.72}.meet-bg:after{background:linear-gradient(90deg,#000 0%,#000000b3 14%,#0000 42%),linear-gradient(0deg,#000 0%,#0000 35%),linear-gradient(180deg,#00000080 0%,#0000 18%)}}