*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--primary);font:16px/1.65 var(--body);overflow-x:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit}.skip{position:fixed;top:-70px;left:16px;background:#fff;padding:12px;z-index:100}.skip:focus{top:16px}header{height:84px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;max-width:330px;line-height:1.1}.brand span{width:42px;height:42px;display:grid;place-items:center;border-radius:50% 50% 46% 54%;background:var(--accent);color:#fff;font:600 22px var(--heading)}nav{display:flex;gap:30px}nav a{text-decoration:none}.book{padding:11px 19px;border:1px solid;border-radius:999px;text-decoration:none;font-weight:700;min-height:48px;display:grid;place-items:center}.hero{min-height:calc(100dvh - 84px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(30px,5vw,76px);padding:clamp(38px,5vw,76px);position:relative}.sun{position:absolute;width:42vw;height:42vw;max-width:680px;max-height:680px;background:#f3d9ca;border-radius:50%;right:-10vw;top:-12vw;z-index:-1}.hero-copy{padding-left:clamp(0px,3vw,48px)}.hero-copy>p:first-child,.label{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700}.hero h1{font:600 clamp(55px,7vw,112px)/.9 var(--heading);letter-spacing:-.05em;margin:24px 0}.hero h1 em{color:var(--accent);font-weight:500}.hero-copy>p:nth-of-type(2){font-size:19px;max-width:590px}.hero-copy>div{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}.primary,.visit a,.closing a{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:13px 21px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;border-radius:999px}.primary svg,.visit svg,.closing svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.hero-image{margin:0;aspect-ratio:4/5;border-radius:48% 48% 18px 18px;overflow:hidden;max-height:760px}.stamp{position:absolute;right:clamp(28px,5vw,76px);bottom:clamp(20px,4vw,54px);width:138px;height:138px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;text-align:center;font:600 14px/1.3 var(--heading);transform:rotate(8deg)}.welcome{padding:clamp(90px,12vw,190px) clamp(20px,9vw,140px);text-align:center}.welcome h2,.comforts h2,.closing h2{font:600 clamp(48px,7vw,106px)/.96 var(--heading);letter-spacing:-.045em;margin:25px auto 45px}.welcome-copy{max-width:850px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;text-align:left;font-size:18px}.care{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;padding:0 clamp(20px,4vw,64px)}.care figure{margin:0;position:relative;overflow:hidden;border-radius:28px}.care .clean{aspect-ratio:16/11}.care .food{aspect-ratio:4/5}.care figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(40,20,22,.82))}.care figcaption{position:absolute;bottom:28px;left:28px;right:28px;z-index:2;color:#fff;display:flex;justify-content:space-between;gap:20px}.care figcaption b{font:600 clamp(26px,3vw,42px) var(--heading)}.care figcaption span{max-width:320px}.comforts{padding:clamp(100px,12vw,190px) clamp(20px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.comfort-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comfort-grid article{background:#f2e1d8;border-radius:30px 30px 30px 6px;padding:30px;min-height:280px;display:flex;flex-direction:column}.comfort-grid article:nth-child(2),.comfort-grid article:nth-child(3){background:#e8e5d3}.comfort-grid span{color:var(--accent);font-weight:800}.comfort-grid h3{font:600 26px/1.1 var(--heading);margin:auto 0 12px}.comfort-grid p{margin:0}.visit{margin:0 clamp(20px,4vw,64px);border-radius:40px;background:var(--primary);color:#fff;padding:clamp(45px,7vw,100px);display:grid;grid-template-columns:auto 1.25fr .75fr;gap:5vw;align-items:start}.pin{width:64px;height:64px;border-radius:50%;background:var(--accent);display:grid;place-items:center}.pin svg{width:30px;fill:none;stroke:white;stroke-width:1.8}.visit h2{font:600 clamp(42px,5vw,78px)/1 var(--heading);margin:22px 0}.visit>div>p:not(.label){color:#eee;max-width:600px}.visit aside{border-left:1px solid rgba(255,255,255,.25);padding-left:4vw}.visit ul{list-style:none;padding:0;color:#ddd}.closing{padding:clamp(100px,13vw,210px) clamp(20px,7vw,110px);text-align:center}.closing h2{max-width:1100px}.closing>div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.closing a+ a{background:transparent;color:var(--primary);border:1px solid}.closing+footer{}footer{display:flex;justify-content:space-between;padding:30px clamp(20px,5vw,78px);border-top:1px solid #e6d7ce}.welcome,.care figure,.comfort-grid article,.visit{opacity:0;transform:translateY(18px);transition:.4s ease}.show{opacity:1!important;transform:none!important}@media(max-width:820px){header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-image{aspect-ratio:4/5;max-height:620px}.sun{width:90vw;height:90vw}.stamp{right:10px}.welcome-copy,.care,.comforts,.visit{grid-template-columns:1fr}.care .food{aspect-ratio:16/11}.comfort-grid{grid-template-columns:1fr 1fr}.visit aside{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:28px 0 0}.pin{display:none}}@media(max-width:540px){header{height:74px}.brand{font-size:13px}.book{padding:9px 14px}.hero{padding:32px 18px}.stamp{width:108px;height:108px;font-size:12px}.welcome-copy,.comfort-grid{grid-template-columns:1fr}.care{padding:0 12px}.care figcaption{flex-direction:column}.comfort-grid article{min-height:230px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.welcome,.care figure,.comfort-grid article,.visit{opacity:1;transform:none}}.hero{overflow:hidden}.hero-image{aspect-ratio:3/2;max-height:none}.care .food{aspect-ratio:16/11}a{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header a,nav a,footer a{min-height:44px;display:inline-flex;align-items:center}
:root{--primary:{{color_primary}};--secondary:{{color_secondary}};--accent:{{color_accent}};--surface:{{color_background}};--heading:"{{font_heading_name}}",Georgia,serif;--body:"{{font_body_name}}",Arial,sans-serif}