@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.grow{flex-grow:1}}

:root{
  --ivory:#080e26;           /* Body Background - Premium Dark Royal Blue */
  --paper:#0f1738;           /* Card Background - Deep Indigo Navy */
  --mist:#141d47;            /* Background bands - Rich Deep Navy */
  --sage:#d9c494;            /* Primary Accent - Warm Antique Gold */
  --moss:#bda168;            /* Root moss and primary highlights - Deep Gold */
  --forest:#90e0ef;          /* Text accent / luminous sky - Ice Blue */
  --deep:#ffffff;            /* Title text - Pure White */
  --earth:#e9d5a1;           /* Eyebrow / founder text - Luminous Gold */
  --clay:#e0f2f1;            /* Secondary detailing */
  --champagne:#f1e4c3;       /* Accents / dots - Light Soft Gold */
  --ink:#e2e8f0;             /* Body text - High-contrast light silver */
  --muted:#94a3b8;           /* Muted text - Slate grey */
  --line:rgba(217, 196, 148, 0.12); /* Subtle Gold-Tinted Borders */
  --shadow:0 24px 70px rgba(0, 0, 0, 0.65);
  --serif:Georgia, "Times New Roman", serif;
  --sans:'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  background:var(--ivory);
  color:var(--ink);
  font-family:var(--sans);
  margin:0;
  line-height:1.65;
  overflow-x: hidden;
}

body:before{
  content:"";
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(circle at 12% 8%, rgba(217, 196, 148, 0.08), transparent 45rem),
             radial-gradient(circle at 88% 4%, rgba(83, 179, 203, 0.12), transparent 45rem);
  height:54rem;
  position:fixed;
  inset:0 0 auto;
}

a{color:inherit;text-decoration:none}
img{object-fit:cover;width:100%;height:100%;display:block}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline-offset:4px;outline:3px solid var(--sage)}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: var(--ivory);
}
::-webkit-scrollbar-thumb {
  background: var(--moss);
  border-radius: 5px;
  border: 2px solid var(--ivory);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--sage);
}

/* Custom Cursor Dot & Circle */
.custom-cursor-dot {
  width: 8px;
  height: 8px;
  background-color: var(--sage);
  border-radius: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 9999;
  transition: width 0.2s, height 0.2s, background-color 0.2s;
}
.custom-cursor-circle {
  width: 32px;
  height: 32px;
  border: 1.5px solid var(--sage);
  border-radius: 50%;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 9998;
  transition: width 0.3s, height 0.3s, border-color 0.3s, background-color 0.3s;
}
/* Custom Cursor States on Hover */
.custom-cursor-hover .custom-cursor-dot {
  width: 4px;
  height: 4px;
  background-color: var(--deep);
}
.custom-cursor-hover .custom-cursor-circle {
  width: 52px;
  height: 52px;
  border-color: var(--earth);
  background-color: rgba(217, 196, 148, 0.1);
}
@media (max-width: 1024px) {
  .custom-cursor-dot, .custom-cursor-circle {
    display: none !important;
  }
}

.site-header{
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  z-index:30;
  background:rgba(15, 23, 56, 0.85);
  border:1px solid var(--line);
  border-radius:999px;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:1rem;
  padding:.7rem .75rem .7rem 1.2rem;
  display:grid;
  position:sticky;
  top:1rem;
  left:clamp(1rem,4vw,3rem);
  right:clamp(1rem,4vw,3rem);
  box-shadow:0 18px 50px rgba(0, 0, 0, 0.5);
  margin: 0 clamp(1rem,4vw,3rem);
}
.brand{text-transform:uppercase;min-width:13rem;line-height:1.1;display:grid}
.brand span{color:var(--sage);font-family:var(--serif);letter-spacing:.08em;font-size:1rem;font-weight:700}
.brand small{color:var(--earth);letter-spacing:.11em;margin-top:.25rem;font-size:.64rem}
nav{align-items:center;gap:clamp(.65rem,1.6vw,1.4rem);display:flex}
nav a{color:var(--forest);opacity:.82;font-size:.86rem;font-weight:650;transition: opacity 0.2s;}
nav a:hover{opacity:1;color:var(--sage)}

.button,.mobile-cta a{
  border-radius:999px;
  justify-content:center;
  align-items:center;
  min-height:3rem;
  padding:.86rem 1.25rem;
  font-size:.94rem;
  font-weight:760;
  transition:transform .18s,box-shadow .18s,background .18s;
  display:inline-flex;
  cursor: pointer;
}
.button:hover,.mobile-cta a:hover{transform:translateY(-2px)}
.button.primary,.mobile-cta a:first-child{background:var(--moss);color:var(--ivory);box-shadow:0 16px 34px rgba(189, 161, 104, 0.25)}
.button.primary:hover{background:var(--sage)}
.button.secondary,.mobile-cta a:last-child{border:1px solid var(--line);color:var(--forest);background:rgba(15, 23, 56, 0.6)}
.button.secondary:hover{background:var(--mist);border-color:var(--sage);color:var(--sage)}
.button.soft{background:var(--mist);color:var(--sage)}
.button.soft:hover{background:var(--line);color:var(--deep)}

.button-row,.center-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}
.center-actions{justify-content:center;margin-top:2.2rem}
.section-shell{width:100%;max-width:1180px;margin:0 auto;padding:clamp(4.5rem,8vw,8rem) clamp(1.1rem,4vw,2rem)}
.hero{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.95fr);align-items:center;gap:clamp(2.5rem,6vw,5rem);min-height:calc(100vh - 5rem);padding-top:clamp(4rem,7vw,6.5rem);display:grid}
.eyebrow{color:var(--earth);letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:800}
h1,h2,h3,p{margin-top:0}
h1,h2{color:var(--deep);font-family:var(--serif);font-weight:700;line-height:.98}
h1{letter-spacing:0;max-width:10ch;margin-bottom:1.4rem;font-size:clamp(3.7rem,8vw,7.8rem)}
h2{letter-spacing:0;margin-bottom:1.2rem;font-size:clamp(2.25rem,5vw,4.6rem)}
h3{color:var(--sage);font-family:var(--serif);margin-bottom:.7rem;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.12}
p{color:var(--ink);font-size:1rem;opacity:0.88;line-height:1.7}
.lead{color:var(--forest);font-family:var(--serif);font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1.22}
.hero-copy>p:not(.eyebrow):not(.lead){max-width:42rem;font-size:1.08rem;color:var(--ink);opacity:0.88}

.hero-founder{border-left:3px solid var(--sage);gap:.15rem;margin:1.8rem 0;padding-left:1rem;display:grid}
.hero-founder strong{color:var(--deep);font-size:1.05rem}
.hero-founder span{color:var(--earth);font-size:.93rem}
.hero-visual{min-height:38rem;position:relative}

.portrait-card{box-shadow:var(--shadow);z-index:2;background:rgba(15, 23, 56, 0.85);border:1px solid var(--line);border-radius:2rem;padding:.85rem;position:relative;overflow:hidden}
.portrait-placeholder{
  aspect-ratio:4/5;
  color:var(--deep);
  text-shadow:0 2px 18px rgba(0, 0, 0, 0.7);
  background-color:#0000;
  background-image:linear-gradient(rgba(15, 23, 56, 0.4),rgba(15, 23, 56, 0.2)),url(images/portrait_placeholder.jpg);
  background-position:50%;
  background-repeat:repeat,repeat;
  background-size:cover;
  background-attachment:scroll,scroll;
  background-origin:padding-box,padding-box;
  background-clip:border-box,border-box;
  border-radius:1.4rem;
  flex-direction:column;
  justify-content:end;
  align-items:center;
  min-height:32rem;
  padding:1.6rem;
  display:flex;
}
.portrait-placeholder span{font-family:var(--serif);max-width:12ch;font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.05}
.portrait-placeholder small{color:var(--sage);letter-spacing:.12em;text-transform:uppercase;margin-top:.8rem;font-size:.82rem;font-weight:700}
.portrait-caption{gap:.2rem;padding:1.15rem .75rem .45rem;display:grid}
.portrait-caption strong{color:var(--deep)}
.portrait-caption span{color:var(--muted);font-size:.92rem}

.leaf-panel{background:rgba(217, 196, 148, 0.15);filter:blur(.1px);opacity:.3;z-index:1;border-radius:999px 999px 999px 3rem;position:absolute}
.leaf-panel.one{width:8rem;height:16rem;top:6rem;left:-2rem;transform:rotate(-28deg)}
.leaf-panel.two{background:rgba(83, 179, 203, 0.2);width:6rem;height:12rem;bottom:3rem;right:-1rem;transform:rotate(34deg)}

.section-intro{text-align:center;max-width:760px;margin:0 auto clamp(2rem,4vw,3.4rem)}
.intro-copy p{font-size:1.05rem}
.card-grid,.approach-grid,.gst-grid,.process-grid,.video-grid,.testimonial-grid{gap:1rem;display:grid}
.problem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* 3D card tilts, spotlights & animations */
.calm-card, .approach-card, .testimonial-card, .video-card, .process-step, .gst-card, .booking-card, .nature-copy, .community-panel {
  border: 1px solid rgba(217, 196, 148, 0.25);
  background: rgba(15, 23, 56, 0.65);
  border-radius: 1.2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  transform: perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale3d(1, 1, 1);
  transition: transform 0.12s ease-out, box-shadow 0.3s ease, border-color 0.3s ease;
}

.calm-card:hover, .approach-card:hover, .testimonial-card:hover, .video-card:hover, .process-step:hover, .gst-card:hover, .booking-card:hover, .nature-copy:hover, .community-panel:hover {
  border-color: var(--sage);
  background: rgba(23, 33, 75, 0.95);
  box-shadow: 0 35px 70px rgba(0, 0, 0, 0.6), 0 0 40px rgba(217, 196, 148, 0.15);
  transform: perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale3d(1.06, 1.06, 1.06);
}

/* 3D Parallax layers for children elements */
.calm-card .card-mark,
.approach-card .line-icon,
.gst-card span,
.process-step span,
.video-card .video-thumb,
.testimonial-card .video-testimonial,
.booking-card h3 {
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transform: translateZ(0px);
}
.calm-card:hover .card-mark,
.approach-card:hover .line-icon,
.gst-card:hover span,
.process-step:hover span,
.video-card:hover .video-thumb,
.testimonial-card:hover .video-testimonial,
.booking-card:hover h3 {
  transform: translateZ(65px);
}

.calm-card h3, .approach-card h3, .gst-card h3, .process-step h3, .video-card h3, .testimonial-card strong, .booking-card dl {
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transform: translateZ(0px);
}
.calm-card:hover h3, .approach-card:hover h3, .gst-card:hover h3, .process-step:hover h3, .video-card:hover h3, .testimonial-card:hover strong, .booking-card:hover dl {
  transform: translateZ(45px);
}

.calm-card p, .approach-card p, .gst-card p, .process-step p, .video-card p, .testimonial-card p, .testimonial-card span, .booking-card p {
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transform: translateZ(0px);
}
.calm-card:hover p, .approach-card:hover p, .gst-card:hover p, .process-step:hover p, .video-card:hover p, .testimonial-card:hover p, .testimonial-card:hover span, .booking-card:hover p {
  transform: translateZ(25px);
}

/* Spotlight overlay */
.calm-card::before, .approach-card::before, .testimonial-card::before, .video-card::before, .process-step::before, .gst-card::before, .booking-card::before, .nature-copy::before, .community-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle 140px at var(--mx, -200px) var(--my, -200px), rgba(255, 255, 255, 0.08), transparent 85%);
  pointer-events: none;
  z-index: 5;
}

.calm-card,.approach-card,.testimonial-card,.video-card,.process-step{padding:1.35rem}
.card-mark,.line-icon{background:linear-gradient(135deg, var(--sage), var(--moss));border-radius:999px;width:3.2rem;height:.38rem;margin-bottom:1.2rem;display:block}
.center-note,.training-note,.micro-disclaimer{color:var(--sage);font-family:var(--serif);text-align:center;max-width:720px;margin:2rem auto 0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.35}
.training-note,.micro-disclaimer{color:var(--muted);font-family:var(--sans);font-size:.95rem}

.section-band{background:linear-gradient(120deg, rgba(8, 14, 38, 0.96), rgba(15, 23, 56, 0.9)), var(--mist)}
.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}
.split p{font-size:1.04rem}
.root-quote,blockquote{color:var(--sage);font-family:var(--serif);margin:1.6rem 0;font-size:clamp(1.45rem,2.8vw,2.25rem);line-height:1.18}

.root-visual{
  aspect-ratio:1;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  background:radial-gradient(circle at 50% 28%, rgba(217, 196, 148, 0.15), transparent 12rem),rgba(15, 23, 56, 0.85);
  border-radius:2rem;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:2rem;
  display:flex;
  overflow:hidden;
}
.plant-top{justify-content:center;gap:.3rem;width:14rem;height:9rem;display:flex;position:relative}
.plant-top:after{background:var(--moss);content:"";border-radius:999px;width:.35rem;height:8rem;position:absolute;bottom:0}
.plant-top span{background:linear-gradient(135deg, var(--sage), var(--moss));border-radius:100% 0;width:2.7rem;height:4.7rem;position:relative;top:2rem}
.plant-top span:first-child{transform:rotate(-42deg)}
.plant-top span:nth-child(2){top:.8rem;transform:rotate(4deg)}
.plant-top span:last-child{transform:rotate(42deg)scaleX(-1)}
.ground-line{background:var(--sage);opacity:.45;width:82%;height:1px}
.roots{width:15rem;height:9rem;position:relative}
.roots span{background:var(--sage);opacity:.72;transform-origin:top;border-radius:999px;width:2px;height:7rem;position:absolute;top:0;left:50%}
.roots span:first-child{transform:rotate(-44deg)}
.roots span:nth-child(2){transform:rotate(-22deg)}
.roots span:nth-child(3){height:8.2rem}
.roots span:nth-child(4){transform:rotate(22deg)}
.roots span:last-child{transform:rotate(44deg)}
.root-labels{color:var(--sage);letter-spacing:.09em;text-transform:uppercase;gap:1rem;font-size:.82rem;font-weight:800;display:flex}

.founder{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}
.founder-image,.nature-image{box-shadow:var(--shadow);border-radius:1.6rem;overflow:hidden;border: 1px solid var(--line);}
.founder-image{aspect-ratio:4/5}
.placeholder-note{color:var(--earth);background:rgba(20, 29, 71, 0.65);border:1px dashed var(--line);border-radius:.9rem;padding:.9rem 1rem;font-size:.95rem}
.approach-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.approach-card:last-child{grid-column:span 2}

.gst-section{position:relative;overflow:hidden}
.gst-section:before{content:"";background:rgba(217, 196, 148, 0.04);border-radius:999px;width:21rem;height:21rem;position:absolute;top:7rem;left:50%;transform:translate(-50%)}
.gst-grid{grid-template-columns:repeat(3,minmax(0,1fr));position:relative}
.gst-card{text-align:center;padding:2rem}
.gst-card span{background:var(--moss);color:var(--ivory);font-family:var(--serif);border-radius:999px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:1.2rem;font-size:2rem;display:inline-flex;font-weight:700}

.narrow{max-width:620px}
.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.process-step{min-height:16rem;position:relative}
.process-step span{color:var(--sage);font-family:var(--serif);font-size:3rem;line-height:1}

.sessions{
  background-color:#0000;
  background-image:linear-gradient(rgba(8, 14, 38, 0.9),rgba(8, 14, 38, 0.82)),url(images/sessions_bg.jpg);
  background-position:50%;
  background-repeat:repeat,repeat;
  background-size:cover;
  background-attachment:fixed;
  background-origin:padding-box,padding-box;
  background-clip:border-box,border-box;
}
.sessions h2,.sessions h3,.sessions .eyebrow,.sessions p,.sessions li,.sessions dt,.sessions dd{color:var(--deep)}
.sessions p,.sessions li{opacity:.88}
.check-list{gap:.55rem;margin:1rem 0 1.6rem;padding:0;list-style:none;display:grid}
.check-list li{padding-left:1.4rem;position:relative}
.check-list li:before{background:var(--sage);content:"";border-radius:999px;width:.45rem;height:.45rem;position:absolute;top:.75rem;left:0}

.booking-card{background:rgba(255, 255, 255, 0.04);border-color:rgba(255, 255, 255, 0.12);padding:clamp(1.4rem,4vw,2.2rem)}
.booking-card dl{gap:.85rem;margin:1.4rem 0;display:grid}
.booking-card dl div{border-bottom:1px solid rgba(255, 255, 255, 0.12);padding-bottom:.85rem}
.booking-card dt{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800;color:var(--earth)}
.booking-card dd{font-family:var(--serif);margin:.2rem 0 0;font-size:1.4rem;color:var(--sage)}

.nature-layout{grid-template-columns:1.25fr .9fr;gap:1rem;display:grid}
.nature-image{aspect-ratio:1/.78}
.nature-image.large{grid-row:span 2}
.nature-copy{background:rgba(15, 23, 56, 0.65);border:1px solid var(--line);border-radius:1.6rem;align-content:center;padding:clamp(1.4rem,4vw,2.3rem);display:grid;box-shadow:var(--shadow)}

.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.video-thumb{
  aspect-ratio:16/10;
  color:var(--deep);
  font-family:var(--serif);
  background-color:#0000;
  background-image:linear-gradient(rgba(15, 23, 56, 0.6),rgba(15, 23, 56, 0.2)),url(images/video_thumb.jpg);
  background-position:50%;
  background-repeat:repeat,repeat;
  background-size:cover;
  background-attachment:scroll,scroll;
  background-origin:padding-box,padding-box;
  background-clip:border-box,border-box;
  border-radius:.85rem;
  justify-content:center;
  align-items:center;
  margin-bottom:1rem;
  font-size:1.35rem;
  display:flex;
  border: 1px solid var(--line);
}

.community-panel{
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  background-color:#0000;
  background-image:linear-gradient(90deg,rgba(15, 23, 56, 0.95),rgba(15, 23, 56, 0.72)),url(images/community_bg.jpg);
  background-position:50%;
  background-repeat:repeat,repeat;
  background-size:cover;
  background-attachment:scroll,scroll;
  background-origin:padding-box,padding-box;
  background-clip:border-box,border-box;
  border-radius:1.8rem;
  padding:clamp(2rem,6vw,4.2rem);
}
.community-panel h2,.community-panel p{max-width:650px}
.benefit-list{flex-wrap:wrap;gap:.65rem;max-width:760px;margin:1.6rem 0 1.9rem;display:flex}
.benefit-list span{border:1px solid var(--line);color:var(--deep);background:rgba(217, 196, 148, 0.15);border-radius:999px;padding:.55rem .82rem;font-size:.9rem;font-weight:700}

.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.testimonial-card p{color:var(--deep);font-family:var(--serif);font-size:1.35rem;line-height:1.28}
.testimonial-card strong,.testimonial-card span{display:block}
.testimonial-card strong{color:var(--sage);margin-top:1.3rem}
.testimonial-card span{color:var(--muted)}
.video-testimonial{background:rgba(255, 255, 255, 0.03);color:var(--earth);border:1px dashed var(--line);border-radius:.8rem;justify-content:center;align-items:center;min-height:5.5rem;margin-top:1.2rem;font-size:.85rem;font-weight:700;display:flex}

.faq-list{gap:.8rem;max-width:880px;margin:0 auto;display:grid}
.faq-item{border:1px solid var(--line);background:rgba(15, 23, 56, 0.65);border-radius:1rem;padding:1rem 1.2rem}
.faq-item summary{color:var(--deep);cursor:pointer;font-weight:800;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";float:right;color:var(--sage)}
.faq-item[open] summary:after{content:"-";color:var(--moss)}
.faq-item p{margin:.8rem 0 0;color:var(--ink);opacity:0.9}

.final-cta{
  background-color:#0000;
  background-image:linear-gradient(rgba(8, 14, 38, 0.7),rgba(8, 14, 38, 0.85)),url(images/final_cta_bg.jpg);
  background-position:50%;
  background-repeat:repeat,repeat;
  background-size:cover;
  background-attachment:scroll,scroll;
  background-origin:padding-box,padding-box;
  background-clip:border-box,border-box;
  border-top: 1px solid var(--line);
}
.final-cta-inner{min-height:30rem}
.final-cta h2,.final-cta p,.final-cta .eyebrow{color:var(--deep);max-width:760px}
.final-cta h2{font-size:clamp(2.8rem,6vw,6rem)}

.site-footer{background:#040714;color:var(--ink);padding:clamp(3rem,6vw,5rem) clamp(1.1rem,4vw,2rem) 6rem;border-top: 1px solid var(--line);}
.footer-main{grid-template-columns:1.7fr repeat(3,1fr);gap:2rem;max-width:1180px;margin:0 auto;display:grid}
.site-footer h2,.site-footer h3,.site-footer p,.site-footer a,.site-footer span{color:var(--deep)}
.site-footer h2{font-size:2rem;color:var(--sage)}
.site-footer h3{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:var(--earth)}
.site-footer a{opacity:.78;margin:.45rem 0;display:block;transition: opacity 0.2s;}
.site-footer a:hover{opacity:1;color:var(--sage)}
.footer-disclaimer{background:rgba(255, 255, 255, 0.03);border:1px solid var(--line);border-radius:1rem;max-width:620px;margin-top:1.2rem;padding:1rem;font-size:.86rem;color:var(--muted);opacity:0.85}
.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:2.5rem auto 0;padding-top:1.3rem;display:flex}
.footer-bottom div{flex-wrap:wrap;gap:1rem;display:flex}
.footer-bottom a{margin:0;font-size:.86rem}

.mobile-cta{display:none}

/* IntersectionObserver reveal animations - repeatable triggers */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), 
              transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Opt-In Pop-Up Form Styles */
.optin-modal-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(4, 7, 20, 0.8);
  backdrop-filter: blur(8px);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  padding: 1rem;
}
.optin-modal-overlay.active {
  opacity: 1;
  pointer-events: auto;
}
.optin-modal-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 2rem;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.8), 0 0 50px rgba(217, 196, 148, 0.1);
  width: 100%;
  max-width: 520px;
  padding: clamp(2rem, 5vw, 3rem);
  position: relative;
  transform: scale(0.9) translateY(20px);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.optin-modal-overlay.active .optin-modal-card {
  transform: scale(1) translateY(0);
}
.optin-modal-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background: transparent;
  color: var(--muted);
  border: none;
  font-size: 2.2rem;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s;
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.optin-modal-close:hover {
  color: var(--sage);
}
.optin-modal-eyebrow {
  color: var(--earth);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 800;
  display: block;
  margin-bottom: 0.5rem;
}
.optin-modal-header {
  margin-bottom: 2rem;
}
.optin-form {
  display: grid;
  gap: 1.2rem;
}
.form-group {
  display: grid;
  gap: 0.4rem;
}
.form-group label {
  color: var(--earth);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.form-group input {
  background: rgba(8, 14, 38, 0.6);
  border: 1px solid var(--line);
  border-radius: 0.85rem;
  padding: 0.85rem 1.1rem;
  color: var(--deep);
  font-size: 0.95rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-group input:focus {
  outline: none;
  border-color: var(--sage);
  box-shadow: 0 0 10px rgba(217, 196, 148, 0.15);
}
.optin-submit-btn {
  border: none;
}
.optin-success-state button {
  border: none;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .button,.mobile-cta a{transition:none;transform:none}
}

/* ==========================================
   MOBILE & VIEWPORT OPTIMIZATIONS
   ========================================== */

/* Tablet & Smaller Desktops */
@media (max-width:1060px){
  .site-header{border-radius:1.3rem;grid-template-columns:1fr auto;margin:0 1rem;left:1rem;right:1rem}
  .site-header nav{order:3;grid-column:1/-1;justify-content:center}
  .hero,.split,.founder,.nature-layout{grid-template-columns:1fr}
  .hero,.hero-visual{min-height:auto}
  .portrait-placeholder{min-height:28rem}
  .problem-grid,.approach-grid,.process-grid,.video-grid,.testimonial-grid,.gst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .approach-card:last-child{grid-column:auto}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  .nature-image.large { grid-row: auto; }
  .nature-layout { grid-template-columns: 1fr; }
}

/* Mobile Optimizations (Passes all design parameters) */
@media (max-width:720px){
  body{padding-bottom:4.6rem}
  
  .site-header{
    border-radius:1.1rem;
    align-items:start;
    padding:.85rem;
    top:.75rem;
    left:.75rem;
    right:.75rem;
    margin:0;
  }
  .brand{min-width:0}
  .brand span{font-size:.84rem}
  .brand small{display:none}
  .site-header>.button{min-height:2.5rem;padding:.62rem .8rem;font-size:0.8rem}
  nav{justify-content:start;gap:.45rem;padding-bottom:.1rem;overflow-x:auto}
  nav a{flex:none;font-size:.78rem}
  
  .section-shell{padding:3.5rem 1rem}
  .hero{padding-top:2.5rem}
  h1{font-size:clamp(2.6rem,12vw,3.8rem);line-height:1.05;margin-bottom:1.1rem}
  h2{font-size:clamp(1.85rem,8vw,2.5rem);line-height:1.1;margin-bottom:0.9rem}
  h3{font-size:1.35rem;line-height:1.2;margin-bottom:0.5rem}
  p{font-size:0.95rem;line-height:1.6;opacity:0.9}
  .lead{font-size:1.25rem;line-height:1.35;margin-bottom:1.2rem}
  .hero-founder{margin:1.4rem 0}
  
  .button-row{flex-direction:column;align-items:stretch}
  .button-row .button{width:100%}
  
  .portrait-placeholder{min-height:22rem}
  .problem-grid,.approach-grid,.process-grid,.video-grid,.testimonial-grid,.gst-grid{grid-template-columns:1fr}
  
  .root-visual{aspect-ratio:auto;min-height:24rem;padding:1.5rem}
  .plant-top{width:10rem;height:6rem}
  .plant-top span{width:2rem;height:3.5rem}
  .roots{width:11rem;height:6rem}
  .roots span{height:5rem}
  
  .sessions{background-attachment:scroll}
  .booking-card{padding:1.2rem}
  .booking-card dd{font-size:1.2rem}
  
  .nature-copy{padding:1.2rem}
  
  .footer-main,.footer-bottom{grid-template-columns:1fr;gap:1.5rem}
  .footer-bottom{flex-direction:column;align-items:start}
  .footer-disclaimer{padding:0.85rem;font-size:0.8rem}
  
  .mobile-cta{border-top:1px solid var(--line);z-index:50;background:#05091aeb;grid-template-columns:1fr 1fr;gap:.65rem;padding:.7rem;display:grid;position:fixed;bottom:0;left:0;right:0}
  .mobile-cta a{min-height:2.8rem;padding:.65rem}
  
  /* Pop-Up Modal Mobile Spacing */
  .optin-modal-card {
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
  .optin-modal-close {
    top: 1rem;
    right: 1rem;
  }
}