/* Alterra VR / Quest block 03. Isolated enhancement: approved visual concept #1.
   No overrides to hero, story, frozen home or birthday pages. */
.qt-highlights{
  position:relative;overflow:hidden;isolation:isolate;
  padding:clamp(44px,5vw,75px) 0 clamp(76px,7.6vw,110px);
  background:radial-gradient(ellipse at 16% 10%,rgba(8,65,84,.19),transparent 58%),
             radial-gradient(ellipse at 100% 97%,rgba(34,36,90,.13),transparent 60%),#02111e;
  border-top:1px solid rgba(87,215,235,.11);
}
.qt-highlights::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;pointer-events:none;
  background:linear-gradient(90deg,rgba(44,178,206,.12) 1px,transparent 1px),linear-gradient(rgba(44,178,206,.10) 1px,transparent 1px);
  background-size:118px 118px;mask-image:linear-gradient(90deg,transparent 0%,#000 65%,transparent 100%)}
.qt-highlights-inner{width:min(1370px,calc(100% - 84px));margin:0 auto}
.qt-highlights-heading{margin:0 0 25px}
.qt-highlights-kicker{display:flex;align-items:center;gap:12px;margin:0 0 17px;
  font-size:11px;line-height:1.5;font-weight:900;letter-spacing:.17em;color:#62e7f7}
.qt-highlights-kicker span{width:30px;height:2px;background:#55deef;flex:0 0 30px}
.qt-highlights h2{margin:0;font-size:clamp(27px,2.8vw,39px);line-height:1.1;letter-spacing:-.037em;
  font-weight:950;color:#f7fcff;text-transform:uppercase;text-wrap:balance}
.qt-highlights h2 em{font-style:normal;color:#4ce7f5;margin-left:.13em}
.qt-highlights-heading>p:last-child{margin:12px 0 0;color:#aac3d1;line-height:1.65;font-size:14px;max-width:800px}
.qt-highlights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.qt-highlight{--card-glow:rgba(35,199,218,.10);position:relative;isolation:isolate;min-width:0;min-height:151px;
  display:flex;align-items:center;gap:19px;padding:25px 30px 25px 25px;border:1px solid rgba(87,219,237,.29);
  border-radius:15px;background:linear-gradient(115deg,rgba(6,39,55,.82),rgba(3,27,43,.93) 65%),#041828;
  box-shadow:inset 0 1px 0 rgba(185,249,255,.035),0 16px 35px rgba(0,0,0,.10);overflow:hidden}
.qt-highlight::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 94% 4%,var(--card-glow),transparent 60%),
  repeating-linear-gradient(125deg,transparent 0 26px,rgba(101,220,232,.012) 27px 28px,transparent 29px 60px)}
.qt-highlight--story{--card-glow:rgba(50,125,201,.18)}
.qt-highlight--team{--card-glow:rgba(66,91,175,.15)}
.qt-highlight--place{--card-glow:rgba(18,151,146,.18)}
.qt-highlight-icon{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;
  border:1px solid rgba(88,233,252,.35);border-radius:15px;
  color:#51e7f7;background:linear-gradient(150deg,rgba(12,72,95,.8),rgba(3,30,49,.88));
  box-shadow:inset 0 1px 0 rgba(210,251,255,.07),0 0 25px rgba(31,209,223,.06)}
.qt-highlight-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qt-highlight-content{min-width:0;position:relative;z-index:1}
.qt-highlight h3{margin:0 0 8px;color:#f5faff;font-size:clamp(18px,1.5vw,21px);font-weight:850;line-height:1.25;letter-spacing:-.025em}
.qt-highlight p{margin:0;max-width:470px;font-size:14px;line-height:1.6;color:#b7cfdb}
.qt-highlight-number{position:absolute;right:18px;top:15px;color:rgba(99,204,224,.38);font-size:10px;font-weight:900;letter-spacing:.08em}
@media(hover:hover) and (pointer:fine){.qt-highlight{transition:border-color .23s,box-shadow .23s,background .23s}
 .qt-highlight:hover{border-color:rgba(91,236,252,.60);box-shadow:inset 0 1px 0 rgba(185,249,255,.05),0 14px 40px rgba(11,164,194,.10)} }
@media(max-width:1100px){.qt-highlights-inner{width:calc(100% - 38px)}.qt-highlight{padding:22px;gap:15px}.qt-highlight-icon{width:54px;height:54px;flex-basis:54px}.qt-highlight h3{font-size:18px}}
@media(max-width:710px){.qt-highlights h2 em{margin-left:0}.qt-highlights{padding:53px 0 66px}.qt-highlights-grid{grid-template-columns:1fr;gap:11px}.qt-highlights h2{font-size:clamp(27px,5vw,35px)}.qt-highlight{min-height:128px}.qt-highlight p{font-size:13px}}
@media(max-width:510px){.qt-highlights-inner{width:calc(100% - 32px)}.qt-highlights{padding:47px 0 57px}.qt-highlights-heading{margin-bottom:22px}.qt-highlights-kicker{font-size:10px;letter-spacing:.11em}.qt-highlights h2{font-size:clamp(26px,7.1vw,32px)}.qt-highlights-heading>p:last-child{font-size:13px;margin-top:11px}.qt-highlight{padding:21px 18px;min-height:116px;gap:14px;border-radius:14px}.qt-highlight-icon{width:48px;height:48px;flex-basis:48px;border-radius:12px}.qt-highlight-icon svg{width:27px;height:27px}.qt-highlight h3{font-size:16px;margin-bottom:6px}.qt-highlight p{font-size:12px;line-height:1.5}.qt-highlight-number{font-size:9px;top:10px;right:12px}}
@media(max-width:340px){.qt-highlight{gap:11px;padding:16px 13px}.qt-highlight-icon{width:42px;height:42px;flex-basis:42px}.qt-highlight h3{font-size:15px}.qt-highlight p{font-size:11.7px}}
@media(prefers-reduced-motion:reduce){.qt-highlight{transition:none!important}}

/* Block 03: separate underwater illustrations integrated into the cards.
   Scope: quest cards only; the approved hero and full-bleed story section are untouched. */
.qt-highlight-scene{
  position:absolute;inset:0 0 0 auto;z-index:0;
  width:61%;height:100%;object-fit:cover;object-position:center;
  opacity:.93;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 17%,#000 54%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 17%,#000 54%);
}
.qt-highlight::before{z-index:0;opacity:.34}
.qt-highlight-icon,.qt-highlight-content{position:relative;z-index:1}
.qt-highlight-number{z-index:2;color:rgba(152,231,246,.77);text-shadow:0 1px 6px #00131d}
.qt-highlight-content{max-width:65%}
.qt-highlight p{max-width:345px;color:#c1d5e1}
@media(max-width:1100px){
 .qt-highlight-scene{width:58%;opacity:.8}
 .qt-highlight-content{max-width:70%}
}
@media(max-width:710px){
 .qt-highlight-scene{width:58%;opacity:.76}
 .qt-highlight-content{max-width:72%}
}
@media(max-width:510px){
 .qt-highlight-scene{width:54%;opacity:.67;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 30%,#000 88%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 30%,#000 88%)}
 .qt-highlight-content{max-width:75%}
 .qt-highlight-number{opacity:.65}
}