/* Revision 1.2 — photographic craft and a slightly shorter first screen. */
:root{--header-height:92px;--topics-height:94px;--encounter-duration:20s}
.header-inner{height:var(--header-height);gap:26px}
.brand{width:max-content}
.wordmark{font-size:37px;position:relative}
.wordmark-encounter{position:relative;display:inline-block;isolation:isolate}
.wordmark-encounter:before{content:"";position:absolute;z-index:-1;left:-.28em;top:-.12em;width:1.12em;height:1.12em;background:linear-gradient(180deg,#a3ffd15c,#a3ffd119 58%,transparent);clip-path:polygon(43% 0,61% 0,100% 100%,0 100%);filter:blur(2px);transform:rotate(-7deg);pointer-events:none}
.wordmark-lit{color:#c4efce;text-shadow:0 -3px 11px #7deabf55,0 0 21px #95eacb33}
.wordmark-ufo{position:absolute;left:-.17em;top:-.32em;width:.87em;height:.44em;transform:rotate(-11deg);filter:drop-shadow(0 2px 4px #7fffd65c);pointer-events:none}
.wordmark-caption{display:flex;justify-content:space-between;gap:3px;width:0;min-width:100%;margin-top:10px;font:500 9.5px/1.15 var(--body);letter-spacing:0;text-transform:uppercase;color:#aebcae;white-space:nowrap}
.nav-links{gap:27px}
.desktop-nav .nav-links a{font-size:15px;font-weight:500}
.header-actions{gap:14px}
.header-actions .story-link{font-size:13px;min-height:44px;padding:11px 17px;gap:18px}
.header-actions .story-link .icon{width:18px;height:18px}
.hero{height:clamp(402px,calc(100svh - var(--header-height) - var(--topics-height) - 38px),612px);min-height:0}
.hero-content{padding-top:clamp(28px,4.5svh,48px)}
.hero h1{font-size:clamp(58px,5.25vw,79px);line-height:1.035;max-width:590px}
.hero-description{margin-top:20px;line-height:1.8;max-width:365px}
.hero-buttons{margin-top:25px}
.hero-aside{bottom:15px;font-size:9px}
.hero-bottom{margin-top:22px;gap:20px}
.scene-tabs{gap:28px;min-width:0}
.scene-tab{padding-top:17px;padding-bottom:19px}
.scene-tab.is-active{padding-top:16px}
.hero-tools{display:flex;align-items:center;gap:14px;flex:none}
.motion-toggle{display:grid;place-items:center;width:30px;height:30px;padding:5px;color:#9caf9f;background:#0b170e55;border:1px solid #b9d8b52b;border-radius:50%;transition:color .2s,border-color .2s}
.motion-toggle:hover{color:#e4ffe6;border-color:#badab5}
.motion-toggle svg{width:17px;height:17px}
.motion-play-icon{display:none}
.motion-toggle[aria-pressed="true"] .motion-play-icon{display:block}
.motion-toggle[aria-pressed="true"] .motion-pause-icon{display:none}
.topics-section{height:var(--topics-height);padding-block:14px}
.topic{min-height:44px;font-size:11px;gap:10px}
.topics-label{font-size:9px}

/* The illustration is unchanged. These independent layers animate its light. */
.ufo-encounter{position:absolute;inset:0;overflow:hidden;pointer-events:none;--encounter-x:77%}
.ufo-rig{position:absolute;top:0;left:var(--encounter-x);width:clamp(180px,22vw,320px);height:100%;transform-origin:50% 10%;animation:ufo-arrival var(--encounter-duration) cubic-bezier(.42,0,.22,1) infinite;will-change:transform,opacity}
.hero-scene .ufo-craft{position:absolute;inset:0 0 auto;width:100%;height:auto;object-fit:contain;object-position:center;transform:translateY(-30%);animation:none;overflow:visible;filter:drop-shadow(0 5px 16px #b2ffd326)}
.ufo-engine{animation:ufo-engine-light var(--encounter-duration) ease-in-out infinite}
.encounter-beam{position:absolute;top:clamp(44px,5.5vw,80px);left:-32%;width:164%;height:78%;overflow:visible;mix-blend-mode:screen;transform-origin:50% 0;animation:ufo-beam-light var(--encounter-duration) ease-in-out infinite}
.encounter-aura{position:absolute;left:var(--encounter-x);top:0;width:43%;height:70%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 10%,#b2ffd52b,transparent 66%);mix-blend-mode:screen;animation:ufo-ground-light var(--encounter-duration) ease-in-out infinite}
.encounter-ground{position:absolute;left:79%;bottom:15%;width:35%;height:17%;transform:translateX(-50%) rotate(-8deg);background:radial-gradient(ellipse,#d2ffd332,#9bcdab12 40%,transparent 69%);filter:blur(8px);mix-blend-mode:screen;animation:ufo-ground-light var(--encounter-duration) ease-in-out infinite}
.encounter-mist{position:absolute;left:56%;top:40%;width:52%;height:36%;background:radial-gradient(ellipse at 60% 55%,#d1ffe815,transparent 57%),radial-gradient(ellipse at 30% 85%,#c3f4db12,transparent 48%);mix-blend-mode:screen;filter:blur(11px);animation:ufo-mist var(--encounter-duration) ease-in-out infinite}
.encounter-motes{position:absolute;left:67%;top:30%;width:21%;height:54%;animation:ufo-ground-light var(--encounter-duration) ease-in-out infinite}
.encounter-motes i{position:absolute;bottom:0;left:50%;width:2px;height:2px;background:#d6ffe5;box-shadow:0 0 7px 2px #bbffc955;border-radius:50%;opacity:0;animation:ufo-mote 6s ease-in-out infinite}
.encounter-motes i:nth-child(2){left:20%;animation-delay:-2s;animation-duration:8s}
.encounter-motes i:nth-child(3){left:68%;animation-delay:-5s;animation-duration:7s}
.encounter-motes i:nth-child(4){left:38%;animation-delay:-1s;width:1px;height:1px}
.encounter-motes i:nth-child(5){left:79%;animation-delay:-3s;animation-duration:9s;width:1px;height:1px}
.encounter-motes i:nth-child(6){left:8%;animation-delay:-4s;animation-duration:7s}
.encounter-motes i:nth-child(7){left:58%;animation-delay:-2s;animation-duration:5s;width:1px;height:1px}
.encounter-motes i:nth-child(8){left:90%;animation-delay:-6s;animation-duration:8s;width:1px;height:1px}
.hero.motion-paused .ufo-encounter *,.hero.motion-paused .hero-scene>img{animation-play-state:paused!important}
@keyframes ufo-arrival{
 0%,100%{transform:translate3d(-50%,-145px,0) scale(.8) rotate(-4deg);opacity:0}
 8%{transform:translate3d(-50%,-88px,0) scale(.86) rotate(-3deg);opacity:1}
 24%{transform:translate3d(-50%,21px,0) scale(1) rotate(-1.5deg);opacity:1}
 43%{transform:translate3d(-49%,38px,0) scale(1.015) rotate(1deg);opacity:1}
 59%{transform:translate3d(-50%,29px,0) scale(1) rotate(-1deg);opacity:1}
 70%{transform:translate3d(-50%,7px,0) scale(.98) rotate(-2deg);opacity:1}
 87%{transform:translate3d(-50%,-145px,0) scale(.8) rotate(-4deg);opacity:0}
}
@keyframes ufo-beam-light{0%,10%,85%,100%{opacity:0;transform:scaleX(.68)}24%{opacity:.57;transform:scaleX(.86)}39%{opacity:.95;transform:scaleX(1.05)}54%{opacity:.76;transform:scaleX(.95)}64%{opacity:.88;transform:scaleX(1)}76%{opacity:.2;transform:scaleX(.77)}}
@keyframes ufo-ground-light{0%,12%,84%,100%{opacity:0}27%{opacity:.5}43%{opacity:1}57%{opacity:.66}68%{opacity:.82}78%{opacity:.1}}
@keyframes ufo-engine-light{0%,100%{opacity:.4}25%{opacity:.8}42%{opacity:1}60%{opacity:.75}74%{opacity:1}88%{opacity:.4}}
@keyframes ufo-mist{0%,100%{opacity:0;transform:translate3d(-3%,0,0)}30%{opacity:.5}50%{opacity:1;transform:translate3d(3%,-9%,0)}80%{opacity:0;transform:translate3d(9%,-18%,0)}}
@keyframes ufo-mote{0%{opacity:0;transform:translate3d(-7px,20px,0)}20%{opacity:.5}70%{opacity:.24}100%{opacity:0;transform:translate3d(13px,-230px,0)}}

@media(max-width:1200px){
 .header-inner{gap:22px}.nav-links{gap:23px}.header-actions{gap:10px}
 .wordmark{font-size:35px}.wordmark-caption{font-size:9px}
 .desktop-nav .nav-links a{font-size:14px}.header-actions .story-link{font-size:12px;padding-inline:14px}
 .topic{font-size:10px}.scene-tabs{gap:23px}
}
@media(max-width:1100px){.desktop-nav{display:none}.menu-trigger{display:grid}}
@media(max-width:1000px){
 :root{--topics-height:140px}
 .topics-section{align-items:center}.topics-label{padding-top:0}
 .hero-caption{display:none}.hero h1{font-size:62px}
 .hero-bottom{margin-top:18px}.ufo-encounter{--encounter-x:80%}
}
@media(min-width:761px) and (max-height:760px){
 .hero-content{padding-top:26px}.hero h1{font-size:clamp(54px,4.9vw,66px)}
 .hero-description{margin-top:16px;font-size:13px}.hero-buttons{margin-top:22px}
}
@media(max-width:760px){
 :root{--header-height:82px;--topics-height:142px}
 .header-inner{gap:14px}.wordmark{font-size:32px}.wordmark-caption{font-size:8.4px;margin-top:9px;letter-spacing:0}
 .header-actions{gap:4px}
 .hero{height:clamp(410px,calc(100svh - var(--header-height) - var(--topics-height) - 38px),502px);min-height:0}
 .hero-content{padding-top:26px}.hero h1{font-size:clamp(42px,12.8vw,54px);line-height:1.055}
 .hero-description{font-size:12px;line-height:1.8;margin-top:19px;max-width:290px}
 .hero-buttons{gap:20px;margin-top:22px;flex-wrap:nowrap}.hero-buttons .button{min-width:166px;padding-inline:16px;min-height:48px}
 .hero-buttons .text-link{font-size:11px;gap:10px}
 .hero-bottom{margin-top:18px;gap:11px}
 .scene-tabs{flex:1;width:auto;gap:12px}.scene-tab{gap:6px;font-size:8px;min-width:0;padding-top:15px;padding-bottom:17px}.scene-tab.is-active{padding-top:14px}
 .scene-tab>span:first-child{font-size:8px}.hero-tools{align-self:center}.motion-toggle{width:27px;height:27px;padding:4px}
 .topics-section{height:var(--topics-height);padding-block:12px}
 .topics-label{font-size:8px;margin-bottom:6px}.topics-grid{gap:4px 6px}
 .topic{min-height:44px;padding:7px 2px;font-size:9px;gap:7px}
 .ufo-encounter{--encounter-x:80%}.ufo-rig{width:160px}.encounter-beam{top:39px;width:140%;left:-20%;height:75%}
 .encounter-aura{width:66%;opacity:.7}.encounter-ground{left:91%;width:62%;bottom:17%}
 .encounter-motes{left:70%;width:26%}.encounter-mist{left:58%;width:60%}
 .mobile-dialog .wordmark{font-size:30px}.mobile-dialog .wordmark-caption{font-size:8px}
}
@media(max-width:380px){
 .wordmark{font-size:30px}.wordmark-caption{font-size:8px}.header-inner{gap:10px}
 .hero-buttons{gap:17px}.hero-buttons .button{min-width:158px;padding-inline:13px}
 .scene-tabs{gap:8px}.scene-tab{font-size:7.5px;gap:5px}.topic{font-size:8.5px;gap:6px}
}
@media(prefers-reduced-motion:reduce){
 .ufo-rig{transform:translate3d(-50%,28px,0);opacity:.65}
 .encounter-beam{opacity:.35}.encounter-ground,.encounter-aura{opacity:.3}
 .encounter-mist,.encounter-motes,.motion-toggle{display:none}
}