/* X Detailing-inspired layout, retaining Beach Dawgs branding. */
header{position:fixed;top:18px;max-width:1180px;padding:9px 18px;background:#090909f2;backdrop-filter:blur(14px)}header nav{gap:17px}.brand span{display:none}.brand img{width:46px;height:46px}h1,h2{font-family:Inter,Arial,sans-serif;font-weight:800;letter-spacing:-2px;line-height:1.08}.hero{padding:155px 24px 55px;min-height:820px}.hero-inner{gap:32px;grid-template-columns:1fr 1.08fr;max-width:1400px}.hero h1{font-size:clamp(40px,4.5vw,72px);line-height:1.08;letter-spacing:-2.6px}.hero-copy>.eyebrow{margin-bottom:20px}.hero-actions{flex-direction:column;gap:12px}.hero-actions .btn{border-radius:40px;padding:17px}.trust{background:#0808087a;border:1px solid #ffffff18;border-radius:12px;padding:20px 15px;gap:14px}.trust>div{text-align:center;flex:1}.trust>div+div{border-left:1px solid #ffffff15}.trust strong{font-size:14px}.quote-panel{border-radius:12px;background:linear-gradient(145deg,#282726ee,#121212f2);padding:30px}.quote-panel h2{font-size:24px}.steps{font-size:9px;gap:10px}.pick{padding:15px 12px}.pick strong{font-size:14px}.pick small{font-size:11px}.btn{border-radius:30px}.ticker{display:none}.section{padding-block:85px}.section-head,.center-heading{text-align:center;display:block;margin-bottom:36px}.section-head h2,.center-heading h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15;margin-bottom:16px}.section-head p,.center-heading p{max-width:700px;margin:0 auto;color:#bdbbb7;font-size:15px}.section-head>a{display:inline-block;margin-top:18px}.service-grid{grid-template-columns:repeat(4,1fr);gap:18px}.service-card{position:relative;border-radius:15px;min-height:320px}.service-card>img{height:320px;filter:brightness(.72);transition:transform .4s}.service-card:hover>img{transform:scale(1.05)}.service-card>div{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000f);padding:60px 18px 23px}.service-card .eyebrow{display:none}.service-card h3{font-size:20px}.service-card p{font-size:12px;color:#ddd}.service-card:nth-child(n+5){min-height:230px;grid-column:span 2}.service-card:nth-child(n+5)>img{height:230px}.packages{text-align:center}.package h3{min-height:0}.package ul{text-align:left}.package .price{font-size:30px!important}.package{border-radius:15px}.custom-banner h2{font-size:44px}.area-list{max-width:950px;margin:auto}.area-list span{border-radius:13px;background:linear-gradient(135deg,#252525,#171717);text-align:center;padding:20px}.area-list+.note{text-align:center}.how h3{font-size:19px}.reveal-section{text-align:center;padding-inline:24px}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1400px;margin:0 auto 35px}.comparison-card{min-width:0}.compare{position:relative;aspect-ratio:3/3.6;border-radius:16px;overflow:hidden;background:#151515;border:1px solid #ffffff20;isolation:isolate}.compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-top{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare input[type=range]{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y}.compare:focus-within{outline:3px solid var(--orange);outline-offset:4px}.compare-line{position:absolute;left:var(--split);height:100%;top:0;width:2px;background:white;transform:translateX(-50%);pointer-events:none;z-index:3}.compare-line b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:white;box-shadow:0 3px 14px #0005;color:#151515;font-size:19px;white-space:pre}.view-label{position:absolute;top:14px;border-radius:30px;padding:5px 10px;font-size:9px;font-weight:800;text-transform:uppercase;z-index:2;background:#080808d9;color:#fff}.view-label.left{left:10px}.view-label.right{right:10px;background:var(--orange);color:#100a03}.comparison-card h3{margin:18px 0 7px;font-size:20px}.comparison-card p{color:var(--orange);letter-spacing:1.5px;font-size:10px;margin-bottom:7px}.comparison-card small{font-size:9px;letter-spacing:1px;color:#aaa}.carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--orange) #222;padding-bottom:16px}.carousel-slide{flex:0 0 calc((100% - 40px)/3);margin:0;scroll-snap-align:start;min-width:0}.carousel-slide img{width:100%;height:300px;object-fit:cover;border-radius:14px}.carousel-slide figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding:15px 3px;color:#bcb7af}.carousel-slide b{color:var(--orange)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:15px}.carousel-controls button{border:1px solid #555;background:#202020;color:white;width:44px;height:44px;border-radius:50%;font-size:21px}.carousel-controls button:hover:not(:disabled){background:var(--orange);color:#111}.carousel-controls button:disabled{opacity:.3;cursor:default}.carousel-status{font-size:12px;min-width:50px;text-align:center}.book-section{text-align:center;background:radial-gradient(ellipse at center,#2b2119,#0b0b0b 75%)}.booking-options{max-width:850px;margin:0 auto 28px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.booking-options a{text-align:left;display:flex;flex-direction:column;padding:22px;border:1px solid #3a342e;background:#191817;border-radius:12px;gap:6px}.booking-options a:hover{border-color:var(--orange)}.booking-options b{font-size:17px}.booking-options span{font-size:12px;color:#b4aea6}.booking-options strong{font-size:12px;color:var(--orange);margin-top:8px}.faq{display:block;max-width:1100px;margin:auto}.faq>div:first-child{text-align:center}.faq h2{font-size:40px}.faq details{background:#191919;border:1px solid #333;margin-bottom:12px;border-radius:9px;padding:0 20px}.faq summary{font-size:14px}.about h2,.contact h2,.award h2{font-size:40px}.page-hero h1{font-size:60px}.section-head .eyebrow{display:none}.muted{background:#111110}@media(max-width:1000px){.comparison-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:46px}header nav{gap:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(n+5){grid-column:auto;min-height:320px}.service-card:nth-child(n+5)>img{height:320px}.hero-inner{gap:24px}.trust strong{font-size:11px}.trust span{font-size:7px}.carousel-slide{flex-basis:calc((100% - 20px)/2)}}@media(max-width:800px){.hero-inner{grid-template-columns:1fr}.hero h1{font-size:clamp(36px,7.2vw,60px);letter-spacing:-1.8px}.hero{padding-top:125px}.hero-copy>.eyebrow{font-size:9px}.brand span{display:block}.trust strong{font-size:14px}.trust span{font-size:8px}.hero-copy>p{max-width:600px}.section{padding-block:60px}.quote-panel{padding:23px}.faq{padding-inline:24px}.carousel-slide img{height:250px}.about h2,.award h2,.contact h2{font-size:34px}.custom-banner h2{font-size:36px}}@media(max-width:520px){.comparison-grid{grid-template-columns:1fr;gap:30px}.compare{aspect-ratio:1.1}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card,.service-card:nth-child(n+5){min-height:260px}.service-card>img,.service-card:nth-child(n+5)>img{height:260px}.service-card>div{padding:45px 12px 18px}.service-card h3{font-size:16px}.service-card p{font-size:10px}.carousel-slide{flex-basis:86%}.booking-options{grid-template-columns:1fr}.steps{font-size:8px}.hero h1{font-size:38px}.trust{padding:16px 9px}.trust strong{font-size:12px}.trust span{font-size:6px}.page-hero h1{font-size:42px}.faq h2{font-size:32px}}

/* Review refinements: reveal the hero artwork without fading the text. */
.hero .quote-panel{background:rgba(10,10,10,.18);box-shadow:0 12px 35px #0002;border-color:#ffffff38;border-top-color:var(--orange)}
.hero .pick{background:rgba(10,10,10,.38)}
.hero .pick:has(input:checked){background:rgba(77,36,5,.4)}
.hero .quote-panel h2,.hero .pick strong{text-shadow:0 2px 8px #000}
.hero .quote-panel>p,.hero .pick small,.hero .quote-panel .note{color:#ded8d1;text-shadow:0 1px 5px #000}
.hero .surfer{left:auto;right:4%;height:88%;max-width:52%;object-fit:contain;bottom:0;opacity:.5;transform:rotate(-5deg)}
.package-book{margin:0 0 24px}
@media(max-width:800px){.hero .surfer{top:auto;bottom:20px;right:0;height:650px;max-width:90%;opacity:.35}.hero .quote-panel{background:rgba(10,10,10,.3)}}