.interests-hero{padding-top:72px;padding-bottom:38px}
.interests-hero h1{font-size:clamp(48px,7vw,92px);line-height:1;letter-spacing:-.065em;margin:8px 0 0}
.interests-hero .section-head{align-items:end}
.interests-hero .section-head p{max-width:560px;font-size:16px;line-height:2;color:#aebbd0}
.interest-mosaic{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;grid-auto-flow:dense}
.interest-media{position:relative;min-height:390px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#080c14;isolation:isolate}
.interest-media--wide{grid-column:1;min-height:500px}
.interest-media--tall{grid-column:2;grid-row:span 2;min-height:806px}
.interest-media--wide-bottom{grid-column:1 / -1;min-height:470px}
.interest-image-wrap{position:absolute;inset:0;overflow:hidden}
.interest-image-wrap img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.015);transition:transform .9s cubic-bezier(.2,.72,.2,1),filter .7s ease}
.interest-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.02) 28%,rgba(1,4,9,.8) 100%);pointer-events:none}
.interest-media:after{content:"";position:absolute;inset:14px;border:1px solid rgba(130,180,255,.13);border-radius:22px;z-index:2;pointer-events:none;transition:border-color .45s ease,transform .45s ease}
.interest-overlay{position:absolute;inset:auto 28px 28px;z-index:3;max-width:560px}
.interest-overlay span{font-size:10px;letter-spacing:.22em;color:#73e8ff}
.interest-overlay h2{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.055em;margin:8px 0}
.interest-overlay p{margin:0;color:#d6deeb;line-height:1.9;max-width:560px}
.interest-media:hover .interest-image-wrap img{transform:scale(1.07);filter:saturate(1.06) contrast(1.04)}
.interest-media:hover:after{border-color:rgba(88,244,255,.38);transform:scale(.985)}
.closing-note{padding-top:70px}
@media(max-width:900px){.interest-mosaic{grid-template-columns:1fr}.interest-media--wide,.interest-media--tall,.interest-media--wide-bottom{grid-column:auto;grid-row:auto;min-height:480px}.interest-media--tall{min-height:620px}}
@media(max-width:560px){.interest-overlay{inset:auto 20px 20px}.interest-media{min-height:390px}.interest-media--tall,.interest-media--wide-bottom{min-height:500px}.interest-media:after{inset:10px}}


/* Interest mosaic: sport sits immediately to the left of learning on desktop. */
@media(min-width:901px){
  .interest-mosaic{direction:ltr;grid-template-columns:1.15fr .85fr;grid-template-rows:500px 290px 290px;grid-auto-flow:none}
  .interest-mosaic .interest-media{direction:rtl}
  .interest-mosaic .interest-media--wide{grid-column:1;grid-row:1}
  .interest-mosaic .interest-media--tall{grid-column:2;grid-row:1 / span 2;min-height:0}
  .interest-mosaic .interest-media:nth-of-type(3){grid-column:1;grid-row:2;min-height:0}
  .interest-mosaic .interest-media--sport{grid-column:1;grid-row:3;min-height:0}
  .interest-mosaic .interest-media--learning{grid-column:2;grid-row:3;min-height:0}
  .interest-mosaic .interest-media--wide-bottom{grid-column:auto;grid-row:auto;min-height:0}
}
.interest-media{transform-style:preserve-3d;}
.interest-media:before{background:linear-gradient(180deg,rgba(0,0,0,.02) 24%,rgba(1,4,9,.82) 100%),radial-gradient(380px circle at var(--sx,50%) var(--sy,50%),rgba(88,244,255,.08),transparent 62%);}
.interest-media:hover .interest-image-wrap img{transform:scale(1.07) translateZ(0);}