:root{color-scheme:dark;--ink:#f2f6fc;--muted:#bac8d5;--cyan:#00b7f2;--bg:#03101b;--line:#24495f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #60dcff;outline-offset:5px}button{color:inherit}.skip{position:fixed;top:-80px;left:12px;z-index:50;background:#fff;color:#001321;padding:12px}.skip:focus{top:12px}.hero{position:relative;min-height:590px;background:#081d31 url('/assets/ians-home/fjord-core.png') center 53%/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:#00101c24;pointer-events:none}.header{position:relative;z-index:5;max-width:1460px;padding:24px 42px;margin:auto;display:flex;align-items:center;gap:30px}.brand{font-size:37px;font-weight:600;letter-spacing:7px}.nav{display:flex;align-items:center;justify-content:flex-end;gap:29px;flex:1;font-size:14px}.nav a{padding:12px 0}.nav a:hover{color:var(--cyan)}.nav .active{color:var(--cyan);border-bottom:2px solid var(--cyan)}.outline{border:1px solid #7dc6e5;border-radius:9px;padding:12px 22px!important;background:#06203866}.menu{display:none;background:#071a2b;border:1px solid var(--line);border-radius:7px;padding:10px 14px}.hero-inner{position:relative;max-width:1460px;margin:auto;padding:48px 42px 44px;min-height:490px;display:grid;grid-template-columns:46% 54%;align-items:center}.intro{max-width:520px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2.4px;font-weight:700;color:#86d8f7;margin:0 0 17px}.intro h1{font-size:clamp(48px,5.2vw,78px);line-height:1.01;letter-spacing:-2px;margin:0 0 23px}.intro h1 span{color:var(--cyan)}.lead{max-width:485px;font-size:18px;line-height:1.6;margin:0;color:#edf3f9;text-shadow:0 2px 12px #00101b}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;border:1px solid #4894b3;border-radius:8px;padding:14px 20px;background:#041520bf;font-size:14px}.button.primary{background:#00a8e6;border-color:#00a8e6;color:white}.button:hover{filter:brightness(1.14)}.core-title{text-align:center;margin:0 0 0 -3%;padding-top:23px;align-self:center;text-shadow:0 2px 12px #001324}.core-title strong{font-size:46px;font-weight:500;letter-spacing:7px}.core-title span{display:block;font-size:18px;letter-spacing:10px;color:#21ceff;margin-top:10px}.core-title small{display:block;color:#c2edff;margin-top:18px;font-size:11px;letter-spacing:1.5px}.costbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#02101a;display:flex;justify-content:center;align-items:center;gap:25px;padding:17px 24px;font-size:13px}.costbar strong{color:#8bdefb;font-size:15px}.costbar a{color:#a7bbca;font-size:12px;text-decoration:underline;text-underline-offset:4px}.cards{max-width:1550px;margin:auto;padding:22px 34px 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{position:relative;min-width:0;overflow:hidden;border:1px solid #285470;border-radius:16px;background:#061725;text-align:left;padding:0;display:flex;flex-direction:column;color:var(--ink);transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-4px);border-color:#00b7f2}.feature img{width:100%;height:145px;object-fit:cover;display:block}.feature .copy{padding:20px 23px 22px;display:flex;flex-direction:column;flex:1}.feature h2{font-size:24px;letter-spacing:-.5px;margin:0 0 9px}.feature p{font-size:15px;line-height:1.55;margin:0 0 21px;color:#c6d2de}.feature .link{margin-top:auto;color:#13c7fb;font-size:14px;font-weight:600;display:flex;justify-content:space-between}.footer{max-width:1482px;margin:0 auto;padding:10px 24px 25px;display:flex;justify-content:space-between;gap:20px;color:#7f98ab;font-size:11px}.footer a{color:#a4baca}.footer p{margin:0}dialog{width:min(780px,calc(100% - 32px));max-height:85vh;background:#071827;color:var(--ink);border:1px solid #326681;border-radius:18px;padding:35px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-head h2{margin:0;font-size:30px}.close{background:#102b3c;border:1px solid #365369;border-radius:7px;padding:8px 12px;font-size:13px}.dialog-body{line-height:1.7;color:#c0d0de}.dialog-body h3{color:#fff}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.destination{border:1px solid #23465c;border-radius:10px;padding:15px;background:#092032}.destination:hover{border-color:#00b7f2}.destination strong{color:#ecf5fb;display:block}.destination small{color:#a9c4d6;display:block;margin-top:4px;font-size:12px}.chapter{font-size:22px;color:#f0f5fa;line-height:1.5}.contact-note{padding:16px;border:1px solid #385465;border-radius:8px}.tech-page{background:#040f1a}.tech-page .header{border-bottom:1px solid #153348}.tech-main{max-width:1460px;margin:auto;padding:55px 42px}.tech-main h1{font-size:52px;letter-spacing:-1.5px;margin:10px 0 15px}.tech-main>p{color:#abc0d2;max-width:660px;line-height:1.6}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}.tech-group{border:1px solid #24445b;border-radius:14px;background:#071b2b;padding:21px}.tech-group h2{font-size:20px;margin:0 0 20px}.tech-group a{display:block;padding:13px 0;border-bottom:1px solid #17364a;font-size:14px;line-height:1.4}.tech-group a:last-child{border-bottom:0}.tech-group a:hover{color:#25ceff}.tech-group small{display:block;color:#8ba7bc;font-size:12px;margin-top:4px}.tech-note{font-size:12px;color:#829db2;margin-top:28px}.plain-link{color:#26caff;text-decoration:underline}.contact-form{display:grid;gap:12px}.contact-form label{display:grid;gap:5px;font-size:13px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #315369;background:#031421;color:white;border-radius:7px;font:inherit}.contact-form textarea{min-height:100px}.contact-form button{justify-self:start}.contact-form [role=status]{font-size:13px;color:#92cbe2}@media(min-width:1600px){.hero{min-height:620px}.hero-inner{min-height:515px}.feature img{height:160px}}@media(max-width:1100px){.nav{gap:18px}.header{padding:22px 28px}.hero-inner{padding:35px 28px;grid-template-columns:48% 52%}.lead{font-size:16px}.cards{gap:14px;padding:20px}.feature .copy{padding:17px}.feature h2{font-size:21px}.tech-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.hero{background-position:61% center;min-height:760px}.hero:before{background:#00121c68}.header{padding:20px;justify-content:space-between}.brand{font-size:30px}.menu{display:block}.nav{display:none;position:absolute;top:76px;left:15px;right:15px;border:1px solid var(--line);border-radius:12px;background:#061725;padding:16px;align-items:stretch}.nav.open{display:flex;flex-direction:column;gap:5px}.nav a{padding:10px!important}.hero-inner{grid-template-columns:1fr;padding:35px 24px 20px;min-height:660px;align-items:start}.intro h1{font-size:57px;letter-spacing:-2px}.intro{max-width:500px}.lead{font-size:16px}.core-title{padding:65px 0 25px;margin:0;text-align:right}.core-title strong{font-size:30px}.core-title span{font-size:12px}.core-title small{display:none}.costbar{gap:9px;flex-wrap:wrap;text-align:center;padding:18px;font-size:12px}.costbar a{width:100%;margin-top:5px}.cards{grid-template-columns:1fr 1fr;padding:20px 16px;gap:12px}.feature img{height:110px}.feature h2{font-size:20px}.feature p{font-size:13px}.feature .copy{padding:15px}.feature .link{font-size:12px}.footer{flex-direction:column;gap:10px}.destinations{grid-template-columns:1fr}dialog{padding:23px}.dialog-head h2{font-size:25px}.tech-main{padding:30px 20px}.tech-main h1{font-size:38px}.tech-grid{grid-template-columns:1fr}}@media(max-width:390px){.actions .button{padding:12px 14px;font-size:12px;gap:12px}.cards{grid-template-columns:1fr}.feature img{height:160px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the globe clear of the navigation and separate artwork from mobile copy. */
@media(min-width:761px){.hero{background-position:center top}.core-title{transform:translate(-10%,-45px)}}
@media(max-width:760px){.hero{background:#03101b;min-height:0}.hero:before{display:none}.hero-inner{min-height:830px;background:url('/assets/ians-home/fjord-core.png') 66% bottom/auto 380px no-repeat;align-content:space-between}.intro{padding-bottom:25px}.core-title{padding:0 0 42px;text-align:center;transform:none}.core-title strong{text-shadow:0 2px 15px #00101b}.core-title span{text-shadow:0 2px 15px #00101b}}

/* The desktop first screen gives the hero 70% and the cards at most 30%. */
@media(min-width:1000px) and (min-height:660px){
 body[data-ians-home="v2"] .hero{height:calc(70svh - 50px);min-height:0}
 body[data-ians-home="v2"] .header{height:86px;padding-top:16px;padding-bottom:16px}
 body[data-ians-home="v2"] .hero-inner{height:calc(70svh - 136px);min-height:0;padding-top:12px;padding-bottom:20px}
 body[data-ians-home="v2"] .intro h1{font-size:clamp(42px,6.6svh,76px);margin-bottom:16px}
 body[data-ians-home="v2"] .lead{font-size:clamp(14px,1.7svh,18px);line-height:1.5}
 body[data-ians-home="v2"] .eyebrow{margin-bottom:12px}
 body[data-ians-home="v2"] .actions{margin-top:18px}
 body[data-ians-home="v2"] .costbar{height:50px;padding:10px 24px}
 body[data-ians-home="v2"] .cards{height:30svh;width:100%;padding-top:12px;padding-bottom:12px}
 body[data-ians-home="v2"] .feature img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:.6}
 body[data-ians-home="v2"] .feature .copy{position:relative;justify-content:flex-end;padding:16px 20px;background:linear-gradient(180deg,transparent,#03121bdd 42%,#03121b 100%)}
 body[data-ians-home="v2"] .feature h2{font-size:clamp(19px,2.5svh,25px)}
 body[data-ians-home="v2"] .feature p{font-size:14px;line-height:1.4;margin-bottom:14px;max-width:30ch}
 body[data-ians-home="v2"] .feature .link{margin-top:0}
}
.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.tech-group{scroll-margin-top:25px}.tech-group h3{font-size:16px;margin:20px 0 4px;color:#8bdcf6}
.tech-group a strong{display:block}.tech-group details{margin-top:18px}.tech-group summary{cursor:pointer;line-height:1.5;color:#aeddf0}
.tech-group details a{font-size:13px}.tech-jump{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.tech-jump a{padding:10px 14px;border:1px solid #24445b;border-radius:8px;font-size:14px}
@media(max-width:1050px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.tech-grid{grid-template-columns:1fr}}
/* One continuous backdrop behind the hero, cost strip, cards and footer. */
body[data-ians-home="v2"]{min-height:100svh;background:linear-gradient(180deg,#03101b18 30%,#03101b70 75%,#03101bb8),url('/assets/ians-home/fjord-core.png') center top/cover fixed no-repeat}
body[data-ians-home="v2"] .hero{background:transparent}
body[data-ians-home="v2"] .hero:before{background:linear-gradient(90deg,#03101b45,transparent 65%)}
body[data-ians-home="v2"] .costbar{background:#03101ba8;backdrop-filter:blur(8px)}
body[data-ians-home="v2"] .feature{background:#061725b8;backdrop-filter:blur(6px)}
body[data-ians-home="v2"] .footer{color:#c3d4e0}
@media(min-width:1000px) and (min-height:660px){
 body[data-ians-home="v2"]{--card-row:min(25svh,250px);--footer-row:38px}
 body[data-ians-home="v2"] .hero{height:calc(100svh - var(--card-row) - 50px - var(--footer-row))}
 body[data-ians-home="v2"] .hero-inner{height:calc(100svh - var(--card-row) - 136px - var(--footer-row))}
 body[data-ians-home="v2"] .cards{height:var(--card-row);padding:10px 34px}
 body[data-ians-home="v2"] .feature .copy{padding:14px 18px}
 body[data-ians-home="v2"] .feature h2{font-size:clamp(18px,2.3svh,24px);margin-bottom:6px}
 body[data-ians-home="v2"] .feature p{font-size:13px;margin-bottom:10px}
 body[data-ians-home="v2"] .feature .link{font-size:12px}
 body[data-ians-home="v2"] .footer{height:var(--footer-row);padding:9px 34px}
}
@media(max-width:999px){
 body[data-ians-home="v2"] .feature{min-height:180px}
 body[data-ians-home="v2"] .feature img{position:absolute;inset:0;height:100%;opacity:.55}
 body[data-ians-home="v2"] .feature .copy{position:relative;min-height:180px;justify-content:flex-end;background:linear-gradient(180deg,#03101b10,#03101be8 62%)}
 body[data-ians-home="v2"] .feature h2{font-size:20px}
 body[data-ians-home="v2"] .feature p{margin-bottom:12px}
 body[data-ians-home="v2"] .feature .link{margin-top:0}
}
@media(max-width:760px){
 body[data-ians-home="v2"]{background-position:65% top;background-image:linear-gradient(180deg,#03101b66,#03101b88),url('/assets/ians-home/fjord-core.png')}
 body[data-ians-home="v2"] .hero-inner{background:none;min-height:max(660px,calc(100svh - 80px))}
 body[data-ians-home="v2"] .intro{position:relative;text-shadow:0 2px 12px #03101b}
 body[data-ians-home="v2"] .eyebrow{line-height:1.6;letter-spacing:1.7px}
 body[data-ians-home="v2"] .core-title{padding-bottom:30px}
}

/* A short editorial invitation; desktop card proportions remain unchanged. */
.future-teaser{justify-self:end;width:min(100%,350px);padding:24px;border-left:2px solid #00b7f2;background:linear-gradient(110deg,#03101bed,#03101bb8);border-radius:0 12px 12px 0;backdrop-filter:blur(5px);box-shadow:0 12px 45px #00101b33}
.future-teaser .eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.5}
.future-teaser h2{font-size:clamp(23px,2.2vw,32px);line-height:1.16;margin:0 0 15px;letter-spacing:-.6px}
.future-teaser p:not(.eyebrow){font-size:15px;line-height:1.6;color:#d8e5ee;margin:0 0 18px}
.future-teaser a{font-size:14px;font-weight:700;color:#26ceff;line-height:1.5;display:block}
.future-teaser a:hover{text-decoration:underline}
@media(min-width:1000px) and (min-height:660px) and (max-height:800px){.future-teaser{padding:18px;width:315px}.future-teaser h2{font-size:24px}.future-teaser p:not(.eyebrow){font-size:14px;margin-bottom:12px}}
@media(max-width:760px){body[data-ians-home="v2"] .hero-inner{gap:30px;min-height:0;padding-bottom:32px}.future-teaser{justify-self:start;width:100%;max-width:500px;padding:22px}.future-teaser h2{font-size:26px}.intro{padding-bottom:0!important}}