:root{--navy:#061525;--navy-2:#0b2741;--gold:#c9923f;--gold-light:#f0c778;--paper:#f4f0e8;--white:#fff;--muted:#aebdca}*{box-sizing:border-box}html{min-width:320px;background:var(--navy)}body{margin:0;color:#fff;font-family:"DM Sans",Arial,sans-serif;background:var(--navy)}button,a{font:inherit}.page-shell{position:relative;min-height:100vh;display:grid;padding:42px 18px;place-items:center;overflow:hidden}.ocean-bg{position:fixed;inset:0;background:linear-gradient(180deg,rgba(6,21,37,.36),rgba(6,21,37,.92)),url("assets/ht-345-01.jpg") center 58%/cover no-repeat;filter:saturate(.8);transform:scale(1.02)}.ocean-bg::after{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(201,146,63,.2),transparent 35%),linear-gradient(115deg,rgba(6,21,37,.42),transparent 55%);content:""}.profile-card{position:relative;width:min(100%,620px);padding:44px;border:1px solid rgba(255,255,255,.15);border-radius:32px;background:linear-gradient(145deg,rgba(6,21,37,.93),rgba(11,39,65,.9));box-shadow:0 30px 100px rgba(0,0,0,.5);backdrop-filter:blur(15px)}.profile-card::before{position:absolute;inset:12px;border:1px solid rgba(201,146,63,.12);border-radius:24px;pointer-events:none;content:""}.profile-header{position:relative;text-align:center}.logo-wrap{display:grid;width:235px;height:110px;margin:0 auto 22px;place-items:center}.logo-wrap img{display:block;max-width:100%;max-height:100%;object-fit:contain}.eyebrow{margin:0 0 9px;color:var(--gold-light);font:700 .68rem Montserrat,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}h1{max-width:480px;margin:0 auto;font:700 clamp(2rem,6vw,3.2rem)/1 Montserrat,Arial,sans-serif;letter-spacing:-.045em}.intro{max-width:460px;margin:16px auto 0;color:var(--muted);font-size:.95rem;line-height:1.65}.link-list{display:grid;gap:12px;margin-top:34px}.link-button{display:grid;width:100%;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:15px;min-height:75px;padding:12px 17px;border:1px solid rgba(255,255,255,.14);border-radius:17px;color:#fff;text-align:left;text-decoration:none;background:rgba(255,255,255,.065);cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.link-button:hover,.link-button:focus-visible{border-color:rgba(240,199,120,.65);outline:none;background:rgba(255,255,255,.11);transform:translateY(-2px)}.link-button.primary{border-color:var(--gold);color:var(--navy);background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 15px 35px rgba(0,0,0,.25)}.button-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(240,199,120,.25);border-radius:13px;color:var(--gold-light);background:rgba(201,146,63,.09)}.primary .button-icon{border-color:rgba(6,21,37,.1);color:var(--navy);background:rgba(255,255,255,.2)}.button-icon svg{width:23px;height:23px;fill:currentColor}.link-button strong,.link-button small{display:block}.link-button strong{font:700 .85rem Montserrat,Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase}.link-button small{margin-top:4px;color:var(--muted);font-size:.75rem}.primary small{color:rgba(6,21,37,.68)}footer{position:relative;margin-top:31px;text-align:center}.compass{display:block;margin-bottom:8px;color:var(--gold);font-size:1.15rem}footer p{margin:0;font:700 .75rem Montserrat,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}footer small{display:block;margin-top:5px;color:var(--muted)}
.modal{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:22px;border:0;color:#fff;background:rgba(2,10,18,.9);backdrop-filter:blur(12px)}.modal::backdrop{background:rgba(2,10,18,.9)}.modal[open]{display:grid;place-items:center}.modal-panel{width:min(100%,880px);max-height:calc(100vh - 44px);padding:30px;overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:var(--navy-2);box-shadow:0 35px 100px rgba(0,0,0,.45)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.modal-head h2{margin:0;font:700 clamp(1.8rem,5vw,3rem)/1 Montserrat,Arial,sans-serif;letter-spacing:-.04em}.close-button{padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:transparent;cursor:pointer}.close-button:hover,.close-button:focus-visible{border-color:var(--gold);outline:none}.swipe-hint{margin:16px 0 18px;color:var(--muted);font-size:.84rem}.route-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.route-track::-webkit-scrollbar{display:none}.route-slide{position:relative;flex:0 0 100%;margin:0;overflow:hidden;border-radius:18px;background:#02080e;scroll-snap-align:start}.route-slide video,.route-slide img{display:block;width:100%;height:min(64vh,680px);object-fit:contain}.route-slide span{position:absolute;bottom:12px;left:12px;padding:8px 11px;border-radius:999px;font-size:.72rem;font-weight:700;background:rgba(6,21,37,.8);backdrop-filter:blur(8px)}.boat-tabs{display:flex;gap:8px;margin:24px 0 16px}.boat-tab{padding:11px 15px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:var(--muted);background:transparent;cursor:pointer}.boat-tab.is-active{border-color:var(--gold);color:var(--navy);background:var(--gold-light)}.gallery-stage{position:relative;overflow:hidden;border-radius:19px;background:#02080e}.gallery-stage>img{display:block;width:100%;height:min(58vh,640px);object-fit:contain}.gallery-caption{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:38px 18px 16px;background:linear-gradient(transparent,rgba(2,10,18,.88))}.gallery-caption span{color:var(--muted);font-size:.78rem}.gallery-controls{display:flex;justify-content:center;gap:8px;margin:14px 0}.gallery-controls button{padding:9px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:transparent;cursor:pointer}.gallery-controls button:hover,.gallery-controls button:focus-visible{border-color:var(--gold);outline:none}.thumbnail-track{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.thumb{flex:0 0 72px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer}.thumb.is-active{border-color:var(--gold)}.thumb img{display:block;width:68px;height:68px;object-fit:cover}
@media(max-width:620px){.page-shell{padding:0}.profile-card{min-height:100vh;padding:35px 20px 28px;border:0;border-radius:0;background:linear-gradient(180deg,rgba(6,21,37,.88),rgba(6,21,37,.97));box-shadow:none}.profile-card::before{display:none}.logo-wrap{width:210px;height:95px;margin-bottom:18px}.intro{font-size:.9rem}.link-list{margin-top:29px}.link-button{min-height:72px;padding:11px 14px}.modal{padding:0}.modal[open]{display:block}.modal-panel{width:100%;min-height:100vh;max-height:none;padding:24px 14px;border:0;border-radius:0}.route-slide video,.route-slide img{height:68vh}.gallery-stage>img{height:56vh}.modal-head{position:sticky;z-index:3;top:-24px;padding:22px 0 13px;background:linear-gradient(var(--navy-2) 82%,transparent)}.boat-tabs{overflow-x:auto;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}