:root{color-scheme:light;--paper:#fcf3e7;--ink:#452218;--muted:#6c5145;--saffron:#9c420c;--line:#d4ab87;--panel:#fff8ef;--white:#fffdf9;--heading:"Cormorant Garamond",Georgia,serif;--body:Georgia,serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:1.075rem/1.55 var(--body);background:radial-gradient(ellipse at 25% 10%,#fff8ee,transparent 55%),linear-gradient(125deg,#f8ead8,var(--paper) 35%,#fff5e9 90%);min-height:100vh}
a{color:var(--saffron);text-underline-offset:.22em}
button,input,select,textarea{font:inherit}
a,button,input,select,textarea,summary{outline-offset:4px}
:focus-visible{outline:2px solid var(--saffron)}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--heading);font-weight:500;line-height:1.08;margin:0 0 .4em;text-wrap:balance}
h1{font-size:clamp(3.2rem,6.3vw,6.25rem);letter-spacing:-.055em}
h2{font-size:clamp(2rem,3.4vw,3.3rem);letter-spacing:-.035em}
h3{font-size:clamp(1.38rem,2vw,1.9rem);letter-spacing:-.02em}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
figcaption{text-align:center;margin:.55rem 0 0;color:var(--muted);font-size:.88rem;line-height:1.45}
.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.masthead{min-height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}
.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);font-family:var(--heading);font-size:clamp(1.4rem,2.6vw,2.05rem);white-space:nowrap;letter-spacing:-.035em}
.brand svg,.rule svg,.tradition-teaser>svg{color:var(--saffron);flex:none}
.masthead nav,.footer nav{display:flex;gap:clamp(.65rem,1.5vw,1.4rem);flex-wrap:wrap;font-size:.93rem}
.masthead nav a{color:var(--ink);text-decoration:none}
.masthead nav a:hover,.masthead nav [aria-current]{color:var(--saffron);text-decoration:underline}
.masthead .locale{gap:.5rem;border-left:1px solid var(--line);padding-left:14px;flex-wrap:nowrap}
.locale span{color:#7d6658}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,76px);align-items:center;padding:clamp(35px,6vw,80px) 0}
.hero p{max-width:37ch;font-size:clamp(1.1rem,1.8vw,1.35rem)}
.hero figure{max-width:470px;width:100%;justify-self:center}
.arch{border-radius:50% 50% 3px 3px / 30% 30% 3px 3px;border:1px solid var(--line);padding:5px;width:100%;object-fit:cover}
.actions{display:flex;align-items:center;gap:1rem 1.5rem;flex-wrap:wrap}
.button{border:1px solid var(--saffron);border-radius:6px;background:var(--saffron);color:var(--white);padding:.7rem 1.25rem;display:inline-block;text-decoration:none;cursor:pointer;text-align:center;transition:background .18s ease,transform .18s ease}
.button:hover{background:#783408;transform:translateY(-1px)}
.button:disabled{opacity:.65;cursor:wait}
.rule{display:flex;align-items:center;gap:14px;color:var(--saffron);margin:0 0 1.8rem}
.rule::before,.rule::after{content:"";height:1px;background:var(--line);flex:1}
.rule svg{width:35px}
.intro-pair{display:grid;grid-template-columns:1.12fr 1fr;gap:22px;margin:0 0 2rem}
.intro-pair>section,.session{background:#fff9ef80;border:1px solid #ddbc9f;border-radius:12px;padding:clamp(18px,2.5vw,32px)}
.intro-about{display:grid;grid-template-columns:minmax(80px,30%) 1fr;gap:18px;align-items:center}
.intro-pair h2{font-size:clamp(1.7rem,2.6vw,2.5rem)}
.portrait-small{aspect-ratio:4/5;object-fit:cover;border-radius:10px;width:100%}
.tradition-teaser{display:flex;gap:1.5rem;align-items:center;padding:0 0 2rem}
.tradition-teaser p{margin-bottom:.35rem}
.reading,.contact{max-width:810px;margin:0 auto 2.8rem}
.reading>h3{margin-top:1.35em}
.reading>h2:not(:first-child){margin-top:1.2em}
.reading .session{margin:1.4rem 0}
.session dl{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1rem;margin:1rem 0;color:var(--muted)}
.session dt{font-weight:bold;color:var(--ink)}
.session dd{margin:0}
details{border-top:1px solid var(--line);padding-top:.75rem}
summary{cursor:pointer;color:var(--saffron)}
details[open]>:not(summary){animation:appear .22s ease both}
details ul{padding-left:1.3rem;columns:2}
.note,.form-note{font-size:.93rem;color:var(--muted)}
.contact h2,.center{text-align:center}
.contact form{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.25rem}
.contact label{display:grid;gap:.25rem}
input,select,textarea{min-width:0;width:100%;border:1px solid #b89175;border-radius:6px;background:#fffaf3;color:var(--ink);padding:.55rem .65rem}
textarea{resize:vertical}
.full{grid-column:1/-1}
.form-submit{text-align:center}
.form-submit p:empty{display:none}
.form-note{margin:0}
.trap{position:absolute;left:-9999px}
.direct{margin:1.4rem 0 0;overflow-wrap:anywhere}
.footer{padding:1rem 0 1.5rem;border-top:1px solid var(--line);display:flex;gap:.8rem 1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}
.back{display:inline-block;margin:1.5rem 0 0}
.about-hero{padding-top:2rem}
.about-hero figure{max-width:360px}
.about-photo{aspect-ratio:4/5}
.byline{color:var(--saffron)}
.subpage{padding-top:2rem}
.subpage section{margin-bottom:2rem}
.temple-links{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.4rem}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.gallery img{width:100%;border-radius:8px}
.certificate{max-width:min(100%,500px);margin:1rem 0}
[id]{scroll-margin-top:1rem}
@keyframes appear{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:920px){.masthead{display:grid;grid-template-columns:1fr auto}.masthead>nav:first-of-type{grid-row:2;grid-column:1/-1}.masthead .locale{grid-column:2;grid-row:1}.wrap{width:calc(100% - 46px)}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.masthead{gap:.6rem}.masthead nav{font-size:.85rem}.brand svg{width:28px}.brand{font-size:1.22rem}.masthead .locale{gap:.35rem;padding-left:.5rem}.hero,.intro-pair,.contact form{grid-template-columns:1fr}.hero{gap:1.5rem;padding:2rem 0}.hero figure{max-width:390px}.about-hero figure{order:2;max-width:280px}.tradition-teaser{gap:.9rem}.tradition-teaser>svg{width:32px}.session dl{grid-template-columns:1fr;gap:.2rem}.session dd{margin-bottom:.65rem}details ul{columns:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:440px){.masthead{grid-template-columns:1fr}.masthead .locale{grid-row:3;grid-column:1;border-left:0;padding-left:0}.masthead>nav:first-of-type{grid-row:2}.gallery{grid-template-columns:1fr}}

/* Decorative treatment is scoped to the public pages. */
.public-site {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  --ornament-size: clamp(58px, 8.5vw, 125px);
  background:
    url('/assets/paper-grain.webp') repeat,
    radial-gradient(ellipse at 49% 17%, #fffaf0 0%, #f9efdf 58%, #f4e5cf 100%);
}
.public-site::before,
.public-site::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  height: var(--ornament-size);
  z-index: -1;
  pointer-events: none;
  background:
    url('/assets/botanical-left.webp') top left / var(--ornament-size) auto no-repeat,
    url('/assets/botanical-right.webp') top right / var(--ornament-size) auto no-repeat;
  opacity: .76;
}
.public-site::before { top: 0; }
.public-site::after { bottom: 0; transform: rotate(180deg); }
.public-site .masthead {
  min-height: 78px;
  border-image: linear-gradient(90deg, transparent, #bb855b 16%, #bb855b 84%, transparent) 1;
}
.public-site .home-hero {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 72px);
  padding-block: clamp(24px, 3.5vw, 51px) clamp(25px, 3.1vw, 44px);
}
.public-site .home-hero h1 {
  font-size: clamp(3rem, 5.9vw, 5.65rem);
  margin-bottom: .26em;
}
.public-site .home-hero figure { max-width: 408px; }
.public-site .hero-art { position: relative; isolation: isolate; }
.public-site .hero-art::before,
.public-site .hero-art::after {
  content: "";
  position: absolute;
  width: clamp(84px, 13vw, 184px);
  aspect-ratio: 1;
  z-index: -1;
  bottom: 26px;
  pointer-events: none;
  background: url('/assets/botanical-left.webp') center / contain no-repeat;
  filter: grayscale(1) sepia(1) saturate(1.8);
  opacity: .16;
}
.public-site .hero-art::before { left: -22%; transform: rotate(-92deg); }
.public-site .hero-art::after { right: -20%; transform: rotate(84deg); }
.public-site .photo-mount {
  border-radius: 50% 50% 3px 3px / 30% 30% 3px 3px;
  padding: 5px;
  border: 1px solid #b97a48;
  box-shadow: 0 0 0 3px #fff6e8, 0 0 0 4px #d6ad85, 0 12px 30px #68402520;
  background: #fff7e9;
}
.public-site .hero-photo { border: 0; padding: 0; }
.public-site .hero-art figcaption { margin-top: .9rem; }
.public-site .rule { margin-bottom: 1.4rem; gap: 12px; }
.public-site .rule::before { background: linear-gradient(90deg, transparent, #bf875a); }
.public-site .rule::after { background: linear-gradient(90deg, #bf875a, transparent); }
.public-site .intro-pair > section,
.public-site .session {
  background: linear-gradient(145deg, #fff8ebdc, #f5e3cc80);
  border-color: #dcb99a;
  box-shadow: inset 0 0 0 3px #fff8ec75, 0 5px 16px #80532309;
}
.public-site .home-hero .text-link {
  border: 1px solid #b97a48;
  border-radius: 6px;
  text-decoration: none;
  padding: .7rem 1.25rem;
  color: var(--ink);
  background: #fff7e970;
}
.public-site .home-hero .text-link:hover { background: #f2e0c9; }
@media (max-width: 920px) {
  .public-site { --ornament-size: 50px; }
  .public-site::before, .public-site::after { opacity: .44; }
  .public-site .hero-art::before { left: -12%; }
  .public-site .hero-art::after { right: -10%; }
}
@media (max-width: 640px) {
  .public-site { --ornament-size: 39px; }
  .public-site .home-hero { grid-template-columns: minmax(0, 1fr); gap: 1.85rem; }
  .public-site .home-hero figure { width: min(100% - 20px, 325px); }
  .public-site .home-hero h1 { font-size: clamp(2.65rem, 10.6vw, 3.55rem); overflow-wrap: anywhere; }
  .public-site .hero-art::before, .public-site .hero-art::after { width: 80px; opacity: .12; }
}

/* The lattice is a quiet accent around panels and in the page margins. */
.public-site {
  --lattice:
    repeating-linear-gradient(60deg, #a971431f 0 1px, transparent 1px 24px),
    repeating-linear-gradient(-60deg, #a971431f 0 1px, transparent 1px 24px);
}
.public-site .about-hero {
  max-width: 960px;
  margin-inline: auto;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1fr);
  padding-block: 2rem 2.65rem;
}
.public-site .about-hero figure { width: min(100% - 14px, 330px); }
.public-site .about-photo { border: 0; padding: 0; }
.public-site .about-hero h1 { font-size: clamp(3rem, 5.8vw, 5.4rem); }
.public-site .byline { font-size: .95rem; letter-spacing: .105em; }
.editorial { max-width: 870px; }
.editorial-section { padding-block: 1rem; }
.editorial-section + .editorial-section { border-top: 1px solid #d4ab8790; }
.public-site .course-panel { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.2rem; margin-bottom: 0; }
.medallion {
  display: inline-grid;
  place-items: center;
  width: 61px;
  height: 61px;
  border: 1px solid #c69264;
  border-radius: 50%;
  color: var(--saffron);
  background: #fff8ed;
  box-shadow: 0 0 0 3px #fff8ed, 0 0 0 4px #d4ab87;
}
.medallion svg { width: 34px; }
.editorial-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
  padding-block: 1.3rem .25rem;
  border-top: 1px solid #d4ab8790;
  margin-top: 1.2rem;
}
.editorial-cta p { margin: 0; max-width: 52ch; }
.tradition-page { max-width: 960px; }
.tradition-lead {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  text-align: center;
  border: 1px solid #d6af8a;
  border-radius: 11px;
  box-shadow: inset 0 0 0 4px #fff9eeaa, 0 8px 24px #8053230c;
  background: linear-gradient(145deg, #fff9ee, #f6e5ce);
  padding: clamp(26px, 5vw, 55px) clamp(18px, 5vw, 55px);
  margin-bottom: 1.4rem;
}
.tradition-lead::before,
.tradition-lead::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block: 0;
  width: min(28%, 200px);
  background-image: var(--lattice);
  mask-image: linear-gradient(90deg, #000, transparent);
}
.tradition-lead::before { left: 0; }
.tradition-lead::after { right: 0; transform: scaleX(-1); }
.tradition-lead .medallion { margin: 0 0 1.2rem; }
.tradition-lead h1 { font-size: clamp(2.65rem, 6vw, 5.2rem); }
.tradition-lead p { max-width: 61ch; margin: 0 auto; }
.tradition-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; margin-bottom: .65rem; }
.tradition-grid section {
  margin: 0;
  border: 1px solid #ddbc9f;
  border-radius: 9px;
  background: #fff9efab;
  padding: clamp(16px, 2.6vw, 27px);
}
.tradition-grid h2 { font-size: clamp(1.6rem, 2.75vw, 2.6rem); }
.tradition-grid p { margin-bottom: 0; }
.tradition-page .editorial-section { margin-bottom: .4rem; }
.temple-links { margin-bottom: 0; }
.public-site .contact {
  position: relative;
  isolation: isolate;
  border: 1px solid #ddbc9f;
  border-radius: 12px;
  box-shadow: inset 0 0 0 3px #fff8ec90, 0 8px 22px #8053230d;
  background: linear-gradient(145deg, #fff8efc9, #f5e5ce73);
  padding: clamp(18px, 3.1vw, 36px);
}
.public-site .contact h2 { margin-bottom: .66em; }
@media (max-width: 640px) {
  .public-site .about-hero { grid-template-columns: minmax(0, 1fr); }
  .public-site .course-panel { grid-template-columns: 1fr; }
  .tradition-grid { grid-template-columns: 1fr; }
}

/* Homepage details repeat the arched frames and fine lattice from the inner pages. */
.public-site .home-hero {
  position: relative;
  isolation: isolate;
  gap: clamp(24px, 4vw, 58px);
  padding: clamp(26px, 4vw, 52px) clamp(22px, 4.6vw, 65px);
  margin-block: clamp(22px, 3vw, 38px) 1.35rem;
}
.home-hero::before,
.home-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.home-hero::before {
  inset: 0;
  border: 1px solid #c89b73;
  border-radius: 9px;
  box-shadow: inset 0 0 0 4px #fff9edc4, inset 0 0 0 5px #d9b99891, 0 10px 32px #67421b12;
  background: linear-gradient(120deg, #fff8ecb0 12%, #faeddb65 59%, #efd8ba9e);
}
.home-hero::after {
  inset: 6px;
  border-radius: 5px;
  background-image: var(--lattice);
  mask-image: radial-gradient(ellipse at top right, #000, transparent 48%), radial-gradient(ellipse at bottom left, #000a, transparent 42%);
}
.hero-copy h1::after {
  content: "";
  display: block;
  width: 86px;
  height: 8px;
  margin-top: .28em;
  background:
    linear-gradient(90deg, #a9602e, transparent) center / 100% 1px no-repeat,
    radial-gradient(circle, #ad6c3d 2px, transparent 2.6px) left center / 8px 8px no-repeat;
}
.public-site .home-hero .photo-mount,
.public-site .home-hero .hero-photo {
  border-radius: 24% 24% 3px 3px / 12% 12% 3px 3px;
}
.public-site .home-hero .hero-photo {
  height: auto;
  object-fit: contain;
}
.home-page .intro-pair { gap: 1.1rem; margin-bottom: 1.1rem; }
.home-page .intro-pair > section { position: relative; padding: clamp(17px, 2.8vw, 30px); }
.home-page .portrait-small {
  padding: 3px;
  border: 1px solid #c28d61;
  border-radius: 48% 48% 5px 5px / 26% 26% 5px 5px;
  background: #fff8ec;
}
.home-page .tradition-teaser {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(20px, 3.2vw, 35px);
  border: 1px solid #d3ad88;
  border-radius: 9px;
  background: linear-gradient(110deg, #fff9ed, #f0dbc19c);
  margin-bottom: 1.7rem;
}
.home-page .tradition-teaser::after,
.home-page .contact::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 auto;
  width: min(36%, 330px);
  background-image: var(--lattice);
  mask-image: linear-gradient(90deg, transparent, #000);
  pointer-events: none;
}
.home-page .tradition-teaser h2 { font-size: clamp(1.65rem, 3.1vw, 2.65rem); }
.home-page .tradition-teaser .medallion { flex: none; }
.home-page .consultation-section { max-width: 870px; }
.home-page .consultation-section > h2 { text-align: center; margin-bottom: .75em; }
.home-page .session dl {
  border-block: 1px solid #d4ab878a;
  padding-block: .8rem;
}
.home-page .session details { border-top: 0; padding-top: .1rem; }
.consultation-prep .note { margin-bottom: 0; }
.home-page .contact { max-width: 870px; overflow: hidden; }
.home-page .contact::after { opacity: .48; }
.footer-brand { display: inline-flex; align-items: center; gap: .4rem; }
.footer-brand svg { color: var(--saffron); width: 25px; height: 18px; }
@media (max-width: 640px) {
  .public-site .home-hero { padding: 24px 16px 20px; }
  .public-site .home-hero h1 { font-size: clamp(2.35rem, 9.8vw, 3.55rem); }
  .hero-copy .actions { gap: .6rem; }
  .hero-copy .actions a { padding: .56rem .8rem; }
  .home-page .tradition-teaser .medallion { width: 38px; height: 38px; }
  .home-page .tradition-teaser .medallion svg { width: 24px; }
}


/* Keep ornaments in the gutter unless the frame has a safe inset. */
.floral-frame {
  --vine-width: clamp(62px, 7.2vw, 116px);
  --vine-overlap: -8px;
  position: relative;
  isolation: isolate;
}
.floral-side {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--vine-width);
  max-height: 510px;
  z-index: 2;
  pointer-events: none;
  background: url('/assets/hanging-vine.webp') center top / contain no-repeat;
  opacity: .35;
  mask-image: linear-gradient(#000 54%, #0009 83%, transparent);
}
.floral-frame:has(> .home-hero) {
  --vine-overlap: clamp(9px, 1.7vw, 23px);
}
.floral-frame:not(:has(> .home-hero)) > .floral-side {
  /* Clip the corner sprig as well, so no petal can extend toward the text. */
  overflow: clip;
}
.floral-side-left { right: calc(100% - var(--vine-overlap)); }
.floral-side-right {
  left: calc(100% - var(--vine-overlap));
  top: 11px;
  max-height: 410px;
  transform: scaleX(-1);
  opacity: .27;
}
.floral-side::before {
  content: "";
  position: absolute;
  top: -6px;
  right: -8px;
  width: 55%;
  aspect-ratio: 1;
  background: url('/assets/botanical-left.webp') center / contain no-repeat;
  transform: rotate(11deg);
  opacity: .85;
}
.floral-side-right::before { transform: rotate(-10deg); }
.home-page > .floral-frame:has(> .intro-pair) { --vine-width: clamp(48px, 5.8vw, 84px); }
.home-page > .floral-frame:has(> .intro-pair) .floral-side-left { max-height: 325px; }
.home-page > .floral-frame:has(> .intro-pair) .floral-side-right { max-height: 260px; }

.home-page > .floral-frame:has(> .contact) { max-width: 870px; margin-inline: auto; }
.home-page .intro-pair > .intro-consultation { padding-inline-end: clamp(62px, 8.2vw, 110px); }
.intro-consultation .medallion {
  position: absolute;
  right: clamp(15px, 2.7vw, 30px);
  top: clamp(18px, 2.6vw, 30px);
  width: clamp(33px, 4.6vw, 53px);
  height: clamp(33px, 4.6vw, 53px);
}
.intro-consultation .medallion svg { width: 64%; }
@media (max-width: 1240px) {
  .floral-frame { --vine-width: 32px; }
  .home-page > .floral-frame:has(> .intro-pair) { --vine-width: 32px; }
}
@media (max-width: 920px) {
  .floral-frame,
  .home-page > .floral-frame:has(> .intro-pair) { --vine-width: 15px; --vine-overlap: -5px; }
}
@media (max-width: 640px) {
  .public-site main.wrap { width: calc(100% - 46px); }
  .floral-frame,
  .home-page > .floral-frame:has(> .intro-pair) { --vine-width: 15px; --vine-overlap: -5px; }
  .floral-frame:has(> .home-hero) { --vine-overlap: 3px; }
  .floral-side { opacity: .31; }
  .floral-side-right { opacity: .24; }
  .floral-side::before { right: -4px; }
}

/* Keep the prose centred between the vines; structured details stay easy to scan. */
.centered-copy {
  max-width: 66ch;
  margin-inline: auto;
  padding-inline: 1rem;
  text-align: center;
}
.centered-copy p { text-wrap: pretty; }

/* A soft trellis behind the vines, with the reading area left clear. */
.floral-frame::before,
.floral-frame::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(64px, 15vw, 235px);
  max-height: 710px;
  z-index: -1;
  pointer-events: none;
  background-image: var(--lattice);
  mask-image: radial-gradient(ellipse at center, #000 15%, transparent 72%);
  opacity: .9;
}
.floral-frame::before { right: calc(100% + 2px); }
.floral-frame::after { left: calc(100% + 2px); }
@media (max-width: 920px) {
  .floral-frame::before, .floral-frame::after { width: 44px; opacity: .68; }
}
@media (max-width: 640px) {
  .floral-frame::before, .floral-frame::after { width: 20px; opacity: .58; }
  .centered-copy { padding-inline: .35rem; }
}
html:has(> .public-site) { overflow-x: clip; }

@media (max-width: 640px) {
  .public-site h1 { overflow-wrap: anywhere; }
}

.enquiry-celebration {
  --spread: min(37vw, 250px);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  height: 123px;
  margin-top: 8px;
  color: #a75b2b;
}
.enquiry-lotus {
  position: absolute;
  z-index: 1;
  width: 32px;
  height: 52px;
  left: calc(50% - 16px);
  bottom: 15px;
}
.enquiry-lotus i, .enquiry-lotus i::after {
  position: absolute;
  inset: 0;
}
.enquiry-lotus i {
  background: currentColor;
  clip-path: path('M16 0 C34 17 38 39 16 52 C-6 39 -2 17 16 0 Z');
  transform-origin: 50% 100%;
  transform: rotate(var(--angle));
  animation: enquiry-unfold .85s cubic-bezier(.19,.74,.28,1) both;
}
.enquiry-lotus i::after {
  content: '';
  background: #f7e3c7;
  clip-path: path('M16 2 C32 18 36 39 16 50 C-4 39 0 18 16 2 Z');
}
.enquiry-wave, .enquiry-particle {
  position: absolute;
  top: 68%;
  left: 50%;
  opacity: 0;
}
.enquiry-wave {
  width: 80px;
  height: 80px;
  margin: -40px;
  border: 1px solid #c28b50;
  border-radius: 50%;
  animation: enquiry-wave 1.1s ease-out both;
}
.enquiry-particle {
  width: 9px;
  height: 15px;
  background: #c68849;
  clip-path: path('M4.5 0 C10 5 11 11 4.5 15 C-2 11 -1 5 4.5 0 Z');
  animation: enquiry-drift 1.45s var(--delay) ease-out both;
}
.enquiry-particle:nth-child(3n) { background: #94935c; }
.form-submit .enquiry-success {
  margin: 0 auto;
  padding: .65rem 1rem;
  width: fit-content;
  border: 1px solid #d8b88e;
  border-radius: .4rem;
  background: #f7e8cf;
  color: #48271c;
}
@keyframes enquiry-unfold {
  from { transform: rotate(0deg) scale(.3); opacity: 0; }
}
@keyframes enquiry-wave {
  from { transform: scale(.35); }
  24% { opacity: .58; }
  to { transform: scale(2.9); opacity: 0; }
}
@keyframes enquiry-drift {
  from { transform: scale(.25); }
  25% { opacity: .8; }
  to { transform: translate(calc(var(--x) * var(--spread)), var(--y)) rotate(var(--spin)); opacity: 0; }
}