@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,900;1,900&display=swap');
/* MotionSites reference adapted to Monina Corporate Sailing */
body{background:#0c1115}header{background:#0c1115}main{overflow:clip}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--yellow);z-index:100;pointer-events:none}.hero{height:900px;min-height:780px;max-height:1100px;background:#0c1115}.hero-bg{transform:scale(1.07);transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}.hero-content{padding-top:60px}.hero h1{font-size:clamp(88px,9.9vw,152px);line-height:.9}.hero h1 .hero-line{display:block;width:fit-content;padding-right:.05em}.hero h1 .metallic{background:linear-gradient(180deg,#a3afb8 0%,#f0f5f7 70%,#b7c6d0 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero h1 .accent{color:var(--yellow)}.hero-shade{background:linear-gradient(90deg,#0c1115ec,#0c111568 52%,#0c111518),linear-gradient(0deg,#0c1115,transparent 40%)}.hero .pretitle{letter-spacing:1px}.hero-bottom{bottom:35px}.button{border-radius:100px;box-shadow:inset 0 0 0 1px #ffffff20;padding:18px 28px;transition:background .2s,transform .35s,box-shadow .35s}.button:hover{box-shadow:0 0 30px #f7ef3d25}.button.small{border-radius:100px}.ticker{transform:rotate(-1.2deg);width:102%;margin-left:-1%;position:relative;z-index:3;padding:22px 0}.ticker>div{justify-content:flex-start;width:max-content;gap:55px;padding:0 35px;animation:run-strip 38s linear infinite}.ticker:hover>div{animation-play-state:paused}@keyframes run-strip{to{transform:translateX(-50%)}}.intro{color:#e3ebef;gap:70px;padding:125px 0 90px}.intro h2 span{background:linear-gradient(180deg,#66808b,#bccdd6);background-clip:text;-webkit-background-clip:text;color:transparent}.intro .eyebrow.dark,.intro-copy>p:not(.lead){color:#94aab5}.intro-copy .lead{font-size:25px}.intro .text-link{border-color:#455661}.motion-gallery{padding:20px 0 100px;overflow:hidden;background:#0c1115}.gallery-label{display:flex;justify-content:space-between;gap:20px;color:#8da2ac;font-size:9px;letter-spacing:1.7px;margin-bottom:28px}.gallery-window{overflow:hidden;display:grid;gap:16px}.gallery-track{display:flex;gap:16px;width:max-content;will-change:transform;transform:translateX(-220px)}.gallery-track figure{width:420px;height:270px;border-radius:22px;overflow:hidden;position:relative;margin:0;background:#1c2930}.gallery-track img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.gallery-track figure:hover img{transform:scale(1.05)}.gallery-track figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 22px 15px;background:linear-gradient(transparent,#071923a8);color:white;font-size:9px;font-weight:700;letter-spacing:1.6px}.photo-story{border-radius:50px 50px 0 0;margin:0 3%;height:690px}.photo-overlay h2{font-size:clamp(74px,8vw,120px)}.solutions{padding:100px 0 120px;color:#e4eef2}.solutions .eyebrow.dark{color:#91a8b3}.solutions h2 span{color:#9cb5c2}.solutions .section-head>p{color:#a3b6be}.cards{display:flex;flex-direction:column;gap:42px;position:relative}.card{display:grid;grid-template-columns:1fr 1fr;position:sticky;top:35px;border-radius:36px;overflow:hidden;background:#111d25;border:1px solid #52626c;box-shadow:0 12px 45px #0005;transform-origin:50% 0%;will-change:transform}.card:nth-child(2){top:59px}.card:nth-child(3){top:83px}.card-photo{height:auto;min-height:480px}.card-photo img{position:absolute;width:100%;height:100%;object-fit:cover}.card-photo span{left:24px;bottom:24px;border-radius:100px;font-size:10px;padding:10px 20px}.card-body{padding:45px}.card .eyebrow.dark{color:#8da6b4}.card h3{font-size:clamp(44px,5vw,72px);color:#eef4f7}.card-body>p:not(.eyebrow){font-size:14px;color:#a6b8c1;min-height:0;max-width:400px}.card ul{font-size:13px;color:#b4c6cf;margin:25px 0}.card-body>a{border-color:#41515a;color:var(--yellow);font-size:12px;padding-top:22px}.manifesto{background:#f4f5ef;color:#0c1115;border-radius:55px 55px 0 0}.manifesto:before{display:none}.manifesto-inner{padding:100px 0 110px}.manifesto .eyebrow{color:#426371}.manifesto h2 span{color:#537586}.values{gap:55px}.values>div{border-color:#c3ccce}.values span{font-family:var(--display);font-size:72px;font-weight:800;color:#0c1115;line-height:1}.values h3{font-size:36px}.values p{color:#536871;font-size:13px}.destination{background:#e8eeeb}.calendar,.about,.faq{background:var(--paper);width:100%;padding-left:max(6%,calc((100% - 1280px)/2));padding-right:max(6%,calc((100% - 1280px)/2))}.calendar{padding-top:110px;padding-bottom:110px}.about{padding-top:0;padding-bottom:110px}.about-image{border-radius:32px;overflow:visible}.about-image>img{border-radius:32px}.experience-badge{border-radius:20px}.contact{border-radius:55px 55px 0 0;background:#0c1115}.contact-inner{padding:110px 0}form{border-radius:30px}.faq{padding-top:100px;padding-bottom:100px}.faq h2 span{color:#547b8c}footer{background:#0c1115}.footer-top p{font-size:32px}.reveal-ready{opacity:0;transform:translate3d(0,35px,0);transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1);transition-delay:var(--delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:translate3d(0,0,0)}.hero-line{animation:hero-enter 1s cubic-bezier(.2,.75,.2,1) both}.hero-line:nth-child(2){animation-delay:.15s}.hero-line:nth-child(3){animation-delay:.3s}.hero .eyebrow,.hero .pretitle{animation:hero-enter .8s both}.hero-copy,.hero-actions{animation:hero-enter 1s .5s both}@keyframes hero-enter{from{opacity:0;transform:translate3d(0,45px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.scroll-word{opacity:.25;transition:opacity .2s}.scroll-word.lit{opacity:1}
@media(max-width:1000px){.card-body{padding:30px}.card-photo{min-height:470px}.intro{gap:45px}.photo-story{margin:0 2%}.contact-inner{gap:45px}}
@media(max-width:760px){.hero{height:820px;min-height:760px}.hero h1{font-size:clamp(76px,16vw,114px)}.hero-content{padding-top:55px}.hero-actions{gap:22px}.hero-bottom{bottom:26px}.intro{padding:80px 0 55px}.intro-copy .lead{font-size:23px}.motion-gallery{padding:15px 0 65px}.gallery-label{font-size:7px;letter-spacing:1px}.gallery-label>span:last-child{display:none}.gallery-track figure{width:290px;height:200px;border-radius:17px}.gallery-window,.gallery-track{gap:12px}.photo-story{border-radius:28px 28px 0 0;height:590px;margin:0 3%}.photo-overlay h2{font-size:clamp(66px,17vw,82px)}.solutions{padding:70px 0 80px}.cards{gap:25px}.card{display:block;position:relative;top:auto!important;border-radius:25px;transform:none!important}.card-photo{height:330px;min-height:0}.card-body{padding:28px}.card h3{font-size:49px}.card-body>p:not(.eyebrow){font-size:13px}.card ul{font-size:12px}.manifesto{border-radius:30px 30px 0 0}.manifesto-inner{padding:70px 0}.values{gap:28px}.values span{font-size:55px}.values h3{font-size:32px}.calendar{padding-top:70px;padding-bottom:70px}.about{padding-bottom:75px}.contact{border-radius:30px 30px 0 0}.contact-inner{padding:70px 0}.faq{padding-top:70px;padding-bottom:70px}form{border-radius:22px}.footer-top p{font-size:23px}}
@media(max-width:380px){.hero h1{font-size:clamp(64px,19vw,72px)}.photo-overlay h2{font-size:62px}.card h3{font-size:46px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.hero-line,.hero-copy,.hero-actions,.hero .eyebrow,.hero .pretitle{animation:none}.ticker>div{animation:none}.hero-bg{transform:none!important}.gallery-track{transform:translateX(-220px)!important}.scroll-word{opacity:1}.card{transform:none!important}}
/* Paragraph and form text: +2px */
p{font-size:16px}
.eyebrow{font-size:12px}.hero .eyebrow{font-size:11px}
.pretitle{font-size:17px}.hero-copy{font-size:17px}
.lead{font-size:24px}.intro-copy .lead{font-size:27px}
.photo-overlay>p:last-child{font-size:17px}
.solutions .section-head>p,.section-head>p{font-size:15px}
.card-body .eyebrow{font-size:11px}.card-body>p:not(.eyebrow){font-size:16px}
.values p{font-size:15px}
.destination-text>p:not(.eyebrow){font-size:15px}
.schedule-row p{font-size:14px}.note{font-size:12px}
.about .lead{font-size:22px}.about p:not(.eyebrow):not(.lead){font-size:15px}
.contact-inner>div>p:not(.eyebrow){font-size:17px}
form label{font-size:12px}form input,form select,form textarea{font-size:14px}
.form-top{font-size:11px}.consent{font-size:11px}
form .button{font-size:14px}.form-help{font-size:11px}#form-status{font-size:13px}
details p{font-size:14px}.credits{font-size:10px}
@media(max-width:760px){
 .eyebrow{font-size:11px}.hero .eyebrow{font-size:10px}
 .pretitle{font-size:14px}.hero-copy{font-size:15px}
 .lead{font-size:22px}.intro-copy .lead{font-size:25px}
 .photo-overlay .eyebrow{font-size:10px}
 .card-body>p:not(.eyebrow){font-size:15px}
 .schedule-row p{font-size:12px}
 form label{font-size:11px}.consent{font-size:11px}
 .credits{font-size:9px}
}
form .consent{font-size:11px}.section-head>div:last-child:not(:first-child)>p{font-size:15px}
nav{font-size:13px}@media(max-width:760px){nav{font-size:16px}}



h1,h2,h3{font-family:'Montserrat',Arial,sans-serif;font-weight:900;letter-spacing:-.055em;line-height:1.06}
.hero h1{font-size:clamp(62px,7.4vw,114px);line-height:1.02}
h2{font-size:clamp(42px,4.8vw,70px)}
.photo-overlay h2{font-size:clamp(54px,5.9vw,88px)}
.card h3{font-size:clamp(32px,3.5vw,50px)}
.manifesto h2{font-size:clamp(42px,4.9vw,74px)}
.values h3{font-size:28px}
.destination-photo h2{font-size:clamp(42px,4.7vw,68px)}
.destination-text h3{font-size:35px}
.schedule-row h3{font-size:29px}
.about h2{font-size:clamp(40px,3.9vw,58px)}
.contact h2{font-size:clamp(42px,4.6vw,67px)}
.faq h2{font-size:clamp(42px,4.8vw,70px)}
@media(max-width:1000px) and (min-width:761px){.card h3{font-size:32px}.destination-text h3{font-size:29px}}
@media(max-width:760px){
 .hero h1{font-size:clamp(35px,8.8vw,66px)}
 h2{font-size:clamp(29px,7.5vw,48px)}
 .photo-overlay h2{font-size:clamp(35px,9.2vw,60px)}
 .card h3{font-size:clamp(30px,8.3vw,46px)}
 .manifesto h2{font-size:clamp(28px,7.5vw,46px)}
 .values h3{font-size:26px}
 .destination-photo h2{font-size:clamp(30px,8vw,50px)}
 .destination-text h3{font-size:clamp(30px,7.8vw,44px)}
 .schedule-row h3{font-size:24px}
 .about h2{font-size:clamp(32px,8.4vw,50px)}
 .contact h2{font-size:clamp(32px,8.5vw,51px)}
 .faq h2{font-size:42px}
}
@media(max-width:760px){.hero h1{font-size:clamp(36px,10vw,74px)}}
/* Mobile experiences: open compositions instead of rectangular cards */
@media(max-width:760px){
 .solutions{overflow:hidden;padding-bottom:50px}
 .cards{gap:65px;margin-top:45px}
 .card{--experience-color:#f7ef3d;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding:0 0 20px}
 .card:nth-child(2){--experience-color:#67ddcf}.card:nth-child(3){--experience-color:#ff997d}
 .card-photo{width:84%;height:auto;aspect-ratio:1;border-radius:50%;margin:0 auto 30px;overflow:visible;isolation:isolate;transform:rotate(-5deg)}
 .card:nth-child(2) .card-photo{transform:rotate(6deg);margin-left:3%}.card:nth-child(3) .card-photo{transform:rotate(-4deg);margin-right:3%}
 .card-photo:before{content:'';position:absolute;inset:-9px;border:2px solid var(--experience-color);border-radius:50%;transform:translate(9px,-3px);z-index:-1}
 .card-photo:after{content:'✳';position:absolute;right:-8px;top:8px;color:var(--experience-color);font-size:75px;line-height:1;z-index:2}
 .card:nth-child(2) .card-photo:after{right:auto;left:-6px;top:auto;bottom:8px}
 .card-photo img{border-radius:50%;object-position:50% 40%}
 .card-photo span{background:var(--experience-color);color:#0c1115;left:8%;bottom:6%;font-size:10px;letter-spacing:1px;padding:10px 18px;box-shadow:0 6px 20px #0004}
 .card-body{padding:0 3%}.card .eyebrow.dark{color:var(--experience-color);font-size:12px;letter-spacing:2px;margin-bottom:13px}
 .card h3{font-size:clamp(30px,8.5vw,46px);color:var(--experience-color);line-height:1.06}
 .card-body>p:not(.eyebrow){font-size:15px;color:#cfdae0;margin-top:22px;max-width:none}
 .card ul{margin:22px 0;color:#b7c8d1;font-size:13px}.card li:before{color:var(--experience-color)}
 .card-body>a{border:1px solid var(--experience-color);border-radius:100px;background:var(--experience-color);color:#0c1115;padding:13px 18px;font-size:12px;gap:12px;min-height:50px}
 .card-body>a span{font-size:23px}.card-body>a:hover{filter:brightness(1.1)}
}

/* America’s Cup identity and corporate positioning */
.cup-identity{margin-bottom:25px}.cup-logo{position:absolute;right:6%;top:65px;width:340px;height:auto;border-radius:4px;box-shadow:0 15px 60px #0003}.hero .pretitle{font-family:'Montserrat',Arial,sans-serif;font-size:clamp(28px,3.4vw,49px);font-weight:900;line-height:1.08;letter-spacing:-.04em;color:white;margin-bottom:0;max-width:700px}.pretitle>span{display:block}.hero .pretitle small{display:block;font:700 12px/1.5 var(--body);letter-spacing:2px;color:var(--yellow);margin-top:12px}.hero h1{font-size:clamp(52px,6.1vw,92px)}.hero-copy strong{font-size:22px;color:white}.hero-copy{max-width:650px}.hero{height:960px;max-height:none}.calendar .section-head{align-items:start}.calendar h2{font-size:clamp(38px,4.1vw,60px)}
@media(max-width:1100px) and (min-width:761px){.cup-logo{width:240px;top:40px;right:4%}.hero .pretitle{font-size:32px;max-width:65%}}
@media(max-width:760px){.hero{height:auto;min-height:890px;padding-bottom:100px}.hero-content{padding-top:25px}.hero .eyebrow{margin-bottom:18px}.cup-logo{position:static;width:240px;margin-bottom:20px;box-shadow:none}.cup-identity{margin-bottom:24px}.hero .pretitle{font-size:clamp(26px,7.7vw,48px);max-width:none}.hero .pretitle small{font-size:10px;letter-spacing:1.5px}.hero h1{font-size:clamp(30px,8vw,55px)}.hero-copy strong{font-size:19px}.hero-copy{font-size:15px;margin-top:24px}.hero-actions{margin-top:25px}.hero-actions .button{gap:15px;padding:16px 20px}.calendar h2{font-size:clamp(29px,7.5vw,48px)}}

/* Compact horizontal event logo, alongside its name */
.cup-identity{display:flex;align-items:center;gap:22px;max-width:760px}.cup-logo-inline{width:200px;height:auto;flex:none;background:#fff;padding:8px;border-radius:3px}.hero .pretitle{font-size:clamp(25px,2.8vw,40px)}
@media(max-width:1100px) and (min-width:761px){.hero .pretitle{max-width:none}.cup-logo-inline{width:170px}}
@media(max-width:760px){.cup-identity{display:block}.cup-logo-inline{width:180px;margin-bottom:16px}.hero .pretitle{font-size:clamp(26px,7.7vw,48px)}.hero{min-height:820px}}