:root{--bg:#05080d;--panel:#101720;--text:#f5f6f8;--muted:#abb4c2;--gold:#e8b44f;--blue:#4f9fff;--line:rgba(255,255,255,.13);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}button,input{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.lesson-header{position:fixed;top:0;left:0;right:0;z-index:50;min-height:66px;padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(5,8,13,.8);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand,.home-link{color:var(--text);text-decoration:none;font-weight:850}.brand span,.eyebrow{color:var(--gold)}.home-link{text-align:right;color:var(--muted);font-size:.9rem}.lesson-id{color:var(--gold);font-size:.73rem;font-weight:900;letter-spacing:.14em}.night-hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;isolation:isolate}.night-hero>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;animation:heroHit .65s ease-out both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,4,8,.94),rgba(2,4,8,.62) 44%,rgba(2,4,8,.15)),linear-gradient(180deg,rgba(2,4,8,.08),rgba(2,4,8,.2) 54%,rgba(2,4,8,.88))}.hero-flash{position:absolute;inset:-35%;z-index:-1;background:linear-gradient(105deg,transparent 42%,rgba(255,215,130,.3) 50%,transparent 58%);transform:translateX(-75%);animation:flash .65s ease .08s forwards}.hero-copy{width:min(1180px,calc(100% - 32px));margin:auto;padding:120px 0 130px}.eyebrow{margin:0;font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1,.section-heading h2,.story-grid h2,.settings-grid h2,.mission-grid h2{margin:10px 0 18px;font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.06em}.hero-copy h1{font-size:clamp(4rem,9vw,8.4rem);animation:textHit .4s ease .08s both}.hero-copy h1 span{background:linear-gradient(90deg,var(--gold),#fff0b4 48%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p:not(.eyebrow){max-width:650px;color:rgba(255,255,255,.79);font-size:1.1rem}.primary-button,.secondary-button{min-height:48px;border-radius:999px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;cursor:pointer}.primary-button{border:0;background:linear-gradient(135deg,var(--gold),#f5d17c);color:#111}.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text)}.cold-note{position:absolute;right:28px;bottom:28px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(5,8,13,.7);backdrop-filter:blur(12px)}.cold-note strong{color:var(--gold);font-size:1.5rem}.cold-note span{max-width:180px;color:var(--muted);font-size:.84rem}.story-section{padding:100px 0;background:#080d15}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-grid h2{font-size:clamp(2.8rem,6vw,5.4rem)}blockquote{margin:0;padding:28px;border-left:3px solid var(--gold);color:#e6e9ee;font-family:Georgia,serif;font-size:clamp(1.25rem,2.4vw,1.8rem);font-style:italic}blockquote cite{display:block;margin-top:16px;color:var(--gold);font-family:Inter,Arial,sans-serif;font-size:.82rem;font-style:normal;text-transform:uppercase;letter-spacing:.1em}.section{padding:84px 0}.black-section{background:#080d15}.section-heading{max-width:820px;margin-bottom:30px}.section-heading h2{font-size:clamp(2.6rem,6vw,5rem)}.section-heading>p:last-child,.accuracy-note{color:var(--muted)}.lighting-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}.lighting-tab{min-height:46px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;font-weight:800}.lighting-tab.active,.lighting-tab:hover{border-color:var(--gold);color:var(--gold);background:rgba(232,180,79,.08)}.study-stage{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.study-image{position:relative;margin:0;min-height:560px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#0a0d13}.study-image img{width:100%;height:100%;object-fit:cover}.study-image figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:13px 15px;border-radius:13px;background:rgba(5,8,13,.75);border:1px solid var(--line);backdrop-filter:blur(10px)}.analysis-panel{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(232,180,79,.07),rgba(79,159,255,.05))}.panel-kicker{color:var(--gold);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.analysis-panel h3{font-size:2rem;margin:7px 0}.analysis-panel>p{color:var(--muted)}.analysis-points{display:grid;gap:9px;margin:20px 0}.analysis-points div{display:flex;justify-content:space-between;gap:20px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.analysis-points span{color:var(--muted);text-align:right}.mark-tip{padding:16px;border-radius:14px;border:1px solid rgba(232,180,79,.28);background:rgba(232,180,79,.075)}.mark-tip strong{color:var(--gold)}.mark-tip p{margin:6px 0 0}.day-night-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.day-night-grid figure,.full-study{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.03)}.day-night-grid img{width:100%;height:440px;object-fit:cover}.day-night-grid figcaption{display:grid;padding:16px}.day-night-grid figcaption span,.full-study figcaption{color:var(--muted)}.full-study img{width:100%}.full-study figcaption{padding:14px 17px}.detail-section{background:radial-gradient(circle at 88% 10%,rgba(79,159,255,.09),transparent 25%),var(--bg)}.detail-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.detail-grid article{grid-column:span 2;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.detail-grid article:nth-child(4),.detail-grid article:nth-child(5){grid-column:span 3}.detail-grid img{width:100%;height:330px;object-fit:cover}.detail-grid article>div{padding:18px}.detail-grid span{color:var(--gold);font-size:.8rem;font-weight:900}.detail-grid h3{margin:6px 0}.detail-grid p{color:var(--muted);margin:0}.settings-section{background:#080d15}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.settings-card{padding:22px;border:1px solid rgba(232,180,79,.35);border-radius:var(--radius);background:rgba(255,255,255,.025)}.settings-card div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.settings-card div:last-child{border-bottom:0}.settings-card span{color:var(--muted)}.settings-card strong{text-align:right}.quiz-section{background:radial-gradient(circle at 85% 10%,rgba(232,180,79,.12),transparent 24%),var(--bg)}.quiz-card{max-width:780px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.035)}.quiz-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.quiz-progress span{display:block;width:0;height:100%;background:var(--gold);transition:width .25s ease}#questionNumber{color:var(--gold);font-weight:900}#questionText{font-size:1.65rem}.answer-choices{display:grid;gap:10px;margin:20px 0}.answer-choice{min-height:52px;padding:14px 16px;text-align:left;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer}.answer-choice:hover{border-color:var(--gold)}.answer-choice.correct{border-color:#70d797;color:#9be8b6}.answer-choice.incorrect{border-color:#ff9090;color:#ffb0b0}.quiz-feedback{min-height:28px;color:var(--muted)}.hidden{display:none!important}.mission-section{padding:100px 0;background:linear-gradient(145deg,#080d15,#151d29)}.mission-grid{display:grid;grid-template-columns:1fr .85fr;gap:40px;align-items:center}.mission-card{display:grid;gap:10px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.035)}.mission-card label{padding:11px;border-radius:11px;background:rgba(255,255,255,.035)}.mission-card input{accent-color:var(--gold)}@keyframes heroHit{from{transform:scale(1.06);filter:brightness(.55)}to{transform:scale(1);filter:brightness(1)}}@keyframes flash{to{transform:translateX(75%)}}@keyframes textHit{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:900px){.study-stage,.story-grid,.settings-grid,.mission-grid{grid-template-columns:1fr}.day-night-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid article,.detail-grid article:nth-child(4),.detail-grid article:nth-child(5){grid-column:span 1}.cold-note{display:none}.study-image{min-height:470px}}@media(max-width:640px){.lesson-header{grid-template-columns:1fr auto;padding:0 12px}.lesson-id{display:none}.night-hero>img{object-position:center}.hero-shade{background:linear-gradient(180deg,rgba(2,4,8,.15),rgba(2,4,8,.5) 42%,rgba(2,4,8,.96) 84%)}.hero-copy{width:calc(100% - 24px);padding:110px 0 70px}.hero-copy h1{font-size:clamp(3.3rem,16vw,5.2rem)}.section,.story-section{padding:58px 0}.study-image{min-height:360px}.analysis-points div{display:grid}.analysis-points span{text-align:left}.day-night-grid img{height:auto}.detail-grid{grid-template-columns:1fr}.detail-grid img{height:auto}.settings-card div{display:grid}.settings-card strong{text-align:left}}


/* Verified EXIF panel */
.verified-exif-section{
  background:
    radial-gradient(circle at 12% 10%,rgba(232,180,79,.10),transparent 28%),
    #0b1018
}
.verified-exif-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:24px;
  align-items:stretch
}
.verified-exif-photo,
.verified-exif-card{
  margin:0;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  background:rgba(255,255,255,.035)
}
.verified-exif-photo img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover
}
.verified-exif-photo figcaption{
  padding:14px 16px;
  color:var(--muted);
  border-top:1px solid var(--line)
}
.verified-exif-card{
  padding:22px;
  display:grid;
  gap:0
}
.verified-exif-card>div:not(.verified-badge){
  display:grid;
  grid-template-columns:minmax(145px,.8fr) 1.2fr;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid var(--line)
}
.verified-exif-card span{
  color:var(--muted)
}
.verified-exif-card strong{
  color:var(--text)
}
.verified-badge{
  width:max-content;
  max-width:100%;
  margin-bottom:10px;
  padding:7px 10px;
  border-radius:999px;
  color:var(--gold);
  background:rgba(232,180,79,.09);
  border:1px solid rgba(232,180,79,.3);
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase
}
.metadata-caution{
  margin-top:18px;
  padding:16px;
  border-radius:15px;
  background:rgba(104,173,255,.07);
  border:1px solid rgba(104,173,255,.24)
}
.metadata-caution strong{
  color:#a9d3ff
}
.metadata-caution p{
  margin:6px 0 0;
  color:var(--muted)
}
@media(max-width:900px){
  .verified-exif-grid{grid-template-columns:1fr}
  .verified-exif-photo img{min-height:0;height:auto}
}
@media(max-width:560px){
  .verified-exif-card>div:not(.verified-badge){
    grid-template-columns:1fr;
    gap:3px
  }
}


/* Illustrated Night Aviation lesson boards — full-width landscape */
.lesson-board-section{
  background:
    radial-gradient(circle at 85% 10%,rgba(232,180,79,.10),transparent 28%),
    #090d14;
}
.lesson-board-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
}
.lesson-board-card{
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(255,255,255,.035);
}
.lesson-board-link{
  display:block;
  width:100%;
  background:#08101a;
  line-height:0;
}
.lesson-board-card img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  background:#08101a;
  transition:filter .22s ease, transform .22s ease;
}
.lesson-board-link:hover img{
  filter:brightness(1.04);
  transform:scale(1.003);
}
.lesson-board-card figcaption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-top:1px solid var(--line);
}
.lesson-board-card figcaption div{
  display:grid;
  gap:4px;
}
.lesson-board-card figcaption strong{color:var(--gold)}
.lesson-board-card figcaption span{color:var(--muted)}
.lesson-board-card figcaption em{
  flex:0 0 auto;
  color:var(--gold);
  font-size:.78rem;
  font-style:normal;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
@media(max-width:700px){
  .lesson-board-grid{gap:24px}
  .lesson-board-card figcaption{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    padding:15px;
  }
}

/* Animated clean analysis caption — no dark balloon over the photographs */
.study-image{
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:visible;
  background:transparent;
  border:0;
}
.study-image img{
  width:100%;
  height:auto;
  aspect-ratio:3 / 2;
  object-fit:contain;
  object-position:center;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#05080d;
}
.study-image figcaption{
  position:static;
  margin:16px 4px 0;
  padding:0 0 0 18px;
  border:0;
  border-left:3px solid var(--gold);
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  color:var(--text);
  font-size:clamp(1rem,1.6vw,1.22rem);
  font-weight:750;
  line-height:1.45;
  letter-spacing:.005em;
}
.study-image figcaption.caption-enter{
  animation:analysisTextIn .42s cubic-bezier(.2,.8,.2,1) both;
}
.analysis-panel.analysis-enter > *{
  animation:analysisPanelIn .36s cubic-bezier(.2,.8,.2,1) both;
}
.analysis-panel.analysis-enter > *:nth-child(2){animation-delay:.03s}
.analysis-panel.analysis-enter > *:nth-child(3){animation-delay:.06s}
.analysis-panel.analysis-enter > *:nth-child(4){animation-delay:.09s}
.analysis-panel.analysis-enter > *:nth-child(5){animation-delay:.12s}
.lighting-tab.active{
  box-shadow:inset 0 -2px 0 var(--gold);
}
@keyframes analysisTextIn{
  from{opacity:0;transform:translateX(-18px);filter:blur(3px)}
  to{opacity:1;transform:none;filter:none}
}
@keyframes analysisPanelIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@media(max-width:900px){
  .study-image img{aspect-ratio:auto}
  .study-image figcaption{margin-top:13px}
}

/* Master landscape lesson board */
.master-board-grid{display:block!important}
.master-board-card{width:100%;max-width:none;margin:0}
.master-board-card .lesson-board-link{display:block;width:100%;overflow:hidden;border-radius:22px 22px 0 0;background:#05070a}
.master-board-card img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important}
.master-board-card figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px}
.master-board-card figcaption strong,.master-board-card figcaption span{display:block}
.master-board-card figcaption span{margin-top:5px;color:var(--muted)}
.master-board-card figcaption em{color:var(--gold);font-style:normal;white-space:nowrap}
@media(max-width:700px){.master-board-card figcaption{display:block}.master-board-card figcaption em{display:block;margin-top:10px;white-space:normal}}