/*
Theme Name: Motion
Author: Motion
Description: Private wakeboarding and boat tours in Miami. Editable block theme.
Version: 2.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: motion
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff6fb;color:#201739;font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #16778a;outline-offset:5px}.wp-site-blocks>*,.wp-block-group>*{margin-block-start:0}.topbar{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ced6ce;gap:20px}.brand{font-size:34px;font-weight:900;letter-spacing:-2px;margin:0}.brand a{text-decoration:none}.brand span{color:#d22c91}.nav{font-size:13px;margin:0}.nav a{text-decoration:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 86% 65%,#ee69b5 0%,#753e91 35%,#231744 70%);color:#fff;min-height:650px;padding:85px 7%;isolation:isolate}.hero:after{content:"";position:absolute;z-index:-1;width:68vw;height:68vw;right:-26vw;top:13%;border:1px solid #ffabe255;border-radius:50%;box-shadow:0 0 0 35px #ffabe209,0 0 0 70px #ffabe209,0 0 0 105px #ffabe209,0 0 0 140px #ffabe209,0 0 0 175px #ffabe209;transform:scaleX(1.8) rotate(-25deg)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;line-height:1.8}.hero h1{font-size:clamp(55px,7.9vw,118px);line-height:.96;letter-spacing:-.06em;margin:35px 0 25px;max-width:950px;font-weight:800}.hero h1 em{color:#62e7ee;font-style:normal}.lead{font-size:20px;line-height:1.6;max-width:550px}.wp-block-buttons{display:flex;gap:12px;margin:30px 0}.wp-block-button__link{display:inline-block;background:#62e7ee;color:#201739;padding:17px 25px;border-radius:2px;text-decoration:none;font-size:14px;font-weight:700}.wp-block-button__link:hover{background:#ff8ccd}.hero>.eyebrow:last-child{margin-top:48px;color:#ebc9e9}.ticker{background:#62e7ee;padding:20px 7%;font-size:18px;font-weight:800;letter-spacing:4px}.ticker p{margin:0}.section{padding:80px 7%}.section h2{font-size:clamp(34px,4vw,58px);letter-spacing:-2px;line-height:1.05;margin:16px 0 35px}.section p{line-height:1.7}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{padding:42px;min-height:370px;position:relative;overflow:hidden}.card h2{font-size:46px}.card p{max-width:390px}.ride{background:#f7daef}.cruise{background:#d6f5f5}.card:after{content:"↗";position:absolute;right:20px;top:10px;font-size:110px;color:#20173914;pointer-events:none}.boat{background:#201739;color:#fff6fb;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.boat-copy{max-width:550px}.capacity{border-left:1px solid #ffffff44;padding-left:60px}.capacity h2{font-size:145px;color:#62e7ee;margin:0;line-height:1}.plan{background:#62e7ee}.plan p{max-width:700px}.faq{max-width:1100px}.faq h3{border-top:1px solid #ccd3cd;padding-top:25px;margin-top:30px;font-size:21px}.footer{background:#201739;color:#fff;padding:45px 7%;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer p{font-size:12px}.footer .brand{font-size:34px}section,[id]{scroll-margin-top:20px}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.nav{font-size:12px;line-height:1.8}.hero{min-height:590px;padding:60px 7%}.hero h1{font-size:65px}.cards,.boat{grid-template-columns:1fr}.card{padding:28px}.section{padding:55px 7%}.card h2{font-size:38px}.capacity{border-left:0;border-top:1px solid #ffffff44;padding:35px 0 0}.footer{align-items:flex-start;flex-direction:column}.ticker{font-size:12px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Motion V2.1: preserve the complete photographs at every width. */
.hero{background-color:#201739;background-image:linear-gradient(90deg,rgba(22,14,45,.85),rgba(22,14,45,.5) 40%,rgba(22,14,45,.04) 78%),url("assets/images/wakeboarding-miami-v2.webp");background-size:100% 100%,contain;background-position:center;background-repeat:no-repeat;aspect-ratio:1672/941;min-height:0;padding:clamp(40px,5vw,90px) 7%;display:flex;flex-direction:column;justify-content:center}
.hero:after{display:none}
.hero h1{font-size:clamp(48px,7.2vw,104px);max-width:760px;text-shadow:0 2px 24px #160e2d55}
.hero .lead{max-width:500px;text-shadow:0 1px 12px #160e2d}
.card:before{content:"";display:block;width:calc(100% + 84px);height:auto;aspect-ratio:1672/941;margin:-42px -42px 32px;background-size:contain;background-position:center;background-repeat:no-repeat}
.ride:before{background-image:url("assets/images/wakeboarding-miami-v2.webp")}
.cruise:before{background-image:url("assets/images/private-cruise-miami-v2.webp")}
.card:after{display:none}
@media(max-width:1100px){.hero{aspect-ratio:auto;padding:calc(100vw * 941 / 1672 + 32px) 7% 48px;background-image:url("assets/images/wakeboarding-miami-v2.webp");background-size:100% auto;background-position:center top;min-height:0}.hero h1{font-size:clamp(46px,8vw,76px);margin-top:22px}.hero .lead{font-size:18px}}
@media(max-width:700px){.card:before{width:calc(100% + 56px);margin:-28px -28px 28px}.hero h1{font-size:clamp(42px,12vw,65px)}}