:root{
  --bg:#071114;
  --deep:#0c191d;
  --ink:#fff1d1;
  --muted:#dfd0ae;
  --gold:#efc87a;
  --gold2:#b8782f;
  --teal:#74d4ca;
  --wine:#6b2530;
  --glass:rgba(9,20,24,.76);
  --paper:#fff8e9;
  --paperText:#2f170f;
  --radius:30px;
  --shadow:0 26px 70px rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--ink);
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 2%,rgba(116,212,202,.16),transparent 28%),
    radial-gradient(circle at 95% 8%,rgba(239,200,122,.18),transparent 24%),
    linear-gradient(180deg,#061012,#0b171a 42%,#102326 100%);
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.ambient,.grain,.floating-cards{position:fixed;inset:0;pointer-events:none;z-index:0}
.ambient:before,.ambient:after{content:"";position:absolute;border-radius:999px;filter:blur(70px);opacity:.28}
.ambient:before{width:380px;height:380px;background:#61cfc4;left:-120px;top:90px}
.ambient:after{width:420px;height:420px;background:#df9d48;right:-140px;bottom:130px}
.grain{opacity:.045;background-image:radial-gradient(rgba(255,255,255,.9) 1px, transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light}
.float-card{
  position:absolute;
  display:grid;
  place-items:center;
  width:64px;
  height:94px;
  border-radius:16px;
  color:rgba(255,225,160,.82);
  background:linear-gradient(155deg,rgba(17,50,54,.5),rgba(6,18,20,.72));
  border:1px solid rgba(255,225,166,.2);
  box-shadow:0 18px 38px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.04);
  font-style:normal;
  animation:floatCard 12s ease-in-out infinite;
}
.float-card:before{content:"";position:absolute;inset:8px;border-radius:11px;border:1px solid rgba(255,225,166,.18)}
.f1{left:5%;top:18%;transform:rotate(-16deg)}
.f2{right:7%;top:18%;transform:rotate(13deg);animation-duration:14s}
.f3{left:11%;bottom:15%;transform:rotate(10deg);animation-duration:15s}
.f4{right:12%;bottom:20%;transform:rotate(-11deg);animation-duration:13s}

.topbar,main,footer{position:relative;z-index:1}
.topbar{
  width:min(1220px,calc(100% - 28px));
  margin:16px auto 0;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-radius:24px;
  background:rgba(6,16,18,.78);
  border:1px solid rgba(255,226,174,.14);
  backdrop-filter:blur(14px);
}
.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:900}
.brand span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#fff1be,#af742f);color:#24150d}
nav{display:flex;gap:18px;flex-wrap:wrap}
nav a{font-weight:800;color:#f8e8c6;opacity:.93}
.top-phone{padding:12px 17px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,226,174,.19);font-weight:900;color:#ffebbd}
main,footer{width:min(1220px,calc(100% - 28px));margin:26px auto}
.glass,.light{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.glass{background:var(--glass);border:1px solid rgba(255,226,174,.14);backdrop-filter:blur(8px)}
.light{background:var(--paper);color:var(--paperText);border:1px solid rgba(88,59,39,.08)}
.ornate:before{content:"";position:absolute;inset:12px;border-radius:calc(var(--radius) - 10px);border:1px solid rgba(255,232,187,.18);pointer-events:none;z-index:3}
.ornate:after{content:"";position:absolute;right:22px;bottom:22px;width:86px;height:86px;border-right:1px solid rgba(221,170,82,.22);border-bottom:1px solid rgba(221,170,82,.22);border-radius:0 0 20px 0;pointer-events:none;z-index:3}
.light.ornate:before{border-color:rgba(105,74,49,.12)}

.hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:center;
  min-height:760px;
}
.hero-copy{padding:34px}
.label,.section-title span,.ritual-copy>span,.promise-inner span,.request-info span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:10px 15px;
  background:rgba(255,225,166,.09);
  border:1px solid rgba(255,225,166,.18);
  color:#ffdf9b;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:900;
}
.hero h1{
  font-size:clamp(54px,8vw,108px);
  line-height:.86;
  margin:22px 0 16px;
  color:#fff2cf;
  text-shadow:0 12px 34px rgba(0,0,0,.35);
}
.lead{font-size:clamp(20px,2.2vw,29px);line-height:1.38;color:#f2e2bd;max-width:660px;margin:0 0 24px}
.hero-tags,.contacts-mini,.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.hero-tags{margin-bottom:25px}
.hero-tags span,.contacts-mini a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,226,174,.16);
  color:#faeaca;
  font-weight:800;
}
.hero-actions{margin-bottom:24px}
.btn,button{
  appearance:none;
  border:none;
  border-radius:999px;
  padding:16px 25px;
  font:inherit;
  font-size:17px;
  font-weight:900;
  cursor:pointer;
  transition:.22s ease;
}
.btn.primary,button{background:linear-gradient(135deg,#fff0c3,#e7ba67 58%,#b87a2f);color:#29160f;box-shadow:0 14px 28px rgba(184,122,47,.24)}
.btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,226,174,.22);color:#fff0c8}
.btn:hover,button:hover{transform:translateY(-2px)}

.hero-visual{min-height:760px;padding:18px;display:grid;place-items:center}
.sigil{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(116,212,202,.12),transparent 64%);border:1px solid rgba(255,226,174,.14);box-shadow:0 0 0 20px rgba(255,255,255,.012);animation:pulse 6s ease-in-out infinite}
.orbit-card{
  position:absolute;
  display:grid;
  place-items:center;
  width:75px;
  height:110px;
  border-radius:18px;
  background:linear-gradient(155deg,#12363c,#0b2024);
  border:1px solid rgba(255,226,174,.22);
  box-shadow:0 18px 30px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.04);
  color:#efc87a;
  font-weight:900;
  font-size:28px;
  z-index:1;
}
.orbit-card:before{content:"";position:absolute;inset:8px;border-radius:12px;border:1px solid rgba(255,226,174,.18)}
.orbit-card:after{content:"";position:absolute;inset:23px;border-radius:50%;border:1px dashed rgba(255,226,174,.18)}
.oc1{left:7%;top:14%;transform:rotate(-14deg);animation:orbitA 8s ease-in-out infinite}
.oc2{right:7%;top:12%;transform:rotate(14deg);animation:orbitB 9s ease-in-out infinite}
.oc3{right:13%;bottom:15%;transform:rotate(18deg);animation:orbitC 8.5s ease-in-out infinite}
.portrait-frame{
  position:relative;
  width:min(470px,88%);
  padding:16px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(255,239,202,.96),rgba(216,175,95,.78) 24%,rgba(11,31,34,.98) 74%);
  box-shadow:0 34px 90px rgba(0,0,0,.48);
  z-index:2;
}
.portrait-frame:before{content:"";position:absolute;inset:10px;border-radius:28px;border:2px solid rgba(255,238,198,.74);z-index:3;pointer-events:none}
.portrait-frame:after{content:"";position:absolute;inset:28px;border-radius:22px;border:1px solid rgba(255,238,198,.28);z-index:3;pointer-events:none}
.portrait-frame img{position:relative;z-index:1;width:100%;height:615px;object-fit:cover;object-position:center 20%;border-radius:20px}
.portrait-note{position:absolute;z-index:4;left:32px;right:32px;bottom:26px;padding:13px 14px;border-radius:999px;background:rgba(255,249,233,.94);color:#31190f;text-align:center;font-weight:900}

.quick,.about,.services,.photo-story,.rituals,.promise,.reviews,.steps,.request{margin-top:72px}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quick article{padding:22px}.quick b{display:block;font-size:23px;margin-bottom:6px;color:#fff1c8}.quick span{color:#e2d2b1;line-height:1.5}
.section-title{margin-bottom:28px}
.section-title.centered{text-align:center}
.section-title h2{font-size:clamp(34px,5vw,62px);line-height:1.02;margin:18px 0 0;color:#fff3ce}
.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;align-items:center}
.image-panel,.photo-card,.ritual-image{padding:15px}
.image-panel img{width:100%;height:560px;object-fit:cover;border-radius:24px;object-position:center 18%}
.text-panel{padding:30px}
.text-panel p{font-size:18px;line-height:1.62;color:#56342a;margin:0 0 16px}
.mini-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.mini-list span{padding:10px 12px;border-radius:999px;background:#f9efdd;border:1px solid rgba(104,74,50,.1);color:#694331;font-weight:800}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{padding:24px;min-height:236px}
.service-card em{font-style:normal;font-size:30px;color:#b8782f;font-weight:900}
.service-card h3{font-size:24px;line-height:1.08;margin:12px 0;color:#331a10}
.service-card p{margin:0;font-size:17px;line-height:1.56;color:#654033}
.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.photo-card{min-height:610px}
.photo-card.wide{grid-column:1/-1;min-height:420px}
.photo-card img{width:100%;height:100%;object-fit:cover;border-radius:22px;object-position:center 20%}
.photo-card figcaption{position:absolute;z-index:4;left:28px;right:28px;bottom:28px;text-align:center;padding:13px;border-radius:999px;background:rgba(255,249,233,.92);color:#2e170f;font-weight:900}
.rituals{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:stretch}
.ritual-image img{width:100%;height:100%;min-height:560px;object-fit:cover;border-radius:24px}
.ritual-copy{padding:30px}
.ritual-copy h2{font-size:clamp(34px,4.8vw,58px);line-height:1;margin:18px 0;color:#341810}
.faq{display:grid;gap:14px}
.faq details{background:#fff8ea;border:1px solid rgba(113,77,51,.12);border-radius:18px;padding:14px 16px}
.faq summary{cursor:pointer;font-size:20px;font-weight:900;color:#32180f}
.faq p{margin:12px 0 4px;font-size:17px;line-height:1.55;color:#5d3b2f}
.promise-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;padding:28px}
.promise-inner h2{font-size:clamp(34px,5vw,60px);line-height:1;margin:18px 0;color:#341810}
.promise-inner p{font-size:20px;line-height:1.56;color:#5a382d}
.promise-inner img{width:100%;height:360px;object-fit:cover;border-radius:24px;object-position:center 20%}
.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.review-card{display:flex;gap:13px;padding:16px;border-radius:22px;background:rgba(255,248,233,.96);color:#32180f;border:1px solid rgba(98,66,42,.09);box-shadow:0 14px 36px rgba(0,0,0,.18)}
.review-card b{display:block;font-size:17px;margin-bottom:6px}
.review-card p{margin:0;font-size:14px;line-height:1.42;color:#634236}
.avatar{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background-image:url("assets/avatars.png");background-size:500% 400%;box-shadow:0 0 0 3px #f5e6c9}
.av1{background-position:0% 0%}.av2{background-position:25% 0%}.av3{background-position:50% 0%}.av4{background-position:75% 0%}.av5{background-position:100% 0%}
.av6{background-position:0% 33.333%}.av7{background-position:25% 33.333%}.av8{background-position:50% 33.333%}.av9{background-position:75% 33.333%}.av10{background-position:100% 33.333%}
.av11{background-position:0% 66.666%}.av12{background-position:25% 66.666%}.av13{background-position:50% 66.666%}.av14{background-position:75% 66.666%}.av15{background-position:100% 66.666%}
.av16{background-position:0% 100%}.av17{background-position:25% 100%}.av18{background-position:50% 100%}.av19{background-position:75% 100%}.av20{background-position:100% 100%}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.steps-grid article{padding:26px}
.steps-grid i{font-style:normal;font-size:40px;font-weight:900;color:#ffd67c}
.steps-grid b{display:block;font-size:23px;margin:14px 0 10px;color:#fff2ce}
.steps-grid p{margin:0;font-size:17px;line-height:1.55;color:#e3d3b2}
.request{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin-bottom:70px}
.request-info,.form{padding:30px}
.request-info h2{font-size:clamp(40px,4.6vw,68px);line-height:.96;margin:18px 0;color:#341810}
.request-info p{font-size:18px;line-height:1.56;color:#5e3c30}
.big-phone{display:block;font-size:clamp(28px,4vw,42px);font-weight:900;color:#865516;margin:18px 0 20px}
.contacts-mini.dark a{background:#fff7e6;color:#5b382c;border-color:rgba(96,67,46,.1)}
.form{display:grid;gap:14px}
.form label{display:grid;gap:8px;font-weight:800;color:#331a10}
.form input,.form select,.form textarea{width:100%;padding:15px 16px;border-radius:16px;border:1px solid rgba(98,66,42,.18);background:#fffdf8;font:inherit;font-size:17px;color:#28140f}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:#c78c39;box-shadow:0 0 0 4px rgba(199,140,57,.12)}
.form small{color:#6d4639;line-height:1.4}
footer{padding:26px;border-top:1px solid rgba(255,226,174,.12);display:flex;justify-content:space-between;gap:16px;color:#e5d4ae}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}
@keyframes pulse{50%{transform:scale(1.04)}}
@keyframes floatCard{50%{transform:translateY(-18px) rotate(6deg)}}
@keyframes orbitA{50%{transform:translateY(-12px) rotate(-20deg)}}
@keyframes orbitB{50%{transform:translateY(10px) rotate(18deg)}}
@keyframes orbitC{50%{transform:translateY(-10px) rotate(24deg)}}
@media (max-width:1100px){
  .hero,.about-grid,.rituals,.promise-inner,.request{grid-template-columns:1fr}
  .quick,.service-grid,.steps-grid,.review-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .topbar{width:calc(100% - 18px);padding:14px;align-items:flex-start;flex-wrap:wrap}
  .brand{font-size:26px}
  nav{width:100%;overflow:auto;padding-bottom:4px;gap:12px}
  .top-phone{width:100%;text-align:center}
  main,footer{width:calc(100% - 18px);margin:18px auto}
  .quick,.about,.services,.photo-story,.rituals,.promise,.reviews,.steps,.request{margin-top:34px}
  .hero{grid-template-columns:1fr;min-height:0;gap:18px}
  .hero-copy,.request-info,.form,.text-panel,.ritual-copy,.promise-inner{padding:20px}
  .hero h1{font-size:54px;letter-spacing:-.045em}
  .lead{font-size:20px}
  .contacts-mini a{flex:1;min-width:135px}
  .hero-visual{min-height:0;padding:14px}
  .portrait-frame{width:min(420px,100%);padding:12px;border-radius:28px}
  .portrait-frame img{height:500px}
  .portrait-note{left:22px;right:22px;bottom:22px;font-size:14px}
  .sigil{width:92%}
  .orbit-card{width:58px;height:84px;font-size:22px}
  .oc1{left:2%;top:8%}.oc2{right:3%;top:10%}.oc3{right:8%;bottom:10%}
  .section-title h2,.ritual-copy h2,.promise-inner h2,.request-info h2{font-size:37px}
  .quick,.service-grid,.photo-grid,.steps-grid,.review-grid{grid-template-columns:1fr}
  .photo-card,.photo-card.wide{min-height:430px}
  .image-panel img,.ritual-image img{height:430px;min-height:0}
  .promise-inner img{height:300px}
  .review-card{align-items:flex-start}
  footer{display:grid;text-align:center}
}

/* Floating MAX contact */
.floating-max{position:fixed;right:18px;bottom:22px;z-index:50;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:999px;background:linear-gradient(135deg,#fff7df,#e9bf70);color:#2a170f;text-decoration:none;box-shadow:0 14px 38px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.5);animation:maxFloat 2.8s ease-in-out infinite}
.floating-max strong{font-size:18px;letter-spacing:.04em}.floating-max span{font-size:13px;font-weight:800;opacity:.82}
.floating-max:hover{transform:translateY(-3px)}
.copy-toast{position:fixed;right:18px;bottom:86px;z-index:60;max-width:290px;padding:12px 15px;border-radius:14px;background:#fff8e8;color:#32180f;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s}
.copy-toast.show{opacity:1;transform:none}
@keyframes maxFloat{50%{transform:translateY(-7px)}}
@media (max-width:760px){.hero-visual{order:-1}.floating-max{right:12px;bottom:12px}.floating-max span{display:none}.floating-max{width:60px;height:60px;justify-content:center;padding:0}.copy-toast{right:12px;left:12px;bottom:82px;max-width:none;text-align:center}}

/* Contact request modal */
.contact-request{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,226,174,.16);color:#faeaca;font:inherit;font-weight:800;cursor:pointer;box-shadow:none;font-size:inherit}
.contacts-mini.dark .contact-request{background:#fff7e6;color:#5b382c;border-color:rgba(96,67,46,.1)}
.footer-request{padding:8px 14px;font-size:15px}.request-modal[hidden]{display:none}
.request-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px}
.request-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}
.request-modal-panel{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:26px;padding:28px;background:#fff8e9;color:#32180f;box-shadow:0 24px 90px rgba(0,0,0,.5);border:1px solid #e6c58d}
.request-modal-panel h2{font-size:clamp(30px,6vw,40px);margin:10px 0}.request-modal-panel>p{line-height:1.5;margin:0 0 15px}.request-modal-kicker{color:#956021;font-weight:900}
.request-modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;padding:0;border-radius:50%;font-size:27px;line-height:1;background:#eee0c5;color:#32180f;box-shadow:none}
.lead-form{padding:0}.lead-form button[type=submit]{width:100%}.lead-status{margin:0;min-height:1.4em;font-weight:800;color:#61401c}.lead-status.error{color:#a02c25}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
body.modal-open{overflow:hidden}@media(max-width:760px){.contacts-mini .contact-request{flex:1;min-width:135px}.request-modal-panel{padding:23px}}