:root{color-scheme:dark;--bg:#0b0d0e;--panel:#111416;--ink:#f2efe8;--muted:#a7a8a8;--sand:#b89a68;--line:#ffffff26;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sand);outline-offset:6px}
p{font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:#c7c8c6;margin:0 0 1.5em}
h1,h2,h3{font-weight:400;margin:0;text-wrap:balance}
h1{font-size:clamp(42px,5.25vw,80px);line-height:1.06;letter-spacing:-.048em}
h2{font-size:clamp(38px,4.5vw,66px);line-height:1.1;letter-spacing:-.04em}
h3{font-size:26px;line-height:1.2}
picture{display:block}
img{display:block;width:100%;height:100%;object-fit:cover}
figure{margin:0}
figcaption{font-size:12px;color:var(--muted);margin-top:15px}
.wrap{width:min(1280px,88%);margin-inline:auto}
.section{padding-block:120px}
.eyebrow{font-size:11px;letter-spacing:.2em;line-height:1.6;text-transform:uppercase;color:var(--sand);margin-bottom:30px}
.rule{border-top:1px solid var(--line)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--ink);color:var(--bg);padding:15px}
.skip:focus{top:15px}
.header{position:fixed;z-index:20;width:100%;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;transition:background .3s,padding .3s;background:linear-gradient(#0005,transparent)}
.header.scrolled,.header.open{background:#0b0d0ef5;padding-block:22px;backdrop-filter:blur(12px)}
.brand-logo{display:block;width:72px;height:72px;object-fit:contain}
.nav{display:flex;gap:34px}
.nav a{font-size:10px;letter-spacing:.15em;padding-block:8px}
.nav a:hover,.nav a[aria-current]{color:var(--sand)}
.menu{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:10px 15px}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}
.hero-frames,.hero-frame,.hero-shade{position:absolute;inset:0;z-index:-2}
.hero-frame{opacity:0;transition:opacity 1.2s ease;overflow:hidden}
.hero-frame.active{opacity:1}
.hero-frame img{object-position:68% 50%}
.hero-frame.active img{animation:drift 6s linear both}
.hero-frame:nth-child(2) img{object-position:65% 42%}
.hero-frame:nth-child(3) img{object-position:62% 45%}
.hero-frame:nth-child(4) img{object-position:68% 50%}
.hero-shade{z-index:-1;background:linear-gradient(90deg,#050709b8 0%,#05070942 48%,transparent 78%),linear-gradient(0deg,#0b0d0eed 0%,transparent 65%)}
.hero-content{padding:185px 0 100px;width:min(1280px,88%);margin:auto auto 0}
.hero-content h1{max-width:780px}
.hero-content p:not(.eyebrow){max-width:505px;margin-top:28px;font-size:16px;color:#e1e0dc}
.hero-content .eyebrow{color:var(--ink);margin-bottom:24px}
.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center}
.pursuits{font-size:10px;letter-spacing:.2em;color:#dedbd5}
.sequence-control{background:transparent;color:var(--ink);border:0;font-size:10px;letter-spacing:.13em;padding:10px}
.sequence-control span{color:var(--sand);margin-right:18px}
.link{display:inline-flex;align-items:center;gap:36px;font-size:11px;letter-spacing:.14em;padding:18px 0;border-bottom:1px solid #b89a6899;color:var(--ink);margin-top:8px}
.link:hover{color:var(--sand)}
.link::after{content:'↗';font-size:20px;letter-spacing:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.split h2{max-width:500px}
.statement{font-size:22px;line-height:1.5;color:var(--ink);border-left:1px solid var(--sand);padding-left:28px;margin:35px 0 0}
.chapter{padding:40px 0 100px}
.chapter-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:40px;gap:10%}
.chapter-heading h3{font-size:clamp(58px,9vw,130px);letter-spacing:-.045em}
.chapter-heading h3 small{font-size:11px;color:var(--sand);letter-spacing:.1em;vertical-align:top;display:inline-block;margin:15px 24px 0 0}
.chapter-heading p{max-width:430px;margin-bottom:10px}
.composition{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}
.composition picture:first-child{height:550px}
.composition picture:nth-child(2){height:340px;margin-top:140px}
.composition img{object-position:var(--pos,50% 50%)}
.chapter.land .composition{grid-template-columns:1fr 2fr}
.chapter.land .composition picture:first-child{order:2}
.chapter.land .composition picture:nth-child(2){order:1}
.chapter.expedition .composition{grid-template-columns:1.5fr 1fr}
.chapter.expedition .composition picture:first-child{grid-row:span 2;height:690px}
.chapter.expedition .composition picture:nth-child(2){height:285px;margin-top:65px}
.chapter.expedition .composition picture:nth-child(3){height:280px}
.community{background:var(--panel)}
.community-title{max-width:890px;margin-bottom:55px}
.community-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:8%;align-items:center}
.community-layout picture{height:550px}
.moments-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:60px}
.moments-intro h2{font-size:38px}
.moments-intro p{max-width:420px;margin:0}
.moments-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:28px;align-items:start}
.moment-column{display:grid;gap:28px}
.moment-column:nth-child(2){padding-top:95px}
.moment-column:nth-child(3){padding-top:40px}
.moment-column picture{height:270px}
.moment-column picture.tall{height:420px}
.global{background:#121618;overflow:hidden}
.global-intro{max-width:700px}
.global-intro h2{margin-bottom:28px}
.map-scroll{margin-top:35px;overflow-x:auto}
.world-map{display:block;width:100%;min-width:700px;height:auto}
.map-base path{fill:#242a2d;stroke:#121618;stroke-width:.45}
.country{fill:var(--sand);stroke:#121618;stroke-width:.65;transition:fill .2s;cursor:pointer}
.country:hover,.country.selected{fill:#efdab4}
.hit-area{fill:transparent;cursor:pointer}
.map-dot{fill:#eee2cc;stroke:#6a5333;stroke-width:.8;pointer-events:none}
.map-target:focus{outline:none}
.map-target:focus .hit-area,.map-target:hover .hit-area{fill:#ffffff25;stroke:var(--ink);stroke-width:1}
.global-context{font-size:13px;line-height:1.65;color:var(--muted);max-width:660px;margin-top:28px}
.map-name{height:32px;text-align:center;letter-spacing:.12em;text-transform:uppercase;font-size:14px;color:var(--sand);margin:12px 0}
.map-help{text-align:center;font-size:11px;color:var(--muted)}
.map-help span{display:none}
.collaboration h2{max-width:950px;margin:45px 0}
.collaboration .copy{max-width:710px}
.next{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:80px 0}
.next p{font-size:27px;color:var(--ink);line-height:1.5}
.next .eyebrow{font-size:11px;color:var(--sand)}
.final{padding:95px 0 120px}
.final h2{max-width:1000px}
.buttons{display:flex;gap:45px;margin-top:35px}
.footer{border-top:1px solid var(--line);padding:60px 0 28px}
.footer-top{display:flex;justify-content:space-between;gap:35px;margin-bottom:70px}
.footer .brand-logo{width:88px;height:88px}
.footer-links{display:flex;gap:30px;font-size:10px;letter-spacing:.12em}
.footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.06em}
.subhero{height:78svh;min-height:570px;position:relative;display:flex;align-items:end;isolation:isolate}
.subhero picture,.subhero::after{position:absolute;inset:0;z-index:-2}
.subhero::after{content:'';z-index:-1;background:linear-gradient(0deg,#0b0d0ef0,transparent 85%)}
.subhero .wrap{padding-bottom:70px}
.subhero h1{max-width:850px}
.subhero img{object-position:55% 45%}
.story{background:var(--panel)}
.archive{max-width:340px;margin-top:45px}
.archive picture{aspect-ratio:3/2}
.steps{margin-top:60px}
.step{display:grid;grid-template-columns:60px 1fr 1.5fr;gap:25px;border-top:1px solid var(--line);padding:30px 0}
.step .number{color:var(--sand);font-size:12px}
.step h3{font-size:19px;letter-spacing:.06em}
.step p{margin:0;font-size:17px}
.partner-list{margin:50px 0 0;padding:0;list-style:none}
.partner-list li{font-size:clamp(18px,2.3vw,30px);padding:26px 0;border-bottom:1px solid var(--line);letter-spacing:-.015em}
.compliance{font-size:13px;max-width:760px;margin-top:45px}
.contact-page{padding-top:190px}
.contact-page h1{max-width:850px}
.contact-lead{max-width:670px;margin-top:35px}
.contact-layout{display:grid;grid-template-columns:1fr 2fr;gap:10%;margin-top:75px}
.contact-status{border-top:1px solid var(--sand);padding-top:24px;font-size:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.field{display:flex;flex-direction:column;gap:12px}
.field.full{grid-column:1/-1}
.field label{font-size:12px;letter-spacing:.05em}
.field input,.field select,.field textarea{background:#161a1c;border:1px solid #505558;color:var(--ink);padding:15px;min-width:0;width:100%;border-radius:0}
.field textarea{resize:vertical;min-height:180px}
.send{background:var(--sand);color:var(--bg);padding:18px 28px;border:0;font-size:11px;letter-spacing:.15em}
.send:disabled{opacity:.55;cursor:not-allowed}
.form-note{font-size:12px;margin-top:24px}
.contact-links{margin-top:40px}
.not-found{min-height:70vh;padding-top:200px}
.nojs{font-size:12px}
.paused .hero-frame img{animation-play-state:paused}
@keyframes drift{from{transform:scale(1)}
to{transform:scale(1.05)}
}

@media(min-width:1600px){.hero-content{padding-bottom:130px}
.hero-content h1{font-size:86px}
}

@media(max-width:900px){.section{padding-block:85px}
.nav{gap:24px}
.split{gap:7%}
.composition picture:first-child{height:440px}
.composition picture:nth-child(2){height:290px}
.community-layout picture{height:420px}
.moment-column picture{height:220px}
.moment-column picture.tall{height:310px}
.chapter.expedition .composition picture:first-child{height:590px}
.chapter.expedition .composition picture:nth-child(2),.chapter.expedition .composition picture:nth-child(3){height:240px}
.footer-links{gap:16px}
}

@media(max-width:600px){h1{font-size:45px}
h2{font-size:39px}
.wrap{width:88%}
.header{padding-block:15px}
.brand-logo{width:64px;height:64px}
.menu{display:block;font-size:10px;letter-spacing:.1em}
.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:30px 6% 40px;gap:20px;border-bottom:1px solid var(--line)}
.header.open .nav{display:flex;flex-direction:column}
.nav a{font-size:14px;padding:14px 0}
.hero{min-height:100svh;padding-top:44svh;background:var(--bg)}
.hero-frames{height:53svh;bottom:auto}
.hero-frame img{object-position:65% 36%}
.hero-frame:nth-child(2) img{object-position:49% 38%}
.hero-frame:nth-child(3) img{object-position:55% 45%}
.hero-frame:nth-child(4) img{object-position:59% 48%}
.hero-shade{background:linear-gradient(0deg,var(--bg) 1%,transparent 35%);height:54svh;bottom:auto}
.hero-content{padding:0 0 96px;margin:0 auto;position:relative}
.hero-content .eyebrow{font-size:9px;margin-bottom:16px}
.hero-content h1{font-size:clamp(36px,9.6vw,49px);line-height:1.08}
.hero-content p:not(.eyebrow){font-size:14px;line-height:1.6;margin:22px 0 12px}
.hero-bottom{bottom:22px;gap:10px}
.pursuits{font-size:8px;letter-spacing:.1em}
.sequence-control{font-size:9px;padding:10px 0}
.sequence-control span{margin-right:8px}
.link{font-size:10px;gap:24px}
.section{padding-block:70px}
.split,.community-layout,.contact-layout{grid-template-columns:1fr;gap:35px}
.split h2{margin-bottom:0}
.statement{font-size:19px;padding-left:20px}
.eyebrow{margin-bottom:22px}
.chapter{padding:20px 0 65px}
.chapter-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}
.chapter-heading h3{font-size:64px;overflow-wrap:anywhere}
.chapter.expedition h3{font-size:45px}
.chapter-heading h3 small{margin:10px 16px 0 0}
.chapter-heading p{font-size:16px;max-width:95%}
.composition,.chapter.land .composition{grid-template-columns:1fr;gap:20px}
.composition picture:first-child,.chapter.land .composition picture:first-child{height:330px;order:0}
.composition picture:nth-child(2),.chapter.land .composition picture:nth-child(2){height:210px;width:70%;margin:0 0 0 auto;order:0}
.chapter.expedition .composition{grid-template-columns:1fr 1fr;gap:16px}
.chapter.expedition .composition picture:first-child{height:330px;grid-column:1/-1;grid-row:auto}
.chapter.expedition .composition picture:nth-child(2),.chapter.expedition .composition picture:nth-child(3){width:100%;height:200px;margin:0}
.community-title{margin-bottom:32px}
.community-layout picture{height:330px}
.moments-intro{display:block;margin-bottom:30px}
.moments-intro h2{font-size:29px;margin-bottom:20px}
.moments-grid{grid-template-columns:1fr;gap:20px}
.moment-column{grid-template-columns:1fr 1fr;gap:16px}
.moment-column:nth-child(2),.moment-column:nth-child(3){padding-top:0}
.moment-column picture,.moment-column picture.tall{height:200px}
.moment-column picture:first-child{grid-column:1/-1;height:290px}
.moment-column:last-child picture:nth-child(2){grid-column:1/-1;height:250px}
.map-scroll{margin-left:-6.8%;margin-right:-6.8%}
.map-help span{display:inline}
.collaboration h2{margin:30px 0}
.next{grid-template-columns:1fr;gap:25px;padding:60px 0}
.next p{font-size:24px}
.final{padding:60px 0 75px}
.buttons{gap:28px}
.footer-top,.footer-bottom{flex-direction:column;gap:30px}
.footer-top{margin-bottom:45px}
.footer-links{flex-wrap:wrap;gap:22px}
.subhero{height:68svh;min-height:510px}
.subhero .wrap{padding-bottom:45px}
.subhero h1{font-size:46px}
.subhero img{object-position:57% 40%}
.step{grid-template-columns:30px 1fr;gap:15px;padding:25px 0}
.step p{grid-column:2}
.step h3{font-size:18px}
.contact-page{padding-top:145px}
.contact-page h1{font-size:46px}
.contact-layout{margin-top:45px}
.form-grid{grid-template-columns:1fr;gap:25px}
.contact-lead{margin-top:25px}
.partner-list li{font-size:19px;padding-block:23px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.sequence-control{display:none}
}

/* Each composition has an intentional focal point, independently of map data. */
.photo-air-03 img{object-position:55% 48%}
.photo-air-02 img{object-position:55% 50%}
.photo-land-01 img{object-position:54% 50%}
.photo-land-02 img{object-position:55% 50%}
.photo-sea-01 img{object-position:46% 42%}
.photo-sea-02 img{object-position:48% 50%}
.photo-expedition-01 img{object-position:53% 50%}
.photo-expedition-02 img{object-position:52% 54%}
.photo-expedition-03 img{object-position:46% 48%}
.photo-community-01 img{object-position:61% 45%}
.photo-air-04 img{object-position:49% 45%}
.photo-air-05 img{object-position:57% 43%}
.photo-land-03 img{object-position:43% 48%}
.photo-land-04 img{object-position:47% 47%}
.photo-expedition-04 img{object-position:52% 50%}
.photo-archive-01 img{object-position:48% 50%}
.photo-about-01 img{object-position:52% 47%}

@media(max-width:600px){.photo-air-03 img{object-position:58% 48%}
.photo-land-01 img{object-position:50% 48%}
.photo-land-02 img{object-position:53% 48%}
.photo-community-01 img{object-position:65% 42%}
.photo-expedition-01 img{object-position:50% 45%}
.photo-about-01 img{object-position:56% 44%}
.hero-frame .photo-air-01 img{object-position:65% 36%}
}

.hero-frame picture{height:100%}

@media(min-width:901px){.hero-content h1{max-width:470px;font-size:58px;line-height:1.06}
.hero-content p:not(.eyebrow){max-width:430px}
.hero-content{padding-bottom:100px}
.hero-shade{background:linear-gradient(90deg,#050709b8 0%,#05070930 48%,transparent 78%),linear-gradient(0deg,#0b0d0ed9 0%,transparent 58%)}
}

@media(min-width:601px) and (max-width:900px){.hero{padding-top:51svh}
.hero-frames{height:64svh;bottom:auto}
.hero-content{padding:0 0 100px;margin:0 auto}
.hero-content h1{max-width:650px;font-size:54px}
.hero-shade{height:65svh;bottom:auto;background:linear-gradient(0deg,var(--bg),transparent 42%)}
.hero-content p:not(.eyebrow){max-width:590px}
}

@media(max-width:600px){.contact-page h1{font-size:clamp(36px,10.4vw,43px)}
}

@media(max-width:600px){.map-scroll{direction:rtl}
.world-map{direction:ltr}
}
