:root{
  --charcoal:#111111;
  --panel:#242420;
  --panel-soft:#2a2a25;
  --ivory:#F4EFE7;
  --muted:#bdb8ad;
  --sand:#C9B59A;
  --forest:#2E4035;
  --sage:#7C8B7A;
  --line:rgba(244,239,231,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#000;
  color:var(--ivory);
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  line-height:1.55;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.page-shell{
  width:min(1220px,100%);
  margin:28px auto;
  background:var(--panel);
  border:1px solid rgba(244,239,231,.08);
  border-radius:14px;
  overflow:hidden;
}
.small-page{min-height:calc(100vh - 56px);display:grid;place-items:center}
.hero{padding:84px 32px 70px}
.hero-home{
  position:relative;
  min-height:620px;
  display:grid;
  place-items:center;
  isolation:isolate;
  background:url("images/alron-coast-heading.jpg") center/cover no-repeat;
}
.hero-home::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(17,17,17,.9),rgba(17,17,17,.5) 48%,rgba(17,17,17,.22)),
    linear-gradient(180deg,rgba(17,17,17,.16),rgba(17,17,17,.62));
}
.hero-inner{width:calc(100vw - 64px);max-width:760px}
.hero-logo{
  display:block;
  width:min(360px,76vw);
  height:auto;
  margin:0 auto 30px;
  filter:invert(1) brightness(1.65);
  opacity:.92;
}
.center-block{text-align:center}
.eyebrow,.section-label{
  margin:0 0 18px;
  color:rgba(244,239,231,.55);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.logo-text{font-size:2.45rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff}.logo-re{font-weight:600;text-transform:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,p{overflow-wrap:break-word}
h1{font-size:2.55rem;line-height:1.06;letter-spacing:-.06em;margin-bottom:18px;color:#fff}
h2{font-size:1.65rem;line-height:1.22;letter-spacing:-.035em;margin-bottom:26px;color:#fff}
h3{font-size:1.35rem;line-height:1.2;letter-spacing:-.035em;margin-bottom:10px;color:#fff}.hero-lead{max-width:720px;margin:0 auto 34px;color:var(--muted);font-size:1.35rem;line-height:1.25}.hero-home .hero-lead{color:rgba(244,239,231,.86)}.section-block{padding:48px 40px;border-top:1px solid var(--line)}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}.three-grid p,.journey-copy p,.quiet-lines p,.contact-lead{color:var(--muted);font-size:1.22rem;font-weight:600}.numbered span{display:block;color:rgba(244,239,231,.52);font-family:"Cormorant Garamond",serif;font-size:2.6rem;font-weight:600;line-height:1;margin-bottom:8px}.journey{background:linear-gradient(135deg,rgba(46,64,53,.28),rgba(36,36,32,1) 55%)}.journey h2{font-family:"Cormorant Garamond",serif;font-size:clamp(2.25rem,5vw,4.8rem);max-width:980px}.journey-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px}.journey-copy p{font-weight:500}.signature-block{margin-top:34px;color:var(--sand)}.signature-block p{margin-bottom:10px;font-family:"Cormorant Garamond",serif;font-size:1.35rem;font-style:italic;color:var(--sand)}.signature-mark{display:block;width:min(320px,72vw);height:auto;margin-top:-22px}.statement{text-align:center}.statement h2{font-size:clamp(1.85rem,4vw,3.1rem);line-height:1.35;max-width:850px;margin:0 auto 40px}.quiet-lines{position:relative;border-top:0;max-width:780px;margin:0 auto;padding-top:28px}.quiet-lines::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;border-top:1px dashed rgba(244,239,231,.18);transform:scaleX(0);transform-origin:center;transition:transform .85s ease}.quiet-lines.visible::before{transform:scaleX(1)}.quiet-lines p{margin-bottom:10px}.contact{text-align:center;padding:72px 32px 82px}.quote{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:600;color:var(--muted);font-size:clamp(1.8rem,4vw,3rem);line-height:1.25;max-width:820px;margin:0 auto 44px}.contact h2{font-size:3rem;margin-bottom:12px}.contact-lead{max-width:620px;margin:0 auto 30px}.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 34px;border-radius:12px;font-weight:800;font-size:1rem;transition:.2s ease;border:1px solid rgba(244,239,231,.16);font-family:inherit;cursor:pointer}.button.primary{background:var(--ivory);color:var(--charcoal)}.button.secondary{background:rgba(244,239,231,.06);color:var(--ivory)}.button:hover{transform:translateY(-2px)}.helper-text{margin-top:24px;color:rgba(244,239,231,.6)}code{background:rgba(244,239,231,.1);padding:2px 6px;border-radius:6px;color:var(--sand)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.72,.18,1)}.reveal.visible{opacity:1;transform:none}.hero-logo,.hero h1,.hero-lead,.reveal>h2,.reveal>.section-label,.quote,.contact-lead{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.72,.18,1)}.visible .hero-logo,.visible.hero h1,.visible .hero-lead,.reveal.visible>h2,.reveal.visible>.section-label,.visible .quote,.visible .contact-lead{opacity:1;transform:none}.visible .hero-logo{transition-delay:.08s}.visible.hero h1{transition-delay:.16s}.visible .hero-lead{transition-delay:.24s}
@media(max-width:760px){.page-shell{width:100%;max-width:100vw;margin:0;border-radius:0}.hero{padding:64px 22px 56px}.hero-inner{width:calc(100vw - 64px)}.hero-home{min-height:580px;background-position:42% center}.hero-home::before{background:linear-gradient(180deg,rgba(17,17,17,.36),rgba(17,17,17,.82))}.section-block{padding:42px 24px;overflow:hidden}.three-grid,.journey-copy{grid-template-columns:minmax(0,1fr);gap:24px}.hero-lead{font-size:1.08rem;max-width:280px}.hero-logo{width:min(270px,76vw);margin-bottom:24px}.logo-text{font-size:2rem}h1{font-size:2.15rem}h2{font-size:1.45rem}.journey h2{font-size:2rem;line-height:1.12;max-width:100%}.three-grid p,.journey-copy p,.quiet-lines p,.contact-lead{font-size:1.05rem}.button{width:100%}}

.image-gallery h2{max-width:960px;margin-bottom:24px}
.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.image-grid figure{margin:0}
.image-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid rgba(244,239,231,.12);background:#111}
.image-grid figcaption{margin-top:14px;color:var(--muted);font-size:1rem;line-height:1.5}
@media(max-width:760px){.image-grid{grid-template-columns:1fr}}

.testimonials{
  background:linear-gradient(135deg,rgba(46,64,53,.18),rgba(36,36,32,1) 62%);
}
.testimonials h2{
  max-width:760px;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(2rem,4vw,3.8rem);
}
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.testimonial-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  margin:0;
  min-height:320px;
  padding:26px;
  border:1px solid rgba(244,239,231,.14);
  border-radius:8px;
  background:rgba(244,239,231,.045);
}
.testimonial-card blockquote{
  margin:0;
  color:#fff;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.45rem,2.2vw,2rem);
  font-weight:500;
  line-height:1.24;
}
.testimonial-card figcaption{
  margin-top:24px;
  color:var(--sand);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.45;
  text-transform:uppercase;
}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr}.testimonial-card{min-height:auto}}

.three-grid article,
.journey-copy p,
.signature-block,
.image-grid figure,
.testimonial-card,
.quiet-lines p,
.actions .button{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .78s ease,transform .78s cubic-bezier(.2,.72,.18,1);
}
.image-grid figure:nth-child(odd),
.testimonial-card:nth-child(odd){transform:translateX(-20px) translateY(18px)}
.image-grid figure:nth-child(even),
.testimonial-card:nth-child(even){transform:translateX(20px) translateY(18px)}
.visible .three-grid article,
.visible .journey-copy p,
.visible .signature-block,
.visible .image-grid figure,
.visible .testimonial-card,
.quiet-lines.visible p,
.visible .actions .button{
  opacity:1;
  transform:none;
}
.visible .three-grid article:nth-child(2),
.visible .journey-copy p:nth-child(2),
.visible .image-grid figure:nth-child(2),
.visible .testimonial-card:nth-child(2),
.quiet-lines.visible p:nth-child(2),
.visible .actions .button:nth-child(2){transition-delay:.08s}
.visible .three-grid article:nth-child(3),
.visible .image-grid figure:nth-child(3),
.visible .testimonial-card:nth-child(3),
.quiet-lines.visible p:nth-child(3),
.visible .actions .button:nth-child(3){transition-delay:.16s}
.visible .signature-block{transition-delay:.2s}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal,.hero-logo,.hero h1,.hero-lead,.reveal>h2,.reveal>.section-label,.quote,.contact-lead,.three-grid article,.journey-copy p,.signature-block,.image-grid figure,.testimonial-card,.quiet-lines p,.actions .button{opacity:1!important;transform:none!important}
  .quiet-lines::before{transform:none!important}
}

.modal{
  position:fixed;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.72);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
.modal.open{opacity:1;pointer-events:auto}
.modal-panel{
  position:relative;
  width:min(620px,100%);
  max-height:calc(100vh - 48px);
  overflow:auto;
  padding:38px;
  border:1px solid rgba(244,239,231,.16);
  border-radius:8px;
  background:linear-gradient(135deg,var(--forest),var(--panel) 58%);
  box-shadow:0 28px 80px rgba(0,0,0,.46);
}
.modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:42px;
  height:42px;
  border:1px solid rgba(244,239,231,.16);
  border-radius:50%;
  background:rgba(244,239,231,.08);
  color:var(--ivory);
  font-size:1.6rem;
  line-height:1;
  cursor:pointer;
}
.modal-intro{color:var(--muted);font-size:1.08rem;font-weight:600;margin-bottom:26px}
.contact-form{display:grid;gap:18px}
.contact-form label{display:grid;gap:8px;color:var(--ivory);font-weight:800}
.contact-form input,
.contact-form textarea{
  width:100%;
  border:1px solid rgba(244,239,231,.18);
  border-radius:8px;
  background:rgba(0,0,0,.18);
  color:var(--ivory);
  font:inherit;
  padding:14px 15px;
}
.contact-form textarea{resize:vertical}
.copyright{margin:34px auto 0;color:rgba(244,239,231,.48);font-size:.92rem;font-weight:600}.form-note{margin:0;color:rgba(244,239,231,.62);font-size:.95rem}
.kit-panel{width:min(560px,100%)}
.kit-embed{
  margin-top:18px;
  border-radius:8px;
  overflow:hidden;
}
.kit-embed form,
.kit-embed .formkit-form{
  margin:0!important;
  max-width:100%!important;
}
.kit-embed input,
.kit-embed button,
.kit-embed [type="submit"]{
  font-family:inherit!important;
  border-radius:8px!important;
}
body.modal-open{overflow:hidden}
@media(max-width:760px){.modal{padding:14px}.modal-panel{padding:32px 22px}.modal-panel .button{width:100%}}

/* FAQ modal */
.faq-panel {
  width: min(680px, 100%);
}

.faq-list {
  display: grid;
  gap: 2px;
  margin-bottom: 32px;
}

.faq-item {
  border-radius: 8px;
  overflow: hidden;
}

.faq-q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 18px 20px;
  background: rgba(244, 239, 231, 0.06);
  border: 1px solid rgba(244, 239, 231, 0.1);
  border-radius: 8px;
  color: var(--ivory);
  font-family: inherit;
  font-size: 1.05rem;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
}

.faq-q::after {
  content: "+";
  flex-shrink: 0;
  margin-left: 16px;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--sand);
  transition: transform 0.2s ease;
}

.faq-q[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: rgba(46, 64, 53, 0.45);
  border-color: rgba(124, 139, 122, 0.35);
}

.faq-q[aria-expanded="true"]::after {
  transform: rotate(45deg);
}

.faq-q:hover {
  background: rgba(244, 239, 231, 0.1);
}

.faq-q[aria-expanded="true"]:hover {
  background: rgba(46, 64, 53, 0.55);
}

.faq-a {
  padding: 16px 20px 20px;
  background: rgba(46, 64, 53, 0.22);
  border: 1px solid rgba(124, 139, 122, 0.25);
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.faq-a p {
  margin: 0;
  color: var(--muted);
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.6;
}

.faq-cta {
  text-align: center;
}

@media(max-width: 760px) {
  .faq-q { font-size: 0.97rem; padding: 16px; }
  .faq-a { padding: 14px 16px 18px; }
}