/* Existing palette and typography, now composed for the brand. */
.brand-home .site-header{color:var(--ink);border-color:#233d3612;background:#f7f6f1e8;backdrop-filter:blur(12px)}
.brand-home .site-header .menu-toggle{background:transparent;border-color:var(--line)}
.brand-home .brand-hero{background:var(--cream);color:var(--ink);height:auto;min-height:max(780px,100svh);overflow:hidden}
.brand-hero:before{display:none}
.brand-hero-inner{min-height:max(780px,100svh);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:25px;padding-top:115px;padding-bottom:115px}
.brand-hero .hero-copy{padding:0;position:relative;z-index:3}
.brand-hero .location-label{color:var(--muted);font-size:9px;letter-spacing:2px}
.brand-hero h1{font-size:clamp(72px,7.6vw,116px);max-width:none;line-height:1.01;margin-top:30px}
.brand-hero h1 em{color:var(--coral)}
.brand-hero .hero-copy>p{color:var(--muted);margin-top:27px;font-size:13px}
.brand-hero .hero-actions{margin-top:30px}
.brand-hero .hero-actions .button{background:var(--ink);color:var(--cream);padding:17px 23px;gap:35px}
.brand-hero .hero-actions .button:hover{background:#142b24}
.brand-art{position:relative;height:min(600px,58vw);min-height:450px;isolation:isolate}
.art-orbit{position:absolute;inset:4% -7% 4% -12%;border:1px solid #ee66525e;border-radius:50%;transform:rotate(-20deg);z-index:-1}
.art-orbit:before{content:'';position:absolute;inset:8%;border:1px solid #ee665221;border-radius:50%}
.brand-art .art-main{position:absolute;inset:0 3% 7% 18%;z-index:1;border-radius:48% 48% 3px 3px;overflow:hidden;background:var(--sand);transform:rotate(3deg);box-shadow:0 24px 55px #233d3610}
.brand-art .art-main img{position:absolute;top:-4%;width:100%;height:108%;object-fit:cover;object-position:50% 45%}
.art-side{position:absolute;width:43%;height:33%;bottom:7%;left:-7%;z-index:2;overflow:hidden;transform:rotate(-8deg);border:7px solid var(--cream);box-shadow:0 12px 30px #233d3614}
.art-side img{width:100%;height:100%;object-fit:cover}
.art-caption{position:absolute;left:23%;bottom:0;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}
.art-caption-rule{width:25px;height:1px;background:var(--coral)}
.mood-picker{position:absolute;right:0;top:35%;display:flex;flex-direction:column;gap:8px;z-index:4;transform:translateX(60%)}
.mood-picker button{position:relative;width:44px;height:44px;border:0;border-radius:50%;background:var(--cream);font-size:10px;color:var(--muted);transition:background .25s,color .25s}
.mood-picker button[aria-pressed=true]{background:var(--ink);color:var(--cream)}
.mood-picker button:hover{box-shadow:0 0 0 1px var(--coral)}
.brand-hero .scroll-invitation{color:var(--ink);bottom:28px}
.brand-hero .scroll-line{background:#233d3655}
.hero-signature{position:absolute;right:48px;bottom:43px;font-size:8px;letter-spacing:2.5px;color:var(--muted)}
.stays-section{background:var(--sand);padding-block:95px}
.stays-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}
.stays-heading h2{font-size:clamp(40px,4.3vw,66px);letter-spacing:-.055em}
.stay-card{display:grid;grid-template-columns:1.08fr 1fr;min-height:530px;background:var(--ink);color:var(--cream);border-radius:3px;overflow:hidden}
.stay-photo{position:relative;display:block;overflow:hidden;min-height:530px}
.stay-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#10252299);pointer-events:none}
.stay-photo img{width:100%;height:110%;object-fit:cover;position:absolute;top:-5%;transition:filter .5s}
.stay-photo:hover img{filter:saturate(1.12)}
.stay-photo-link{position:absolute;z-index:2;bottom:24px;left:28px;right:28px;font-size:11px;display:flex;align-items:center;justify-content:space-between}
.stay-photo-link [data-icon]{width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;align-items:center;justify-content:center}
.stay-copy{padding:65px 60px;align-self:center}
.stay-copy>.eyebrow{color:#c6d0c5;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.6px}
.stay-copy>.eyebrow svg{width:13px;height:13px;color:#f19478}
.stay-copy h3{font-family:var(--serif);font-size:clamp(45px,5vw,72px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin-top:25px}
.stay-copy h3 em{font-weight:400;color:#f3a387}
.stay-copy>p{font-size:12px;line-height:1.9;color:#d2dace;margin-top:22px}
.stay-facts{list-style:none;display:flex;flex-wrap:wrap;gap:9px 18px;padding:22px 0 0;margin:0;font-size:10px;color:#d2dace}
.stay-facts li+li:before{content:'·';margin-right:18px;color:#f3a387}
.stay-copy .button{margin-top:32px;font-size:11px;padding:16px 19px;gap:22px}
.brand-essence{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px;padding-block:130px}
.essence-mark{width:90%;aspect-ratio:1.2;position:relative;max-width:420px;justify-self:center}
.essence-mark span{position:absolute;inset:0;border:1px solid #ee665259;border-radius:43% 57% 49% 51% / 55% 40% 60% 45%;transform:rotate(-20deg)}
.essence-mark span:nth-child(2){inset:12%;transform:rotate(14deg);border-color:#233d3655}
.essence-mark span:nth-child(3){inset:24%;transform:rotate(40deg);border-color:#ee665280}
.essence-copy h2{font-size:clamp(45px,5vw,72px);letter-spacing:-.055em;margin-top:25px}
.essence-copy>p{max-width:375px;font-size:13px;line-height:1.95;color:var(--muted);margin-top:27px}
.essence-copy .text-link{margin-top:26px}
.brand-closing{background:var(--ink);color:var(--cream);padding-block:85px}
.brand-closing>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand-closing h2{font-size:clamp(48px,5.8vw,84px);letter-spacing:-.06em}
.brand-closing h2 em{color:#f3a387}
.brand-closing .button{font-size:12px}
.brand-footer{padding-block:38px;gap:25px;flex-wrap:wrap}
.brand-footer>div{display:flex;flex-direction:row;align-items:center;gap:25px}
.brand-footer .brand-contact{font-size:11px;display:flex;align-items:center;gap:8px}
.brand-footer .footer-note{font-size:10px;color:var(--muted);flex-basis:100%;padding-top:15px;border-top:1px solid var(--line)}
.destination-curtain{position:fixed;inset:0;z-index:105;background:var(--ink);color:var(--cream);display:grid;place-items:center;transform:translateY(102%);pointer-events:none}
.destination-curtain>span{font-family:var(--serif);font-size:clamp(40px,7vw,100px);letter-spacing:-.055em}
.destination-curtain em{color:#f3a387}
.destination-leaving .destination-curtain{transform:translateY(0);transition:transform .65s cubic-bezier(.76,0,.24,1)}
.destination-leaving .destination-curtain>span{animation:welcome-detail .4s .2s both}
.property-page .hero-copy{animation:welcome-detail .85s .15s both}
.property-page .hero-backdrop{animation:property-arrive 1s cubic-bezier(.16,1,.3,1) both}
@keyframes property-arrive{from{opacity:.45;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
@media(min-width:1400px){.hero-signature{right:calc((100% - 1220px)/2)}}
@media(max-width:1100px){.brand-hero h1{font-size:clamp(60px,7.6vw,90px)}.brand-hero-inner{gap:5px}.brand-art{height:510px;min-height:0}.stay-copy{padding:45px 35px}.brand-essence{gap:55px}.hero-signature{right:28px}}
@media(max-width:800px){.brand-hero-inner{grid-template-columns:1fr 1fr;min-height:780px;padding-top:150px;padding-bottom:115px}.brand-hero h1{font-size:clamp(50px,7.5vw,66px)}.brand-art{height:420px}.brand-hero .hero-actions .button{padding:15px;gap:18px;font-size:11px}.stay-copy{padding:35px 25px}.stay-card,.stay-photo{min-height:440px}.stay-copy h3{font-size:49px}.stay-copy .button{white-space:normal;text-align:left}.brand-essence{gap:40px;padding-block:90px}.stays-section{padding-block:65px}}
@media(max-width:600px){
  .brand-home .header-book{font-size:10px;padding:11px 12px;gap:7px}.brand-home .header-inner{gap:10px}.brand-home .brand-hero{min-height:0}
  .brand-hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:32px;min-height:0;padding-top:125px;padding-bottom:105px}
  .brand-hero h1{font-size:clamp(52px,15.3vw,78px);line-height:1.01;margin-top:20px}.brand-hero .location-label{font-size:8px;letter-spacing:1.6px}.brand-hero .hero-copy>p{font-size:12px;margin-top:18px}.brand-hero .hero-actions{margin-top:20px}.brand-hero .hero-actions .button{padding:16px 19px;gap:30px;font-size:11px}
  .brand-art{width:86%;height:390px;align-self:center;min-height:0}.brand-art .art-main{inset:0 5% 9% 15%}.art-side{width:43%;height:30%;left:-5%;bottom:10%;border-width:5px}.art-orbit{inset:5% -3% 6% -9%}.mood-picker{right:3%;top:31%;gap:6px;transform:translateX(50%)}.art-caption{left:15%;font-size:9px}
  .brand-hero .scroll-invitation{bottom:22px}.hero-signature{right:18px;bottom:38px;font-size:6px;letter-spacing:1.3px}
  .stays-section{padding-block:48px}.stays-heading{display:block;margin-bottom:27px}.stays-heading h2{font-size:39px;margin-top:18px}.stay-card{grid-template-columns:1fr;min-height:0}.stay-photo{min-height:0;height:320px}.stay-photo-link{bottom:18px;left:20px;right:20px}.stay-copy{padding:35px 26px 38px}.stay-copy h3{font-size:57px;margin-top:20px}.stay-copy>p{margin-top:19px}.stay-facts{gap:7px 12px;font-size:9px;padding-top:19px}.stay-facts li+li:before{margin-right:12px}.stay-copy .button{margin-top:26px;font-size:11px;gap:18px;width:100%;justify-content:space-between;padding:16px}
  .brand-essence{grid-template-columns:1fr;gap:38px;padding-block:65px}.essence-mark{width:65%;max-width:230px}.essence-copy h2{font-size:51px;margin-top:20px}.essence-copy>p{font-size:12px;margin-top:22px;max-width:100%}
  .brand-closing{padding-block:55px}.brand-closing>.container{flex-direction:column;align-items:flex-start;gap:28px}.brand-closing h2{font-size:47px}.brand-footer{padding-block:30px;align-items:center}.brand-footer>div{flex-direction:row;gap:20px}
}
@media(max-width:360px){.brand-home .header-book{padding:10px;font-size:9px}.brand-art{height:345px}.brand-hero h1{font-size:49px}.stay-copy{padding-inline:22px}.stay-copy h3{font-size:51px}.stay-photo{height:280px}.hero-signature{max-width:150px;text-align:right}.brand-closing h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){.brand-art *,.essence-mark span,.stay-photo img{transform:none!important}.destination-curtain{display:none}.property-page .hero-copy,.property-page .hero-backdrop{animation:none}.destination-leaving .destination-curtain{transition:none}.mood-picker button,.stay-photo img{transition:none}}

/* Paper, organic shapes and restrained editorial details for the home only. */
.brand-home .brand-hero{background:radial-gradient(ellipse at 75% 32%,#eeeae16b,transparent 60%),var(--cream)}
.brand-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/brand-grain.svg');opacity:.16;pointer-events:none}
.brand-hero .location-label:before{content:'';width:6px;height:6px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 4px #ee665211}
.brand-hero .hero-line:last-child>span{padding-bottom:.18em}
.brand-hero h1 em{display:inline-block;position:relative}
.brand-hero h1 em:after{content:'';position:absolute;left:-.04em;bottom:-.18em;width:108%;height:.23em;background:url('/assets/brand-stroke.svg') center / 100% 100% no-repeat;transform:rotate(-2deg)}
.brand-hero .hero-actions .button{gap:27px;padding:12px 17px 12px 23px}
.brand-hero .hero-actions .button [data-icon]{width:34px;height:34px;border:1px solid #f7f6f145;border-radius:50%;justify-content:center;align-items:center}
.brand-hero .hero-actions .button svg{width:17px;height:17px}
.art-sun{position:absolute;top:-2%;right:-4%;width:43%;aspect-ratio:1;background:#ee665224;border-radius:50%;z-index:-2}
.art-sun:after{content:'';position:absolute;inset:11%;border:1px solid #ee66524a;border-radius:50%}
.art-orbit{border-color:#ee66527a}
.brand-art .art-main{border-radius:48% 48% 22% 3px;box-shadow:14px 20px 0 -7px #eeeae1,0 24px 50px #233d3614;transition:border-radius .8s cubic-bezier(.2,.7,.2,1)}
.brand-art[data-current-mood=encontro] .art-main{border-radius:45% 45% 3px 22%}
.brand-art[data-current-mood=mergulho] .art-main{border-radius:48% 48% 20% 20%}
.brand-art[data-current-mood=mergulho] .art-main img{object-position:40% 50%}
.art-side{border-width:9px;border-bottom-width:21px;box-shadow:0 18px 38px #233d3622}
.art-side:before{content:'';position:absolute;z-index:1;top:-7px;left:35%;width:32%;height:16px;transform:rotate(4deg);background:#f7f6f176;backdrop-filter:blur(2px)}
.mood-picker button{background:#f7f6f1e8;box-shadow:0 0 0 1px #233d3615;transition:background .25s,color .25s,box-shadow .25s}
.mood-picker button[aria-pressed=true]{box-shadow:0 0 0 4px var(--cream),0 0 0 5px #233d362e}
.mood-label{position:absolute;right:55px;top:50%;transform:translate(5px,-50%);padding:6px 11px;background:var(--cream);color:var(--ink);border-radius:3px;opacity:0;pointer-events:none;font-size:10px;white-space:nowrap;box-shadow:0 3px 15px #233d360b;transition:opacity .2s,transform .2s}
.mood-picker button:hover .mood-label,.mood-picker button:focus-visible .mood-label{opacity:1;transform:translate(0,-50%)}
.art-caption{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ink);gap:13px}
.art-caption-rule{width:32px}
.stays-section{position:relative;isolation:isolate;background:var(--sand)}
.stays-section:before{content:'';position:absolute;left:0;right:0;top:-23px;height:24px;background:var(--sand);border-radius:50% 50% 0 0 / 100% 100% 0 0;z-index:-1}
.stays-heading>.eyebrow{display:flex;align-items:center;gap:15px}
.stays-heading>.eyebrow:before{content:'';width:32px;height:1px;background:var(--coral)}
.stay-card{border-radius:4px 120px 4px 100px;box-shadow:0 25px 50px #233d360d}
.stay-copy .button{background:var(--cream);color:var(--ink);border-radius:4px}
.stay-copy .button:hover{background:white}
.stay-photo-link{font-size:10px;letter-spacing:.3px}
.stay-photo-link [data-icon]{background:#233d3629;backdrop-filter:blur(5px);transition:background .3s,transform .3s}
.stay-photo:hover .stay-photo-link [data-icon]{background:var(--coral);border-color:var(--coral);transform:rotate(10deg)}
.brand-essence{gap:80px;padding-block:145px}
.essence-mark{aspect-ratio:1;max-width:390px}
.essence-mark:before{content:'';position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f7f6f1,#eeeae1);box-shadow:0 20px 45px #233d3607}
.essence-mark span{inset:4%;border-color:#ee66526b}
.essence-mark span:nth-child(2){inset:15%;background:#ee665210;border-color:#233d3640;border-radius:42% 58% 50% 50% / 58% 44% 56% 42%}
.essence-mark span:nth-child(3){inset:29%;background:var(--cream);border-color:#ee665255;box-shadow:8px 8px 18px #233d3608}
.essence-heart{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%);color:var(--coral);z-index:1;stroke-width:1.4}
.essence-copy>.eyebrow{color:var(--coral-dark)}
.brand-closing{position:relative;overflow:hidden;isolation:isolate;padding-block:105px}
.brand-closing:before{content:'';position:absolute;width:590px;height:590px;right:-210px;top:-305px;border:1px solid #f3a38742;border-radius:43% 57% 49% 51%;transform:rotate(-20deg);box-shadow:0 0 0 45px #f7f6f104,0 0 0 90px #f7f6f103;z-index:-1}
.brand-closing:after{content:'';position:absolute;left:-180px;bottom:-370px;width:600px;height:460px;border:1px solid #f7f6f126;border-radius:50%;transform:rotate(15deg);z-index:-1}
.brand-closing .button{background:var(--cream);color:var(--ink);border-radius:4px}
.brand-closing .button:hover{background:white}
.brand-footer{padding-block:36px}
.brand-photo-cursor{background:var(--cream);box-shadow:0 5px 30px #233d3620}
@media(max-width:1100px){.brand-essence{gap:60px;padding-block:115px}}
@media(max-width:800px){.stay-card{border-radius:4px 85px 4px 65px}.brand-essence{gap:35px;padding-block:90px}.essence-heart{width:76px;height:76px}.brand-closing{padding-block:75px}}
@media(max-width:600px){
  .brand-hero-inner{gap:35px;padding-bottom:92px}
  .brand-art{height:415px;width:86%}
  .brand-art .art-main{inset:0 5% 21% 15%;box-shadow:9px 12px 0 -5px var(--sand),0 18px 30px #233d3612}
  .art-side{bottom:22%;border-width:6px;border-bottom-width:15px}
  .art-sun{width:44%;top:-3%;right:-3%}
  .art-orbit{inset:2% -3% 19% -9%}
  .art-caption{bottom:56px;left:15%;font-size:12px;gap:9px}
  .art-caption-rule{width:23px}
  .mood-picker{left:0;right:0;top:auto;bottom:0;transform:none;flex-direction:row;justify-content:center;gap:6px}
  .mood-picker button{display:flex;align-items:center;justify-content:center;gap:0;width:auto;min-height:44px;height:auto;padding:9px 10px;border-radius:30px;background:transparent;box-shadow:inset 0 0 0 1px #233d362b}
  .mood-picker button[aria-pressed=true]{box-shadow:none;background:var(--ink)}
  .mood-number{display:none}
  .mood-label,.mood-picker button:hover .mood-label,.mood-picker button:focus-visible .mood-label{position:static;transform:none;opacity:1;background:none;box-shadow:none;padding:0;font-size:9px;color:inherit}
  .brand-hero .scroll-invitation{left:auto;right:18px;bottom:20px}
  .brand-hero .scroll-line{width:45px}
  .stays-section:before{top:-13px;height:14px}
  .stays-heading>.eyebrow{gap:11px}
  .stays-heading>.eyebrow:before{width:24px}
  .stay-card{border-radius:4px 75px 4px 4px}
  .brand-essence{gap:35px;padding-block:70px}
  .essence-mark{width:68%;max-width:240px}
  .essence-heart{width:72px;height:72px}
  .brand-closing{padding-block:62px}
  .brand-closing:before{width:400px;height:400px;right:-230px;top:-155px}
}
@media(max-width:360px){.brand-art{height:375px}.mood-picker{gap:5px}.mood-picker button{padding-inline:8px}.mood-label{font-size:8.5px!important}.stay-copy h3{font-size:45px}}
@media(prefers-reduced-motion:reduce){.brand-art .art-main,.mood-label,.stay-photo-link [data-icon]{transition:none}.essence-heart{transform:translate(-50%,-50%)!important}}
