@layer site {
  :root { --sun-cream: #f7f7f5; --sun-ink: #1f2d4f; --sun-green: #405fa8; --sun-peach: #ed785e; --sun-sky: #b8d8ec; --sun-line: #98a4b7; }
  body { background: var(--sun-cream); color: var(--sun-ink); font-family: "Gill Sans", "Trebuchet MS", sans-serif; }
  .site-header { background: color-mix(in srgb, var(--sun-cream) 93%, transparent); color: var(--sun-ink); border-color: var(--sun-line); backdrop-filter: blur(14px); }.site-header .brand { font-size: 1.25rem; font-weight: 500; letter-spacing: -.035em; }.site-header nav, .header-call { font-family: "Trebuchet MS", sans-serif; font-size: .82rem; }.header-call { border-radius: 999px; background: var(--sun-green); color: #fff; }
  .site-shell { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
  .site-action { min-height: 50px; width: fit-content; border: 0; border-radius: 999px; padding: 12px 19px; background: var(--sun-green); color: #fff; font-family: "Trebuchet MS", sans-serif; font-weight: 700; cursor: pointer; box-shadow: 0 8px 18px #28342c35; transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out); }.site-action:hover { transform: translateY(-4px) scale(1.025); box-shadow: 0 15px 30px #28342c42; }
  .sunday-hero { min-height: calc(100vh - 72px); display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(40px, 7vw, 105px); padding: clamp(45px, 7vw, 100px) max(20px, calc((100% - 1220px)/2)); overflow: hidden; background: var(--sun-cream); }
  .sunday-copy { display: flex; flex-direction: column; align-items: start; gap: 22px; }.sunday-copy > p:first-child, .page-marker { font-family: "Trebuchet MS", sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }.sunday-copy h1, .page-mast h1 { max-width: 9ch; margin: 0; font-family: "Century Schoolbook", Georgia, serif; font-size: clamp(4.4rem, 9vw, 6rem); font-weight: 700; line-height: .9; letter-spacing: -.04em; }.sunday-copy > p:not(:first-child) { max-width: 39ch; font-size: 1.18rem; }
  .sunday-house { position: relative; min-height: 600px; border-radius: 54% 54% 5px 5px; overflow: hidden; background: var(--sun-sky); box-shadow: 0 28px 70px #28342c32, inset 0 -110px 0 #68866d; transition: background 1s var(--ease-out), box-shadow 1s var(--ease-out); }.sunday-house[data-scene="evening"] { background: #53627c; box-shadow: 0 28px 70px #28342c45, inset 0 -110px 0 #405744; }.sunday-house::before { content: ""; position: absolute; left: 20%; right: 20%; bottom: 76px; height: 290px; background: #f0d7bd; clip-path: polygon(50% 0, 100% 29%, 93% 29%, 93% 100%, 7% 100%, 7% 29%, 0 29%); box-shadow: 0 18px 30px #28342c28; }.sunday-house::after { content: ""; position: absolute; right: 13%; top: 13%; width: 70px; aspect-ratio: 1; border-radius: 50%; background: #fff2ad; box-shadow: 0 0 45px #fff3b0; transition: transform 1s var(--ease-out), opacity 1s var(--ease-out); }.sunday-house[data-scene="evening"]::after { transform: translate(-350%, 25%) scale(.7); opacity: .75; }
  .sunday-window { position: absolute; z-index: 2; left: calc(50% - 58px); bottom: 140px; width: 116px; height: 110px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }.sunday-window i { background: #37585c; border: 5px solid #efe4cc; transition: background .8s var(--ease-out), box-shadow .8s var(--ease-out); }.sunday-house[data-scene="evening"] .sunday-window i { background: #f3c977; box-shadow: 0 0 28px #eebd65; }
  .sunday-light { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(circle at 70% 18%, #fff8bd8c, transparent 26%); opacity: var(--house-light, .9); transition: opacity 1s var(--ease-out); }.sunday-thermostat { position: absolute; z-index: 4; left: 27px; top: 44%; width: 110px; aspect-ratio: 1; display: grid; place-content: center; border-radius: 50%; background: #f8f4e9; text-align: center; box-shadow: 0 12px 28px #28342c42; }.sunday-thermostat span { font-family: "Trebuchet MS", sans-serif; font-size: .68rem; text-transform: uppercase; }.sunday-thermostat strong { font-size: 2rem; font-weight: 400; }
  .sunday-house button { position: absolute; z-index: 5; bottom: 24px; min-height: 44px; border: 1px solid #fff8; border-radius: 999px; padding: 9px 15px; background: #28342ccd; color: #fff; font-family: "Trebuchet MS", sans-serif; cursor: pointer; }.sunday-house button:first-of-type { left: 24px; }.sunday-house button:last-of-type { left: 94px; }.sunday-house > p { position: absolute; z-index: 5; right: 24px; bottom: 17px; max-width: 29ch; color: #fff; font-size: .78rem; text-shadow: 0 1px 5px #000; }
  .sunday-ribbon { display: flex; justify-content: space-around; gap: 25px; padding: 19px 30px; background: var(--sun-green); color: #fff; font-family: "Trebuchet MS", sans-serif; font-size: .76rem; letter-spacing: .04em; text-transform: uppercase; }
  .sunday-plans { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(55px, 10vw, 140px); padding-block: clamp(100px, 13vw, 170px); }.sunday-plans h2, .sunday-note-section h2, .sunday-services h2, .sunday-about h2, .contact-intro h2 { font-size: clamp(2.6rem, 5vw, 5.2rem); font-weight: 600; line-height: .95; letter-spacing: -.04em; }.sunday-plan-stack button { width: 100%; display: flex; justify-content: space-between; gap: 24px; min-height: 74px; border: 0; border-top: 1px solid var(--sun-line); padding: 18px 0; background: transparent; color: inherit; font-size: clamp(1.8rem, 4vw, 3.5rem); text-align: left; cursor: pointer; transition: transform .25s var(--ease-out), color .25s var(--ease-out); }.sunday-plan-stack button:hover, .sunday-plan-stack button[aria-pressed="true"] { transform: translateX(12px); color: var(--sun-green); }.sunday-plan-stack button span { align-self: center; font-family: "Trebuchet MS", sans-serif; font-size: .76rem; }.sunday-plan-stack > p { min-height: 4em; }
  .sunday-story { display: grid; grid-template-columns: repeat(3, 1fr); }.sunday-story > div { min-height: 340px; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(30px, 5vw, 65px); }.sunday-story > div:nth-child(1) { background: var(--sun-peach); }.sunday-story > div:nth-child(2) { background: var(--sun-sky); }.sunday-story > div:nth-child(3) { background: var(--sun-green); color: #fff; }.sunday-story h2 { margin: 0; font-size: clamp(1.8rem, 3.2vw, 3.5rem); font-weight: 400; line-height: 1; letter-spacing: -.04em; }
  .page-mast { min-height: 70vh; display: grid; align-content: end; padding: clamp(100px, 13vw, 180px) max(20px, calc((100% - 1120px)/2)); background: var(--sun-sky); }.page-mast h1 { max-width: 11ch; }.page-mast p { max-width: 50ch; font-size: 1.18rem; }
  .sunday-services { display: grid; grid-template-columns: repeat(3, 1fr); width: min(1120px, calc(100% - 40px)); margin-inline: auto; padding-block: 110px; }.sunday-services article { min-height: 430px; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--sun-line); margin-right: -1px; transition: transform .3s var(--ease-out), box-shadow .3s var(--ease-out); }.sunday-services article:hover { z-index: 1; transform: translateY(-10px) scale(1.015); box-shadow: 0 22px 46px #28342c2d; }.sunday-services h2 { margin: 0 0 auto; }.sunday-services a { margin-top: 25px; font-family: "Trebuchet MS", sans-serif; font-weight: 700; }
  .sunday-note-section { padding-block: clamp(100px, 14vw, 180px); background: var(--sun-green); color: #fff; }.sunday-note-section h2 { max-width: 16ch; }.sunday-note-section .site-action { background: var(--sun-cream); color: var(--sun-ink); }
  .sunday-about { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; padding-block: 120px; }.sunday-about span { font-family: "Trebuchet MS", sans-serif; font-size: .73rem; font-weight: 700; text-transform: uppercase; }.sunday-about h2 { font-size: clamp(2rem, 3.5vw, 3.6rem); }.sunday-story-short { grid-template-columns: 1fr 1fr; }.sunday-story-short > div { min-height: 400px; }.sunday-story-short > div:nth-child(2) { background: var(--sun-green); color: #fff; }
  .contact-workbench { width: min(1120px, calc(100% - 40px)); margin-inline: auto; display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; padding-block: 110px; }.contact-form-wrap form { display: grid; gap: 7px; }.contact-form-wrap input, .contact-form-wrap textarea { min-height: 50px; border: 0; border-bottom: 1px solid var(--sun-ink); border-radius: 0; padding: 11px 3px; background: transparent; }.contact-form-wrap textarea { min-height: 130px; }.contact-form-wrap button { border-radius: 999px; background: var(--sun-green); }.sunday-contact { display: flex; justify-content: space-between; align-items: end; gap: 40px; padding-block: 90px; border-top: 1px solid var(--sun-line); }.sunday-contact h2 { margin: 0; font-size: 1rem; font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; }.sunday-contact a { font-size: clamp(2rem, 6vw, 6rem); letter-spacing: -.04em; }
  footer { background: var(--sun-ink); color: var(--sun-cream); font-family: "Trebuchet MS", sans-serif; }
  @media (max-width: 820px) { .sunday-hero, .sunday-plans, .contact-workbench { grid-template-columns: 1fr; }.sunday-copy { min-height: 520px; }.sunday-house { min-height: 550px; }.sunday-story, .sunday-services, .sunday-about { grid-template-columns: 1fr; }.sunday-ribbon { align-items: center; flex-direction: column; }.sunday-house > p { left: 24px; right: 24px; bottom: 82px; }.sunday-services { gap: 18px; }.sunday-services article { min-height: 330px; margin: 0; }.sunday-story-short { grid-template-columns: 1fr; }.sunday-contact { align-items: start; flex-direction: column; } }
}