:root {
  --cream: #f6f0e6;
  --sand: #e8ddca;
  --green: #143f36;
  --green-soft: #52746a;
  --ink: #292d2a;
  --gold: #b79a5e;
  --line: rgba(41,45,42,.17);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: Arial, Helvetica, sans-serif; font-size: 17px; }
a { color: inherit; text-decoration: none; }
h1,h2,h3,p { margin-top: 0; }
h1,h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.045em; }
i { color: var(--green-soft); font-weight: 400; }
.section-tag { margin: 0 0 2rem; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: .14em; font-size: 1rem; font-weight: 700; color: var(--green-soft); }
.section-tag.light { color: #cbbd9f; }

.nav { min-height: 154px; padding: .35rem 4vw; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: relative; z-index: 5; }
.header-logo { width: 150px; height: 150px; display: block; flex: 0 0 150px; }
.header-logo img { width: 100%; height: 100%; display: block; object-fit: contain; }
.brand { display: flex; align-items: center; gap: .8rem; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: .76rem; line-height: 1.35; }
.brand em { font-family: Georgia,serif; font-weight: 400; text-transform: none; letter-spacing: .04em; color: var(--green-soft); font-size: 1rem; }
.brand-mark { width: 50px; height: 42px; display: grid; place-items: center; color: var(--green); letter-spacing: 0; }
.brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.nav nav { display: flex; gap: clamp(.85rem,1.25vw,1.65rem); font-size: .8rem; text-transform: uppercase; letter-spacing: .09em; }
.nav nav a:hover { color: var(--green-soft); }
.nav-cta { border-bottom: 1px solid var(--gold); padding: .5rem 0; font-size: .8rem; text-transform: uppercase; letter-spacing: .09em; }

.hero { min-height: calc(100vh - 154px); padding: 7vh 42% 7vh 7vw; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.hero-brand-name { width: 100%; margin: 0 0 2.2rem; color: var(--green); font-family: Georgia,"Times New Roman",serif; font-size: clamp(1.55rem,2.15vw,2.35rem); letter-spacing: .015em; position: relative; z-index: 2; }
.hero-brand-name span { margin-left: .35rem; color: var(--gold); font-size: .66em; font-style: italic; letter-spacing: .06em; }
.hero h1 { width: 100%; max-width: 780px; font-size: clamp(2.8rem,3.35vw,4rem); line-height: 1; margin: 0; position: relative; z-index: 2; }
.hero h1 i { color: var(--green); }
.display-line { display: block; }
.hero h1 .display-line,.manifesto h2 .display-line,.unique h2 .display-line { white-space: nowrap; }
.hero h1 .display-line { white-space: normal; }
.hero-image { position: absolute; inset: 50% 3vw auto auto; width: 42%; aspect-ratio: 4 / 3; transform: translateY(-50%); z-index: 0; border: 1px solid rgba(183,154,94,.42); }
.hero-image::before,.hero-image::after { display:none; }
.hero-image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-bottom { width: 100%; display: flex; flex-direction: column; align-items: flex-start; margin-top: 3rem; position: relative; z-index: 2; }
.hero-bottom p { max-width: 520px; font-family: Georgia,serif; font-size: clamp(1.25rem,1.5vw,1.5rem); line-height: 1.58; margin: 0; }
.section-cta { display: inline-flex; align-items: center; gap: 1rem; margin-top: 2rem; padding: .85rem 0 .55rem; border-bottom: 1px solid var(--gold); color: var(--green); font-size: .88rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.section-cta span { color: var(--gold); font-size: 1.1em; }
.section-cta--light { color: var(--cream); }

.manifesto { padding: 7rem 8vw; border-top: 1px solid var(--line); }
.manifesto-grid { display: block; }
.manifesto h2,.about h2,.services h2,.integration h2 { font-size: clamp(2.9rem, 4.5vw, 5.2rem); line-height: 1; margin: 0; }
.manifesto h2,.about h2,.unique h2,.services h2,.children-grid h2,.integration h2,.testimonial-intro h2,.vision-grid h2,.contact h2 { font-size: clamp(2.75rem,3.75vw,4.35rem); line-height: 1.04; }
.manifesto-copy p { font-size: 1.16rem; line-height: 1.78; }
.about-copy>p,.services-head>p,.integration-head>p { font-size: 1.08rem; line-height: 1.78; }
.manifesto-copy { width: 100%; margin-top: 3rem; }
.manifesto-copy .lead { width: 100%; max-width: none; font-family: Georgia,serif; font-size: clamp(1.65rem,2.25vw,2.35rem); line-height: 1.5; color: var(--green); }
blockquote { margin: 8rem 0 0 18vw; font-family: Georgia,serif; font-size: clamp(2.7rem,5vw,5.6rem); line-height: 1.05; color: var(--green); letter-spacing: -.04em; }
blockquote em { color: var(--gold); }

.about { padding: 7rem 6vw; background: #eee5d7; display: grid; grid-template-columns: 1.08fr .92fr; gap: 6vw; align-items: center; }
.portrait { position: relative; }
.portrait-shape { width: 100%; position: relative; }
.portrait-shape img { width: 100%; height: auto; display: block; }
.about-copy h2 { margin-bottom: 3rem; }
.about-copy>p { max-width: 680px; }
.signature { display: block; width: clamp(150px,18vw,220px); height: auto; margin-top: 1.25rem; }

.unique { background: var(--green); color: var(--cream); padding: 7rem 8vw; }
.unique-intro { display: block; }
.unique h2 { font-size: clamp(3rem,4.6vw,5.3rem); line-height: 1; margin: 0; }
.unique h2 i { color: #cbbd9f; }
.unique-intro>div { width: 100%; margin-top: 3rem; }
.unique-intro>div>p { max-width: none; font-size: 1.12rem; line-height: 1.8; }
.unique-lead { width: 100%; font-family: Georgia,serif; font-size: clamp(1.65rem,2.25vw,2.35rem)!important; line-height: 1.5!important; color: #e7ddc9; }
.question-intro { width: 100%; margin: 7rem 0 3rem; }
.question-intro h3 { font-family: Georgia,serif; font-size: clamp(2.35rem,3.35vw,4rem); line-height: 1.03; font-weight: 400; margin: 0 0 1.5rem; white-space: nowrap; }
.question-intro p { max-width: 850px; font-size: 1.12rem; line-height: 1.75; color: #d8cfbd; }
.questions { width: 100%; margin: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 5vw; }
.question { display: block; padding: 1.6rem 0; border-top: 1px solid rgba(246,240,230,.22); }
.question:last-child { border-bottom: 1px solid rgba(246,240,230,.22); }
.question span,.method-grid article>span { display: none; }
.question p { font-family: Georgia,serif; font-size: 1.45rem; margin: 0; line-height: 1.4; }

.services { padding: 7rem 6vw; }
.services-head { display: block; margin-bottom: 5rem; }
.services-head>p { max-width: none; margin: 2.5rem 0 0; padding: 1.7rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-family: Georgia,serif; font-size: clamp(1.25rem,1.7vw,1.6rem); line-height: 1.55; }
.service-open-hint { margin: -2.5rem 0 1.5rem; color: var(--green-soft); font-size: 1rem; line-height: 1.5; }
.service-list { border-top: 1px solid rgba(183,154,94,.45); }
.service { margin: .65rem 0; border-bottom: 1px solid rgba(183,154,94,.38); transition: background-color .3s ease, border-color .3s ease; }
.service summary { list-style: none; display: grid; grid-template-columns: 3.5rem minmax(260px,1.15fr) minmax(240px,.85fr) 2rem; gap: 1.5rem; align-items: center; padding: 2.65rem 1.15rem; cursor: pointer; transition: background-color .3s ease, color .3s ease; }
.service:hover { border-color: rgba(183,154,94,.7); }
.service:hover summary { background: rgba(183,154,94,.08); }
.service summary::-webkit-details-marker { display: none; }
.service summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 7px; }
.service-number { color: var(--gold); font-size: .72rem; font-weight: 700; letter-spacing: .18em; }
.service-title strong { display: block; font-family: Georgia,serif; font-size: clamp(1.65rem,2.25vw,2.45rem); line-height: 1.1; font-weight: 400; }
.service-title small { display: block; margin-top: .65rem; color: var(--green-soft); text-transform: uppercase; letter-spacing: .08em; font-size: .82rem; line-height: 1.45; }
.service-teaser { display: flex; flex-direction: column; align-items: flex-start; gap: .45rem; color: #56615d; font-family: Georgia,serif; font-size: 1.05rem; line-height: 1.55; }
.service-price { color: var(--green); font-family: Georgia,serif; font-size: 1.6rem; line-height: 1; font-weight: 400; }
.service-toggle { position: relative; width: 1.5rem; height: 1.5rem; }
.service-toggle::before,.service-toggle::after { content:""; position:absolute; left:50%; top:50%; width:1.1rem; height:1px; background:var(--gold); transform:translate(-50%,-50%); transition:transform .25s ease; }
.service-toggle::after { transform:translate(-50%,-50%) rotate(90deg); }
.service[open] .service-toggle::after { transform:translate(-50%,-50%) rotate(0); }
.service[open] summary { color: var(--green); }
.service-body { margin: 0 0 2rem 5rem; padding: 2.5rem; background: #eee5d7; border-radius: 22px; }
.service-lead { max-width: 980px; margin: 0 0 2.75rem; font-family: Georgia,serif; font-size: clamp(1.2rem,1.6vw,1.5rem); line-height: 1.6; color: var(--green); }
.service-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 3.5rem; }
.service-details section { padding: 1.6rem 0; border-top: 1px solid rgba(20,63,54,.2); }
.service-details h4 { margin: 0 0 1rem; color: var(--green); font-family: Arial,Helvetica,sans-serif; font-size: .76rem; letter-spacing: .13em; text-transform: uppercase; }
.service-details p,.service-details li { line-height: 1.72; }
.service-details p { margin: 0; }
.service-details ul { margin: 0; padding-left: 1.15rem; }
.service-details li+li { margin-top: .45rem; }
.service-cta { display: inline-flex; gap: .75rem; margin-top: 1.5rem; padding-bottom: .4rem; border-bottom: 1px solid var(--gold); color: var(--green); font-size: .82rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.service-cta span { color: var(--gold); }
.aftercare-note { width: 100%; margin: 4rem 0 0; padding: 2rem 2.25rem; border-left: 2px solid var(--gold); background: rgba(232,221,202,.48); font-family: Georgia,serif; font-size: 1.18rem; line-height: 1.65; }
.price-note { margin: 1.4rem 0 0; color: #56615d; font-size: 1rem; line-height: 1.6; }

.children-focus { padding: 7rem 8vw; background: #eee5d7; }
.children-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10vw; }
.children-grid h2 { font-size: clamp(3rem,4.6vw,5.3rem); line-height: 1; margin: 0; }
.children-visual img { width: min(100%,560px); height: auto; display: block; margin-top: 3.5rem; }
.children-grid>div>p { font-size: 1.08rem; line-height: 1.78; }
.children-lead { font-family: Georgia,serif; font-size: 1.65rem!important; line-height: 1.5!important; color: #143f36; font-weight: 700; }
.limited-note { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(20,63,54,.28); font-size: .98rem!important; color: #52645e; }

.integration { padding: 7rem 8vw; background: var(--sand); }
.integration-head { max-width: none; }
.integration-head>p:last-child { max-width: none; margin-top: 3rem; }
.method-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin-top: 6rem; }
.method-grid article { border-top: 1px solid rgba(20,63,54,.35); padding: 2rem 0; }
.method-grid span { color: var(--gold); font-size: .68rem; letter-spacing: .18em; }
.method-grid h3 { margin-top: 2.5rem; }
.method-grid p { line-height: 1.75; font-size: 1rem; }
.integration-quote { margin: 5rem 0 0; max-width: 1100px; color: var(--green); font-size: clamp(1.9rem,3vw,3.5rem); line-height: 1.15; }
.disclaimer { margin: 5rem 0 0; padding-top: 2rem; border-top: 1px solid rgba(20,63,54,.25); font-size: .94rem; line-height: 1.7; max-width: 1000px; color: #626761; }

.testimonials { padding: 7rem 7vw; background: #f6f0e6; overflow: hidden; }
.testimonial-intro { display: block; margin-bottom: 2.5rem; }
.testimonial-intro h2 { font-size: clamp(3rem,4.6vw,5.3rem); line-height: 1; margin: 0; }
.testimonial-description { max-width: none; margin: 0 0 1.5rem; font-family: Georgia,serif; font-size: 1.35rem; line-height: 1.65; }
.message-card figcaption { margin-top: 1.15rem; color: var(--green-soft); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.message-label { display: flex; align-items: center; gap: 2rem; margin-bottom: 2.5rem; color: var(--green); font-family: Georgia,serif; font-size: 1.05rem; }
.message-line { height: 1px; background: var(--gold); flex: 1; opacity: .6; }
.message-hint { font-family: Arial,Helvetica,sans-serif; color: var(--green-soft); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.maja-note { max-width: none; margin: 0 0 3rem; padding-left: 1.25rem; border-left: 2px solid var(--gold); font-size: 1rem; line-height: 1.7; color: var(--green-soft); white-space: nowrap; }
.review-controls { display: flex; justify-content: flex-end; gap: .7rem; margin: 0 0 1.5rem; }
.review-arrow { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--gold); background: transparent; color: var(--green); font-size: 1.2rem; cursor: pointer; transition: .2s; }
.review-arrow:hover { background: var(--green); color: var(--cream); }
.message-slider { display: flex; gap: 2rem; overflow-x: auto; padding: 0 7vw 2rem 0; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--gold) transparent; }
.message-card { margin: 0; flex: 0 0 clamp(420px,48vw,700px); scroll-snap-align: start; }
.message-window { display: block; width: 100%; background: #171a19; box-shadow: 0 18px 45px rgba(20,63,54,.12); }
.message-window img { width: 100%; height: auto; display: block; }
.message-window--clean-signature { position: relative; overflow: hidden; }
.message-window--clean-signature::after { content: ""; position: absolute; left: 39%; top: 81%; width: 12%; height: 10%; background: #fff; border-radius: 0 0 10px 0; pointer-events: none; }
.message-quote { position: relative; box-sizing: border-box; min-height: clamp(430px,45vw,620px); margin: 0; padding: clamp(4rem,6vw,6rem) clamp(2.6rem,5vw,5.5rem); background: var(--green); color: var(--cream); box-shadow: 0 18px 45px rgba(20,63,54,.12); display: flex; flex-direction: column; justify-content: center; }
.message-quote::before { content: "“"; position: absolute; top: 1.2rem; left: clamp(2.2rem,4vw,4.2rem); color: var(--gold); font-family: Georgia,serif; font-size: clamp(4rem,7vw,7rem); line-height: 1; opacity: .9; }
.message-quote p { margin: 0; font-family: Georgia,serif; font-size: clamp(1.5rem,2.15vw,2.15rem); line-height: 1.72; letter-spacing: .005em; }
.message-quote footer { margin-top: 2.2rem; color: #d8ccb3; font-size: .82rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

.vision { padding: 7rem 8vw; background: var(--green); color: var(--cream); }
.vision-grid { display: block; }
.vision-grid h2 { font-size: clamp(3rem,4.6vw,5.3rem); line-height: 1; margin: 0; }
.vision-grid h2 i { color: #cbbd9f; }
.vision-grid>div { width: 100%; margin-top: 3rem; }
.vision-grid>div>p { max-width: none; font-size: 1.12rem; line-height: 1.8; }
.vision-grid>div>p:first-child { font-family: Georgia,serif; font-size: clamp(1.65rem,2.25vw,2.35rem); line-height: 1.5; color: #e7ddc9; }
.vision-statement { width: 100%; max-width: none; margin: 5rem 0 0; color: #e6dbc5; font-size: clamp(2rem,3.05vw,3.55rem); line-height: 1.14; text-align: left; }

.faq { padding: 7rem 8vw; background: var(--cream); }
.faq-head { display: block; margin-bottom: 5rem; }
.faq-head h2 { margin: 0; font-size: clamp(2.75rem,3.75vw,4.35rem); line-height: 1.04; }
.faq-head>p { width: 100%; max-width: none; margin: 3rem 0 .4rem; font-family: Georgia,serif; font-size: clamp(1.55rem,2vw,2rem); line-height: 1.6; color: var(--green); }
.faq-list { border-bottom: 1px solid var(--line); }
.faq details { border-top: 1px solid var(--line); }
.faq summary { position: relative; padding: 2rem 4rem 2rem 0; cursor: pointer; list-style: none; color: var(--ink); font-family: Georgia,serif; font-size: clamp(1.3rem,1.7vw,1.65rem); line-height: 1.35; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: .4rem; top: 50%; transform: translateY(-50%); color: var(--gold); font-family: Arial,Helvetica,sans-serif; font-size: 1.7rem; font-weight: 300; }
.faq details[open] summary::after { content: "–"; }
.faq details>div { max-width: 950px; padding: 0 4rem 2.2rem 0; }
.faq details p { margin: 0; font-size: 1.05rem; line-height: 1.8; }
.faq details p+p { margin-top: 1rem; }
.faq details a { color: var(--green); border-bottom: 1px solid var(--gold); }

.contact { background: #102f29; color: var(--cream); text-align: left; padding: 7rem 8vw; }
.contact h2 { max-width: 1150px; margin: 0 0 3rem; text-wrap: balance; }
.contact h2 i { color: #cbbd9f; }
.contact-heading { display: grid; grid-template-columns: minmax(0,1fr) clamp(220px,20vw,340px); gap: 4vw; align-items: center; max-width: 1400px; }
.contact-heading h2 { margin-bottom: 3rem; }
.contact-heart { width: 100%; height: auto; object-fit: contain; }
.contact>p:not(.section-tag) { max-width: 820px; margin: 0 0 3rem; font-family: Georgia,serif; font-size: 1.2rem; line-height: 1.6; }
.contact>a { display: inline-flex; gap: 4rem; padding: 1.2rem 0; border-bottom: 1px solid var(--gold); text-transform: uppercase; letter-spacing: .15em; font-size: .72rem; }
.contact>a span { color: var(--gold); }
.contact>.instagram-contact { margin-left: 3rem; }
footer { padding: 3rem 5vw; display: flex; align-items: center; justify-content: space-between; gap: 2rem; font-size: .76rem; text-transform: uppercase; letter-spacing: .1em; }
.footer-brand { text-align: left; }
.footer-logo { width: 100px; height: 100px; flex: 0 0 100px; }
.footer-logo img { width: 100%; height: 100%; object-fit: contain; display: block; }

.legal-links { display: flex; align-items: center; gap: .65rem; }
.legal-links a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; }
.legal-page { min-height: 100vh; padding: 3rem 6vw 7rem; background: var(--cream); color: var(--ink); }
.legal-top { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-bottom: 3rem; border-bottom: 1px solid var(--line); }
.legal-back { color: var(--green); text-decoration: none; font-size: .9rem; letter-spacing: .04em; }
.legal-content { width: min(850px,100%); margin: 5rem auto 0; }
.legal-content h1 { margin: 0 0 3rem; font-size: clamp(3rem,7vw,6rem); line-height: .95; font-weight: 400; }
.legal-content h2 { margin: 3rem 0 1rem; font-size: clamp(1.6rem,3vw,2.4rem); line-height: 1.1; font-weight: 500; }
.legal-content h3 { margin: 2rem 0 .7rem; font-size: 1.15rem; }
.legal-content p,.legal-content li { font-size: 1rem; line-height: 1.75; }
.legal-content ul { padding-left: 1.2rem; }
.legal-note { margin: 2.5rem 0; padding: 1.3rem 1.5rem; background: var(--sand); border-left: 3px solid var(--gold); }
.legal-placeholder { display: inline-block; padding: .1rem .35rem; background: #f4dfba; color: #513e19; }
.legal-content a { color: var(--green); }

@media (max-width: 1100px) and (min-width: 851px) {
  .nav nav { gap: .65rem; font-size: .6rem; }
  .hero-logo { width: 155px; right: 6vw; top: 7%; }
  .hero { padding-right: 43%; }
  .hero h1 { width: 100%; max-width: none; font-size: clamp(2.35rem,3.45vw,3rem); }
  .hero h1 .display-line { white-space: normal; }
  .hero-image { inset: 50% 3vw auto auto; width: 42%; }
  .hero-bottom { justify-content: flex-start; margin-left: 0; }
}

@media (max-width: 850px) {
  .hero h1 .display-line,.manifesto h2 .display-line,.unique h2 .display-line { white-space: normal; }
  .nav nav { display:none; }
  .nav { min-height: 118px; }
  .header-logo { width: 112px; height: 112px; flex-basis: 112px; }
  .hero { min-height: 0; padding: 4.5rem 6vw 4rem; justify-content: flex-start; }
  .hero-brand-name { width: 100%; margin-bottom: 1.8rem; }
  .hero-logo { position: relative; right: auto; top: auto; width: 150px; margin: 2rem 0 0 auto; order: -1; }
  .hero h1 { width: 100%; max-width: none; font-size: clamp(3.05rem,11vw,5rem); line-height: .94; margin-top: 2rem; }
  .hero-image { position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 4 / 3; margin: 3rem 0 0; transform: none; }
  .hero-bottom { width: 100%; margin-top: 3rem; justify-content: flex-start; }
  .hero-bottom p { font-size: 1.12rem; }
  .manifesto,.services,.integration,.unique,.testimonials,.children-focus,.vision,.faq { padding: 6rem 6vw; }
  .manifesto-grid,.unique-intro,.services-head,.about,.children-grid,.vision-grid,.faq-head { grid-template-columns: 1fr; }
  .manifesto-grid,.unique-intro,.children-grid,.vision-grid { gap: 4rem; }
  blockquote { margin: 6rem 0 0; }
  .about { padding: 6rem 6vw; gap: 5rem; }
  .portrait { min-height: 0; }
  .about-copy { order: -1; }
  .service summary { grid-template-columns: 2.5rem 1fr 1.5rem; gap: 1rem; }
  .service-teaser { grid-column: 2 / 3; }
  .service-toggle { grid-column: 3; grid-row: 1 / 3; }
  .service-body { margin-left: 0; padding: 2rem; }
  .service-details { grid-template-columns: 1fr; }
  .method-grid { grid-template-columns: 1fr; gap: 1rem; }
  .testimonial-intro,.featured-quotes { grid-template-columns: 1fr; }
  .testimonial-intro { gap: 2.5rem; }
  .faq-head { gap: 2.5rem; }
  .featured-quotes { gap: 4rem; }
  .questions { grid-template-columns: 1fr; }
  .question-intro h3,.maja-note { white-space: normal; }
  .message-card { flex-basis: min(86vw,520px); }
  .question-intro { margin-top: 5rem; }
  .questions { max-width: none; }
  .integration-quote,.vision-statement { margin-left: 0; }
  .contact-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .contact-heart { width: 150px; margin: -1rem 0 2rem; }
  footer { flex-direction: column; text-align: center; }
  .legal-top { align-items: flex-start; flex-direction: column; }
  .legal-content { margin-top: 3rem; }
}

@media (max-width: 520px) {
  .nav { padding: 0 4vw; }
  .nav-cta { display: none; }
  .hero h1 { font-size: 3.45rem; }
  .hero-bottom { display: block; }
  .section-tag { margin-bottom: 2.5rem; }
  .portrait { min-height: 0; }
  .contact>a { display: flex; width: max-content; }
  .contact>.instagram-contact { margin: 1rem 0 0; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Editorial statements */
.editorial-statement {
  width: min(1180px, calc(100% - 3rem));
  margin: clamp(3rem, 6vw, 6rem) auto;
  padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 4vw, 3.75rem);
  border-top: 1px solid rgba(174, 137, 69, 0.42);
  border-bottom: 1px solid rgba(174, 137, 69, 0.42);
  background: linear-gradient(135deg, rgba(244, 238, 226, 0.72), rgba(255, 252, 246, 0.38));
}

.editorial-statement__lead {
  width: 100%;
  max-width: none;
  margin: 0;
  color: #173f36;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 2.9vw, 2.8rem);
  font-weight: 400;
  line-height: 1.22;
  text-wrap: pretty;
}

.editorial-statement__support {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.25rem, 3vw, 3rem);
  margin-top: clamp(1.5rem, 3vw, 2.4rem);
  padding-top: clamp(1.25rem, 2.5vw, 2rem);
  border-top: 1px solid rgba(23, 63, 54, 0.16);
}

.editorial-statement__support p {
  max-width: none;
  margin: 0;
  color: #343a36;
  font-size: clamp(1.02rem, 1.35vw, 1.18rem);
  line-height: 1.72;
}

.editorial-statement--relationship {
  background: linear-gradient(135deg, rgba(238, 230, 214, 0.82), rgba(249, 245, 237, 0.48));
}

.children-focus > .editorial-statement--children {
  width: 100%;
  margin-top: 0;
  margin-bottom: clamp(2.5rem, 5vw, 5rem);
  background: var(--cream);
}

@media (max-width: 720px) {
  .editorial-statement {
    width: calc(100% - 2rem);
    padding: 1.75rem 1.15rem;
  }

  .editorial-statement__support {
    grid-template-columns: 1fr;
  }
}