/* Seasonal entrance: a full-height landscape with service choices at its base. */
.scene{min-height:calc(100svh - 94px);display:flex;flex-direction:column;border-radius:4px 4px 0 0;background:#193026}
.landscape{object-position:center 48%}
.scene:before{background:linear-gradient(180deg,rgba(251,247,236,.86),rgba(250,243,222,.30) 27%,transparent 52%,rgba(8,19,15,.18))}
h1{color:#202d25}h1 em{color:#795021}.intro .eyebrow{color:#3f4d3f}
.service-selector{position:relative;margin:clamp(230px,30vh,460px) 0 0;left:auto;right:auto;bottom:auto;border-radius:0;background:rgba(9,19,16,.97);border:0;border-top:1px solid #af986d66;box-shadow:0 -12px 40px #0b1b1429;color:#f6f3e9;padding:26px 3.2% 28px}
.scene .service-selector{margin-top:auto}
.intro{padding-bottom:clamp(180px,24vh,340px)}
.selection-heading p{color:#acae9e}
.choice{background:#15261f;border:1px solid #68715776;box-shadow:inset 0 1px #d4b8780d}
.choice h3{color:#ffdb8c;text-shadow:0 0 20px #ffc95a20;font-weight:600}
.choice p{color:#c1cabd}.number{color:#a5ae9a}.arrow{color:#f6cd78}
.choice:hover{background:#223b2d;border-color:#e6bf71;box-shadow:0 0 24px #e4b96412}
.choice:focus-visible{outline-color:#ffdb8c}
.home-footer{background:#fff}
@media(max-width:640px){.scene{min-height:calc(100svh - 78px)}.intro{padding-bottom:180px}.service-selector{padding:22px 16px 20px;margin:0}.landscape{object-position:52% center}.scene:before{background:linear-gradient(180deg,#fbf5e4d9,#f8eccc30 30%,transparent 54%)}.choice h3{font-size:27px}.selection-heading h2{font-size:15px}}

/* Floating glass service dock. */
.scene{border-radius:18px}
.service-selector{margin:0 2.5% 26px;padding:25px 28px 20px;border:1px solid rgba(239,229,195,.28);border-radius:28px;background:linear-gradient(120deg,rgba(12,26,23,.9),rgba(15,28,24,.75));backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%);box-shadow:0 18px 55px #05171050,inset 0 1px 0 #ffffff20}
.selection-heading{padding:0 6px;margin-bottom:18px}
.selection-heading h2{font-size:14px;letter-spacing:.1px;color:#edf0e5}
.selection-heading p{font-size:9px;letter-spacing:2.3px;color:#c1c7b8}
.choices{gap:0}
.choice{position:relative;min-height:104px;padding:18px 20px;gap:12px;border:0;border-radius:18px;background:transparent;box-shadow:none;transition:background .25s,transform .25s}
.choice+.choice:before{content:"";position:absolute;left:0;top:24%;height:52%;width:1px;background:linear-gradient(transparent,#e2d6ad50,transparent)}
.choice h3{font:500 clamp(17px,1.6vw,24px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.6px;color:#ffe2a2;text-shadow:0 0 25px #ffc95a25;margin-bottom:8px}
.choice p{font-size:12px;color:#c4cec6}
.number{font-size:9px;color:#d2c499;letter-spacing:1.5px;padding-top:6px}
.arrow{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid #eed39555;background:#ebd8a80a;color:#ffe2a2;font-size:20px;transition:background .25s,transform .25s}
.choice:hover{background:#e9d5a312;box-shadow:none;transform:translateY(-2px)}
.choice:hover .arrow{background:#f4d690;color:#182820;transform:rotate(45deg)}
.choice:focus-visible{outline:2px solid #ffdb8c;outline-offset:-2px}
@media(max-width:1000px) and (min-width:641px){.service-selector{padding:22px 16px 16px}.choice{padding:16px 12px}.arrow{width:30px;height:30px}.choice p{font-size:11px}}
@media(max-width:640px){.scene{border-radius:14px}.service-selector{margin:0 4% 18px;padding:23px 14px 12px;border-radius:24px}.selection-heading{padding:0 8px;margin-bottom:12px}.selection-heading h2{font-size:13px}.choice{padding:16px 10px;min-height:86px;border-radius:15px}.choice h3{font-size:20px;letter-spacing:-.5px;margin-bottom:6px}.choice p{font-size:12px}.choice+.choice:before{left:10px;right:10px;top:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,#e2d6ad40,transparent)}.arrow{width:36px;height:36px}.intro{padding-bottom:180px}}
@media(prefers-reduced-motion:reduce){.choice,.arrow{transition:none}.choice:hover,.choice:hover .arrow{transform:none}}

/* Compact mobile navigation leaves more of the landscape visible. */
@media(max-width:640px){
 .service-selector{padding:14px 12px 8px;border-radius:22px}
 .selection-heading{margin-bottom:8px;padding:0 8px}
 .selection-heading h2{font-size:14px;line-height:1.4}
 .choice{min-height:52px;padding:8px 10px}
 .choice h3{font-size:18px;line-height:1.3;margin:0}
 .choice p{display:none}
 .arrow{width:32px;height:32px;font-size:18px}
}

@media(min-width:641px){
 .service-selector{padding:16px 22px 12px;border-radius:24px}
 .selection-heading{margin-bottom:8px}
 .choice{min-height:64px;padding:10px 16px}
 .choice h3{font-size:clamp(17px,1.6vw,22px);margin-bottom:5px}
 .arrow{width:32px;height:32px;font-size:18px}
}

/* Mobile: an uninterrupted image followed by a separate service panel. */
@media(max-width:640px){
 .scene{--photo-height:clamp(420px,70svh,640px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--photo-height) auto;min-height:0;background:transparent;overflow:visible;border-radius:0}
 .landscape{grid-area:1/1;position:relative;inset:auto;height:100%;width:100%;object-position:52% center;z-index:0;border-radius:14px}
 .scene:before{inset:0 0 auto;height:var(--photo-height);border-radius:14px;z-index:1;pointer-events:none;background:linear-gradient(180deg,#fbf5e4d9,transparent 55%)}
 .intro{grid-area:1/1;align-self:start;position:relative;z-index:2;padding:30px 16px 0}
 .scene .service-selector{grid-area:2/1;margin:12px 0 0;padding:14px 12px 8px;background:#12221f;box-shadow:none;border:1px solid #dce8e219;border-radius:18px;backdrop-filter:none;-webkit-backdrop-filter:none}
 .selection-heading h2{color:#c6d8d0}
 .choice h3{color:#fff;text-shadow:none}
 .choice .arrow{display:none}
 .choice:focus-visible{outline-color:#fff}
}

/* Clean white service labels across every viewport. */
.choice h3,.choice .number,.choice .arrow{color:#fff;text-shadow:none}.choice .arrow{border-color:#ffffff60;background:#ffffff08}.choice:hover .arrow{background:#fff;color:#182820}.choice:focus-visible{outline-color:#fff}