/* Rich visual treatment and the home-page commitment slider. */
body{background-color:#f7f3eb;background-image:radial-gradient(circle at 4% 18%,rgba(236,106,57,.11),transparent 22rem),radial-gradient(circle at 93% 42%,rgba(23,100,122,.12),transparent 28rem),linear-gradient(120deg,rgba(16,46,62,.025) 1px,transparent 1px),linear-gradient(30deg,rgba(16,46,62,.02) 1px,transparent 1px);background-size:auto,auto,34px 34px,52px 52px}.intro,.principles,.contact,.content-section,.about-detail,.home-story,.construction{background-color:rgba(251,250,247,.82);background-image:linear-gradient(90deg,rgba(16,46,62,.05) 1px,transparent 1px),linear-gradient(rgba(16,46,62,.035) 1px,transparent 1px);background-size:90px 90px}.hero-slider{overflow:hidden}.hero-slider .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 900ms ease,visibility 900ms ease}.hero-slider .hero-slide.is-active{opacity:1;visibility:visible}.hero-slide-image{position:absolute;inset:0;background-image:var(--image);background-image:url('assets/maritime-hero.png');background-size:cover;background-position:center;transform:scale(1.06);transition:transform 6s ease,filter 900ms ease}.hero-slide.is-active .hero-slide-image{transform:scale(1)}.image-voyage{background-position:center}.image-people{background-position:72% center;filter:hue-rotate(12deg) saturate(.9)}.image-crew{background-position:42% center;filter:sepia(.14) saturate(1.2)}.image-technical{background-position:60% 74%;filter:hue-rotate(-10deg) brightness(.82)}.image-future{background-position:91% center;filter:sepia(.2) saturate(1.15) brightness(.95)}.hero-slider .hero-scrim{background:linear-gradient(90deg,rgba(2,22,34,.92) 0%,rgba(3,27,40,.65) 47%,rgba(4,30,43,.17) 77%),linear-gradient(0deg,rgba(3,20,29,.67),transparent 35%)}.hero-slider .hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;margin-top:-20px}.hero-slider h1 em{color:#f18a60;font-style:italic}.slider-controls{position:absolute;z-index:3;right:clamp(24px,5vw,78px);bottom:30px;display:flex;align-items:center;gap:18px}.slider-controls button{border:0;background:transparent;color:#fff;font:18px var(--serif);cursor:pointer;padding:7px}.slider-dots{display:flex;gap:7px}.slider-dots button{width:28px;height:3px;background:rgba(255,255,255,.4);padding:0;transition:background .25s,width .25s}.slider-dots button.is-active{background:#f18a60;width:44px}.hero-slider .hero-footer{right:clamp(260px,25vw,400px)}.home-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,9vw,140px);padding-top:120px;padding-bottom:120px}.home-story h2{font-size:clamp(42px,5vw,72px);margin:0 0 25px}.story-lead{font:600 18px/1.7 var(--serif);max-width:440px;color:var(--ink)}.story-copy{padding-top:42px}.story-copy p,.about-detail p{font-size:14px;line-height:1.9;color:#52656d;margin:0 0 20px}.mission-band{background:var(--navy);color:#fff;padding:clamp(70px,9vw,130px) clamp(24px,8vw,125px);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(55px,10vw,160px);background-image:radial-gradient(circle at 7% 20%,rgba(236,106,57,.27),transparent 18rem),linear-gradient(135deg,transparent 49.6%,rgba(255,255,255,.045) 49.7%,rgba(255,255,255,.045) 50.3%,transparent 50.4%);background-size:auto,65px 65px}.mission-band h2{font:600 clamp(40px,4.6vw,66px)/1.02 var(--serif);margin:0}.mission-band ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.25)}.mission-band li{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.22)}.mission-band li>span{font:10px var(--mono);color:var(--orange);padding-top:4px}.mission-band li p{margin:0;color:#c5d6da;font-size:12px;line-height:1.6}.mission-band li b{color:#fff;font-size:13px;display:block;margin-bottom:1px}.about-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,10vw,150px);padding-top:115px;padding-bottom:115px}.about-detail h2{font-size:clamp(42px,5vw,72px)}
@media(max-width:800px){.hero-slider .hero-content{margin-top:-8px}.hero-slider .hero-footer{right:24px}.slider-controls{left:18px;right:auto;bottom:12px;gap:8px}.slider-controls>button{font-size:16px}.slider-dots button{width:17px}.slider-dots button.is-active{width:28px}.hero-slider .scroll-prompt{display:none}.home-story,.mission-band,.about-detail{grid-template-columns:1fr;gap:36px}.home-story{padding-top:74px;padding-bottom:74px}.story-copy{padding-top:0}.mission-band{padding-top:70px;padding-bottom:70px}.mission-band li{grid-template-columns:35px 1fr}.story-lead{font-size:17px}.about-detail{padding-top:74px;padding-bottom:74px}}