/* A-Living / Our story — editorial coastal direction. */
.story-page{--story-ink:#173f53;--story-blue:#164e66;--story-paper:#fcfaf5;--story-clay:#a94e35;--story-muted:#5d727c;--story-line:#d6dfdc;background:var(--story-paper);color:var(--story-ink)}
.story-page h1,.story-page h2,.story-page h3{font-family:Manrope,Arial,sans-serif;font-weight:400;letter-spacing:-.055em;line-height:1.1;text-wrap:balance}
.story-page h1 em,.story-page h2 em{font-family:inherit;font-style:normal;font-weight:600;letter-spacing:inherit}
.story-page figure{margin:0}
.story-page .site-header.is-scrolled{animation:none}
.story-page .desktop-nav [aria-current=page]{color:var(--story-clay)}
.story-page .desktop-nav [aria-current=page]:after{right:0}
.story-container{width:min(1380px,calc(100% - 112px));margin-inline:auto}
.story-kicker{font-size:.68rem;line-height:1.6;font-weight:600;letter-spacing:.16em;color:var(--story-clay)}
.story-link{display:inline-flex;align-items:center;gap:30px;width:fit-content;border-bottom:1px solid currentColor;padding-bottom:11px;font-size:.83rem;font-weight:500;line-height:1.5}
.story-link svg{width:18px;height:18px}
.story-link:hover{color:var(--story-clay)}
.story-hero{margin-top:80px;background:#eaf1f0;overflow:hidden}
.story-hero-inner{width:min(1512px,100%);margin-inline:auto;display:grid;grid-template-columns:1.04fr 1fr;min-height:740px;position:relative}
.hero-story-copy{padding:97px 0 41px max(56px,calc((100vw - 1380px)/2));display:flex;align-items:flex-start;flex-direction:column;position:relative;z-index:2}
.hero-story-copy .story-kicker{display:flex;align-items:center;gap:11px;margin-bottom:35px}
.hero-story-copy .story-kicker>span{height:7px;width:7px;border-radius:50%;background:var(--story-clay)}
.hero-story-copy h1{font-size:clamp(3.2rem,5.7vw,6.1rem);width:110%;position:relative;z-index:2;line-height:1.1}
.hero-story-copy h1 em{display:block;color:var(--emphasis-green);font-size:inherit;line-height:1.02;margin-top:4px}
.story-lede{max-width:365px;margin-top:28px;color:#536c76;font-size:.94rem;line-height:1.8}
.hero-story-copy .story-link{margin-top:30px}
.hero-footnote{margin-top:auto;padding-top:60px;display:flex;gap:24px;color:#546f79;font-size:.55rem;letter-spacing:.15em;font-weight:500}
.hero-footnote span+span{padding-left:24px;border-left:1px solid #a5bbbd}
.hero-story-art{position:relative;padding:42px 56px 71px 16px;min-width:0;display:flex;align-items:stretch}
.coastal-window{width:100%;border-radius:250px 250px 0 0;overflow:hidden;position:relative;background:#a6ced6;min-height:602px}
.coastal-window>img{height:100%;width:100%;object-fit:cover;object-position:32% center;position:absolute;inset:0}
.coastal-window:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#14374a99)}
.coastal-window figcaption{position:absolute;bottom:22px;right:24px;z-index:1;text-align:right;color:#fffdf8;font-size:.6rem;letter-spacing:.06em}
.coastal-window figcaption span{display:block;margin-top:7px;letter-spacing:0;font-size:.69rem}
.home-postcard{position:absolute;bottom:48px;left:-60px;width:44%;max-width:272px;background:#fffdf8;padding:9px 9px 0;transform:rotate(-6deg);box-shadow:0 18px 35px #143c4b20;z-index:3}
.home-postcard img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}
.home-postcard figcaption{display:flex;align-items:center;justify-content:space-between;font-size:.58rem;padding:14px 3px;gap:7px;line-height:1.3;color:#75513f}
.home-postcard figcaption svg{width:13px;height:13px}
.story-sun{position:absolute;top:34px;left:-27px;width:92px;height:92px;z-index:4;fill:none;stroke:#b16546;stroke-width:1.1}
.art-side-note{position:absolute;right:19px;top:48%;writing-mode:vertical-rl;font-size:.54rem;letter-spacing:.19em;color:#516e78}
.belief-section{padding-block:112px 118px;display:grid;grid-template-columns:1fr 3fr;gap:48px}
.section-marker{font-size:.62rem;color:var(--story-clay);letter-spacing:.13em;padding-top:9px;display:flex;flex-direction:column;align-items:flex-start;gap:27px}
.marker-line{width:45px;height:1px;background:var(--story-clay)}
.belief-content h2{font-size:clamp(2rem,3.1vw,3.4rem);line-height:1.24;max-width:910px}
.belief-content h2>span{color:#82979d}
.belief-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:860px;margin-top:33px}
.belief-columns p{font-size:.87rem;color:var(--story-muted);line-height:1.85}
.care-section{background:#f2ede4;padding-block:88px 96px}
.care-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:9%;align-items:center}
.care-photo{position:relative;align-self:stretch;min-height:620px;padding-bottom:33px}
.care-photo>img{height:100%;min-height:587px;max-height:720px;width:100%;object-fit:cover;object-position:40% center}
.care-photo>figcaption{display:flex;justify-content:space-between;gap:15px;font-size:.57rem;position:absolute;bottom:0;left:0;right:0;color:#77695d;line-height:1.6}
.care-photo>figcaption>span:first-child{letter-spacing:.1em}
.photo-note{position:absolute;bottom:70px;right:-25px;background:var(--story-clay);color:#fffaf1;width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.87rem;line-height:1.3;transform:rotate(8deg)}
.photo-note em{font-family:inherit;font-size:1.65rem;margin-top:4px}
.care-copy .story-kicker{margin-bottom:23px}
.care-copy h2{font-size:clamp(2.5rem,4.1vw,4.5rem)}
.care-copy h2 em{color:var(--emphasis-green)}
.care-intro{max-width:380px;font-size:.88rem;color:var(--story-muted);margin-top:25px;line-height:1.85}
.care-details{margin-top:32px;border-top:1px solid #cfc9be}
.care-details details{border-bottom:1px solid #cfc9be}
.care-details summary{display:flex;gap:20px;align-items:center;padding:21px 0;cursor:pointer;font-size:.98rem;list-style:none}
.care-details summary::-webkit-details-marker{display:none}
.detail-number{font-size:.65rem;color:#a1634e;font-variant-numeric:tabular-nums}
.detail-plus{margin-left:auto;width:16px;height:16px;position:relative;flex-shrink:0}
.detail-plus:before,.detail-plus:after{content:'';position:absolute;top:7px;left:2px;width:12px;height:1px;background:currentColor}
.detail-plus:after{transform:rotate(90deg)}
.care-details details[open] .detail-plus:after{transform:none}
.care-details details p{font-size:.82rem;color:#566e77;line-height:1.85;padding:0 20px 23px 36px}
.care-copy>.story-link{margin-top:34px}
.dubai-intro{padding-block:91px 43px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.dubai-intro .story-kicker{margin-bottom:20px}
.dubai-intro h2{font-size:clamp(3rem,4.6vw,5rem)}
.dubai-intro h2 em{color:var(--emphasis-green)}
.dubai-intro>p{color:var(--story-muted);font-size:.87rem;line-height:1.8;padding-bottom:5px}
.dubai-stage{height:690px;max-height:850px;position:relative;isolation:isolate;color:#fffaf2;background:#164e66}
.dubai-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 68%;z-index:-2}
.dubai-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,35,51,.68),rgba(5,35,51,.18) 63%,rgba(5,35,51,.04)),linear-gradient(180deg,rgba(5,35,51,.25),transparent 40%)}
.dubai-stage-inner{height:100%;position:relative;padding-top:30px}
.dubai-choices{display:flex;gap:11px}
.dubai-choices button{background:transparent;border:1px solid #ffffff66;color:#fff;padding:13px 20px;display:inline-flex;gap:16px;align-items:center;font-size:.76rem;line-height:1.5;border-radius:2px}
.dubai-choices button span{font-size:.61rem;opacity:.7}
.dubai-choices button:hover{background:#ffffff1a;border-color:#fff}
.dubai-choices button[aria-pressed=true]{color:#173f53;background:#fffaf2;border-color:#fffaf2}
.dubai-story{position:absolute;left:0;bottom:73px;max-width:550px}
.dubai-story .story-kicker{color:#f3d5bc;margin-bottom:21px}
.dubai-story h3{font-size:clamp(3.2rem,5vw,5.5rem);max-width:650px}
.dubai-story>p:not(.story-kicker){font-size:.9rem;max-width:357px;margin-top:25px;color:#f0f4f2;line-height:1.8}
.dubai-story .story-link{margin-top:28px}
.dubai-story .story-link:hover{color:#f4c9a7}
.scene-place{position:absolute;bottom:32px;right:0;font-size:.62rem;letter-spacing:.14em}
.story-guest{padding-block:92px 87px;text-align:center}
.story-guest .story-kicker{font-size:.64rem}
.quote-mark{display:block;font-family:Georgia,serif;font-size:5.5rem;line-height:1;height:70px;color:var(--story-clay);margin-top:25px}
.story-guest blockquote{max-width:815px;font-family:Manrope,Arial,sans-serif;font-size:clamp(1.7rem,2.6vw,2.7rem);font-weight:400;letter-spacing:-.04em;line-height:1.4;margin:0 auto;text-wrap:balance}
.story-guest-name{font-size:.79rem;margin-top:25px}
.story-guest-name span{display:block;margin-top:4px;font-size:.69rem;color:var(--story-muted)}
.guest-rule{height:1px;width:47px;background:#b67053;margin:31px auto 0}
.story-invitation{position:relative;isolation:isolate;overflow:hidden;background:#164d64;color:#fffaf1;padding-block:85px 79px}
.invitation-lines{position:absolute;z-index:-1;right:-160px;top:-110px;width:750px;height:750px;border:1px solid #ffffff14;border-radius:50%}
.invitation-lines:before,.invitation-lines:after{content:'';position:absolute;border:1px solid #ffffff14;border-radius:50%;inset:55px}
.invitation-lines:after{inset:110px}
.story-invitation .story-kicker{color:#eecdb0;margin-bottom:25px}
.story-invitation h2{font-size:clamp(3.6rem,6.3vw,6.6rem);max-width:1000px}
.story-invitation h2 em{color:var(--emphasis-green)}
.invitation-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:40px}
.invitation-bottom>p{font-size:.9rem;color:#d4e5e8}
.story-book{background:#f7e9d9;border-color:#f7e9d9;color:#754832;min-width:230px}
.story-book:hover{background:#eed7bf;color:#5b3523;border-color:#eed7bf}
.story-page .site-footer{border-top:1px solid #ffffff15}
.story-page .float-contact{z-index:40}
.story-page .sheet nav [aria-current=page]{color:var(--story-clay)}
.story-page .sheet .button{background:var(--cta-green);border-color:var(--cta-green);color:#fffdf8}
.story-page.menu-open{overflow:hidden}
.story-page :focus-visible{outline-color:#b65336}
.dubai-stage :focus-visible,.story-invitation :focus-visible{outline-color:#ffe0c3}

@media(min-width:1513px){.hero-story-copy{padding-left:66px}}
@media(max-width:1150px){
 .story-container{width:calc(100% - 76px)}
 .story-hero-inner{min-height:680px}
 .hero-story-copy{padding-left:38px;padding-top:88px}
 .hero-story-art{padding-right:38px;padding-left:27px}
 .coastal-window{min-height:545px}
 .art-side-note{right:13px}
 .home-postcard{left:-32px;bottom:55px;width:45%}
 .story-sun{left:0;top:45px;width:73px}
 .hero-footnote{font-size:.5rem;gap:15px;letter-spacing:.09em}
 .hero-footnote span+span{padding-left:15px}
 .care-grid{gap:7%}
 .care-photo{min-height:555px}
 .care-photo>img{min-height:522px}
 .photo-note{width:150px;height:150px;right:-18px}
 .belief-section{gap:28px;grid-template-columns:.8fr 3fr}
 .belief-columns{gap:30px}
}
@media(max-width:900px){
 .story-hero{margin-top:75px}
 .hero-story-copy{padding-top:66px;padding-bottom:35px}
 .hero-story-copy h1{font-size:clamp(2.8rem,6.1vw,3.6rem);width:108%}
 .hero-story-copy .story-kicker{font-size:.56rem;margin-bottom:30px;letter-spacing:.11em}
 .story-hero-inner{min-height:640px}
 .coastal-window{min-height:518px}
 .story-lede{font-size:.83rem;max-width:270px;padding-right:10px}
 .home-postcard{left:-10px;bottom:57px;width:53%}
 .hero-footnote{display:block;line-height:2;font-size:.51rem;padding-top:35px}
 .hero-footnote span{display:block}
 .hero-footnote span+span{border:0;padding-left:0}
 .belief-section{grid-template-columns:1fr;padding-block:75px;gap:27px}
 .section-marker{flex-direction:row;align-items:center;gap:20px;padding-top:0}
 .belief-content h2{font-size:2.45rem}
 .care-grid{gap:7%;grid-template-columns:1fr 1fr}
 .care-copy h2{font-size:2.65rem}
 .care-intro{font-size:.84rem}
 .care-copy .story-kicker{font-size:.58rem;letter-spacing:.1em}
 .care-details summary{font-size:.88rem;gap:12px}
 .care-details details p{padding-left:26px;font-size:.78rem}
 .care-photo{min-height:575px}
 .care-photo>img{min-height:542px}
 .care-photo figcaption{display:block;font-size:.51rem}
 .care-photo figcaption span{display:block}
 .photo-note{width:132px;height:132px;right:-15px;bottom:77px;font-size:.73rem}
 .photo-note em{font-size:1.5rem}
 .dubai-intro{padding-top:70px}
 .dubai-intro h2{font-size:3.25rem}
 .dubai-intro .story-kicker{font-size:.58rem}
 .dubai-intro>p{font-size:.79rem}
 .dubai-stage{height:630px}
 .dubai-choices button{font-size:.71rem;padding:11px 15px;gap:10px}
 .dubai-story{bottom:75px}
 .dubai-story h3{font-size:3.7rem}
}
@media(max-width:600px){
 .story-container{width:calc(100% - 40px)}
 .story-hero{margin-top:68px}
 .story-hero-inner{display:block;min-height:0}
 .hero-story-copy{padding:44px 24px 0}
 .hero-story-copy .story-kicker{margin-bottom:24px;font-size:.57rem}
 .hero-story-copy h1{font-size:clamp(2.8rem,10.8vw,4.1rem);width:100%;line-height:1.08}
 .hero-story-copy h1 em{display:inline-block;font-size:inherit}
 .story-lede{font-size:.88rem;max-width:320px;margin-top:22px;padding:0}
 .hero-story-copy .story-link{font-size:.78rem;margin-top:23px;padding-bottom:8px}
 .hero-footnote{display:none}
 .hero-story-art{padding:32px 31px 61px 78px;height:465px;margin-top:12px}
 .coastal-window{min-height:0;border-radius:180px 180px 0 0}
 .coastal-window>img{object-position:32% center}
 .coastal-window figcaption{bottom:19px;right:16px;font-size:.48rem}
 .coastal-window figcaption span{font-size:.55rem}
 .home-postcard{width:43%;max-width:220px;left:26px;bottom:30px;padding:7px 7px 0}
 .home-postcard figcaption{font-size:.48rem;padding:10px 0}
 .home-postcard figcaption svg{width:10px;height:10px}
 .story-sun{top:18px;left:40px;width:69px;height:69px}
 .art-side-note{font-size:.45rem;right:11px;top:31%}
 .belief-section{padding-block:58px 62px;gap:25px}
 .section-marker{font-size:.56rem;letter-spacing:.12em}
 .marker-line{width:35px}
 .belief-content h2{font-size:clamp(1.85rem,7.4vw,2.5rem);line-height:1.22}
 .belief-columns{grid-template-columns:1fr;margin-top:25px;gap:19px}
 .belief-columns p{font-size:.88rem;line-height:1.85}
 .care-section{padding-block:40px 55px}
 .care-grid{display:flex;flex-direction:column;gap:42px}
 .care-photo{width:100%;min-height:0;height:441px;padding-bottom:35px}
 .care-photo>img{min-height:0;max-height:none;height:100%;object-position:center}
 .care-photo figcaption{display:flex;justify-content:space-between;font-size:.49rem;gap:12px}
 .care-photo figcaption span:first-child{max-width:145px}
 .photo-note{right:13px;bottom:59px;width:120px;height:120px}
 .photo-note em{font-size:1.35rem}
 .care-copy{width:100%}
 .care-copy h2{font-size:2.7rem}
 .care-copy .story-kicker{margin-bottom:19px}
 .care-intro{font-size:.9rem;margin-top:22px}
 .care-details{margin-top:27px}
 .care-details summary{font-size:.95rem;padding-block:21px}
 .care-details details p{font-size:.85rem;padding-left:27px}
 .care-copy>.story-link{font-size:.81rem;margin-top:29px}
 .dubai-intro{display:block;padding-block:56px 31px}
 .dubai-intro h2{font-size:2.9rem}
 .dubai-intro .story-kicker{font-size:.55rem;letter-spacing:.11em;margin-bottom:19px}
 .dubai-intro>p{font-size:.88rem;margin-top:19px;padding:0}
 .dubai-intro>p br{display:none}
 .dubai-stage{height:625px;max-height:none}
 .dubai-stage>img{object-position:32% center}
 .dubai-shade{background:linear-gradient(0deg,#092f46d9,#092f4630 75%,#092f4640)}
 .dubai-stage-inner{padding-top:20px}
 .dubai-choices{gap:6px;flex-wrap:wrap}
 .dubai-choices button{padding:10px 11px;gap:6px;font-size:.66rem;min-height:40px}
 .dubai-choices button span{font-size:.52rem}
 .dubai-story{bottom:73px;right:0;max-width:370px}
 .dubai-story .story-kicker{font-size:.59rem;margin-bottom:19px}
 .dubai-story h3{font-size:3.2rem}
 .dubai-story>p:not(.story-kicker){font-size:.88rem;max-width:310px;margin-top:21px}
 .dubai-story .story-link{font-size:.78rem;margin-top:25px}
 .scene-place{left:0;right:auto;font-size:.54rem;bottom:28px;letter-spacing:.11em}
 .story-guest{padding-block:57px 59px}
 .story-guest .story-kicker{font-size:.55rem}
 .quote-mark{font-size:4.3rem;height:55px;margin-top:24px}
 .story-guest blockquote{font-size:1.65rem;line-height:1.42}
 .story-guest-name{font-size:.78rem;margin-top:22px}
 .story-invitation{padding-block:57px 54px}
 .story-invitation .story-kicker{font-size:.56rem}
 .story-invitation h2{font-size:clamp(2.7rem,10.8vw,3.8rem)}
 .invitation-bottom{display:block;margin-top:26px}
 .invitation-bottom>p{font-size:.88rem}
 .story-book{margin-top:28px;font-size:.82rem;min-width:225px}
 .invitation-lines{height:540px;width:540px;right:-230px;top:0}
}
@media(prefers-reduced-motion:reduce){.story-page *, .story-page *:before,.story-page *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Three introductions with direct destination links. */
.care-introductions article{padding:20px 0 21px;border-bottom:1px solid #cfc9be}
.care-introductions article h3{font-size:.97rem;letter-spacing:-.02em;display:flex;align-items:center;gap:19px;line-height:1.4}
.care-introductions article p{padding-left:34px;margin-top:10px;font-size:.8rem;line-height:1.8;color:#566e77}
.care-read-more{display:inline-flex;align-items:center;gap:16px;margin:13px 0 0 34px;font-size:.72rem;color:#974d35;border-bottom:1px solid #b88c79;padding-bottom:5px}
.care-read-more svg{width:13px;height:13px}
.care-read-more:hover{color:#173f53;border-color:#173f53}
#a-little-care .care-photo>img{max-height:none;object-position:48% center}
@media(max-width:900px) and (min-width:601px){.care-introductions article h3{font-size:.84rem;gap:12px}.care-introductions article p{padding-left:26px;font-size:.76rem}.care-read-more{margin-left:26px}}
@media(max-width:600px){.care-introductions article h3{font-size:.96rem}.care-introductions article p{font-size:.85rem}.care-read-more{font-size:.79rem}#a-little-care .care-photo{height:465px}#a-little-care .care-photo>img{object-position:center 35%}}

#a-little-care{scroll-margin-top:80px}
#a-little-care .photo-note{text-align:center;padding:15px;box-sizing:border-box}
#a-little-care .photo-note em{line-height:1.1}

/* About A-Living: one story-and-philosophy introduction, without section labels. */
.about-page .hero-story-copy{padding-top:72px;padding-bottom:72px;justify-content:center}
.about-page .story-about-copy{max-width:435px;padding-right:20px;color:var(--story-muted);font-size:.9rem;line-height:1.85}
.about-page .story-about-copy .story-lede{max-width:none;font-size:inherit;line-height:inherit;margin-top:28px}
.about-page .story-about-copy>p+p{margin-top:18px;line-height:inherit}
.about-page .hero-story-copy .story-link{margin-top:27px}
.about-page .care-introductions article p{padding-left:0}
.about-page .care-read-more{margin-left:0}
.about-page .care-photo>figcaption>span:first-child{letter-spacing:0}
.about-page #our-belief{scroll-margin-top:80px}
@media(max-width:1150px) and (min-width:601px){.about-page .hero-story-copy{padding-top:55px;padding-bottom:55px}.about-page .story-about-copy{font-size:.84rem;padding-right:26px}.about-page .story-about-copy>p+p{margin-top:15px}}
@media(max-width:600px){.about-page .hero-story-copy{padding:40px 24px 0}.about-page .story-about-copy{max-width:460px;padding-right:0;font-size:.88rem}.about-page .story-about-copy .story-lede{margin-top:23px}.about-page .story-about-copy>p+p{margin-top:16px}.about-page .hero-story-copy .story-link{margin-top:22px}.about-page .hero-story-art{margin-top:22px}.about-page #our-belief{scroll-margin-top:68px}}