@font-face {
  font-family:Cormorant;
  src:url('assets/fonts/cormorant-regular.ttf') format('truetype');
  font-weight:400;
  font-display:swap
}

@font-face {
  font-family:Cormorant;
  src:url('assets/fonts/cormorant-italic.ttf') format('truetype');
  font-style:italic;
  font-weight:400;
  font-display:swap
}

@font-face {
  font-family:Montserrat;
  src:url('assets/fonts/montserrat-regular.ttf') format('truetype');
  font-weight:400;
  font-display:swap
}

@font-face {
  font-family:Montserrat;
  src:url('assets/fonts/montserrat-semibold.ttf') format('truetype');
  font-weight:600;
  font-display:swap
}

:root {
  --terra:#0e0b08;
  --lua:#e9ddc9;
  --cacau:#5b3a2e;
  --verde:#2e3728;
  --areia:#b8946a;
  --ouro:#d4af7c;
  --cream:#f3ece1;
  --line:rgba(91,58,46,.23);
  --serif:Cormorant,Georgia,serif;
  --sans:Montserrat,Arial,sans-serif
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:110px
}

body {
  margin:0;
  background:var(--terra);
  color:var(--lua);
  font:400 15px/1.85 var(--sans)
}

a {
  color:inherit;
  text-decoration:none
}

button {
  font:inherit;
  cursor:pointer
}

img {
  display:block;
  width:100%;
  object-fit:cover
}

p {
  margin:0 0 1.35em
}

h1,h2,h3 {
  font:400 64px/1.05 var(--serif);
  margin:0;
  letter-spacing:-.025em
}

em {
  font-weight:400
}

h2 {
  font-size:clamp(45px,5.2vw,76px)
}

h3 {
  font-size:78px
}

button,a,summary {
  -webkit-tap-highlight-color:transparent
}

a:focus-visible,button:focus-visible,summary:focus-visible {
  outline:2px solid var(--ouro);
  outline-offset:6px
}

section,article {
  scroll-margin-top:30px
}

.skip {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:20;
  padding:10px 20px;
  background:var(--lua);
  color:var(--terra)
}

.skip:focus {
  top:10px
}

.header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:25px 6%;
  border-bottom:1px solid #b8946a36;
  background:var(--terra);
  position:relative;
  z-index:10
}

.brand {
  font:400 44px/1 var(--serif);
  letter-spacing:.13em;
  display:block
}

.brand span {
  display:block;
  font:400 8px/1.5 var(--sans);
  letter-spacing:.2em;
  margin-top:10px
}

.header nav {
  display:flex;
  align-items:center;
  gap:35px;
  font-size:11px
}

.header nav a:hover {
  color:var(--ouro)
}

.nav-cta {
  border:1px solid #b8946a77;
  padding:10px 22px
}

.nav-cta span {
  margin-left:20px
}

.menu-toggle {
  display:none
}

.hero {
  min-height:780px;
  position:relative;
  display:grid;
  grid-template-columns:1.12fr 1fr;
  padding-bottom:80px
}

.hero-content {
  padding:125px 6vw 100px
}

.eyebrow,.section-number {
  font-size:10px;
  line-height:1.7;
  letter-spacing:.19em;
  font-weight:600
}

.hero .eyebrow {
  color:var(--ouro);
  margin-bottom:35px
}

.hero h1 {
  font-size:clamp(52px,5.6vw,86px)
}

.hero h1 em {
  color:var(--ouro)
}

.hero-description {
  max-width:440px;
  font-size:14px;
  margin:30px 0;
  color:#d5c9b9
}

.actions {
  display:flex;
  align-items:flex-start;
  gap:22px;
  flex-direction:column
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  padding:15px 25px;
  font-size:11px;
  font-weight:600;
  border:1px solid transparent;
  transition:background .2s,transform .2s;
  min-height:48px
}

.button:hover {
  transform:translateY(-2px)
}

.button-gold {
  background:var(--ouro);
  color:var(--terra)
}

.button-gold:hover {
  background:var(--lua)
}

.text-link {
  font-size:11px;
  border-bottom:1px solid currentColor;
  padding:10px 0;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  min-height:44px
}

.text-link:hover {
  opacity:.75
}

.hero-caption {
  margin-top:55px;
  margin-bottom:0;
  font-size:8px;
  letter-spacing:.25em;
  color:var(--areia)
}

.hero-image {
  position:relative;
  margin:35px 35px 0 0;
  overflow:hidden
}

.hero-image img {
  height:100%;
  max-height:710px;
  object-position:50% 45%
}

.hero-image:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,#0e0b0877,transparent 50%)
}

.image-note {
  position:absolute;
  z-index:1;
  bottom:27px;
  left:30px;
  font:italic 25px var(--serif)
}

.scroll-note {
  position:absolute;
  bottom:30px;
  left:6%;
  font-size:8px;
  letter-spacing:.18em
}

.scroll-note span {
  margin-left:35px;
  font-size:19px
}

.section {
  padding:95px 8%
}

.section-number {
  margin-bottom:45px;
  color:var(--cacau)
}

.universe {
  background:var(--lua);
  color:var(--cacau)
}

.universe-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10%
}

.universe-copy {
  max-width:510px
}

.lead {
  font:400 29px/1.35 var(--serif)
}

.universe-copy>p:not(.lead):not(.serif-quote) {
  font-size:13px
}

.serif-quote {
  font:italic 28px/1.3 var(--serif)
}

.organic-mark {
  font:100px var(--serif);
  color:var(--areia);
  margin-top:45px
}

.elements {
  background:var(--cream);
  color:var(--cacau)
}

.section-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:50px
}

.section-heading>p {
  font-size:12px;
  max-width:310px;
  margin:0
}

.element-nav {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  margin-bottom:65px
}

.element-nav a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px;
  font-size:10px;
  border-right:1px solid var(--line)
}

.element-nav a:first-child {
  padding-left:0
}

.element-nav a:last-child {
  border-right:0
}

.element-nav span {
  font:30px var(--serif)
}

.element-nav a:hover {
  background:var(--lua)
}

.experience {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8%;
  align-items:center;
  padding:55px 0;
  border-bottom:1px solid var(--line)
}

.experience:last-child {
  border:0;
  padding-bottom:0
}

.experience.reverse .experience-photo {
  order:2
}

.experience-photo {
  position:relative;
  overflow:hidden;
  background:var(--lua)
}

.experience-photo img {
  height:660px;
  transition:transform .7s
}

.experience-photo:hover img {
  transform:scale(1.025)
}

.photo-label {
  position:absolute;
  bottom:20px;
  left:25px;
  color:var(--lua);
  font-size:9px;
  letter-spacing:.2em;
  text-shadow:0 1px 6px #000
}

.experience-copy .eyebrow {
  font-size:9px;
  color:var(--cacau)
}

.experience-copy h3 {
  margin:13px 0 5px
}

.experience-copy>.serif-quote {
  margin-bottom:24px
}

.experience-copy>p:not(.eyebrow):not(.serif-quote) {
  font-size:12px
}

dl {
  margin:25px 0 20px;
  font-size:11px
}

dl>div {
  border-top:1px solid var(--line);
  padding:12px 0;
  display:grid;
  grid-template-columns:105px 1fr;
  gap:15px
}

dt {
  font-weight:600
}

dd {
  margin:0
}

.authorial {
  background:var(--verde)
}

.authorial .section-number {
  color:var(--ouro)
}

.authorial-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px
}

.signature {
  background:#1b2117
}

.signature>img {
  height:410px
}

.signature>div {
  padding:40px
}

.signature .eyebrow {
  font-size:8px;
  color:var(--ouro)
}

.signature h3 {
  font-size:68px;
  margin-bottom:10px
}

.signature h3 span {
  display:block;
  font-size:31px;
  letter-spacing:.12em;
  margin-top:8px
}

.signature p:not(.eyebrow):not(.serif-quote) {
  font-size:12px
}

.signature .text-link {
  color:var(--ouro);
  margin-top:10px
}

.kali {
  background:#241011
}

.kali>img {
  object-position:50% 60%
}

.care {
  background:var(--lua);
  color:var(--cacau);
  display:grid;
  grid-template-columns:.9fr 1fr;
  gap:12%;
  align-items:center
}

.care-image img {
  height:560px
}

.care h2 {
  margin:25px 0
}

.care p:not(.eyebrow) {
  font-size:13px
}

.faq {
  background:var(--cream);
  color:var(--cacau);
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:10%
}

.faq .section-number {
  margin-bottom:30px
}

.faq h2 {
  margin-bottom:25px
}

.faq>div>p:not(.section-number) {
  font-size:12px;
  max-width:300px
}

.faq details {
  border-top:1px solid var(--line)
}

.faq details:last-child {
  border-bottom:1px solid var(--line)
}

summary {
  cursor:pointer;
  padding:20px 30px 20px 0;
  font-size:12px;
  position:relative;
  list-style:none
}

summary::-webkit-details-marker {
  display:none
}

summary:after {
  content:'+';
  position:absolute;
  right:2px;
  top:17px;
  font:24px var(--serif)
}

details[open]>summary:after {
  content:'−'
}

.faq details p {
  font-size:12px;
  padding:0 25px 20px 0;
  margin:0
}

.booking {
  text-align:center;
  background:radial-gradient(ellipse at center,#5b3a2e55,transparent 70%),var(--terra)
}

.booking .eyebrow {
  color:var(--ouro)
}

.booking-star {
  font-size:60px;
  line-height:1.5;
  color:var(--ouro)
}

.booking h2 {
  font-size:clamp(58px,7vw,95px);
  margin:12px 0 30px
}

.booking h2 em {
  color:var(--ouro)
}

.booking>p:not(.eyebrow) {
  font-size:12px;
  color:#d5c9b9
}

.booking .button {
  margin-top:15px
}

.booking .booking-note {
  font-size:10px;
  margin-top:25px
}

.footer {
  border-top:1px solid #b8946a36;
  padding:50px 6% 25px;
  display:grid;
  grid-template-columns:1.2fr 1fr .8fr;
  gap:30px;
  color:var(--lua)
}

.footer>p {
  font:italic 25px var(--serif)
}

.footer>div {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  font-size:11px
}

.footer small {
  font-size:9px;
  grid-column:1/-1
}

.footer details {
  grid-column:1/-1;
  border-top:1px solid #b8946a36
}

.footer summary {
  font-size:10px
}

.footer details p {
  font-size:11px;
  max-width:850px
}

dialog {
  max-width:490px;
  width:calc(100% - 36px);
  background:var(--cream);
  color:var(--cacau);
  border:1px solid var(--areia);
  padding:40px
}

dialog::backdrop {
  background:#0e0b08bd
}

dialog h2 {
  font-size:42px;
  margin:15px 0
}

dialog p {
  font-size:13px
}

.dialog-close {
  position:absolute;
  right:14px;
  top:10px;
  border:0;
  background:none;
  color:var(--cacau);
  font-size:28px;
  width:40px;
  height:40px
}

.button-dark {
  background:var(--cacau);
  color:var(--lua)
}

.noscript {
  padding:20px
}

a[hidden] {
  display:none
}

@media(min-width:1550px) {
  .hero-content {
    padding-left:max(6vw,calc((100vw - 1400px)/2))
  }
  .section {
    padding-left:max(8%,calc((100vw - 1280px)/2));
    padding-right:max(8%,calc((100vw - 1280px)/2))
  }
}

@media(max-width:1050px) {
  .header nav {
    gap:20px
  }
  .hero-content {
    padding:90px 5vw
  }
  .hero {
    min-height:700px
  }
  .hero-image {
    margin-right:20px
  }
  .section {
    padding:75px 6%
  }
  .experience {
    gap:6%
  }
  .experience-photo img {
    height:610px
  }
  .signature>div {
    padding:30px
  }
  .signature h3 {
    font-size:58px
  }
  .care {
    gap:8%
  }
}

@media(max-width:760px) {
  html {
    scroll-padding-top:20px
  }
  .header {
    padding:20px 6%;
    flex-wrap:wrap
  }
  .brand {
    font-size:34px
  }
  .brand span {
    font-size:6px
  }
  .menu-toggle {
    display:flex;
    gap:12px;
    align-items:center;
    background:none;
    border:1px solid #b8946a66;
    color:var(--lua);
    font-size:11px;
    padding:10px 14px;
    min-height:44px
  }
  .header nav {
    display:none;
    width:100%;
    padding-top:25px;
    flex-direction:column;
    align-items:stretch;
    gap:0
  }
  .header nav.open {
    display:flex
  }
  .header nav a {
    padding:13px 0
  }
  .header nav .nav-cta {
    padding:12px 15px;
    margin-top:10px
  }
  .hero {
    display:flex;
    flex-direction:column;
    padding-bottom:60px;
    min-height:0
  }
  .hero-content {
    padding:65px 6% 35px
  }
  .hero h1 {
    font-size:clamp(45px,9.4vw,70px)
  }
  .hero .eyebrow {
    font-size:8px;
    margin-bottom:25px
  }
  .hero-description {
    font-size:12px;
    max-width:420px;
    margin:25px 0
  }
  .hero-caption {
    display:none
  }
  .hero-image {
    margin:0 6%;
    height:390px
  }
  .hero-image img {
    height:100%;
    object-position:50% 48%
  }
  .image-note {
    font-size:23px;
    left:22px;
    bottom:22px
  }
  .scroll-note {
    bottom:15px;
    font-size:7px
  }
  .section {
    padding:65px 6%
  }
  .section-number {
    font-size:9px;
    margin-bottom:30px
  }
  .universe-grid,.care,.faq {
    grid-template-columns:1fr;
    gap:30px
  }
  .organic-mark {
    display:none
  }
  .universe-copy {
    max-width:none
  }
  .lead {
    font-size:26px
  }
  .section-heading {
    display:block;
    margin-bottom:30px
  }
  .section-heading>p {
    margin-top:23px;
    font-size:12px
  }
  .element-nav {
    margin-bottom:15px;
    grid-template-columns:repeat(2,1fr)
  }
  .element-nav a {
    padding:15px!important
  }
  .element-nav a:nth-child(2) {
    border-right:0
  }
  .element-nav a:nth-child(-n+2) {
    border-bottom:1px solid var(--line)
  }
  .experience {
    grid-template-columns:1fr;
    gap:30px;
    padding:35px 0 40px
  }
  .experience.reverse .experience-photo {
    order:0
  }
  .experience-photo img {
    height:420px
  }
  .experience-copy h3 {
    font-size:66px
  }
  .experience-copy>p:not(.eyebrow):not(.serif-quote) {
    font-size:13px
  }
  .experience-copy .eyebrow {
    font-size:8px
  }
  dl {
    font-size:12px
  }
  dl>div {
    grid-template-columns:100px 1fr
  }
  .authorial-grid {
    grid-template-columns:1fr;
    gap:30px
  }
  .signature>img {
    height:340px
  }
  .signature>div {
    padding:30px 25px
  }
  .signature p:not(.eyebrow):not(.serif-quote) {
    font-size:13px
  }
  .signature h3 {
    font-size:65px
  }
  .care-image img {
    height:390px
  }
  .care {
    gap:35px
  }
  .care h2 {
    margin-top:20px
  }
  .faq>div>p:not(.section-number) {
    max-width:none
  }
  .faq summary {
    font-size:13px;
    min-height:64px
  }
  .faq details p {
    font-size:13px
  }
  .booking .eyebrow {
    font-size:8px
  }
  .booking h2 {
    font-size:60px
  }
  .booking>p:not(.eyebrow) {
    font-size:12px
  }
  .footer {
    grid-template-columns:1fr 1fr;
    gap:35px;
    padding:45px 6% 20px
  }
  .footer>.brand {
    grid-column:1/-1
  }
  .footer>p {
    font-size:23px
  }
  .footer>div {
    font-size:11px
  }
  .button {
    font-size:11px;
    gap:22px
  }
  .text-link {
    font-size:11px
  }
  .care p:not(.eyebrow) {
    font-size:13px
  }
}

@media(max-width:360px) {
  .hero h1 {
    font-size:42px
  }
  .hero .eyebrow {
    letter-spacing:.12em
  }
  .button {
    padding:14px 18px
  }
  .experience-photo img {
    height:350px
  }
  dl>div {
    grid-template-columns:1fr;
    gap:4px
  }
  .signature>div {
    padding:25px 20px
  }
  .booking h2 {
    font-size:53px
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    transition:none!important;
    animation:none!important
  }
}

.experience-copy>p:not(.eyebrow):not(.serif-quote),.signature p:not(.eyebrow):not(.serif-quote),.faq details p,.universe-copy>p:not(.lead):not(.serif-quote) {
  font-size:14px
}

@media(max-width:760px) {
  .hero-description,.experience-copy>p:not(.eyebrow):not(.serif-quote),.signature p:not(.eyebrow):not(.serif-quote),.care p:not(.eyebrow),.faq details p,.universe-copy>p:not(.lead):not(.serif-quote) {
    font-size:15px
  }
  dl {
    font-size:13px
  }
  .faq summary {
    font-size:14px
  }
  .booking>p:not(.eyebrow) {
    font-size:14px
  }
}

.service-subtitle {
  font:400 28px/1.25 var(--serif);
  margin:28px 0 14px;
  letter-spacing:0
}

.service-manifesto {
  font-style:italic
}

.service-quote {
  font:italic 25px/1.4 var(--serif);
  margin:25px 0 10px
}

.service-note {
  font-size:12px;
  max-width:850px;
  margin:25px 0 0
}

.signature dl>div {
  border-color:#d4af7c40
}

.signature dt {
  color:var(--ouro)
}

.signature dl {
  font-size:13px
}

.authorial-grid {
  align-items:start
}

.experience-photo {
  align-self:start;
  margin-top:6px
}

.experience-copy {
  min-width:0
}

.signature .service-subtitle {
  color:var(--ouro)
}

@media(min-width:761px) {
  .experience-photo {
    position:sticky;
    top:25px
  }
  .experience-copy>p:not(.eyebrow):not(.serif-quote) {
    font-size:14px
  }
}

@media(max-width:760px) {
  .service-note {
    font-size:13px
  }
  .service-subtitle {
    font-size:28px
  }
  .experience-copy>p:not(.eyebrow):not(.serif-quote) {
    font-size:15px
  }
  .signature dl>div {
    grid-template-columns:110px 1fr
  }
  .signature dl {
    font-size:13px
  }
}

@media(max-width:360px) {
  .signature dl>div {
    grid-template-columns:1fr
  }
}

:root {
  --line:rgba(212,175,124,.3)
}

body {
  background:var(--terra)
}

.logo-symbol {
  display:block;
  background-image:url('assets/images/logo-original.jpeg');
  background-repeat:no-repeat;
  background-size:128% auto;
  background-position:50% 22%;
  aspect-ratio:1.8;
  width:230px;
  mask-image:radial-gradient(ellipse,black 38%,transparent 72%);
  -webkit-mask-image:radial-gradient(ellipse,black 38%,transparent 72%);
  filter:sepia(.15)
}

.header .brand.has-symbol {
  position:relative;
  padding-left:88px
}

.header-symbol {
  position:absolute;
  left:-6px;
  top:-5px;
  width:82px;
  height:61px;
  aspect-ratio:auto;
  background-size:135% auto;
  background-position:50% 23%;
  margin:0!important
}

.brand .header-symbol {
  display:block
}

.hero-symbol {
  width:210px;
  margin:-65px 0 20px
}

.hero-content {
  position:relative
}

.hero {
  background:radial-gradient(ellipse at 18% 15%,#5b3a2e55,transparent 50%),var(--terra)
}

.hero-image {
  border-radius:48% 48% 2px 2px;
  border:1px solid #b8946a66;
  padding:8px
}

.hero-image img {
  border-radius:inherit
}

.hero-image:after {
  border-radius:inherit
}

.hero-image:before {
  content:'✧';
  position:absolute;
  right:30px;
  top:40px;
  color:var(--ouro);
  font-size:36px;
  z-index:2
}

.universe {
  background:var(--lua);
  color:var(--cacau);
  position:relative
}

.universe:before {
  content:'✧';
  position:absolute;
  right:6%;
  top:25px;
  font:50px var(--serif);
  color:var(--areia)
}

.universe .section-number {
  color:var(--cacau)
}

.universe-symbol {
  margin-top:25px;
  width:280px;
  mix-blend-mode:multiply;
  opacity:.8
}

.elements {
  background:var(--terra);
  color:var(--lua)
}

.elements .section-number,.elements .eyebrow {
  color:var(--ouro)
}

.elements .section-heading h2 em {
  color:var(--ouro)
}

.element-nav {
  border-color:#d4af7c55
}

.element-nav a {
  border-color:#d4af7c40
}

.element-nav a:hover {
  background:var(--verde)
}

.element-nav span {
  color:var(--ouro)
}

.experience {
  padding:65px 0;
  border-color:#d4af7c45
}

.experience-copy .eyebrow {
  color:var(--ouro)
}

.experience-copy h3 {
  color:var(--lua)
}

.experience-copy .serif-quote,.experience-copy .service-subtitle,.experience-copy .service-quote {
  color:var(--ouro)
}

.experience-copy dt {
  color:var(--ouro)
}

.experience-copy .text-link {
  color:var(--ouro)
}

.service-note {
  color:var(--lua);
  opacity:.9;
  border-left:1px solid var(--ouro);
  padding-left:20px
}

.experience-photo {
  border:1px solid #d4af7c66;
  border-radius:46% 46% 3px 3px;
  box-shadow:0 0 0 7px #b8946a0c,0 15px 50px #0005
}

.elemental-photo {
  height:auto;
  aspect-ratio:1/1.2;
  background-image:url('assets/images/elementos-originais.jpeg');
  background-size:200% 200%;
  background-repeat:no-repeat;
  border-radius:3px
}

.elemental-agua {
  background-position:0 0
}

.elemental-terra {
  background-position:100% 0
}

.elemental-ar {
  background-position:0 100%
}

.elemental-fogo {
  background-position:100% 100%
}

.authorial {
  background:var(--verde);
  border-top:1px solid #d4af7c44
}

.signature {
  border:1px solid #d4af7c44
}

.signature>img {
  border-radius:45% 45% 0 0
}

.signature.kali {
  background:#301719
}

.signature.immersion {
  background:#20271b
}

.care {
  background:var(--cacau);
  color:var(--lua)
}

.care .eyebrow,.care em,.care .text-link {
  color:var(--ouro)
}

.care-image {
  padding:9px;
  border:1px solid #d4af7c80;
  border-radius:46% 46% 0 0
}

.care-image img {
  border-radius:inherit
}

.faq {
  background:var(--lua);
  color:var(--cacau)
}

.faq .section-number {
  color:var(--cacau)
}

.faq details {
  border-color:#5b3a2e44
}

.booking {
  background:radial-gradient(ellipse at 50% 60%,#5b3a2e77,transparent 60%),var(--terra);
  position:relative
}

.booking-symbol {
  margin:15px auto;
  width:260px
}

.booking:before,.booking:after {
  content:'✧';
  position:absolute;
  top:35%;
  color:var(--areia);
  font-size:30px
}

.booking:before {
  left:12%
}

.booking:after {
  right:12%
}

.footer {
  background:var(--terra)
}

@media(max-width:760px) {
  .header .brand.has-symbol {
    padding-left:62px
  }
  .header-symbol {
    width:59px;
    height:48px;
    left:-3px;
    top:0
  }
  .hero-symbol {
    margin:-35px 0 15px;
    width:160px
  }
  .hero-content {
    padding-top:55px
  }
  .hero-image {
    margin-top:5px
  }
  .universe-symbol {
    width:220px
  }
  .elemental-photo {
    aspect-ratio:1/1.05
  }
  .experience {
    padding:40px 0
  }
  .booking:before {
    left:4%
  }
  .booking:after {
    right:4%
  }
  .booking-symbol {
    width:220px
  }
  .header .brand span:not(.logo-symbol) {
    font-size:5px;
    letter-spacing:.13em
  }
  .brand {
    font-size:30px
  }
  .service-note {
    font-size:13px
  }
}

.elemental-photo {
  aspect-ratio:1
}

#terra {
  background:var(--cacau);
  padding:35px;
  margin:35px 0
}

#ar {
  background:var(--lua);
  color:var(--cacau);
  padding:35px;
  margin:35px 0
}

#ar .eyebrow,#ar h3,#ar .serif-quote,#ar .service-subtitle,#ar .service-quote,#ar dt,#ar .text-link {
  color:var(--cacau)
}

#ar dl>div {
  border-color:#5b3a2e40
}

@media(max-width:760px) {
  #terra,#ar {
    padding:24px 18px
  }
  .elemental-photo {
    aspect-ratio:1
  }
  .header .brand.has-symbol {
    padding-left:55px
  }
  .header-symbol {
    width:53px
  }
}

.logo-symbol,.brand .header-symbol {
  background:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1;
  color:inherit
}

.logo-symbol svg {
  display:block;
  width:100%;
  height:100%;
  overflow:visible
}

.hero-symbol,.universe-symbol,.booking-symbol {
  aspect-ratio:1000/555
}

.header-symbol {
  height:48px
}

.logo-symbol svg path,.logo-symbol svg circle {
  vector-effect:non-scaling-stroke
}

@media(max-width:760px) {
  .header-symbol {
    height:34px;
    top:4px
  }
}

.logo-symbol {
  aspect-ratio:2.45!important;
  background:none!important;
  filter:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important
}

.logo-symbol img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none;
  transform:none
}

.header .brand.has-symbol {
  padding-left:104px
}

.brand .header-symbol {
  width:92px;
  height:42px;
  top:6px;
  left:0
}

.hero-symbol {
  width:230px
}

.universe-symbol {
  width:280px
}

.booking-symbol {
  width:280px
}

@media(max-width:760px) {
  .header .brand.has-symbol {
    padding-left:70px
  }
  .brand .header-symbol {
    width:62px;
    height:30px;
    top:5px
  }
  .hero-symbol {
    width:180px
  }
  .universe-symbol,.booking-symbol {
    width:230px
  }
}

@media(max-width:360px) {
  .header .brand.has-symbol {
    padding-left:0
  }
  .brand .header-symbol {
    display:none
  }
  .hero-symbol {
    width:180px
  }
}

@media(max-width:360px) {
  .header .brand.has-symbol {
    padding-left:55px;
    font-size:24px
  }
  .brand .header-symbol {
    display:block;
    width:48px;
    height:25px;
    top:4px
  }
  .header .brand span:not(.logo-symbol) {
    font-size:4.5px
  }
}

.elemental-photo {
  background-size:calc(200% + 16px) calc(200% + 16px);
  border:0;
  box-shadow:none;
  border-radius:3px
}

.element-nav .element-icon {
  display:block;
  width:30px;
  height:37px;
  flex:none;
  color:var(--ouro)
}

#agua {
  background:var(--lua);
  color:var(--cacau);
  padding:35px;
  margin:35px 0
}

#agua .eyebrow,#agua h3,#agua .serif-quote,#agua .service-subtitle,#agua .service-manifesto,#agua dt,#agua .text-link {
  color:var(--cacau)
}

#agua dl>div {
  border-color:#5b3a2e40
}

@media(max-width:760px) {
  #agua {
    padding:24px 18px
  }
  .element-nav .element-icon {
    width:26px;
    height:33px
  }
}

body {
  font-size:17px;
  line-height:1.85
}

.hero-description,.experience-copy>p:not(.eyebrow):not(.serif-quote),.signature p:not(.eyebrow):not(.serif-quote),.universe-copy>p:not(.lead):not(.serif-quote),.care p:not(.eyebrow),.faq details p,.faq>div>p:not(.section-number),.booking>p:not(.eyebrow),dialog p {
  font-size:17px;
  line-height:1.85
}

.section-heading>p {
  font-size:16px;
  max-width:360px
}

.eyebrow,.section-number,.hero .eyebrow,.experience-copy .eyebrow,.signature .eyebrow,.booking .eyebrow {
  font-size:12px;
  line-height:1.8;
  letter-spacing:.13em
}

dl,.signature dl {
  font-size:15px;
  line-height:1.8
}

dl>div {
  grid-template-columns:125px 1fr;
  padding:16px 0
}

.button,.text-link,.header nav,.menu-toggle {
  font-size:14px
}

.button {
  padding:17px 24px;
  gap:20px;
  min-height:52px
}

.text-link {
  gap:20px;
  line-height:1.6
}

.header nav {
  gap:24px
}

.hero-caption,.scroll-note,.photo-label {
  font-size:12px;
  letter-spacing:.12em
}

.service-note {
  font-size:15px;
  line-height:1.8
}

.faq summary {
  font-size:17px;
  padding-top:24px;
  padding-bottom:24px
}

.footer>div,.footer small,.footer summary,.footer details p,.booking .booking-note {
  font-size:14px
}

.footer .brand span {
  font-size:10px
}

.service-subtitle {
  font-size:32px;
  line-height:1.3
}

.serif-quote {
  font-size:30px;
  line-height:1.4
}

.hero h1 {
  line-height:1.1
}

.brand span:not(.logo-symbol) {
  font-size:10px;
  letter-spacing:.12em;
  line-height:1.6
}

.hero-content {
  padding-top:110px
}

.hero-symbol {
  margin-top:-40px
}

.elements .element-nav a {
  font-size:15px;
  gap:12px
}

.elements .element-nav .element-icon {
  width:33px;
  height:42px
}

@media(min-width:761px) and (max-width:1150px) {
  .header {
    flex-wrap:wrap;
    gap:24px
  }
  .header nav {
    width:100%;
    justify-content:flex-end
  }
}

@media(max-width:760px) {
  body {
    font-size:16px
  }
  .hero-description,.experience-copy>p:not(.eyebrow):not(.serif-quote),.signature p:not(.eyebrow):not(.serif-quote),.universe-copy>p:not(.lead):not(.serif-quote),.care p:not(.eyebrow),.faq details p,.faq>div>p:not(.section-number),.booking>p:not(.eyebrow),dialog p {
    font-size:16px
  }
  .hero .eyebrow,.eyebrow,.section-number,.experience-copy .eyebrow,.signature .eyebrow,.booking .eyebrow {
    font-size:12px;
    letter-spacing:.08em
  }
  .header .brand span:not(.logo-symbol) {
    font-size:9px;
    max-width:155px;
    letter-spacing:.04em
  }
  .header .brand.has-symbol {
    font-size:29px;
    padding-left:61px
  }
  .brand .header-symbol {
    width:53px;
    top:11px
  }
  .header nav {
    font-size:16px
  }
  .menu-toggle {
    font-size:14px;
    padding:10px 12px
  }
  .hero-content {
    padding-top:55px
  }
  .hero-symbol {
    margin-top:-20px
  }
  .button,.text-link {
    font-size:14px
  }
  .button {
    padding:15px 18px;
    gap:15px;
    max-width:100%
  }
  .hero .scroll-note {
    font-size:10px
  }
  .signature>div {
    padding:28px 22px
  }
  .signature dl,dl {
    font-size:15px
  }
  .signature dl>div,dl>div {
    grid-template-columns:1fr;
    gap:5px
  }
  .section-heading>p {
    font-size:16px
  }
  .service-subtitle {
    font-size:30px
  }
  .element-nav a {
    padding:14px 10px!important
  }
  .element-nav span {
    font-size:28px
  }
  .footer {
    grid-template-columns:1fr;
    gap:22px
  }
  .footer .brand span {
    font-size:10px
  }
  .faq summary {
    font-size:16px
  }
  .booking .booking-note {
    font-size:14px
  }
  .hero h1 {
    font-size:clamp(43px,9.4vw,70px)
  }
}

@media(max-width:360px) {
  .header .brand.has-symbol {
    font-size:25px;
    padding-left:46px
  }
  .brand .header-symbol {
    width:40px;
    height:25px;
    top:11px
  }
  .header .brand span:not(.logo-symbol) {
    font-size:8px;
    max-width:140px
  }
  .menu-toggle {
    font-size:13px;
    padding:9px
  }
  .hero h1 {
    font-size:42px
  }
  .button {
    gap:12px;
    font-size:13px
  }
}

.element-nav {
  grid-template-columns:repeat(4,minmax(0,1fr))
}

.element-nav a {
  min-width:0
}

@media(max-width:760px) {
  .element-nav {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .elements .element-nav a {
    gap:6px;
    padding:14px 8px!important
  }
  .elements .element-nav .element-icon {
    width:26px;
    height:36px
  }
  .elements .element-nav span {
    font-size:27px
  }
}

#experiencias {
  padding-inline:0
}

#experiencias>.section-number,#experiencias>.section-heading,#experiencias>.element-nav,#experiencias>.service-note {
  width:84%;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto
}

#experiencias .experience-list {
  margin-inline:clamp(12px,1.5vw,28px)
}

#experiencias .experience {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(30px,5vw,80px);
  margin:20px 0;
  padding:clamp(32px,5vw,76px) max(4vw,calc((100% - 1280px)/2));
  border:0
}

#experiencias #agua {
  background:var(--lua)
}

#experiencias #terra {
  background:var(--cacau)
}

#experiencias #ar {
  background:var(--lua)
}

#experiencias #fogo {
  background:var(--terra);
  border-top:1px solid #d4af7c40
}

#experiencias .experience-photo {
  width:100%;
  min-width:0
}

#experiencias .experience-copy dl {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 24px;
  margin-top:28px
}

#experiencias .experience-copy dl>div {
  display:block;
  min-width:0;
  padding:15px 0 0
}

#experiencias .experience-copy dt {
  margin-bottom:7px
}

#experiencias .experience-copy dd {
  overflow-wrap:anywhere
}

@media(max-width:760px) {
  #experiencias>.section-number,#experiencias>.section-heading,#experiencias>.element-nav,#experiencias>.service-note {
    width:88%
  }
  #experiencias .experience-list {
    margin-inline:10px
  }
  #experiencias .experience {
    grid-template-columns:minmax(0,1fr);
    gap:28px;
    margin:16px 0;
    padding:30px clamp(18px,5vw,32px)
  }
  #experiencias .experience-copy dl {
    grid-template-columns:minmax(0,1fr);
    gap:15px
  }
}

#experiencias .experience-list {
  margin-inline:clamp(40px,5vw,120px)
}

@media(max-width:760px) {
  #experiencias .experience-list {
    margin-inline:clamp(22px,6vw,42px)
  }
}

#experiencias .experience {
  position:relative;
  isolation:isolate
}

#experiencias .experience::before,#experiencias .experience::after {
  content:"";
  position:absolute;
  width:clamp(110px,11vw,175px);
  aspect-ratio:200/90;
  background:currentColor;
  opacity:.34;
  mask:url('assets/icons/ornamento-canto.svg') center/contain no-repeat;
  -webkit-mask:url('assets/icons/ornamento-canto.svg') center/contain no-repeat;
  pointer-events:none;
  z-index:-1
}

#experiencias .experience::before {
  left:12px;
  top:10px
}

#experiencias .experience::after {
  right:12px;
  bottom:10px;
  transform:rotate(180deg)
}

@media(max-width:760px) {
  #experiencias .experience::before,#experiencias .experience::after {
    width:90px;
    opacity:.28
  }
  #experiencias .experience::before {
    left:7px;
    top:5px
  }
  #experiencias .experience::after {
    right:7px;
    bottom:5px
  }
  #experiencias .experience {
    padding-top:50px;
    padding-bottom:50px
  }
}

#experiencias .experience::before,#experiencias .experience::after {
  width:auto;
  aspect-ratio:auto;
  left:10px;
  right:10px;
  height:clamp(58px,6vw,85px);
  background:currentColor;
  opacity:.3;
  transform:none;
  mask-image:url('assets/icons/ornamento-canto.svg'),url('assets/icons/ornamento-canto.svg');
  -webkit-mask-image:url('assets/icons/ornamento-canto.svg'),url('assets/icons/ornamento-canto.svg');
  mask-size:auto 100%,auto 100%;
  -webkit-mask-size:auto 100%,auto 100%;
  mask-position:left center,right center;
  -webkit-mask-position:left center,right center;
  mask-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat
}

#experiencias .experience::before {
  top:10px;
  bottom:auto
}

#experiencias .experience::after {
  top:auto;
  bottom:10px;
  transform:rotate(180deg)
}

#experiencias .experience {
  padding-top:clamp(82px,8vw,115px);
  padding-bottom:clamp(82px,8vw,115px)
}

#experiencias .experience-copy {
  position:relative
}

#experiencias .experience-copy::after {
  content:"";
  position:absolute;
  right:calc(-1 * clamp(20px,2.5vw,40px));
  top:15%;
  height:65%;
  max-height:520px;
  width:28px;
  background:currentColor;
  opacity:.22;
  mask:url('assets/icons/ornamento-lateral.svg') center/100% 100% no-repeat;
  -webkit-mask:url('assets/icons/ornamento-lateral.svg') center/100% 100% no-repeat;
  pointer-events:none
}

#experiencias .reverse .experience-copy::after {
  right:auto;
  left:calc(-1 * clamp(20px,2.5vw,40px));
  transform:scaleX(-1)
}

@media(max-width:760px) {
  #experiencias .experience {
    padding-top:65px;
    padding-bottom:65px
  }
  #experiencias .experience::before,#experiencias .experience::after {
    height:40px;
    left:7px;
    right:7px;
    opacity:.27
  }
  #experiencias .experience-copy::after {
    display:none
  }
}

#experiencias .experience::before,#experiencias .experience::after {
  mask-image:url('assets/icons/ornamento-canto.svg'),url('assets/icons/ornamento-canto-direito.svg');
  -webkit-mask-image:url('assets/icons/ornamento-canto.svg'),url('assets/icons/ornamento-canto-direito.svg')
}

#experiencias .experience::before,#experiencias .experience::after {
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  width:clamp(110px,11vw,175px);
  height:calc(100% - 24px);
  aspect-ratio:auto;
  opacity:.3;
  transform:none;
  mask-image:url('assets/icons/ornamento-canto.svg'),linear-gradient(black,black);
  -webkit-mask-image:url('assets/icons/ornamento-canto.svg'),linear-gradient(black,black);
  mask-size:100% auto,1px calc(100% - 55px);
  -webkit-mask-size:100% auto,1px calc(100% - 55px);
  mask-position:left top,4.5% bottom;
  -webkit-mask-position:left top,4.5% bottom;
  mask-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat
}

#experiencias .experience::before {
  left:12px;
  top:10px
}

#experiencias .experience::after {
  right:12px;
  bottom:10px;
  transform:rotate(180deg)
}

#experiencias .experience-copy::after {
  content:none;
  display:none
}

#experiencias .experience {
  padding-top:clamp(72px,7vw,96px);
  padding-bottom:clamp(72px,7vw,96px)
}

@media(max-width:760px) {
  #experiencias .experience::before,#experiencias .experience::after {
    width:90px;
    height:calc(100% - 14px);
    opacity:.26;
    mask-size:100% auto,1px calc(100% - 40px);
    -webkit-mask-size:100% auto,1px calc(100% - 40px)
  }
  #experiencias .experience::before {
    left:5px;
    top:5px
  }
  #experiencias .experience::after {
    right:5px;
    bottom:5px
  }
  #experiencias .experience {
    padding-top:55px;
    padding-bottom:55px
  }
}

.authorial {
  background:var(--cacau);
  color:var(--lua);
  border-top:1px solid #d4af7c55
}

.authorial .section-number,.authorial .section-heading h2 em {
  color:var(--ouro)
}

.authorial .signature {
  border:1px solid #d4af7c55;
  box-shadow:0 10px 30px #0e0b081a
}

.authorial .signature.kali {
  background:#301719
}

.authorial .signature.immersion {
  background:var(--terra)
}

.authorial .signature .eyebrow,.authorial .signature .service-subtitle,.authorial .signature dt,.authorial .signature .text-link {
  color:var(--ouro)
}

.authorial .signature dl>div {
  border-color:#d4af7c40
}

.section-divider {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  padding:14px 8%;
  background:var(--cacau);
  color:var(--ouro)
}

.section-divider>span {
  height:1px;
  flex:1;
  max-width:440px;
  background:linear-gradient(90deg,transparent,currentColor);
  opacity:.65
}

.section-divider>span:last-child {
  transform:rotate(180deg)
}

.section-divider svg {
  display:block;
  width:180px;
  height:64px;
  flex:none;
  opacity:.85
}

@media(max-width:760px) {
  .section-divider {
    padding:10px 6%;
    gap:14px
  }
  .section-divider svg {
    width:126px;
    height:48px
  }
}

[hidden] {
  display:none!important
}

.quiz-hero-link {
  display:inline-block;
  margin-top:24px
}

.element-discovery {
  background:#5b3a2e;
  text-align:center;
  border-block:1px solid #b8946a55
}

.element-discovery>p {
  max-width:720px;
  margin:20px auto
}

.element-discovery small {
  display:block;
  margin-top:22px;
  font-size:14px
}

.online-booking {
  max-width:700px;
  margin:30px auto 0
}

.online-booking p {
  font-size:16px;
  line-height:1.8
}

.quiz-page {
  background:#0e0b08;
  color:#e9ddc9
}

.quiz-header {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:25px clamp(20px,5vw,80px);
  border-bottom:1px solid #b8946a55;
  font-size:14px
}

.quiz-shell {
  max-width:850px;
  margin:auto;
  padding:50px 24px 80px
}

.quiz-shell h1 {
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(42px,7vw,72px);
  line-height:1.1;
  font-weight:400
}

.quiz-shell p {
  font-size:17px;
  line-height:1.85
}

.quiz-shell .quiz-disclaimer {
  font-size:14px;
  color:#cbbca6
}

#quiz-form,#quiz-result {
  margin-top:35px;
  padding:clamp(20px,4vw,40px);
  border:1px solid #b8946a77;
  background:#281c16
}

#quiz-question {
  border:0;
  padding:0;
  margin:25px 0 0;
  min-width:0
}

#quiz-question legend {
  font-family:'Cormorant Garamond',serif;
  font-size:30px;
  line-height:1.3;
  margin-bottom:25px
}

#quiz-question label {
  display:flex;
  gap:14px;
  align-items:center;
  padding:16px;
  margin:10px 0;
  border:1px solid #b8946a66;
  cursor:pointer;
  font-size:16px;
  line-height:1.5
}

#quiz-question label:has(input:checked) {
  border-color:#d4af7c;
  background:#5b3a2e
}

#quiz-question input {
  accent-color:#d4af7c;
  width:19px;
  height:19px;
  flex:none
}

.quiz-actions {
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:24px
}

.quiz-actions button {
  cursor:pointer;
  font:inherit
}

.quiz-actions button:disabled {
  opacity:.4;
  cursor:default
}

#quiz-meter,#quiz-percentages meter {
  width:100%;
  accent-color:#d4af7c;
  height:12px
}

#quiz-error {
  color:#ffd4ba;
  min-height:1.5em
}

#quiz-descriptions article {
  border-top:1px solid #b8946a77;
  margin:30px 0;
  padding-top:20px
}

#quiz-descriptions h3 {
  font-family:'Cormorant Garamond',serif;
  font-size:42px;
  color:#d4af7c
}

#quiz-result h2 {
  font-size:clamp(32px,5vw,50px)
}

#quiz-restart {
  background:none;
  border:0;
  color:#d4af7c;
  cursor:pointer;
  font:inherit;
  padding:16px 0
}

.quiz-page :focus-visible {
  outline:2px solid #d4af7c;
  outline-offset:5px
}

@media(max-width:540px) {
  .quiz-header {
    flex-direction:column;
    gap:8px
  }
  .quiz-shell {
    padding-inline:16px
  }
  .quiz-actions .button {
    padding:14px 18px
  }
  .quiz-shell p {
    font-size:16px
  }
  #quiz-question legend {
    font-size:27px
  }
}

.online-picker {
  text-align:left;
  margin:32px auto 24px
}

.online-picker>summary {
  display:flex;
  justify-content:center;
  gap:16px;
  text-align:center;
  cursor:pointer;
  list-style:none;
  font-family:inherit;
  font-size:16px
}

.online-picker>summary::-webkit-details-marker {
  display:none
}

.online-picker>summary::after {
  content:'+';
  position:static;
  transform:none;
  font-size:20px
}

.online-picker[open]>summary::after {
  content:'−';
  transform:none
}

.online-options {
  padding:28px clamp(18px,4vw,32px);
  border:1px solid #b8946a77;
  background:#281c16
}

.online-options h3 {
  font-family:'Cormorant Garamond',serif;
  font-size:32px;
  line-height:1.2;
  color:#e9ddc9
}

.online-choice-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:24px
}

.online-choice {
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding:20px;
  border:1px solid #b8946a88;
  color:#e9ddc9;
  text-decoration:none;
  transition:background .2s
}

.online-choice>span:first-child {
  font-family:'Cormorant Garamond',serif;
  font-size:29px;
  color:#d4af7c
}

.online-choice small {
  grid-column:1/-1;
  font-size:13px;
  line-height:1.5
}

.online-choice:hover {
  background:#5b3a2e
}

.online-picker :focus-visible {
  outline:2px solid #d4af7c;
  outline-offset:5px
}

@media(max-width:480px) {
  .online-choice-grid {
    grid-template-columns:1fr
  }
  .online-picker>summary {
    padding:18px;
    font-size:15px
  }
}

.experience-choice-trigger {
  border:0;
  border-bottom:1px solid currentColor;
  background:none;
  cursor:pointer;
  font-family:inherit;
  text-align:left;
  font-size:14px
}

.service-choice-dialog {
  position:fixed;
  inset:0;
  margin:auto;
  width:min(620px,calc(100% - 32px));
  max-height:calc(100dvh - 40px);
  overflow:auto;
  padding:clamp(24px,5vw,46px);
  background:#281c16;
  color:#e9ddc9;
  border:1px solid #b8946a
}

.service-choice-dialog::backdrop {
  background:#0e0b08cc;
  backdrop-filter:blur(4px)
}

.service-choice-dialog h2 {
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(34px,5vw,46px);
  line-height:1.2;
  margin:18px 0
}

.service-choice-dialog p {
  font-size:16px;
  line-height:1.8
}

.service-choice-close {
  position:absolute;
  right:14px;
  top:10px;
  background:none;
  border:0;
  color:#e9ddc9;
  font-size:30px;
  cursor:pointer;
  padding:4px 10px
}

.service-choice-actions {
  display:grid;
  gap:14px;
  margin:26px 0
}

.service-choice-actions .button {
  justify-content:center;
  text-align:center;
  font-size:16px
}

.service-choice-actions .button-outline {
  border:1px solid #d4af7c;
  color:#d4af7c
}

.service-choice-dialog .service-choice-note {
  font-size:14px;
  color:#cbbca6
}

.service-choice-dialog :focus-visible {
  outline:2px solid #d4af7c;
  outline-offset:4px
}

@media (max-width: 760px) {
  .footer > div > a, .scroll-note {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}