/* Palette and editorial rhythm observed on the user's selected reference.
   Original Latitude Retraite logo, photographs and approved content are preserved. */
:root{--cream:#fff;--paper:#fff;--navy:#121212;--ink:#121212;--muted:#626262;--sand:#f7f5f0;--line:#e3e3e3;--gold:#fec550;--reference-pink:#fdf6f4;--reference-yellow:#fec550;--reference-orange:#f47334}
body{color:var(--ink);background:white}
h1,h2,h3{letter-spacing:-.02em}
a:focus-visible,button:focus-visible{outline-color:#121212}
.site-header{background:white;border-color:#ddd}
.navigation{font-family:var(--heading);font-size:15px;font-weight:600}
.navigation>a:not(.button):hover{text-decoration-color:#f47334;text-decoration-thickness:2px}
.button{border-radius:0;background:var(--reference-pink);border-color:var(--reference-pink);color:#121212;font-family:var(--heading);font-size:17px;font-weight:600;gap:0;padding:17px 25px}
.button:hover{background:#f7dcd4;border-color:#f7dcd4;color:#121212}
.button>span{display:none}
.button-small{background:var(--reference-yellow);border-color:var(--reference-yellow);font-size:14px;padding:13px 21px;min-height:46px}
.button-small:hover{background:#ffd67f;border-color:#ffd67f}
.hero{padding-top:57px;padding-bottom:75px}
.hero h1{font-size:57px;line-height:1.08;letter-spacing:-.015em}
.hero .eyebrow{letter-spacing:.09em}
.hero-question{color:#121212}
.hero-description{color:#444}
.hero-photo{background:#f7f5f0}
.hero-photo>img{border-radius:0;object-position:50% 40%}
.hero-photo figcaption{border-color:#eceae5}
.hero-photo .portrait-arrow{color:#121212}
.project{background:#f7f5f0;border-color:#f7f5f0}
.project:nth-child(2){background:var(--reference-pink);border-color:var(--reference-pink)}
.section-number{color:#121212}
.project h3{letter-spacing:-.02em;min-height:60px}
.project .text-link{border-color:#dedbd6}
.text-link:hover{color:#121212;text-decoration-color:#e77a4d;text-decoration-thickness:2px}
.projects h2,.section-intro h2,.method h2,.testimonials h2{font-size:44px;line-height:1.12;letter-spacing:-.02em}
.benefit-list dt{letter-spacing:-.015em}
.method{border-top-color:#ececec}
.step-number{border:0;background:var(--reference-pink);color:#121212;border-radius:50%;font-family:var(--heading);font-weight:600;width:46px;height:46px}
.about{background:#f7f5f0;color:#121212}
.about .eyebrow{color:#121212}
.signature span{color:#626262}
.about-copy>p{color:#444}
.about-copy .about-lead{color:#121212}
.about-copy .text-link{color:#121212}
.about-copy a:focus-visible{outline-color:#121212}
.quote{border-color:#e7e7e7}
.quote blockquote p{color:#242424}
.quote figcaption{border-color:#e7e7e7}
.contact{background:var(--reference-pink);color:#121212}
.contact p{color:#444}
.contact .button{background:var(--reference-yellow);border-color:var(--reference-yellow);color:#121212}
.contact .button:hover{background:#ffd67f;border-color:#ffd67f}
.site-footer{background:white}
.menu-toggle{border-color:#ddd;border-radius:0;color:#121212}
.navigation.is-open{background:#fff;border-color:#ddd}
.mobile-paths a{border-color:#e3e3e3}
.mobile-paths a>span,.project .text-link>span{color:#b74713}
dialog{background:white;border-radius:0}
dialog::backdrop{background:#121212a6}
.preview-note{background:#f7f5f0;border-color:#fec550}
.skip-link{color:white}
@media(max-width:1150px){.navigation{font-size:14px;gap:21px}.button-small{font-size:13px;padding-inline:16px}.hero h1{font-size:50px}.hero{gap:50px}.project h3{min-height:69px}}
@media(max-width:920px){.hero h1{font-size:43px}.hero .button{font-size:16px;padding-inline:20px}.navigation>a:not(.button){font-size:18px}.navigation .button{font-size:17px;justify-content:center}.project h3{min-height:65px}}
@media(max-width:760px){.hero{padding-top:36px;padding-bottom:45px}.hero h1{font-size:clamp(32px,9.25vw,43px);line-height:1.1;letter-spacing:-.02em}.hero .button,.contact .button{font-size:17px;justify-content:center;padding:17px 20px}.projects h2,.section-intro h2,.method h2,.testimonials h2{font-size:32px;line-height:1.16}.project h3{min-height:0}.step-number{width:38px;height:38px}.contact h2{font-size:35px}.navigation .button{background:#fec550}.hero-photo figcaption .portrait-arrow{color:#121212}dialog .button{font-size:16px;justify-content:center;padding-inline:17px}}
@media(max-width:360px){.hero h1{font-size:32px}.hero .button,.contact .button{font-size:15px}dialog .button{font-size:15px}}