@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,600;0,700;1,600&display=swap');
.brand img{width:100%;height:auto}
/* Responsive artwork must keep its native aspect ratio, not the HTML height. */
.island-art img,.character img{height:auto;object-fit:contain}
:root{--forest:#124e43;--deep:#103e36;--cream:#faf6e9;--paper:#fffdf5;--mint:#dce8ca;--gold:#f6c54f;--muted:#5f7368;--line:#124e4326;font-family:'DM Sans',sans-serif;color:var(--forest);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #e49f0a;outline-offset:5px}::selection{background:#f6c54f;color:#124e43}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{display:block;padding:15px;background:var(--gold)}
.navigation{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:18px 5.5%;height:112px}.brand{width:116px}.navigation nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.navigation nav>a:not(.nav-contact):hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{border:1px solid var(--line);padding:13px 19px;border-radius:5px}.nav-contact span{margin-left:18px}
.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:740px}.hero-copy{position:relative;padding:53px 9% 60px 11%;align-self:center;animation:arrive .8s ease-out both}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.8}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#74a358}.hero-logo{width:min(92%,345px);height:auto;margin:24px 0 20px}h1,h2{font-family:'Fraunces',Georgia,serif;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(38px,4.3vw,65px);line-height:1.06}h1 em,h2 em{font-weight:600;color:#6a853c}.lead{font-size:15px;line-height:1.8;max-width:365px;margin:25px 0 27px;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:48px;padding:18px 26px;background:var(--forest);color:var(--cream);font-size:13px;font-weight:600;border-radius:5px;box-shadow:0 5px 0 #0a3128;transition:background .2s,transform .2s}.button:hover{background:#246958;transform:translateY(-2px)}.hero-note{font-size:10px;color:var(--muted);margin-top:23px}.hero-scene{position:relative;height:100%;min-height:740px;max-height:910px;border-radius:130px 0 0 0;overflow:hidden;background:#3c8d9f;animation:arrive 1s .15s ease-out both}.hero-scene>img{height:100%;width:100%;object-fit:cover;object-position:center 56%;position:absolute;inset:0}.scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;padding:40px 25px 24px;font-size:9px;letter-spacing:.1em;color:#fff;background:linear-gradient(transparent,#073f3b99)}
.ribbon{display:flex;justify-content:center;align-items:center;gap:40px;padding:26px 20px;background:var(--forest);color:var(--cream);font-family:'Fraunces',Georgia,serif;font-size:21px}.ribbon i{height:5px;width:5px;background:var(--gold);transform:rotate(45deg)}.section{max-width:1280px;margin:auto;padding:100px 6%}.adventure{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.island-art{position:relative;background:radial-gradient(ellipse,#d5e6b4,transparent 70%);min-width:0}.island-art img{width:100%}.island-label{display:table;margin:15px auto 0;border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:8px;letter-spacing:.15em}.section h2{font-size:clamp(38px,4.6vw,62px);line-height:1.1;margin:18px 0 23px}.adventure-copy>p:not(.eyebrow),.crew-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.85;max-width:370px}.feature{display:flex;gap:20px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.feature>span{font-size:10px;color:#82985c;padding-top:3px}.feature h3{font-size:14px;font-weight:700}.feature p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:7px;max-width:330px}
.crew{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center;border-top:1px solid var(--line);padding-top:65px;padding-bottom:80px}.text-link{display:inline-flex;gap:30px;margin-top:27px;padding-bottom:9px;border-bottom:1px solid var(--forest);font-size:12px;font-weight:600}.character{position:relative;isolation:isolate;padding:15px 0 35px}.character img{position:relative;width:92%;margin:auto}.character-ring{position:absolute;background:#e3e9c8;border-radius:50%;width:88%;aspect-ratio:1;top:8%;left:6%;z-index:-1}.character-note{display:block;text-align:center;font-size:9px;font-weight:700;letter-spacing:.15em;line-height:1.8}.outro{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--mint);padding:55px max(6%,calc((100% - 1120px)/2));border-top:1px solid var(--line)}.outro>img{border-radius:20px;box-shadow:0 6px 20px #124e4320}.outro>div{flex:1}.outro h2{font-size:42px;line-height:1.1;margin-top:10px}.outro .button{white-space:nowrap}footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:25px;padding:35px 6%;background:var(--deep);color:#fffdf2}.footer-title{font-family:'Fraunces',Georgia,serif;font-size:20px}footer nav{display:flex;flex-wrap:wrap;gap:23px;font-size:11px}footer nav a:hover{text-decoration:underline}footer p{width:100%;font-size:10px;opacity:.6;padding-top:20px;border-top:1px solid #ffffff24}
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-scene{border-radius:130px 0 35px 0}}
@media(max-width:1000px){.hero{min-height:660px}.hero-copy{padding:40px 8% 50px 10%}.hero-scene{min-height:660px}.hero-logo{width:95%}.ribbon{gap:22px;font-size:18px}.adventure,.crew{gap:35px}.section{padding:70px 5%}.outro{padding:45px 5%}.outro h2{font-size:34px}}
@media(max-width:700px){.navigation{height:90px;padding:14px 6%}.brand{width:90px}.navigation nav{gap:18px;font-size:11px}.navigation nav>a:first-child{display:none}.nav-contact{padding:10px 12px}.nav-contact span{margin-left:8px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center;padding:30px 7% 40px}.hero .eyebrow{justify-content:center;font-size:9px}.hero-logo{max-width:275px;margin:20px auto 24px}h1{font-size:43px}.lead{margin:22px auto;max-width:340px;font-size:14px}.hero-note{margin-top:22px}.hero-scene{min-height:590px;max-height:none;border-radius:75px 0 0 0;margin-left:6%;height:650px}.hero-scene>img{object-position:center 66%}.ribbon{flex-wrap:wrap;gap:12px 18px;padding:22px 6%;font-size:16px}.ribbon span:last-child{display:none}.ribbon i:last-of-type{display:none}.section{padding:60px 7%}.adventure{grid-template-columns:1fr;gap:38px}.adventure-copy{order:-1}.section h2{font-size:43px}.adventure-copy>p:not(.eyebrow),.crew-copy>p:not(.eyebrow){max-width:none}.island-art{margin:0 -4%}.crew{grid-template-columns:1fr;gap:30px}.character{max-width:390px;margin:auto}.outro{flex-wrap:wrap;padding:35px 7%;gap:22px}.outro>img{width:68px;height:68px}.outro h2{font-size:30px}.outro .eyebrow{font-size:8px}.outro .button{width:100%;justify-content:space-between}footer{padding:35px 7%;gap:23px}footer nav{gap:18px}footer p{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Give the artwork its own frame instead of a full-width banner treatment. */
.navigation{height:106px;max-width:1320px;padding:15px 36px;border-bottom:1px solid #124e4312}
.hero{max-width:1320px;padding:40px 36px 64px;gap:65px;min-height:0;align-items:center;grid-template-columns:1.05fr 1fr}
.hero-copy{padding:15px 0 20px 16px}
.hero-logo{width:min(90%,355px);margin:0 0 32px}
.hero-scene{height:700px;min-height:0;border-radius:230px 230px 38px 38px;box-shadow:0 22px 55px #124e4318;border:7px solid #fffdf5}
.hero-scene>img{object-position:center 65%}
.hero h1{font-size:clamp(42px,4.2vw,61px)}
.hero-note{font-size:11px}
.section{padding-top:85px;padding-bottom:85px}
.adventure{position:relative;border-top:1px solid var(--line);gap:75px}
.island-art{padding:25px 0;background:radial-gradient(ellipse at center,#d8e7be 0,transparent 67%)}
.section .eyebrow{letter-spacing:.13em;color:#79885c}
.crew{border-top:0;position:relative;padding-top:50px}
.crew:before{content:"";position:absolute;inset:0 3% 0;background:linear-gradient(125deg,#edf0dc,#e2ede1);border-radius:55px 135px 55px 55px;z-index:-1}
.crew-copy{padding:0 20px}
.character{padding:0 0 10px}
.character img{max-width:410px}
.character-ring{background:#f8f4df9c}
.outro{background:transparent;max-width:1120px;padding:55px 0;margin:65px auto 0;border-top:1px solid var(--line)}
@media(min-width:1600px){.hero-scene{border-radius:230px 230px 38px 38px}}
@media(max-width:1000px){.hero{gap:35px;padding:35px 5% 55px}.hero-copy{padding-left:0}.hero-scene{height:650px}.hero-logo{margin-bottom:25px}.adventure{gap:35px}.outro{margin:45px 5% 0}}
@media(max-width:700px){.navigation{height:90px;padding:12px 6%}.hero{padding:30px 6% 45px;gap:30px;grid-template-columns:1fr}.hero-copy{padding:0;text-align:center}.hero-logo{margin:0 auto 25px;max-width:250px}.hero h1{font-size:43px}.hero-scene{margin:0;height:550px;min-height:0;border-width:5px;border-radius:180px 180px 30px 30px}.hero-scene>img{object-position:center 70%}.section{padding:50px 7%}.adventure{gap:25px}.island-art{padding:0;margin:0 -3%}.crew{margin:0 4%;padding:40px 6%}.crew-copy{padding:0}.crew:before{inset:0;border-radius:35px 85px 35px 35px}.character{max-width:300px}.outro{margin:35px 7% 0;padding:35px 0}.outro h2{font-size:29px}}