:root{
  --green:#07523d;--dark:#063b2e;--ink:#123e34;--muted:#52645d;
  --paper:#fffdf8;--cream:#f8f3e7;--gold:#d7a42b
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}
.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:50}.skip:focus{top:10px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9a6500;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.topbar{background:rgba(255,255,255,.98);border-bottom:1px solid #dce2dc}
.topbar-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 0}
.header-brand{text-decoration:none;display:flex;align-items:center;min-width:0}
.header-masthead{display:block;width:min(500px,46vw);height:auto;max-height:72px;object-fit:contain;object-position:left center}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:7px;background:var(--green);border:1px solid var(--green);color:white;text-decoration:none;font-weight:700;box-shadow:0 8px 20px #063b2e1c}
.button:hover{background:var(--dark)}.button-small{min-height:42px;padding:9px 17px}

.hero{position:relative;overflow:hidden;min-height:560px}
.hero-photo{position:absolute;inset:0;background:url("hero-sunrise.png") 58% center/cover no-repeat}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,248,.94) 0%,rgba(255,253,248,.86) 36%,rgba(255,253,248,.42) 59%,rgba(255,253,248,.02) 83%)}
.hero-grid{position:relative;padding:54px 0 56px}.hero-content{max-width:650px}
.eyebrow{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:var(--green)}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.06;letter-spacing:-1.1px}
h1{font-size:clamp(44px,5.7vw,70px);margin:0 0 18px}
h2{font-size:clamp(31px,4vw,47px);margin:0 0 15px}
.intro{font-size:18px;color:#38564c;max-width:610px;margin:0}
.signup{margin-top:23px;max-width:595px}.input-row{display:flex;gap:10px}
.input-row input{flex:1;min-width:0;padding:14px 16px;border:1px solid #91a69a;border-radius:7px;background:white;font-size:16px}
.signup p{font-size:11px;color:#53685f;margin:8px 0 0}

.coverage{padding:56px 0 62px;background:linear-gradient(#fffdf8,#f8f2e5);border-block:1px solid #eee5d5}
.section-heading{text-align:center;margin-bottom:31px}
.coverage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.coverage article{text-align:center;padding:20px 12px 19px;background:rgba(255,255,255,.84);border:1px solid #e4e2d8;border-radius:14px;box-shadow:0 8px 20px rgba(58,71,60,.035)}
.icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;font-size:35px;font-family:Arial}
.news{background:#d9f0f7;color:#12617a}.weather{background:#fff0b8;color:#dc9100}.golf{background:#dcebcf;color:#25613e}.music{background:#f8dce1;color:#ad2439}.dining{background:#f9e2c7;color:#a76011}.events{background:#e8e0f5;color:#6246a5}
.coverage h3{margin:0 0 8px;font-size:15px;text-transform:uppercase}.coverage article p{margin:0;color:var(--muted);font-size:14px;line-height:1.4}

.showcase{position:relative;overflow:hidden;padding:62px 0}
.showcase-photo{position:absolute;inset:0;background:url("morning-lifestyle.png") center/cover no-repeat}
.showcase-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.24) 42%,rgba(255,255,255,.60) 62%,rgba(255,255,255,.72))}
.showcase-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}

.lifestyle-stage{position:relative;min-height:500px;display:flex;align-items:flex-end;justify-content:center}
.coffee-table{position:absolute;left:0;bottom:0;width:47%;height:60%;background:linear-gradient(180deg,#d6b081,#b9824f);border-radius:45% 45% 0 0/20% 20% 0 0;box-shadow:0 20px 55px rgba(43,39,31,.20)}
.mug{position:absolute;left:14%;bottom:18%;width:150px;height:168px;background:#f4efe3;border:2px solid #d6cbb7;border-radius:14px 14px 18px 18px;box-shadow:0 15px 34px rgba(32,42,38,.18);display:grid;place-items:center}
.mug:after{content:"";position:absolute;right:-34px;top:47px;width:38px;height:62px;border:9px solid #d6cbb7;border-left:0;border-radius:0 28px 28px 0}
.mug-mark{text-align:center;font:700 21px/1 Georgia,serif;color:var(--green)}
.paper-strip{position:absolute;left:4%;bottom:7%;width:220px;height:44px;background:#f4f1e9;transform:rotate(-6deg);box-shadow:0 8px 17px rgba(0,0,0,.08)}

.phone{width:315px;max-width:62vw;padding:22px 10px 13px;background:#151515;border:7px solid #242424;border-radius:46px;box-shadow:0 24px 60px #163f3242;position:relative;z-index:3;margin-left:20%}
.speaker{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:78px;height:7px;border-radius:10px;background:#3c3c3c}
.screen{background:white;border-radius:31px;padding:16px 12px;text-align:left;overflow:hidden}.screen>img{width:100%;height:auto;display:block;object-fit:contain;margin-bottom:8px}
.issue-date{text-align:center;font-size:9px;font-weight:800;letter-spacing:.6px}
.mini{border:1px solid #d9e1d8;border-radius:8px;overflow:hidden;margin-top:9px;background:#fff}.mini b{display:block;padding:6px 8px;background:var(--green);color:white;font-size:8px;letter-spacing:.4px}.mini strong{display:block;font-size:26px;padding:7px 8px 0}.mini h4{font-size:10px;margin:8px 8px 3px}.mini p{font-size:8px;line-height:1.4;margin:0 8px 8px;color:#52625b}
.weather-mini b{background:#dff2f7;color:#21566a}.golf-mini b,.food-mini b{background:#dcebcf;color:var(--green)}

.showcase-copy{max-width:580px;padding:30px 34px;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(3px);box-shadow:0 16px 44px rgba(32,68,55,.10)}
.showcase-copy .lead{font-size:19px;color:#425b52}.showcase-copy ul{list-style:none;padding:0;margin:22px 0 27px}.showcase-copy li{margin:9px 0;padding-left:29px;position:relative}.showcase-copy li:before{content:"✓";position:absolute;left:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#3da966;color:white;font-size:12px;font-weight:bold}

.business-scene{background:url("waterfront-sunset.png") center/cover no-repeat;padding:58px 0}
.business-card{display:grid;grid-template-columns:auto 1.55fr .8fr;gap:24px;align-items:center;padding:29px;background:rgba(247,250,242,.95);border:1px solid #d7dfd2;border-radius:15px;box-shadow:0 18px 40px #173d2e2b}
.store-icon{width:70px;height:70px;border-radius:13px;background:#dcebcf;display:grid;place-items:center;font-size:36px;color:var(--green)}
.business-card h2{font-size:clamp(29px,3.5vw,42px);margin-bottom:9px}.business-copy p:last-child{margin:0;color:var(--muted)}
.business-action{display:grid;gap:10px}.business-action strong{font:700 18px Georgia,serif}.outline{background:white;color:var(--green);box-shadow:none;width:max-content}.business-action small{color:var(--muted)}

footer{background:var(--dark);color:white;padding:34px 0}.footer-grid{display:grid;grid-template-columns:.7fr 2fr;gap:40px;align-items:end}.footer-brand{font:bold 24px/1 Georgia,serif}.footer-brand span{display:block;font-size:11px}.footer-grid p{font-size:12px;color:#d8e4df;margin:9px 0 0}.disclaimer{line-height:1.65}

@media(max-width:900px){
  .coverage-grid{grid-template-columns:repeat(3,1fr)}
  .showcase-grid{grid-template-columns:1fr;gap:42px}
  .showcase-copy{margin:auto}
  .business-card{grid-template-columns:auto 1fr}.business-action{grid-column:2}
  .hero-photo:after{background:rgba(255,253,248,.74)}
}
@media(max-width:600px){
  html{scroll-padding-top:80px}
  .topbar-inner{min-height:74px;gap:14px;padding:8px 0}
  .header-masthead{width:min(330px,66vw);max-height:56px}
  .button-small{min-height:38px;padding:8px 13px;font-size:14px}
  .hero{min-height:auto}.hero-grid{padding:44px 0}.hero-photo{background-position:66% center}.hero-photo:after{background:rgba(255,253,248,.84)}
  h1{font-size:40px}.input-row{flex-direction:column}
  .coverage{padding:44px 0}.coverage-grid{grid-template-columns:repeat(2,1fr)}.coverage article{padding:17px 8px}.icon{width:60px;height:60px;font-size:29px}
  .showcase{padding:48px 0}.lifestyle-stage{min-height:390px}.coffee-table{width:55%;height:52%}.mug{width:100px;height:120px;left:7%;bottom:17%}.mug:after{right:-24px;top:36px;width:28px;height:46px;border-width:7px}.mug-mark{font-size:15px}.paper-strip{width:150px;height:33px}.phone{width:245px;max-width:66vw;margin-left:24%}.showcase-copy{padding:24px 22px}
  .business-card{grid-template-columns:1fr}.business-action{grid-column:auto}.store-icon{width:58px;height:58px}
  .footer-grid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:380px){.coverage-grid{grid-template-columns:1fr}.coffee-table{display:none}.phone{margin:auto;max-width:88vw}}

/* Final image correction */
.coffee-table,
.phone {
  display: none !important;
}

.lifestyle-stage {
  justify-content: flex-start;
}

.showcase-grid {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 900px) {
  .showcase-grid {
    grid-template-columns: 1fr;
  }
  .lifestyle-stage {
    min-height: 430px;
  }
}

@media (max-width: 600px) {
  .lifestyle-stage {
    min-height: 330px;
  }
}
