/* Mangil independent-living identity, October 2026. */
:root{--ink:#143f3b;--ink-light:#28534d;--muted:#52665f;--lime:#b6c7b3;--lime-dark:#a3baa0;--paper:#f7f3ea;--soft:#e9eee5;--line:#cbd4c6;--clay:#b85e42;--font:"DejaVu Sans",Arial,sans-serif;--serif:var(--font)}
body{background:var(--paper)}
h1,h2,h3{font-family:var(--font);font-weight:650}
.header{background:var(--paper);gap:22px}
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:normal}
.brand-logo{display:block;width:186px;height:auto}
.gate-wordmark .brand-logo{width:240px;max-width:100%}
.footer .brand-logo{width:190px}
.desktop-nav{gap:21px;font-size:.8125rem}
.button{border-radius:8px;min-height:48px;font-size:.9375rem}
.button-dark:hover{background:#28534d}
.button-lime{background:var(--ink);color:var(--paper)}
.button-lime:hover{background:#28534d}
.quote-card .button-lime,.package-card.featured .button-lime,.closing-panel .button-lime{background:var(--paper);color:var(--ink)}
.quote-card .button-lime:hover,.package-card.featured .button-lime:hover,.closing-panel .button-lime:hover{background:var(--lime)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--clay)}
.password-gate{background:var(--ink)}
.password-panel{background:var(--paper);border-radius:16px}
.hero{grid-template-columns:1fr 1.05fr;gap:64px;padding-top:65px;padding-bottom:85px;align-items:center}
.hero h1{font-family:var(--font);font-weight:750;font-size:clamp(3.6rem,5.4vw,5.8rem);line-height:1.06;letter-spacing:-.055em;margin:26px 0}
.brand-headline{color:var(--ink)}.brand-stop{color:var(--clay)}
.hero-intro{font-size:1.125rem;max-width:490px;color:var(--ink-light)}
.hero .eyebrow{font-size:.75rem;letter-spacing:.08em}
.campaign-photo{margin:0;position:relative;min-width:0;padding-bottom:35px}
.campaign-photo>img{display:block;width:100%;height:570px;object-fit:cover;object-position:65% center;border-radius:48% 48% 6px 6px}
.campaign-photo:after{content:"";position:absolute;top:32px;right:0;width:66px;height:66px;border-radius:50%;background:var(--clay)}
.campaign-photo figcaption{margin-top:18px;font-size:.95rem;text-align:center;font-weight:650;color:var(--ink)}
.story-link{border-color:var(--line);font-size:.9375rem}
.story-heading h2,.section-heading h2,.purpose-section .section-heading h2,.care-copy h2,.faq-heading h2,.closing-panel h2,.process-step h3{font-family:var(--font);font-weight:650;letter-spacing:-.035em}
.serif-word{font-family:var(--font);font-style:normal;font-weight:inherit}
.story-heading h2 span{color:var(--ink-light)}
.story-dedication{font-family:var(--font);font-size:1.25rem;border-color:var(--clay)}
.story-body p{color:var(--ink-light)}
.story-body .story-signoff{font-family:var(--font);font-size:1rem;line-height:1.5}
.story-signoff strong{font-weight:700}
.purpose-section{background:var(--soft)}.muted-heading{color:#536a60}
.benefit{border-color:var(--line)}.benefit .item-number{color:#9c492f}
.benefit>a:hover{color:var(--ink-light)}
.routine-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;padding-top:90px;padding-bottom:90px}
.routine-copy h2{font-size:clamp(2.4rem,3.5vw,3.5rem);line-height:1.12;letter-spacing:-.035em;margin:24px 0}
.routine-copy p{font-size:1.0625rem;line-height:1.75;max-width:460px;margin-bottom:20px}
.routine-copy .button{margin-top:8px}
.routine-section .home-preview{height:570px;border-radius:16px}
.planner-section{background:#e9eee5}
.package-card{background:var(--paper)}.package-card.featured{background:var(--ink)}
.featured .package-badge{background:#28534d;color:var(--paper)}
.package-card li .icon{color:#587453}.featured li .icon{color:var(--lime)}
.care-panel{background:#e6ecdf;border-color:var(--clay)}
.closing-panel{background:var(--ink);border-radius:16px;align-items:start}
.closing-panel .eyebrow{color:var(--lime)}.closing-panel h2{color:var(--paper)}
.closing-panel .contact-intro{margin-top:26px;font-size:1.0625rem;max-width:460px;color:#e1e8dd}
.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:8px;min-width:0}
.contact-details .contact-name{color:var(--paper);font-size:1.25rem;font-weight:700}
.contact-name span{display:block;font-size:.9375rem;font-weight:400;color:#dce6d7;margin-top:5px}
.contact-details>a:not(.button){color:var(--paper);font-size:1.25rem;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.contact-details .button{margin-top:10px;max-width:100%}
.footer-main p{max-width:350px;font-size:.9375rem}
.footer-bottom{display:flex;flex-wrap:wrap;gap:18px}
.footer-bottom a{text-decoration:underline;text-underline-offset:4px}
.shop-page{background:var(--paper)}
.shop-page .header{background:var(--paper);color:var(--ink);height:92px}
.shop-page .desktop-nav{font-size:.8125rem;gap:20px}
.shop-page .desktop-nav a:after{background:var(--ink)}
.shop-page .basket-toggle{border-color:var(--ink);color:var(--ink);border-radius:8px}
.shop-page .basket-toggle span{background:var(--ink);color:var(--paper)}
.shop-page .product-card{border-color:var(--line);border-radius:8px;overflow:hidden}
.product-details summary{color:#8f452e}.product-checkout:hover{background:var(--ink-light)}
.single-checkout,.product-price{color:var(--muted)}
@media(max-width:1240px){.desktop-nav{gap:14px}.brand-logo{width:164px}.header{gap:16px}.header .nav-cta{padding-inline:17px}.hero{gap:36px}.campaign-photo>img{height:535px}}
@media(max-width:1100px){.desktop-nav{display:none}.hero h1{font-size:clamp(3.25rem,6vw,4.4rem)}.routine-section{gap:35px}.routine-section .home-preview{height:555px}}
@media(max-width:760px){.header{height:86px}.hero{grid-template-columns:1fr;gap:36px;padding-top:40px;padding-bottom:50px}.hero h1{font-size:clamp(3.5rem,10vw,5rem)}.hero-intro{max-width:600px}.campaign-photo>img{height:520px;object-position:65% center;border-radius:45% 45% 6px 6px}.campaign-photo{max-width:580px;width:100%;justify-self:center}.campaign-photo:after{width:56px;height:56px;right:4px}.routine-section{grid-template-columns:1fr;gap:32px;padding-top:55px;padding-bottom:55px}.routine-copy p{max-width:600px}.routine-section .home-preview{height:500px}.closing-panel{grid-template-columns:1fr;gap:28px}.contact-details{padding:0}.shop-page .header{height:86px}.footer-main p{max-width:280px}}
@media(max-width:520px){.brand-logo{width:145px}.header{gap:12px}.header-actions{gap:8px}.nav-cta{display:none}.hero h1{font-size:clamp(3.2rem,13vw,4.2rem)}.hero .eyebrow{font-size:.7rem}.hero-intro{font-size:1.0625rem}.campaign-photo>img{height:420px;object-position:66% center}.campaign-photo:after{width:42px;height:42px;top:35px}.campaign-photo figcaption{font-size:.875rem}.routine-section .home-preview{height:480px}.contact-details>a:not(.button){font-size:1.125rem}.closing-panel{padding:30px 24px}.shop-page .brand-logo{width:134px}.shop-page .header-actions{gap:8px}}