/* SR Home HTML concept — homepage only; other pages and shared CSS unchanged. */
body.sr-home{--sr-navy:#193947;--sr-ivory:#f7f3eb;--sr-gold:#b89963;--sr-gold-soft:#d5b477;background:var(--sr-ivory);color:var(--sr-navy)}
body.sr-home .sr-shell{max-width:980px;padding:0;border:0;overflow:hidden;background:#f7f3eb}
body.sr-home *,body.sr-home *::before,body.sr-home *::after{box-sizing:border-box}
body.sr-home .sr-home-header{position:relative;background:var(--sr-navy);border:0;color:#fff;padding:12px 15px 29px;min-height:126px}
body.sr-home .sr-home-header-content{display:flex;align-items:center;justify-content:center;position:relative;max-width:950px;margin:auto;gap:4px}
body.sr-home .sr-home-brand-art{width:clamp(95px,22%,175px);height:79px;position:relative;flex:none}
body.sr-home .sr-home-two-waves{position:absolute;inset:15px 0 0;width:100%;height:65px;fill:none;stroke:var(--sr-gold-soft);stroke-width:3.3;stroke-linecap:round}
body.sr-home .sr-home-brand-art img{position:absolute;left:50%;top:2px;width:52%;height:57px;object-fit:contain;object-position:center}
body.sr-home .sr-home-brand-text{min-width:0;line-height:1.1;padding-right:55px}
body.sr-home .sr-wordmark{font:italic clamp(28px,5.8vw,66px)/1.02 Georgia,serif;color:#fff;white-space:nowrap;letter-spacing:-.045em}
body.sr-home .sr-kicker{font:400 clamp(8px,1.6vw,15px)/1.25 Georgia,serif;letter-spacing:.3em;color:#f4efe5;margin-top:9px}
body.sr-home .sr-home-menu{position:absolute;right:0;top:17px;z-index:5}
body.sr-home .sr-home-menu>summary{display:flex;list-style:none;cursor:pointer;flex-direction:column;gap:7px;padding:12px 5px;align-items:center;justify-content:center;width:42px;min-height:44px}
body.sr-home .sr-home-menu>summary::-webkit-details-marker{display:none}
body.sr-home .sr-home-menu>summary span{width:31px;height:2px;background:var(--sr-gold-soft);border-radius:9px}
body.sr-home .sr-home-menu .sr-navigation{position:absolute;right:0;top:53px;min-width:155px;display:flex;flex-direction:column;gap:1px;align-items:stretch;text-align:left;padding:7px;border-radius:14px;background:#193947;box-shadow:0 6px 20px #071b26a8;border:1px solid var(--sr-gold);margin:0}
body.sr-home .sr-home-menu:not([open]) .sr-navigation{display:none}
body.sr-home .sr-home-menu .sr-navigation a{font-size:15px;padding:12px;color:#fff}
body.sr-home .sr-home-header-wave{position:absolute;bottom:-2px;left:0;width:100%;height:36px;fill:none;stroke:var(--sr-gold-soft);stroke-width:3;z-index:1}
body.sr-home .sr-home-hero{min-height:360px;position:relative;background:linear-gradient(145deg,#bdd4d6 0%,#e6e5db 33%,#fae7cf 57%,#c6dee0 89%);background-image:linear-gradient(145deg,#bdd4d6 0%,#e6e5db 33%,#fae7cf 57%,#c6dee0 89%);background-position:center;background-size:cover}
/* When approved photoreal hero artwork is provided, add: background-image: url('/sr-hero-approved.jpg'); */
body.sr-home .sr-home-hero-content{display:grid;grid-template-columns:56% 44%;min-height:360px;max-width:980px;align-items:center}
body.sr-home .sr-home-hero-tagline{grid-column:2;padding:20px 12px 30px;z-index:1;text-align:center;color:#193947}
body.sr-home .sr-home-hero-tagline h1{font:italic clamp(24px,4vw,44px)/1.08 Georgia,serif;margin:0;color:#193947}
body.sr-home .sr-home-miniwave{display:block;color:var(--sr-gold);font-size:45px;line-height:.75;transform:scaleX(1.4)}
body.sr-home .sr-home-hero-divider{position:absolute;bottom:-2px;left:0;width:100%;height:55px;stroke:var(--sr-gold);stroke-width:3;fill:#f7f3eb}
body.sr-home .sr-home-services{padding:0 24px 23px;background:linear-gradient(#f7f3eb,#fbf7ef);text-align:center}
body.sr-home .sr-home-brand-divider{width:160px;height:55px;margin:-8px auto 6px;position:relative;pointer-events:none}
body.sr-home .sr-home-brand-divider img{position:absolute;top:0;left:55px;width:55px;height:30px;object-fit:contain}
body.sr-home .sr-home-brand-divider svg{position:absolute;left:0;bottom:0;width:100%;height:35px;stroke:var(--sr-gold);fill:none;stroke-width:2.6}
body.sr-home .sr-home-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:17px 0 22px}
body.sr-home .sr-home-service-tile{width:100%;min-width:0;min-height:132px;aspect-ratio:1.16;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;border:2px solid var(--sr-gold);border-radius:21px;background:#fffbf5;box-shadow:0 4px 8px #3022101a;color:#0b1d2c;cursor:pointer;padding:13px 5px;position:relative;font:700 clamp(12px,1.85vw,19px)/1.14 Georgia,serif;text-align:center}
body.sr-home .sr-home-service-tile .sr-home-icon{width:42px;height:42px;color:#9b7537}
body.sr-home .sr-home-service-tile.is-active{background:#124554;color:#fff;box-shadow:0 0 0 2px #f4e3bf inset,0 5px 11px #231c13a8}
body.sr-home .sr-home-service-tile.is-active .sr-home-icon{color:#eac888}
body.sr-home .sr-home-service-tile.is-active::after{content:'';position:absolute;bottom:-12px;width:18px;height:18px;transform:rotate(45deg);background:#124554;border-bottom:2px solid var(--sr-gold);border-right:2px solid var(--sr-gold)}
body.sr-home .sr-home-icon{display:block;flex:none}
body.sr-home .sr-home-description{display:flex;align-items:center;gap:20px;min-height:150px;text-align:left;background:#fffbf5;border:2px solid #c8a96e;border-radius:22px;padding:19px 21px;box-shadow:0 5px 9px #231b1230}
body.sr-home .sr-home-description[hidden]{display:none}
body.sr-home .sr-home-description-icon{width:135px;display:grid;place-items:center;border-right:1px solid var(--sr-gold);align-self:stretch;flex:none}
body.sr-home .sr-home-description-icon .sr-home-icon{width:60px;height:60px;color:#8d753d}
body.sr-home .sr-home-description-text h3{margin:0 0 6px;font:italic 700 clamp(19px,3vw,27px)/1.2 Georgia,serif}
body.sr-home .sr-home-description-text p{margin:4px 0;font:italic clamp(14px,1.8vw,19px)/1.42 Georgia,serif}
body.sr-home .sr-home-description-text p.sr-small{font-size:12px;font-style:normal}
body.sr-home .sr-home-additional{margin:24px auto 0;border-radius:32px;border:1.5px solid #d2ab69;background:#efeadf;overflow:hidden}
body.sr-home .sr-home-additional>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:30px;min-height:59px;font:700 19px Georgia,serif;letter-spacing:.06em;text-transform:uppercase;color:#193947}
body.sr-home .sr-home-additional>summary::-webkit-details-marker{display:none}
body.sr-home .sr-home-more-chevron{font-size:28px;line-height:1;transition:transform .15s}
body.sr-home .sr-home-additional[open] .sr-home-more-chevron{transform:rotate(180deg)}
body.sr-home .sr-home-extra-list{display:flex;flex-direction:column;gap:10px;padding:5px 12px 17px}
body.sr-home .sr-home-extra-item{display:flex;align-items:center;gap:18px;border:1.5px solid var(--sr-gold);border-radius:50px;padding:15px 20px;text-align:left;background:#fffaf2;min-height:88px}
body.sr-home .sr-home-extra-icon .sr-home-icon{width:40px;height:40px;color:#967234}
body.sr-home .sr-home-extra-item h3{font:700 18px Georgia,serif;margin:0 0 3px}
body.sr-home .sr-home-extra-item p{font:italic 14px/1.4 Georgia,serif;margin:0}
body.sr-home .sr-home-reservations{background:linear-gradient(#f8f5eb,#e6f1ef);padding:25px 30px}
body.sr-home .sr-home-reservations p{font:italic 17px Georgia,serif;margin:3px 0 14px}
body.sr-home .sr-cta-actions{display:grid;grid-template-columns:1fr;gap:13px;max-width:900px;margin:auto}
body.sr-home .sr-action.sr-home-primary-action{display:flex;align-items:center;gap:18px;min-height:69px;width:100%;margin:0;border-radius:50px;border:2px solid #d3ab63;background:#124554;box-shadow:0 4px 9px #281d1530,inset 0 0 0 1px #f5dca0;color:#f9f1e7;font:700 clamp(14px,3vw,23px)/1.2 Georgia,serif;letter-spacing:.09em;padding:9px 24px;text-decoration:none}
body.sr-home .sr-home-primary-action .sr-home-icon:first-child{width:40px;height:40px;color:#e3c17d}
body.sr-home .sr-home-primary-action .sr-home-icon:last-child{margin-left:auto;width:19px;height:23px}
body.sr-home .sr-home-support-links{background:linear-gradient(#d8e4df,#d8e2de 40%,#e9e3d5 90%);padding:22px 9%;display:flex;flex-direction:column;gap:8px}
body.sr-home .sr-home-support-links a{background:#fcf7ef;color:#0f2d3c;display:flex;gap:24px;align-items:center;text-align:left;text-decoration:none;border-radius:23px;min-height:65px;padding:10px 22px;border:1px solid #d2b278;box-shadow:0 3px 7px #31251940;font:700 clamp(18px,3.1vw,29px)/1.15 Georgia,serif}
body.sr-home .sr-home-support-links a .sr-home-icon:first-child{width:40px;height:40px;color:#a17637}
body.sr-home .sr-home-support-links a .sr-home-icon:last-child{margin-left:auto;width:20px;height:25px}
body.sr-home .sr-section#contact{background:#f7f3eb;padding:27px 20px}
body.sr-home .sr-section#contact .sr-links{display:none}/* Duplicate links are already visible in supporting navigation, not deleted. */
body.sr-home .sr-footer{position:relative;background:#193947;padding:55px 18px 28px;min-height:155px}
body.sr-home .sr-home-footer-wave{position:absolute;top:-1px;left:0;width:100%;height:55px;overflow:visible;pointer-events:none}
body.sr-home .sr-home-footer-fill{fill:#f7f3eb}
body.sr-home .sr-home-footer-line{fill:none;stroke:#b89963;stroke-width:3}
body.sr-home .sr-home-only-screenreader{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}
body.sr-home :is(button,a,summary):focus-visible{outline:3px solid #b89963;outline-offset:4px}
@media(max-width:680px){
body.sr-home .sr-home-header{padding:10px 9px 26px;min-height:105px}
body.sr-home .sr-home-brand-art{width:20%;height:63px}
body.sr-home .sr-home-brand-art img{height:40px}
body.sr-home .sr-home-two-waves{height:47px}
body.sr-home .sr-home-brand-text{padding-right:35px}
body.sr-home .sr-wordmark{font-size:clamp(20px,5.6vw,38px)}
body.sr-home .sr-kicker{letter-spacing:.17em;font-size:clamp(7px,1.4vw,10px)}
body.sr-home .sr-home-menu{top:8px;right:0}
body.sr-home .sr-home-menu>summary span{width:23px}
body.sr-home .sr-home-hero{min-height:260px}
body.sr-home .sr-home-hero-content{min-height:260px}
body.sr-home .sr-home-services{padding-left:10px;padding-right:10px}
body.sr-home .sr-home-service-grid{gap:5px}
body.sr-home .sr-home-service-tile{border-radius:13px;min-height:80px;gap:4px;border-width:1px;padding:8px 2px;font-size:clamp(9px,2.5vw,14px)}
body.sr-home .sr-home-service-tile .sr-home-icon{height:29px;width:29px}
body.sr-home .sr-home-service-tile.is-active::after{width:11px;height:11px;bottom:-6px}
body.sr-home .sr-home-description{padding:15px 11px;min-height:114px;border-radius:15px;gap:10px}
body.sr-home .sr-home-description-icon{width:23%}
body.sr-home .sr-home-description-icon .sr-home-icon{width:32px;height:32px}
body.sr-home .sr-home-description-text h3{font-size:18px}
body.sr-home .sr-home-description-text p{font-size:13px}
body.sr-home .sr-home-extra-item{border-radius:30px;padding:11px}
body.sr-home .sr-home-extra-icon .sr-home-icon{width:32px;height:32px}
body.sr-home .sr-home-extra-item h3{font-size:15px}
body.sr-home .sr-home-extra-item p{font-size:12px}
body.sr-home .sr-home-reservations{padding:22px 12px}
body.sr-home .sr-home-reservations p{font-size:13px}
body.sr-home .sr-action.sr-home-primary-action{min-height:60px;border-radius:29px;gap:10px;padding:8px 13px;letter-spacing:.01em}
body.sr-home .sr-home-primary-action .sr-home-icon:first-child{width:28px;height:28px}
body.sr-home .sr-home-primary-action .sr-home-icon:last-child{width:15px;height:15px}
body.sr-home .sr-home-support-links{padding:17px 8%;gap:7px}
body.sr-home .sr-home-support-links a{min-height:55px;border-radius:19px;gap:14px;padding:8px 15px}
body.sr-home .sr-home-support-links a .sr-home-icon:first-child{width:31px;height:31px}
body.sr-home .sr-home-support-links a .sr-home-icon:last-child{width:17px;height:17px}
}
@media(max-width:340px){body.sr-home .sr-home-service-tile{font-size:9px}body.sr-home .sr-wordmark{font-size:19px}}
@media(prefers-reduced-motion:reduce){body.sr-home .sr-home-more-chevron{transition:none}}
/* Source-asset hero: the original approved business-card Carnival photograph, not an AI proxy. */
body.sr-home .sr-home-hero {background-image:url('/sr-hero-real-car.jpg');background-size:cover;background-position:center center;min-height:465px}
body.sr-home .sr-home-hero-content {min-height:465px}
body.sr-home .sr-home-hero-tagline {padding:0 5% 80px 0;text-shadow:0 1px 10px #fbebd8b8}
body.sr-home .sr-home-hero-tagline h1 {font-size:clamp(30px,5vw,55px);color:#0a3042}
@media(max-width:680px){
body.sr-home .sr-home-hero {min-height:315px;background-size:cover;background-position:center}
body.sr-home .sr-home-hero-content {min-height:315px;grid-template-columns:55% 45%}
body.sr-home .sr-home-hero-tagline {padding:0 10px 50px 0}
body.sr-home .sr-home-hero-tagline h1{font-size:clamp(25px,6vw,33px)}
}
/* 2026-11-07: Approved cosmetic adjustments. Only homepage selectors below. */
body.sr-home .sr-shell{padding-bottom:0}
body.sr-home .sr-home-header{padding-bottom:28px;z-index:2}
body.sr-home .sr-home-header-wave{height:42px;bottom:-27px;stroke:none;z-index:3}
body.sr-home .sr-header-wave-fill{fill:#193947}
body.sr-home .sr-header-wave-line{fill:none;stroke:#b89963;stroke-width:2}
/* Identical stylized bird shape in header and at middle, both extracted from user's approved logo. */
body.sr-home .sr-home-brand-art img{filter:brightness(0) saturate(100%) invert(85%) sepia(29%) saturate(634%) hue-rotate(353deg) brightness(92%);}
body.sr-home .sr-home-brand-divider img{filter:none;}
/* A compact navy question like the back of the business card; no gold letter substitution. */
body.sr-home .sr-home-hero-tagline{align-self:start;justify-self:center;margin-top:72px;max-width:100%;padding:0 10px 10px 0;transform:rotate(-6deg);text-shadow:0 1px 7px #fff8efcf}
body.sr-home .sr-home-hero-tagline h1{font-family:Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(24px,4.1vw,42px);line-height:1.06;letter-spacing:-.045em;white-space:normal;color:#193947}
body.sr-home .sr-home-miniwave{font-size:30px;line-height:.7;opacity:.87;transform:scaleX(1.35)}
body.sr-home .sr-home-hero{background-image:url('./sr-hero-real-car.jpg');background-position:center center;background-size:cover}
/* Model photo's four equal tiles, with the fourth tile now Executive Travel. */
body.sr-home .sr-home-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body.sr-home .sr-home-service-tile{aspect-ratio:1.13;min-height:100%;height:auto}
body.sr-home .sr-home-service-tile.is-active{background:#124554}
/* Additional-services sectional barrier with two oval detail panels. */
body.sr-home .sr-home-additional>summary{background:linear-gradient(180deg,#f9f0dd,#efe4cb);letter-spacing:.12em}
body.sr-home .sr-home-extra-item{background:#fff8ee}
/* Two matching separate links—never combined into a fake payment page. */
body.sr-home .sr-home-reservations{padding-top:24px;padding-bottom:24px}
body.sr-home .sr-cta-actions{grid-template-columns:1fr;gap:11px}
body.sr-home .sr-action.sr-home-primary-action{justify-content:flex-start}
body.sr-home .sr-home-primary-action span{flex:1;text-align:center}
/* Actual beach image continuity beneath the navigation; no graphic-generator screenshot. */
body.sr-home .sr-home-support-links{background:linear-gradient(#e7f3f1a3,#d6e9e59e),url('./sr-coastal-nav.jpg') center bottom/cover no-repeat}
/* Footer content remains identical to the current homepage. Companion wave shape only. */
body.sr-home .sr-footer{padding-top:70px}
@media(max-width:680px){
body.sr-home .sr-home-header{padding-bottom:25px}
body.sr-home .sr-home-header-wave{bottom:-24px;height:35px}
body.sr-home .sr-home-brand-art img{height:39px;width:65%;left:24%;top:1px}
body.sr-home .sr-home-hero{min-height:302px;background-position:38% center}
body.sr-home .sr-home-hero-content{min-height:302px;grid-template-columns:56% 44%}
body.sr-home .sr-home-hero-tagline{margin-top:51px;padding:0 8px 4px 0;transform:rotate(-5deg)}
body.sr-home .sr-home-hero-tagline h1{font-size:clamp(18px,5.2vw,27px)}
body.sr-home .sr-home-miniwave{font-size:23px}
body.sr-home .sr-home-service-tile{aspect-ratio:1.02;min-height:82px;padding:6px 2px}
body.sr-home .sr-home-service-tile .sr-home-icon{width:28px;height:28px}
body.sr-home .sr-home-brand-divider{margin-top:-6px}
body.sr-home .sr-home-description-text p{font-size:12px}
body.sr-home .sr-home-reservations{padding-top:16px;padding-bottom:17px}
body.sr-home .sr-action.sr-home-primary-action{font-size:clamp(12px,3.4vw,15px);letter-spacing:.04em}
body.sr-home .sr-home-support-links a{font-size:clamp(17px,4.1vw,21px)}
}
/* Nov 7: real user-supplied artwork, mirrored and lettering removed by photo editing.
Changes limited to homepage hero: no other page/functionality edits. */
body.sr-home .sr-home-hero {
background-image:url('./sr-hero-photo.jpg');
background-size: cover;
background-position: center 49%;
min-height: 390px;
}
body.sr-home .sr-home-hero-content{min-height:390px;}
body.sr-home .sr-home-hero-tagline{margin-top:35px;align-self:start;transform:rotate(-6deg);}
body.sr-home .sr-home-hero-tagline h1{font-size:clamp(27px,4vw,41px);}
@media(max-width:680px){
body.sr-home .sr-home-hero{min-height:300px;background-position:50% center;}
body.sr-home .sr-home-hero-content{min-height:300px;grid-template-columns:53% 47%;}
body.sr-home .sr-home-hero-tagline{margin-top:37px;padding-right:8px;}
body.sr-home .sr-home-hero-tagline h1{font-size:clamp(23px,5.4vw,29px);}
}
/* Fit the supplied photo edge-to-edge without stretching the Kia or birds. */
body.sr-home .sr-home-hero{
min-height:0;
height:auto;
aspect-ratio:1671/941;
background-size:100% 100%;
background-position:center center;
}
body.sr-home .sr-home-hero-content{
position:absolute;
inset:0;
width:100%;
min-height:0;
height:100%;
grid-template-columns:54% 46%;
}
body.sr-home .sr-home-hero-tagline{
margin-top:clamp(26px,6vw,64px);
align-self:start;
justify-self:center;
padding:0 12px 0 0;
}
@media(max-width:680px){
body.sr-home .sr-home-hero{min-height:0;aspect-ratio:1671/941;}
body.sr-home .sr-home-hero-content{min-height:0;grid-template-columns:53% 47%;}
body.sr-home .sr-home-hero-tagline{margin-top:clamp(20px,7vw,32px);padding-right:6px;}
body.sr-home .sr-home-hero-tagline h1{font-size:clamp(20px,5.4vw,27px);}
}
/* Refined from user's actual business-card lettering, NOT a generated replacement.
The homepage wording stays a question, and the existing navy color remains.
No miniature wave ornaments accompany the phrase. */
body.sr-home .sr-home-hero-tagline{transform:none; margin-top:clamp(26px,5vw,50px);padding:0 7px;justify-self:center;width:100%;max-width:295px;text-shadow:none;}
body.sr-home .sr-home-hero-tagline .sr-home-tagline-heading{margin:0;line-height:1;}
body.sr-home .sr-home-tagline-script{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(0 1px 2px #fffbf5b8);}
@media(max-width:680px){body.sr-home .sr-home-hero-tagline{margin-top:clamp(10px,3.2vw,18px);width:85%;padding:0 4px 0 0;max-width:250px;}body.sr-home .sr-home-tagline-script{max-height:none;}}
/* Requested homepage-only change: flip the existing beach-to-services wave vertically.
The ivory surface fills BELOW the wave; gold stroke follows the exposed edge. */
body.sr-home .sr-home-hero-divider{overflow:hidden;}
body.sr-home .sr-home-hero-divider .sr-home-divider-fill{fill:#f7f3eb;stroke:none;}
body.sr-home .sr-home-hero-divider .sr-home-divider-line{fill:none;stroke:#b89963;stroke-width:3;}
/* Header artwork only: approved original Sandpiper Reserve logo, not recreated font.
Original shape preserved from supplied logo. Existing colors and navigation stay. */
body.sr-home .sr-home-header{min-height:unset;padding:13px 16px 34px}
body.sr-home .sr-home-header-content{display:flex;align-items:center;justify-content:center;min-height:182px;max-width:950px}
body.sr-home .sr-home-official-logo{display:block;width:min(480px,77%);flex:none;position:relative;z-index:1;padding:0;text-decoration:none;line-height:0}
body.sr-home .sr-home-official-logo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
body.sr-home .sr-home-menu{top:6px;right:0}
@media(max-width:680px){
body.sr-home .sr-home-header{padding:7px 12px 28px}
body.sr-home .sr-home-header-content{min-height:155px}
body.sr-home .sr-home-official-logo{width:min(335px,84%)}
body.sr-home .sr-home-menu{right:-7px;top:5px}
}
/* Nov 7: four strictly cosmetic refinements — logo size, script size, divider curves, and removed bird ornament. */
body.sr-home .sr-home-header{padding:8px 16px 22px;}
body.sr-home .sr-home-header-content{min-height:147px;}
body.sr-home .sr-home-official-logo{width:min(395px,72%);}
body.sr-home .sr-home-header-wave{bottom:-14px;height:29px;}
body.sr-home .sr-header-wave-line{stroke-width:1.55;stroke:#b89963;}
body.sr-home .sr-home-hero-divider{height:32px;bottom:-1px;}
body.sr-home .sr-home-hero-divider .sr-home-divider-line{stroke-width:1.55;stroke:#b89963;}
body.sr-home .sr-home-hero-tagline{max-width:225px;}
body.sr-home .sr-home-services{padding-top:13px;}
@media(max-width:680px){
body.sr-home .sr-home-header{padding:6px 12px 19px;}
body.sr-home .sr-home-header-content{min-height:114px;}
body.sr-home .sr-home-official-logo{width:min(265px,72%);}
body.sr-home .sr-home-header-wave{bottom:-13px;height:26px;}
body.sr-home .sr-home-hero-divider{height:27px;}
body.sr-home .sr-home-hero-tagline{width:80%;max-width:175px;}
body.sr-home .sr-home-services{padding-top:12px;}
}
/* Revision 5: slightly increase the entire supplied beach artwork's vertical
dimension (not an isolated car adjustment); all other styling unchanged. */
body.sr-home .sr-home-hero {aspect-ratio: 1671 / 996; background-size:100% 100%;}
@media (max-width:680px) {body.sr-home .sr-home-hero {aspect-ratio:1671 / 996;}}
/* Review-only refinement: reduce ONLY the official header logo and the
approved Going Places? script. Original waves, beach art, and footer remain unchanged. */
body.sr-home .sr-home-official-logo{width:min(300px,55%);}
body.sr-home .sr-home-hero-tagline{max-width:170px;}
@media(max-width:680px){
body.sr-home .sr-home-official-logo{width:min(200px,55%);}
body.sr-home .sr-home-header-content{min-height:101px;}
body.sr-home .sr-home-hero-tagline{width:80%;max-width:130px;}
}
/* Approved business-card icon tile treatment; homepage service tiles only.
Icons are isolated original user-supplied metallic-gold art, not generated replacements.
Top-left light casts a restrained shadow toward the lower-right. */
body.sr-home .sr-home-service-tile{
background:linear-gradient(143deg,#235c6d 0%,#16495a 27%,#103847 77%,#0d3141 100%);
border:2px solid #cba663;
color:#fbf5e9;
box-shadow:inset 1px 2px 0 rgba(255,236,186,.32),
inset -2px -2px 0 rgba(3,22,31,.30),
4px 6px 8px rgba(20,35,42,.22);
text-shadow:0 1px 1px rgba(0,15,23,.55);
}
body.sr-home .sr-home-service-tile.is-active{
background:linear-gradient(143deg,#2d6d79 0%,#1b5261 32%,#0d3a4a 100%);
border-color:#e0be7d;
color:#fffaf0;
box-shadow:inset 2px 2px 0 rgba(255,238,194,.45),
inset -2px -2px 0 rgba(0,19,30,.44),
0 0 0 2px #e9d6ae80,
5px 7px 10px rgba(14,27,35,.37);
}
body.sr-home .sr-home-service-tile.is-active::after{
background:#124554;border-color:#d9b571;
}
body.sr-home .sr-card-service-icon{
display:block;flex:none;width:54px;height:54px;object-fit:contain;
filter:drop-shadow(2px 3px 1.5px rgba(7,20,25,.5));
}
body.sr-home .sr-card-detail-icon{
width:80px;height:80px;max-width:100%;object-fit:contain;
filter:drop-shadow(2px 3px 2px rgba(22,30,30,.2));
}
body.sr-home .sr-card-extra-icon{
width:55px;height:55px;object-fit:contain;flex:none;
filter:drop-shadow(2px 3px 2px rgba(22,30,30,.18));
}
body.sr-home .sr-home-extra-icon{min-width:55px;display:grid;place-items:center;}
@media(max-width:680px){
body.sr-home .sr-card-service-icon{width:33px;height:33px;filter:drop-shadow(1px 2px 1px rgba(7,20,25,.52));}
body.sr-home .sr-home-service-tile{gap:4px;padding:7px 2px;}
body.sr-home .sr-card-detail-icon{width:41px;height:41px;}
body.sr-home .sr-card-extra-icon{width:37px;height:37px;}
body.sr-home .sr-home-extra-icon{min-width:37px;}
}
/* Homepage review: only three user-requested corrections (November 8). */
/* 1. The existing main service tiles can each close the description, like Additional Services.
One small down/up chevron below the title on each card shows the action. */
body.sr-home .sr-home-service-tile { padding-bottom:19px; }
body.sr-home .sr-home-tile-chevron {
position:absolute;bottom:10px;left:50%;width:20px;height:12px;
transform:translateX(-50%);fill:none;stroke:#d3ab63;stroke-width:2.4;
stroke-linecap:round;stroke-linejoin:round;
pointer-events:none;transition:transform .18s ease;
}
body.sr-home .sr-home-service-tile.is-active .sr-home-tile-chevron {
transform:translateX(-50%) rotate(180deg);
}
@media(max-width:680px){
body.sr-home .sr-home-service-tile{padding-bottom:17px;}
body.sr-home .sr-home-tile-chevron{width:14px;height:9px;bottom:7px;}
}
/* 2. Clean gold strokes like the approved reservation pills;
remove the proposed sunburst gradients and exaggerated tile shadows. */
body.sr-home .sr-home-service-tile,
body.sr-home .sr-home-service-tile.is-active {
background:#124554;
border:2px solid #d3ab63;
box-shadow:0 4px 9px #281d1530, inset 0 0 0 1px #f5dca0;
color:#f9f1e7;
text-shadow:none;
}
body.sr-home .sr-home-service-tile.is-active::after {
background:#124554;border-color:#d3ab63;
}
body.sr-home .sr-card-service-icon{filter:none;}
/* 3. Seat the photographic hero directly under the gold wave,
covering the hairline dark-teal bleed visible at some iPad zoom levels. */
body.sr-home .sr-home-hero{margin-top:-2px;}
/* Nov 8: parallel, restrained rolling waves framing ONLY the hero photo.
The approved footer wave, hero art and all other layout remain unchanged. */
body.sr-home .sr-home-header-wave,
body.sr-home .sr-home-hero-divider{height:39px;}
body.sr-home .sr-header-wave-line,
body.sr-home .sr-home-hero-divider .sr-home-divider-line{stroke:#b89963;stroke-width:2.05;}
@media(max-width:680px){
body.sr-home .sr-home-header-wave,
body.sr-home .sr-home-hero-divider{height:34px;}
}
/* Review: clean the TOP gold seam only. The navy rectangle no longer extends
beneath the wave, leaving its transparent lower half over the beach photo.
No changes to the wave path, gold line, artwork, or approved footer. */
body.sr-home .sr-home-header{background:transparent;}
body.sr-home .sr-home-header::before{
content:"";position:absolute;top:0;left:0;right:0;bottom:25px;
background:#193947;z-index:0;pointer-events:none;
}
body.sr-home .sr-home-header-content{z-index:1;}
@media(max-width:680px){
body.sr-home .sr-home-header::before{bottom:21px;}
}
/* Nov 8: user's ocean photograph fades in starting around the midpoint of the
ENTIRE homepage, then is clearly visible behind the information buttons.
Single continuous background avoids a visible seam between the two sections.
The approved photo, colors, footer, waves and controls are not edited. */
body.sr-home .sr-home-ocean-transition {
background-image:
linear-gradient(to bottom,
#f7f3eb 0%,
rgba(247,243,235,.95) 14%,
rgba(247,243,235,.63) 36%,
rgba(247,243,235,.15) 65%,
rgba(247,243,235,.03) 100%),
url('./sr-coastal-nav.jpg');
background-position:center center,center 61%;
background-repeat:no-repeat;
background-size:cover;
}
body.sr-home .sr-home-ocean-transition > .sr-home-reservations,
body.sr-home .sr-home-ocean-transition > .sr-home-support-links {
background:transparent;
}
/* A thin approved-button gold boundary finishes the lower ocean artwork,
separating the beach image from the ivory Here to Help section. */
body.sr-home .sr-home-ocean-transition {
border-bottom:2px solid var(--sr-gold);
}
/* Morning review, step 1: lift the *entire* approved hero image and its bottom
gold wave together. Never stretch the photo or move the Kia independently. */
body.sr-home .sr-home-hero {margin-top:-16px;}
@media(max-width:680px){body.sr-home .sr-home-hero{margin-top:-12px;}}
/* A subtle iPad-sized increase only; the original iPhone tagline stays as is. */
@media(min-width:681px){body.sr-home .sr-home-hero-tagline{max-width:192px;}}
/* Morning review, steps 2-3: footer reaches up by removing legacy 24px margin,
expands ~20px, while the contact block is centered between the photo and wave. */
body.sr-home .sr-section#contact{
min-height:238px;display:flex;flex-direction:column;align-items:center;
justify-content:center;text-align:center;padding:18px 20px;
}
body.sr-home .sr-section#contact h2{margin:0 0 5px;}
body.sr-home .sr-section#contact p{margin:7px 0;}
body.sr-home .sr-footer{
margin:0;width:100%;min-height:196px;padding:54px 20px 24px;
display:flex;align-items:center;justify-content:center;
}
/* Step 4: original bird/sweep and lettering, precisely isolated from the existing
approved transparent logo. No redrawing, remaking or font substitution. */
body.sr-home .sr-footer-logo-parts{
display:grid;grid-template-columns:42% 58%;align-items:center;
width:min(100%,690px);margin:auto;gap:0;
}
body.sr-home .sr-footer-ornament{
display:block;justify-self:center;width:min(87%,216px);height:auto;
object-fit:contain;
}
body.sr-home .sr-footer-lettering{
display:block;justify-self:center;width:min(83%,262px);height:auto;
object-fit:contain;
}
/* On iPhone fix the legacy four-pixel side margins and bottom margin first;
keep proportional original art and center Here to Help independently. */
@media(max-width:680px){
body.sr-home .sr-footer{margin:0;width:100%;min-height:194px;padding:54px 12px 24px;}
body.sr-home .sr-footer-logo-parts{grid-template-columns:40% 60%;}
body.sr-home .sr-footer-ornament{width:min(90%,145px);}
body.sr-home .sr-footer-lettering{width:min(92%,214px);}
body.sr-home .sr-section#contact{min-height:238px;justify-content:center;}
}
/* Only photo framing changes. Same ocean, color overlay, and button layouts. */
body.sr-home .sr-home-ocean-transition{
background-image:
linear-gradient(to bottom,
#f7f3eb 0%, rgba(247,243,235,.95) 14%,
rgba(247,243,235,.63) 36%, rgba(247,243,235,.15) 65%,
rgba(247,243,235,.03) 100%),
url('./sr-coastal-nav-display.jpg');
}
/* NOV 8 REVIEW ONLY — unify homepage accents to the approved navy-button
outline gold. Layout, text, sizing, photos and service behavior unchanged.
The lighter inset edge remains #f5dca0 to preserve its metallic sheen. */
body.sr-home {
--sr-gold:#d3ab63;
--sr-gold-soft:#d3ab63;
--sr-gold-light:#f5dca0;
--sr-gold-deep:#9f743b;
}
body.sr-home .sr-home-two-waves,
body.sr-home .sr-home-header-wave .sr-header-wave-line,
body.sr-home .sr-home-hero-divider .sr-home-divider-line,
body.sr-home .sr-home-footer-wave .sr-home-footer-line,
body.sr-home .sr-home-brand-divider svg { stroke:var(--sr-gold); }
body.sr-home .sr-home-menu>summary span { background:var(--sr-gold); }
body.sr-home .sr-home-menu .sr-navigation { border-color:var(--sr-gold); }
body.sr-home .sr-home-service-tile,
body.sr-home .sr-home-service-tile.is-active,
body.sr-home .sr-home-description,
body.sr-home .sr-home-additional,
body.sr-home .sr-home-extra-item,
body.sr-home .sr-home-support-links a { border-color:var(--sr-gold); }
body.sr-home .sr-home-service-tile,
body.sr-home .sr-home-service-tile.is-active,
body.sr-home .sr-action.sr-home-primary-action {
box-shadow:0 4px 9px #281d1530, inset 0 0 0 1px var(--sr-gold-light);
}
body.sr-home .sr-home-service-tile.is-active::after { border-color:var(--sr-gold); }
body.sr-home .sr-home-tile-chevron { stroke:var(--sr-gold); }
body.sr-home .sr-home-description-icon { border-right-color:var(--sr-gold); }
body.sr-home .sr-home-service-tile .sr-home-icon,
body.sr-home .sr-home-service-tile.is-active .sr-home-icon,
body.sr-home .sr-home-description-icon .sr-home-icon,
body.sr-home .sr-home-extra-icon .sr-home-icon,
body.sr-home .sr-home-primary-action .sr-home-icon:first-child { color:var(--sr-gold); }
/* Darker member of the same gold family reads clearly on ivory buttons. */
body.sr-home .sr-home-support-links a .sr-home-icon:first-child,
body.sr-home .sr-home-miniwave { color:var(--sr-gold-deep); }
body.sr-home :is(button,a,summary):focus-visible { outline-color:var(--sr-gold); }
/* Contact actions: a single balanced row across iPad and iPhone.
Original page layout/branding untouched outside #contact. */
body.sr-home .sr-home-contact-actions {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch;
gap:11px;
width:min(100%,430px);
margin:16px auto 0;
}
body.sr-home .sr-home-contact-button {
min-width:0;
min-height:52px;
display:flex;
justify-content:center;
align-items:center;
gap:8px;
padding:12px 9px;
background:#193947;
border:2px solid var(--sr-gold,#d3ab63);
border-radius:999px;
box-shadow:0 3px 8px #281d1522,inset 0 0 0 1px var(--sr-gold-light,#f5dca0);
color:#fffaf1;
font:700 13.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
letter-spacing:.055em;
text-decoration:none;
transition:background .15s ease,transform .15s ease;
}
body.sr-home .sr-home-contact-button svg {
flex:0 0 auto;
width:19px;height:19px;
color:var(--sr-gold-light,#f5dca0);
}
body.sr-home .sr-home-contact-button:hover {background:#215369;transform:translateY(-1px)}
body.sr-home .sr-home-contact-button:active {transform:translateY(0)}
body.sr-home .sr-home-contact-button:focus-visible {outline:3px solid var(--sr-gold,#d3ab63);outline-offset:3px}
@media(max-width:380px) {
body.sr-home .sr-home-contact-actions {gap:7px}
body.sr-home .sr-home-contact-button {gap:5px;padding:10px 4px;font-size:12px;min-height:49px}
body.sr-home .sr-home-contact-button svg {width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce) {body.sr-home .sr-home-contact-button {transition:none}}
/* FOUR APPROVED FIXES: keep the expanded mobile navigation above the
existing decorative gold header wave; do not change either design. */
body.sr-home .sr-home-header-content {z-index:4;}
body.sr-home .sr-home-header-wave {pointer-events:none;}
/* FINAL: retain original four-row ocean framing after removing the redundant
Contact link. Owner Login naturally rises into Contact's old place; the
former bottom-row space remains as ocean artwork, revealing the sandpiper.
All previous buttons, artwork and layout measurements stay untouched. */
body.sr-home .sr-home-support-links {padding-bottom:95px;}
@media(max-width:680px) {
body.sr-home .sr-home-support-links {padding-bottom:79px;}
}