.page-home{max-width:1400px;padding:0 clamp(14px,2vw,26px) 88px}
.hero-home{
  position:relative;
  display:flex;
  align-items:center;
  min-height:min(790px,calc(100svh - 68px));
  margin:0 calc(50% - 50vw);
  overflow:hidden;
  isolation:isolate;
  background:#07151b;
}
.hero-home::before,.hero-home::after{display:none}
.hero-home-image,.hero-home-shade,.hero-home-contours{position:absolute;inset:0;width:100%;height:100%}
.hero-home-image{z-index:-3;object-fit:cover;object-position:center 52%;animation:hero-arrive 1.2s ease both}
.hero-home-shade{
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(4,14,19,.96) 0%,rgba(4,14,19,.84) 34%,rgba(4,14,19,.36) 65%,rgba(4,14,19,.05) 100%),
    linear-gradient(0deg,rgba(4,14,19,.78),transparent 29%,rgba(4,14,19,.18));
}
.hero-home-contours{
  z-index:-1;
  opacity:.3;
  background-image:
    repeating-radial-gradient(ellipse at 10% 42%,transparent 0 42px,rgba(191,220,210,.2) 43px 44px,transparent 45px 76px),
    linear-gradient(90deg,rgba(131,200,208,.08) 1px,transparent 1px),
    linear-gradient(rgba(131,200,208,.06) 1px,transparent 1px);
  background-size:auto,88px 88px,88px 88px;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 32%,transparent 78%);
}
.hero-home-content{width:min(1280px,100%);margin:0 auto;padding:96px clamp(24px,7vw,118px) 130px}
.hero-kicker,.chapter-label,.micro-label,.image-stamp,.hero-version,.hero-address,.hero-live,.hero-index,.hero-scroll,.map-caption,.trust-label,.live-flag,.footer-brand span{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hero-kicker{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#e7c99d;font-size:11px;font-weight:800}
.kicker-dot,.hero-live i,.live-flag i,.map-caption i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--yellow);box-shadow:0 0 16px rgba(232,174,106,.6)}
.kicker-divider{color:#729095}
.hero-home h1{max-width:810px;margin:0;color:#f2f0e7;font-family:"Arial Narrow",Bahnschrift,"Segoe UI",sans-serif;font-size:clamp(54px,8.2vw,112px);font-weight:900;line-height:.88;letter-spacing:-.06em;text-wrap:balance}
.hero-home h1 em{color:#e9b675;font-style:normal}
.hero-lead{max-width:590px;margin:28px 0 28px;color:#d1ddda;font-size:clamp(16px,1.6vw,19px);line-height:1.62}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-join,.hero-map-link{min-height:52px;padding:14px 18px;font-size:13px}
.hero-join span,.dispatch-actions .btn span{margin-left:17px;font-size:17px}
.hero-serverline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px;color:#b6c8c5;font-size:11px}
.hero-address{color:#f1efe7;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:none}
.hero-live{display:inline-flex;align-items:center;gap:8px;letter-spacing:.04em}
.hero-live i,.live-flag i{background:#6bd9a1;box-shadow:0 0 12px rgba(107,217,161,.65)}
.hero-version{color:#92aaad;font-size:10px}
.hero-side-note{position:absolute;right:clamp(22px,5vw,78px);top:22%;display:flex;align-items:center;gap:11px;color:#e8e8dd;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.side-note-line{display:block;width:38px;height:1px;background:var(--yellow)}
.hero-scroll{position:absolute;left:clamp(24px,7vw,118px);bottom:35px;display:flex;align-items:center;gap:13px;color:#9eb4b5;font-size:9px;text-decoration:none}
.hero-scroll b{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(195,222,216,.34);border-radius:50%;color:var(--yellow);font-size:15px;font-weight:400}
.hero-index{position:absolute;right:clamp(24px,5vw,78px);bottom:42px;display:flex;align-items:center;gap:10px;color:rgba(237,239,226,.78);font-size:9px}
.hero-index span:first-child{color:var(--yellow);font-size:14px}

.world-loop{padding:118px 0 70px}
.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr);align-items:end;gap:42px;margin-bottom:34px}
.chapter-label{display:flex;align-items:center;gap:12px;margin:0 0 17px;color:#8cb8b8;font-size:10px;font-weight:800}
.chapter-label span{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(232,174,106,.5);color:var(--yellow);font-size:10px}
.section-heading h2,.entry-heading h2,.dispatch-copy h2,.final-wake h2{margin:0;color:var(--text);font-family:"Arial Narrow",Bahnschrift,"Segoe UI",sans-serif;font-size:clamp(34px,5vw,62px);font-weight:850;line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.section-intro{max-width:450px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.7}
.expedition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:18px}
.expedition-card{height:100%;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,37,44,.94),rgba(8,23,29,.98));box-shadow:var(--shadow)}
.expedition-card-route{margin-top:0}
.expedition-image-wrap{position:relative;height:clamp(190px,22vw,295px);overflow:hidden;background:#10252c}
.expedition-image-wrap::after{position:absolute;inset:35% 0 0;content:"";background:linear-gradient(180deg,transparent,rgba(5,17,22,.6))}
.expedition-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.75,.25,1)}
.expedition-card:hover .expedition-image-wrap img{transform:scale(1.045)}
.image-stamp{position:absolute;z-index:1;left:15px;bottom:14px;display:flex;align-items:center;gap:11px;color:#ebddc5;font-size:9px}
.image-stamp b{color:var(--yellow);font-weight:500}
.expedition-copy{min-height:205px;padding:20px 22px 24px}
.micro-label{margin:0 0 9px;color:#82a8aa;font-size:9px}
.expedition-copy h3{margin:0 0 10px;color:#f0eee5;font-family:"Arial Narrow",Bahnschrift,"Segoe UI",sans-serif;font-size:26px;letter-spacing:-.025em}
.expedition-copy p:last-child{max-width:340px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}

.map-dispatch{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(30px,6vw,84px);margin:86px 0;padding:clamp(24px,5vw,62px);border:1px solid rgba(131,200,208,.2);background:linear-gradient(115deg,rgba(14,41,48,.94),rgba(7,21,27,.82))}
.dispatch-copy{max-width:470px}
.dispatch-copy h2{font-size:clamp(36px,5vw,58px)}
.dispatch-copy>p:not(.chapter-label){margin:19px 0 24px;color:var(--muted);font-size:15px;line-height:1.7}
.dispatch-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.dispatch-actions .btn{min-height:48px;padding:12px 15px;font-size:12px}
.text-link{color:#eab577;font-size:12px;font-weight:900;letter-spacing:.03em;text-decoration:none}
.text-link:hover{color:#ffcf97;text-decoration:underline;text-underline-offset:5px}
.dispatch-map{position:relative;display:block;min-height:310px;overflow:hidden;border:1px solid rgba(174,214,205,.28);background:#0b2934}
.dispatch-map::after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(4,18,24,.72),transparent 36%),linear-gradient(90deg,rgba(4,18,24,.15),transparent 55%)}
.dispatch-map img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.dispatch-map:hover img{transform:scale(1.035)}
.map-corner{position:absolute;z-index:1;width:26px;height:26px;border-color:var(--yellow);opacity:.8}
.map-corner-tl{top:13px;left:13px;border-top:1px solid;border-left:1px solid}
.map-corner-br{right:13px;bottom:13px;border-right:1px solid;border-bottom:1px solid}
.map-caption{position:absolute;z-index:2;left:18px;bottom:17px;display:flex;align-items:center;gap:10px;color:#e6e4d9;font-size:9px}
.map-caption b{margin-left:5px;color:#9cd7bc;font-weight:600}

.entry-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 60px;align-items:start;margin:106px 0 60px;padding:0 clamp(0px,3vw,42px)}
.entry-heading{max-width:470px}
.entry-heading>p:last-child{max-width:390px;margin:18px 0 0;color:var(--muted);font-size:15px;line-height:1.7}
.entry-steps{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.entry-steps li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.entry-steps li>span{color:var(--yellow);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}
.entry-steps strong{font-family:"Arial Narrow",Bahnschrift,"Segoe UI",sans-serif;font-size:18px}
.entry-steps p{margin:5px 0 0;color:var(--muted);font-size:13px}
.entry-steps code{padding:2px 5px;border:1px solid rgba(131,200,208,.16);background:rgba(131,200,208,.05);color:#d4e1d9;font-size:12px}
.entry-action{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}
.live-flag{display:flex;align-items:center;gap:9px;color:#a6bcba;font-size:9px}
.entry-action .btn{min-height:44px;padding:11px 15px;font-size:11px}

.trust-note{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:30px 0 82px;padding:18px 20px;border-top:1px solid rgba(232,174,106,.42);border-bottom:1px solid rgba(232,174,106,.18);background:linear-gradient(90deg,rgba(232,174,106,.08),transparent 75%)}
.trust-note>div{display:flex;align-items:center;gap:17px}
.trust-label{display:grid;place-items:center;min-width:108px;min-height:43px;padding:0 12px;border:1px solid rgba(232,174,106,.45);color:var(--yellow);font-size:10px;font-weight:900}
.trust-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.trust-note p strong{color:#e8e5da;font-size:13px}
.trust-note>a{color:var(--yellow);font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap}
.trust-note>a span{margin-left:8px;font-size:15px}

.final-wake{position:relative;margin:0 calc(50% - 50vw);padding:82px max(clamp(24px,7vw,118px),calc((100vw - 1164px)/2));overflow:hidden;border-top:1px solid rgba(195,222,216,.12);background:linear-gradient(90deg,rgba(5,17,22,.96),rgba(6,20,25,.72)),url("assets/fenix-underwater-arch.webp") center 47%/cover}
.final-wake .chapter-label{margin-bottom:20px}
.final-wake h2{max-width:780px;font-size:clamp(38px,6vw,72px)}
.final-wake>p:not(.chapter-label){max-width:560px;margin:17px 0;color:#aec0bd;font-size:15px;line-height:1.7}
.final-wake .text-link{display:inline-block;margin-top:8px}
.atlas-footer{align-items:center}
.footer-brand{display:flex;align-items:center;gap:14px;color:#eee8dc!important;font-size:12px;font-weight:900;letter-spacing:.08em;text-decoration:none}
.footer-brand span{color:#819b9d;font-size:9px;font-weight:600}

@keyframes hero-arrive{from{transform:scale(1.035);opacity:.72}to{transform:scale(1);opacity:1}}

@media(max-width:960px){
  .hero-home{min-height:700px}
  .hero-home-content{padding-inline:clamp(28px,6vw,72px)}
  .hero-home h1{font-size:clamp(58px,9vw,88px)}
  .section-heading{grid-template-columns:1fr;gap:18px}
  .section-intro{max-width:650px}
  .expedition-grid{gap:12px}
  .expedition-copy{padding:17px}
  .expedition-copy h3{font-size:22px}
  .map-dispatch{gap:28px;padding:30px}
  .entry-section{gap:24px 35px}
}
@media(max-width:700px){
  .page-home{padding:0 14px 54px}
  .hero-home{min-height:720px;min-height:min(780px,calc(100svh - 100px));margin:0 -14px}
  .hero-home-image{object-position:52% center}
  .hero-home-shade{background:linear-gradient(90deg,rgba(4,14,19,.74),rgba(4,14,19,.26)),linear-gradient(0deg,rgba(4,14,19,.97) 2%,rgba(4,14,19,.72) 48%,rgba(4,14,19,.08) 100%)}
  .hero-home-contours{opacity:.17}
  .hero-home-content{align-self:end;padding:100px 24px 118px}
  .hero-kicker{margin-bottom:17px;font-size:9px}
  .hero-home h1{font-size:clamp(42px,13vw,66px);line-height:.93}
  .hero-lead{max-width:440px;margin:19px 0 21px;font-size:15px}
  .hero-actions{align-items:stretch}
  .hero-actions .btn{flex:1 1 auto;min-width:150px}
  .hero-serverline{gap:10px 14px;margin-top:18px;font-size:10px}
  .hero-address{width:100%}
  .hero-side-note{top:14%;right:20px;font-size:8px}
  .hero-scroll{left:24px;bottom:24px}
  .hero-index{right:20px;bottom:31px}
  .world-loop{padding:75px 0 38px}
  .section-heading h2,.entry-heading h2,.dispatch-copy h2{font-size:clamp(36px,10vw,50px)}
  .section-heading{margin-bottom:23px}
  .expedition-grid{grid-template-columns:1fr;gap:14px}
  .expedition-card-route{margin-top:0}
  .expedition-image-wrap{height:230px}
  .expedition-copy{min-height:0;padding:19px 20px 22px}
  .expedition-copy h3{font-size:25px}
  .map-dispatch{grid-template-columns:1fr;gap:26px;margin:55px 0;padding:22px 17px}
  .dispatch-map{min-height:240px;grid-row:1}
  .dispatch-actions{gap:15px}
  .dispatch-actions .btn{width:100%;justify-content:space-between}
  .entry-section{grid-template-columns:1fr;gap:25px;margin:72px 0 44px;padding:0 5px}
  .entry-action{grid-column:1;align-items:flex-start;flex-direction:column}
  .entry-action .btn{width:100%;justify-content:space-between}
  .trust-note{align-items:flex-start;flex-direction:column;margin:18px 0 58px;padding:16px 4px}
  .trust-note>div{align-items:flex-start}
  .final-wake{margin:0 -14px;padding:64px 24px;background-position:56% center}
  .final-wake h2{font-size:clamp(40px,11vw,58px)}
  .atlas-footer{align-items:flex-start;flex-direction:column}
  .footer-brand{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(prefers-reduced-motion:reduce){
  .hero-home-image{animation:none}
  .expedition-image-wrap img,.dispatch-map img,.btn{transition:none}
}