@font-face{font-family:Manrope;src:url('/_next/static/su-fjord-campaign-df578c03acc8ab3b/fonts/Manrope-variable-4504-latin-c3fd2ce198c6.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Source Serif;src:url('/_next/static/su-fjord-campaign-df578c03acc8ab3b/fonts/SourceSerif4-Regular-latin-35776cd6e93e.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Source Serif;src:url('/_next/static/su-fjord-campaign-df578c03acc8ab3b/fonts/SourceSerif4-Italic-latin-9879f89c5760.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--deep:#071e33;--navy:#0b365a;--ink:#102a43;--ocean:#2ab3dc;--mist:#eaf8fc;--paper:#f6f5f0;--muted:#4c6475;--gold:#ffe29b;--line:#d7ddd9;--serif:'Source Serif',Georgia,serif;--sans:Manrope,Arial,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font:500 16px/1.5 var(--sans)}
a{color:inherit}button,select{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--ocean);outline-offset:4px}
[hidden]{display:none!important}
.shell{width:min(1480px,calc(100% - clamp(36px,8vw,128px)));margin-inline:auto}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip:focus{position:absolute;z-index:10;top:12px;left:12px;padding:12px;background:white}
.top{min-height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.brand{width:fit-content;display:flex;align-items:center}
.brand img{width:clamp(154px,17vw,227px);height:auto;display:block}
.top-edition,.eyebrow,.hero-coordinate,.results{font-size:11px;font-weight:800;letter-spacing:.2em}
.top-edition{margin:0;color:#38556a;white-space:nowrap}
.top-edition span,.eyebrow span{display:inline-block;width:20px;height:1px;background:var(--ocean);vertical-align:middle;margin-right:8px}
.top-cta{justify-self:end;display:inline-flex;align-items:center;gap:8px;color:var(--navy);text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap}
.top-cta:hover,.footer a:hover{text-decoration:underline}
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(490px,40vw,625px);border-radius:24px;background:#0a2638;color:white}
.hero-image,.hero::before{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.hero-image{object-fit:cover;object-position:50% 60%;z-index:-2}
.hero::before{content:"";z-index:-1;background:linear-gradient(90deg,rgba(4,22,36,.92),rgba(4,24,37,.63) 41%,rgba(3,25,38,.06) 78%),linear-gradient(0deg,rgba(5,23,36,.35),transparent 41%)}
.hero-copy{padding:clamp(33px,6vw,105px);padding-block:62px;max-width:100%}
.eyebrow{margin:0 0 19px;color:#d1f2fd}
.hero h1{margin:0;font:400 clamp(66px,8.35vw,137px)/.89 var(--serif);letter-spacing:-.072em}
.hero h1 em{color:#c7effa;font-weight:400}
.intro{max-width:400px;margin:25px 0 30px;color:#f4fbff;font-size:clamp(15px,1.4vw,19px);line-height:1.55}
.primary{display:inline-flex;align-items:center;gap:22px;padding:13px 16px 13px 20px;background:#e6f8fd;color:var(--deep);border-radius:999px;text-decoration:none;font-weight:800;font-size:14px;min-height:50px;transition:background .2s}
.primary:hover{background:#a6e7fb}
.hero-coordinate{position:absolute;right:32px;bottom:34px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#e9faff;text-shadow:0 1px 8px #071e33;pointer-events:none}
.hero-coordinate svg{width:58px;stroke:#e9faff;stroke-width:1}
.hero-coordinate i{display:inline-block;width:4px;height:4px;margin:0 6px 2px;border-radius:50%;background:#8ce3f9}
.journeys{margin-top:clamp(53px,5vw,85px);scroll-margin-top:24px}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:27px}
.section-top>p{margin:0 0 5px;max-width:325px;color:var(--muted);font-size:14px}
.section-kicker{color:#256486;margin-bottom:7px}
.section-top h2{margin:0;font:400 clamp(44px,5.2vw,84px)/.99 var(--serif);letter-spacing:-.062em}
.section-top h2 em{font-weight:400;color:#245b73}
.controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:13px 24px;border-block:1px solid var(--line);padding:13px 0}
.filters{display:flex;flex-wrap:wrap;gap:7px}
.filters button,.sort select{border:1px solid #cbd7d8;border-radius:999px;background:transparent;color:var(--navy);cursor:pointer;font-size:13px;font-weight:800;min-height:42px;padding:7px 15px}
.filters button:hover,.sort select:hover{background:#e5f4f9}
.filters button[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:white}
.filter-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e6ab37;margin-right:6px}
.sort{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.sort select{padding-right:13px}
.results{display:flex;align-items:center;gap:14px;text-transform:uppercase;margin:21px 0 13px;color:#3c5c70}
.results-line{flex:1;border-bottom:1px solid var(--line)}
.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px;isolation:isolate}
.tile{position:relative;grid-column:span 3;min-width:0;z-index:var(--lift,0)}
.tile[data-span="4"]{grid-column:span 4}
.tile[data-span="5"]{grid-column:span 5}
.tile[data-span="6"]{grid-column:span 6}
.tile[data-span="7"]{grid-column:span 7}
.tile-face{position:relative;border-radius:17px;min-height:clamp(246px,22vw,345px);height:100%;background:#173e50;transition:transform 260ms var(--ease),box-shadow 260ms var(--ease)}
.tile-link{display:flex;align-items:end;position:relative;isolation:isolate;min-height:inherit;height:100%;overflow:hidden;border-radius:inherit;color:#fff;text-decoration:none}
.tile-link img,.tile-link::before{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.tile-link img{object-fit:cover}
.tile-link::before{content:"";z-index:-1;background:linear-gradient(180deg,rgba(5,24,38,.30),transparent 32%),linear-gradient(0deg,#041827 1%,rgba(4,24,39,.92) 17%,rgba(4,24,39,.66) 39%,transparent 75%)}
.tile-index,.tile-promo{position:absolute;top:13px;display:flex;align-items:center;min-height:27px;padding:3px 8px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.tile-index{left:13px;background:rgba(7,30,51,.82);color:white}
.tile-promo{left:51px;background:var(--gold);color:#312209}
.tile-copy{width:100%;padding:60px clamp(13px,1.6vw,23px) 14px}
.tile-ship{margin:0 0 4px;color:#bef0ff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tile h3{margin:0;font:400 clamp(21px,2.15vw,33px)/.99 var(--serif);letter-spacing:-.038em;text-wrap:balance}
.tile[data-span="6"] h3,.tile[data-span="7"] h3{font-size:clamp(27px,3.3vw,49px)}
.tile-meta{display:flex;flex-wrap:wrap;gap:2px 5px;color:#e0edf2;margin:7px 0 0;font-size:11px;font-weight:700;line-height:1.3}
.tile-meta span{color:#93c5d5}
.tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:8px}
.tile-price{font-size:clamp(19px,1.8vw,25px);font-weight:800;letter-spacing:-.04em}
.tile-price small{font-size:11px;letter-spacing:0;font-weight:700}
.tile-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid #c9edf8a6;border-radius:50%;flex:none;transition:background .2s,color .2s}
.tile-link:hover .tile-arrow,.tile-link:focus-visible .tile-arrow{background:#daf6ff;color:var(--deep)}
.tile:focus-within{z-index:12}
.tile-link:focus-visible{outline-offset:-4px}
.credit{color:var(--ink);font:600 12px/1.45 var(--sans);background:#f6fcff}
.credit summary{padding:3px 9px;width:max-content;cursor:pointer;list-style:none;font-size:19px;line-height:1.4}
.credit summary::-webkit-details-marker{display:none}
.credit-copy{padding:10px 13px;min-width:150px}
.credit a{text-decoration:underline;text-underline-offset:2px}
.hero>.credit{align-self:flex-start;margin:14px 14px 0 auto;max-width:230px}
.enhanced .credit{position:absolute;z-index:2;top:11px;right:11px;margin:0;background:transparent;color:white}
.enhanced .credit summary{margin-left:auto;display:grid;place-items:center;background:#071e33dd;border:1px solid #e6f8fd85;border-radius:50%;width:34px;height:34px;padding:0;font:400 17px/1 Arial,sans-serif}
.enhanced .credit-copy{position:absolute;right:0;top:42px;width:min(248px,74vw);max-width:calc(100vw - 58px);background:#f6fcff;color:var(--ink);border-radius:9px;box-shadow:0 6px 20px #071e3350}
.enhanced .tile:has(details[open]){z-index:15}
.price-note{margin:18px 0 0;color:var(--muted);font-size:12px}
.onward{margin-top:clamp(55px,8vw,112px);position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,21vw,310px);display:grid;align-items:end;justify-items:end;text-align:right;padding:clamp(24px,5vw,65px);border-radius:22px;background:radial-gradient(ellipse at 15% 78%,#125168,var(--deep) 66%);color:white}
.onward-compass{position:absolute;z-index:-1;top:50%;left:5%;transform:translateY(-50%);width:min(350px,48%);opacity:.42}
.onward-compass svg{stroke:#7fc0d3;stroke-width:.38;display:block}
.onward h2{margin:0 0 10px;font:400 clamp(32px,4vw,62px)/1 var(--serif);letter-spacing:-.04em}
.onward-link{display:inline-flex;align-items:center;justify-content:end;flex-wrap:wrap;gap:6px 11px;color:#d6f6ff;text-decoration:none;font-size:16px;font-weight:800}
.onward-link img{width:clamp(145px,20vw,245px);height:auto}
.onward-link:hover span{text-decoration:underline}
.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:24px 0 30px;color:var(--muted);font-size:12px;font-weight:700}
.footer nav{display:flex;gap:17px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .tile-face{transform:translateY(var(--rise,0)) scale(var(--scale,1));transform-origin:center}
  .tile[data-dock] .tile-face{box-shadow:0 12px 30px #071e3340}
  .tile:has(.tile-link:focus-visible) .tile-face{transform:translateY(-4px) scale(1.025)}
}
@media(max-width:950px){
  .mosaic{grid-template-columns:repeat(6,minmax(0,1fr))}
  .mosaic .tile{grid-column:span 2}
  .section-top>p{max-width:250px}
  .hero{min-height:480px}
}
@media(max-width:650px){
  .shell{width:calc(100% - 28px)}
  .top{grid-template-columns:1fr auto;min-height:70px}
  .top-edition{display:none}
  .top-cta{font-size:11px;gap:3px}
  .top-cta svg{width:14px}
  .hero{min-height:490px;border-radius:16px;align-items:end}
  .hero-image{object-position:56% 56%}
  .hero::before{background:linear-gradient(0deg,#061c2dec 3%,#061c2da1 58%,#061c2d15),linear-gradient(90deg,#061c2d78,transparent)}
  .hero-copy{padding:35px 20px 53px}
  .hero h1{font-size:clamp(61px,13.7vw,83px)}
  .hero-coordinate{display:none}
  .intro{margin:18px 0 21px;font-size:15px}
  .eyebrow{font-size:10px;margin-bottom:12px}
  .section-top{display:block;margin-bottom:19px}
  .section-top h2{font-size:clamp(39px,9vw,53px)}
  .section-top>p{margin-top:10px;max-width:330px}
  .controls{padding:11px 0;gap:9px}
  .filters{gap:5px}
  .filters button,.sort select{min-height:40px;padding-inline:9px;font-size:11px}
  .results{margin-top:14px}
  .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .mosaic .tile{grid-column:span 1}
  .mosaic .tile[data-mobile-wide]{grid-column:span 2}
  .tile-face{border-radius:12px;min-height:234px}
  .tile-copy{padding:55px 9px 9px}
  .tile h3{font-size:clamp(19px,4.9vw,27px)}
  .tile:not([data-mobile-wide]) h3{font-size:clamp(19px,4.9vw,27px)}
  .tile[data-mobile-wide] h3{font-size:31px}
  .tile[data-mobile-wide] .tile-copy{padding-inline:15px}
  .tile-meta{font-size:10px;gap:2px 4px}
  .tile-index,.tile-promo{top:9px;padding-inline:5px;font-size:8px}
  .tile-index{left:7px}.tile-promo{left:30px}
  .tile-arrow{width:29px;height:29px}
  .tile-price small{font-size:10px}
  .enhanced .tile .credit{right:6px;top:7px}
  .enhanced .tile .credit summary{width:32px;height:32px}
  .enhanced .tile .credit-copy{width:min(180px,38vw)}
  .onward{min-height:195px}
  .onward-link{font-size:13px;gap:5px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.tile[data-span="12"]{grid-column:1/-1}
@media(max-width:950px){.mosaic .tile[data-span="12"]{grid-column:1/-1}}

html:not(.enhanced) .tile-face{display:grid;grid-template-rows:1fr auto}
html:not(.enhanced) .tile-link{min-height:240px}
html:not(.enhanced) .credit{border-radius:10px}
html:not(.enhanced) .hero{flex-wrap:wrap}