/*
Theme Name: Beamsville Coming Soon
Description: Responsive coming-soon page for ARM MORE Therapy, Beamsville Physiotherapy and McQueen Golf Performance.
Version: 1.1.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: beamsville-coming-soon
*/
:root{--navy:#051f3c;--gold:#aa6c13;--cream:#fffaf0}*{box-sizing:border-box}html{font-size:100%;background:var(--navy)}body{margin:0;color:var(--navy);font-family:Arial,Helvetica,sans-serif}.landing{isolation:isolate;position:relative;min-height:100svh;overflow:hidden;padding:clamp(32px,4vw,64px) 4vw 110px;background:linear-gradient(180deg,rgba(255,252,246,.8),rgba(255,250,239,.76) 45%,rgba(255,247,231,.28)),url('assets/landscape.webp') center/cover}.content{position:relative;z-index:2;max-width:1480px;margin:auto;text-align:center}.community{display:flex;justify-content:center;align-items:center;gap:24px;margin:0 0 32px;font-size:.9rem;line-height:1.6;letter-spacing:.22em;text-transform:uppercase}.community:before,.community:after{content:'';height:2px;width:80px;background:#bd862c;flex-shrink:0}.community span{display:inline-block}.dot{padding:0 18px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:22px;margin:0 0 10px;font-size:1.05rem;letter-spacing:.38em;text-transform:uppercase}.eyebrow:before,.eyebrow:after{content:'';width:70px;height:1px;background:var(--gold)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.1rem,9.4vw,9rem);font-weight:400;line-height:1;letter-spacing:-.045em;margin:0 0 18px;text-transform:uppercase}.intro{font-size:clamp(.9rem,1.4vw,1.25rem);line-height:1.7;letter-spacing:.22em;text-transform:uppercase;margin:0 0 8px}.promise{font-family:'URW Chancery L','Apple Chancery','Brush Script MT','Segoe Script',cursive;font-style:italic;font-size:clamp(1.8rem,3.4vw,3.6rem);font-weight:400;line-height:1.3;color:#86520b;margin:0 0 38px}.brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.brand{margin:0;overflow:hidden;border:1px solid #b4812d;border-radius:20px;background:var(--cream);box-shadow:0 9px 25px #57422821;aspect-ratio:1.64}.brand:first-child{background:#073352}.brand img{display:block;width:100%;height:100%;object-fit:fill}.benefits{display:flex;justify-content:center;list-style:none;margin:30px auto 0;padding:0;max-width:930px}.benefits li{flex:1;padding:8px 24px;font-size:1rem;line-height:1.5;letter-spacing:.22em;text-transform:uppercase}.benefits li+li{border-left:1px solid #aa6c13}.benefits .mark{display:block;color:#956014;font-family:Georgia,serif;font-size:2.4rem;line-height:1;margin:0 0 12px}.skip-link{position:absolute;z-index:10;left:12px;top:-100px;padding:12px;background:white;color:var(--navy)}.skip-link:focus{top:12px}
@media(min-width:1500px){.landing{display:flex;align-items:center}.content{width:100%}}
@media(max-width:800px){.community{font-size:.78rem;letter-spacing:.12em;gap:12px}.community:before,.community:after{width:28px}.dot{padding:0 6px}.brands{gap:12px}.brand{border-radius:12px}.benefits li{font-size:.8rem;padding:8px 12px}.promise{margin-bottom:28px}}
@media(max-width:600px){.landing{padding:30px 20px 95px;background-position:62% center}.community{display:block;margin-bottom:30px;font-size:.75rem;line-height:1.9}.community:before,.community:after{display:none}.community span:last-child{display:block}.community .last-dot{display:none}.eyebrow{font-size:.8rem;letter-spacing:.24em;gap:12px}.eyebrow:before,.eyebrow:after{width:24px}h1{font-size:clamp(2.75rem,12vw,4.4rem);line-height:1.07;margin:15px 0}.intro{font-size:.8rem;letter-spacing:.15em;max-width:310px;margin:0 auto 16px}.promise{font-size:1.9rem;max-width:350px;margin:0 auto 28px}.brands{grid-template-columns:1fr;max-width:450px;margin:auto;gap:18px}.brand{border-radius:18px}.benefits{margin-top:26px;gap:0}.benefits li{font-size:.7rem;letter-spacing:.1em;padding:4px 9px}.benefits .mark{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Contact layout and full-width footer. All assets are hosted with the theme. */
body{min-height:100svh;display:flex;flex-direction:column}
.landing{flex:1;min-height:auto;padding-bottom:32px;display:flex;align-items:center}
.content{width:100%}
.service{min-width:0}
.phone{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 6px;color:var(--navy);font-size:clamp(1.05rem,2vw,1.65rem);font-weight:700;line-height:1.3;letter-spacing:.045em;text-decoration:none;text-underline-offset:5px;border-radius:6px}
.phone:hover{text-decoration:underline;background:rgba(255,255,255,.6)}
a:focus-visible{outline:3px solid #a06109;outline-offset:4px}
.benefits{margin-top:12px}
.site-footer{flex-shrink:0;width:100%;padding:20px 24px;border-top:4px solid #d3a34c;background:linear-gradient(110deg,#083653,#031e38);color:#fff;text-align:center}
.site-footer address{margin:0;font-style:normal}
.site-footer a{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:44px;color:#fff;font-size:clamp(1rem,1.65vw,1.35rem);line-height:1.5;text-decoration:none;text-underline-offset:5px}
.site-footer a:hover{text-decoration:underline}
.site-footer a:focus-visible{outline-color:#efc674}
.map-hint{font-size:.875rem;letter-spacing:.04em;color:#f5d498}
@media(max-width:600px){.landing{padding-bottom:26px}.phone{font-size:1.25rem;min-height:52px}.brands{gap:20px}.benefits{margin-top:22px}.site-footer{padding:18px 18px}.site-footer a{font-size:1rem}.intro{font-size:.9rem}.benefits li{font-size:.875rem;letter-spacing:.025em;padding:4px 8px}}
