*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#153c35;color:#f0dfb5}body{font-family:Georgia,serif}.garden{position:relative;min-height:100svh;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:#244b43 url('assets/forest-surround.png') center/cover no-repeat}.garden:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 48%,transparent 20%,#09271b55 100%)}.art{display:block;width:min(86svh,76vw);height:auto;margin:6svh 0;mask:url('assets/organic-boundary.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/organic-boundary.svg') center/100% 100% no-repeat}.review{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;z-index:2;padding:10px 18px;border:1px solid #d8b96f66;border-radius:40px;background:#0d2c25ed;font:11px/1.4 system-ui,sans-serif;color:#eddfb7;max-width:95vw;white-space:nowrap}.review a{color:#e5c67f;text-underline-offset:4px}.review span{color:#bbcab9}.review a:focus-visible{outline:2px solid #d8b96f;outline-offset:4px}.note{padding:35px max(7%,calc((100vw - 1050px)/2));background:#102e29;font:15px/1.7 system-ui,sans-serif}.note h1{font:32px Georgia;color:#e5c67f}.note p{max-width:780px}.note a{color:#e5c67f}@media(max-aspect-ratio:4/5){.garden{background-position:50% center}.art{width:100%;margin:20svh 0}.review{font-size:10px;gap:10px;padding:9px 13px}}

.aura{position:relative;width:min(86svh,76vw);margin:6svh 0;isolation:isolate}
/* Fade the original cover into the forest; keep its center fully opaque. */
.aura .art{width:100%;margin:0;position:relative;z-index:1;
  mask-image:url("assets/soft-boundary.svg"),radial-gradient(ellipse at 51% 48%,#000 48%,#000000e8 62%,#00000085 76%,transparent 98%);
  -webkit-mask-image:url("assets/soft-boundary.svg"),radial-gradient(ellipse at 51% 48%,#000 48%,#000000e8 62%,#00000085 76%,transparent 98%);
  mask-composite:intersect;-webkit-mask-composite:source-in;
}
/* Broad teal shading belongs to the scene, without tracing the cover's outline. */
.aura:before{content:"";position:absolute;inset:-24%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 48% 52%,#102e2966 25%,#102e2933 53%,transparent 74%)}
.aura:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(ellipse at 0% 38%,#102e2966,transparent 28%),radial-gradient(ellipse at 100% 28%,#102e2955,transparent 29%),radial-gradient(ellipse at 64% 100%,#102e2977,transparent 25%);
  mask:url("assets/soft-boundary.svg") center/100% 100% no-repeat;
  -webkit-mask:url("assets/soft-boundary.svg") center/100% 100% no-repeat;
}
.review button{background:transparent;border:1px solid #d8b96f77;border-radius:20px;color:#e5c67f;padding:6px 10px;font:inherit;cursor:pointer}.review button:focus-visible{outline:2px solid #e5c67f;outline-offset:3px}
body.no-glow .aura:before,body.no-glow .aura:after{display:none}
@media(max-aspect-ratio:4/5){.aura{width:100%;margin:20svh 0}.aura .art{margin:0}.review{gap:8px}}

:root{--gold:#d8b96f;--cream:#f0dfb5;--teal:#102e29}
html{scroll-padding-top:90px;scroll-behavior:smooth}body{background:var(--teal)}
a{color:inherit}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.topnav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:center;align-items:center;gap:45px;height:72px;background:linear-gradient(#102e29f5,#102e29dd);border-bottom:1px solid #d8b96f35;font:11px system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.topnav a{text-decoration:none;color:var(--cream);padding:12px 2px}.topnav .brand{font:22px Georgia;color:var(--gold);letter-spacing:.04em}
.skip-content{position:fixed;top:-90px;left:20px;z-index:20;background:var(--teal);padding:15px}.skip-content:focus{top:12px}
.garden{height:100svh;min-height:600px;padding:82px 0 75px}.aura{width:min(76svh,72vw);margin:0}.aura .art{margin:0}
.garden:after{content:'';position:absolute;left:0;right:0;bottom:0;height:12%;background:linear-gradient(transparent,var(--teal));pointer-events:none}
.scroll-cue{position:absolute;z-index:3;bottom:23px;left:50%;transform:translateX(-50%);text-align:center;text-decoration:none;color:var(--gold);font:10px/1.9 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:5px 20px}.scroll-cue span{display:block;font-size:22px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.section{padding:90px max(7%,calc((100vw - 1100px)/2))}.section h2{font:normal clamp(34px,4.2vw,60px)/1.1 Georgia;margin:20px 0 28px}.eyebrow{font:11px system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.intro{font:17px/1.8 system-ui,sans-serif;max-width:650px;color:#d0d8c9}.rule{height:1px;background:linear-gradient(90deg,transparent,#d8b96f80,transparent);margin-bottom:42px}
.songs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.song{border-top:1px solid #d8b96f60;padding-top:24px}.song h3{font:normal 27px/1.25 Georgia;margin:16px 0}.song p{font:14px/1.7 system-ui,sans-serif;color:#c3d0c1}.song small{font:10px system-ui,sans-serif;color:var(--gold);letter-spacing:.12em}
.story{background:#eddfc3;color:#173d33;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story .eyebrow{color:#735725}.story p{font:16px/1.9 system-ui,sans-serif}.story img{width:100%;height:auto;border-radius:0;display:block}.story a{display:inline-block;margin-top:16px;font:12px system-ui,sans-serif;letter-spacing:.1em;text-underline-offset:7px;text-decoration-color:#8b692f}
.tracklist{columns:2;column-gap:60px;padding-left:22px;font:17px/1.5 Georgia}.tracklist li{padding:13px 0 13px 8px;break-inside:avoid;border-bottom:1px solid #d8b96f22}.tracklist li::marker{color:var(--gold)}.bonus{font:14px/1.7 system-ui;color:#ccd5c4;margin-top:25px}
footer{text-align:center;border-top:1px solid #d8b96f44;padding:40px 24px 30px;color:var(--gold)}footer p{font:12px/1.7 system-ui;color:#c0cebe}footer a{font:12px system-ui;text-underline-offset:5px}.preview-note{font:11px/1.6 system-ui;background:#0b241f;padding:15px 24px;text-align:center;color:#aabdae}
@media(max-width:700px){.topnav{height:64px;gap:22px;font-size:9px;letter-spacing:.1em}.topnav .brand{font-size:18px}.garden{min-height:570px;padding:76px 0 76px}.aura{width:min(100%,68svh);margin:0}.section{padding:58px 7%}.songs{grid-template-columns:1fr;gap:16px}.song{padding-top:15px}.story{grid-template-columns:1fr;gap:30px}.story img{max-width:440px;margin:auto}.tracklist{columns:1}.intro{font-size:15px}.scroll-cue{bottom:23px}.section h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Approved continuous artwork and separate dreamlike overlay. */
.garden{background:#030807;padding:72px 0 65px;min-height:600px}
.garden:before{display:none}.garden:after{height:9%;background:linear-gradient(transparent,#030807)}
.dream-scene{position:relative;width:100%;max-width:calc((100svh - 137px)*1.5);isolation:isolate;overflow:hidden}
.dream-scene .art{width:100%;height:auto;margin:0;mask:none;-webkit-mask:none}
@media(max-width:700px){.garden{padding:64px 0 75px;min-height:0;height:auto}.dream-scene{max-width:none;aspect-ratio:1}.dream-scene .art{height:100%;object-fit:cover;object-position:center}.garden .scroll-cue{bottom:12px}}

/* Unreleased artwork is tinted by a separate teal layer; originals stay intact. */
.tracklist{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;padding:0;list-style:none;margin-top:38px}
.tracklist .track-card{padding:0;border:1px solid #d8b96f33;background:#0c2622;overflow:hidden}
.track-art{position:relative;aspect-ratio:1;background:#123e36;overflow:hidden}
.track-art img{display:block;width:100%;height:100%;object-fit:cover;opacity:.65;filter:saturate(.35) contrast(.8);mix-blend-mode:luminosity}
.track-art:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#204f4355,#082a2566);pointer-events:none}
.track-detail{padding:20px}.track-number{font:10px system-ui;letter-spacing:.15em;color:#b5c6b9}.track-detail h3{font:normal 23px/1.25 Georgia;color:#f0dfb5;margin:10px 0 17px}.release-status{display:inline-block;border:1px solid #d8b96f66;border-radius:20px;padding:5px 10px;color:#e2c989;font:10px/1.4 system-ui;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:800px){.tracklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.track-detail{padding:14px}.track-detail h3{font-size:20px}}
@media(max-width:450px){.tracklist{grid-template-columns:1fr}.track-card{display:grid;grid-template-columns:110px 1fr;align-items:center}.track-art{width:110px}.track-detail h3{font-size:19px;margin:6px 0 10px}}

/* Compact desktop album rows; preserve the approved phone and tablet layouts. */
@media(min-width:801px){
  .tracklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
  .track-card{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center}
  .track-art{width:96px}
  .track-detail{padding:12px 16px}
  .track-detail h3{font-size:21px;margin:5px 0 9px}
}

.song-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 50px;margin-top:38px}.song-chapter{border-top:1px solid #d8b96f55;padding-top:25px}.song-chapter h3{font:normal 30px/1.2 Georgia;color:var(--cream);margin:14px 0 22px}.song-chapter p,.song-chapter li{font:15px/1.85 system-ui,sans-serif;color:#cbd6c9}.song-chapter ul{padding-left:20px;margin:22px 0 0}.song-chapter li{padding-left:4px;margin-bottom:20px}.song-chapter li::marker{color:var(--gold)}.song-chapter em{color:var(--cream);font-family:Georgia,serif;font-size:18px}.wedding-song{grid-column:1/-1;max-width:800px}.song-chapter .music-signoff{font:italic 26px/1.4 Georgia;color:var(--gold);margin:25px 0 0}@media(max-width:700px){.song-stories{grid-template-columns:1fr;gap:28px}.song-chapter h3{font-size:27px}}

/* Album chapters pair each introduction directly with its songs. */
.album-chapter{margin-top:50px;padding-top:30px;border-top:1px solid #d8b96f55}
.album-chapter>h3:not(.eyebrow){font:normal 30px/1.2 Georgia;margin:14px 0 18px}
.album-chapter>p{font:15px/1.8 system-ui,sans-serif;color:#cbd6c9;max-width:650px}
.album-chapter .tracklist{margin-top:25px}
.connected{background:#173d35;border-top:1px solid #d8b96f55;text-align:center}
.connected .intro{margin-left:auto;margin-right:auto}
.signup-preview{max-width:560px;margin:32px auto 0;text-align:left}
.signup-preview label{display:block;font:12px system-ui,sans-serif;color:var(--gold);margin-bottom:10px}
.signup-row{display:flex;gap:12px}
.signup-row input{min-width:0;flex:1;padding:16px;border:1px solid #d8b96f88;background:#102e29;color:var(--cream);border-radius:0;font:15px system-ui,sans-serif;opacity:1}
.signup-row input::placeholder{color:#bdcbbf}
.signup-row button{padding:15px 24px;border:1px solid var(--gold);background:var(--gold);color:#102e29;font:12px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:1}
.signup-preview p,.social-preview p{font:13px/1.7 system-ui,sans-serif;color:#cbd6c9}
.social-preview{margin-top:34px}.social-preview h3{font:normal 24px Georgia;color:var(--gold);margin-bottom:12px}
@media(max-width:450px){.signup-row{flex-direction:column}.album-chapter>h3:not(.eyebrow){font-size:27px}}

/* Unavailable signup controls should look inactive as well as be disabled. */
.signup-preview label{color:#a8aaa9}
.signup-row input:disabled,.signup-row button:disabled{background:#343837;border-color:#696d6b;color:#b9bcba;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#b9bcba}
.signup-row input:disabled::placeholder{color:#a8aaa9;-webkit-text-fill-color:#a8aaa9;opacity:1}

/* Desktop surround continues the soft, shadowy garden beyond the artwork. */
@media(min-width:701px){
  .garden{background:#102e29}
  .garden:before{display:block;inset:-24px;z-index:-1;background:linear-gradient(#071c19a8,#102e2970),url('assets/forest-surround.png') center/cover no-repeat;filter:blur(14px);pointer-events:none}
  .garden:after{height:18%;background:linear-gradient(transparent,#102e29)}
  .dream-scene{mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
}

/* The original Golden Hour arch, rebuilt without the screenshot backdrop. */
.connected{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;text-align:left}
.connected .intro{margin-left:0;margin-right:0}
.connected .signup-preview{margin-left:0;margin-right:0}
.connected h2{font-size:clamp(34px,3.4vw,48px)}
.connected-window{position:relative;border:1px solid var(--gold);border-radius:50% 50% 0 0;padding:20px;width:100%;max-width:470px;justify-self:end}
.connected-window:after{content:"";position:absolute;inset:-8px;border:1px solid #d8b96f45;border-radius:50% 50% 0 0;pointer-events:none}
.connected-window img{display:block;width:100%;height:auto;border-radius:50% 50% 0 0}
@media(max-width:800px){.connected{grid-template-columns:1fr;gap:48px}.connected-window{width:calc(100% - 16px);max-width:400px;justify-self:center;padding:15px}}

/* A quiet teal chapter with a gold-matted, unaltered beach portrait. */
.story{position:relative;background:linear-gradient(to bottom,#102e29,#193d35 22%,#193d35 78%,#102e29);color:var(--cream);gap:80px}
.story .eyebrow{color:var(--gold)}
.story p{color:#cbd6c9}
.story a{text-decoration-color:var(--gold);color:var(--gold)}
.story-portrait{position:relative;width:100%;max-width:430px;margin:12px auto;padding:22px;background:#102e29;border:1px solid #d8b96f88;box-shadow:0 18px 45px #051b1840}
.story-portrait:before{content:"";position:absolute;inset:-9px;border:1px solid #d8b96f33;pointer-events:none}
.story-portrait:after{content:"";position:absolute;inset:10px;border:1px solid #d8b96f33;pointer-events:none}
.story .story-portrait img{width:100%;height:auto;max-width:none;border-radius:0}
.portrait-flourish{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);padding:0 14px;background:#15372f;color:var(--gold);font:28px/1 Georgia;z-index:1}
@media(max-width:700px){.story{gap:46px}.story-portrait{width:calc(100% - 18px);max-width:360px;padding:17px}}

/* Keep Music, Our next chapter and the album in one continuous flow. */
#music{padding-bottom:28px}
.story{padding-top:28px;padding-bottom:28px}
#album{padding-top:32px}
@media(max-width:700px){#music{padding-bottom:20px}.story{padding-top:20px;padding-bottom:20px}#album{padding-top:26px}}

/* Scope Kit overrides to the confirmed website form; keep provider branding visible. */
.kit-signup .formkit-form[data-uid="4619e80f78"]{width:100%;max-width:560px!important;margin:0 auto}
.kit-signup .formkit-form[data-uid="4619e80f78"] [data-style="clean"]{padding:0!important}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-fields{display:flex!important;flex-wrap:nowrap!important;gap:12px;margin:0!important}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-field{flex:1 1 0!important;min-width:0;margin:0!important}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-input{padding:16px!important;min-height:52px;font:16px system-ui,sans-serif!important;border:1px solid #d8b96f88!important;border-radius:0!important;background:#102e29!important;color:var(--cream)!important}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-input::placeholder{color:#bdcbbf!important;opacity:1!important}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-submit{flex:0 0 auto!important;margin:0!important;position:relative!important;min-height:52px;border:1px solid var(--gold)!important;border-radius:0!important;background:var(--gold)!important;color:#102e29!important;font:12px system-ui,sans-serif!important;letter-spacing:.08em;text-transform:uppercase}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-submit>span{padding:16px 24px!important}
.kit-signup .formkit-form[data-uid="4619e80f78"] :is(input,button,a):focus-visible{outline:2px solid var(--gold)!important;outline-offset:4px!important}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-powered-by-convertkit-container{margin-top:16px!important}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-powered-by-convertkit{background-color:#fff!important;border-radius:4px}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-alert{font:15px/1.6 system-ui,sans-serif}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-alert-success{color:#075b39}
.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-alert-error{color:#a4290b}
.kit-signup .signup-fallback{font-size:12px}
.kit-signup .signup-fallback a{color:var(--gold);text-underline-offset:3px}
@media(max-width:450px){.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-fields{flex-direction:column!important}.kit-signup .formkit-form[data-uid="4619e80f78"] .formkit-field{flex:auto!important}}