/* Local editorial design. Motion is opt-in through the site settings and JS. */
:root {
  --paper: #f6f2e9;
  --white: #fffdf8;
  --ink: #25372d;
  --dark: #25372d;
  --muted: #657065;
  --olive: #52624c;
  --sage: #e1e6da;
  --line: #d8d8ca;
  --bronze: #967347;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Manrope', Arial, sans-serif;
}
body { line-height: 1.75; }
h1, h2, h3, h1 em, h2 em { font-weight: 500; }
h2 { font-size: clamp(44px, 4.8vw, 68px); line-height: 1.06; }
h1 em, h2 em { color: var(--bronze); }
h3 { font-size: 32px; }
.container { width: min(1280px, calc(100% - 96px)); }
.section { padding-block: 112px; }
.eyebrow { letter-spacing: .065em; font-weight: 500; }
.eyebrow:before { width: 32px; }
.section-top { gap: 64px; margin-bottom: 56px; }
.section-top > p { max-width: 370px; }
.button { background: var(--ink); border-radius: 2px; padding: 18px 26px; min-height: 58px; transition: background .25s, color .25s; }
.button:hover { background: #435441; transform: none; }
.button-secondary { background: transparent; border-color: #a6b09c; color: var(--ink); }
.button-secondary:hover { background: var(--ink); color: var(--white); }
.text-link { font-weight: 500; }
.arrow { width: 22px; height: 22px; }
.site-header { background: var(--paper); }
.header-inner { height: 92px; gap: 24px; }
.brand { gap: 14px; }
.brand-mark { width: 35px; height: 46px; color: var(--bronze); }
.brand-name { font: 500 29px/1.1 var(--serif); letter-spacing: -.025em; }
.brand-description { font-size: 16px; letter-spacing: .015em; margin-top: 6px; }
.navigation { gap: 24px; }
.navigation > a { color: #4e5b4f; }
.header-cta { min-height: 48px; padding: 12px 18px; }
.menu-toggle { border-radius: 2px; }
.hero { padding: 64px 0 0; isolation: isolate; }
.hero-grid { grid-template-columns: 1.2fr 1fr; gap: 70px; position: relative; z-index: 1; }
.hero-copy { padding-block: 6px; }
.hero .eyebrow { margin-bottom: 25px; }
.homepage .hero h1 { font-size: clamp(76px, 7.5vw, 108px); line-height: .97; letter-spacing: -.045em; }
.hero-description { max-width: 475px; margin-top: 28px; }
.hero-actions { margin-top: 28px; gap: 26px; }
.hero-actions .text-link { border-color: #aab1a0; }
.hero-note { margin-top: 18px; }
.hero-proof { display: flex; align-items: center; max-width: 500px; gap: 16px; margin-top: 32px; padding-top: 22px; }
.proof-number { font: 500 60px/1 var(--serif); }
.proof-caption { flex-shrink: 0; line-height: 1.5; }
.proof-association { border-left: 1px solid var(--line); padding-left: 20px; margin-left: 6px; line-height: 1.5; }
.portrait-scene { max-width: 520px; padding: 0 18px 0 0; margin-right: 5px; }
.portrait-scene:before { inset: 28px 0 98px 30px; background: #dedcc9; border: 0; border-radius: 190px 4px 75px 4px; transform: rotate(3deg); }
.portrait-wrap { border-radius: 190px 4px 75px 4px; aspect-ratio: .78; background: #d7d8cb; }
.portrait-wrap img { object-position: center 30%; filter: saturate(.85); }
.portrait-note { left: -42px; bottom: 112px; padding: 25px 30px 28px; max-width: 280px; background: var(--ink); color: var(--white); border: 0; border-radius: 2px; box-shadow: none; }
.portrait-note p { color: var(--white); font: 500 31px/1.18 var(--serif); letter-spacing: -.01em; }
.portrait-note em { color: #dcc19a; }
.portrait-label { padding-left: 0; margin-top: 28px; align-items: flex-start; }
.portrait-label strong { font: 500 31px/1.15 var(--serif); }
.portrait-label p { line-height: 1.65; max-width: 260px; }
.portrait-label .signature { display: none; }
.portrait-seal { position: absolute; z-index: 3; width: 152px; height: 152px; top: -27px; right: -23px; border-radius: 50%; background: var(--paper); color: var(--ink); box-shadow: 0 0 0 9px #f6f2e955; }
.portrait-seal svg { width: 100%; height: 100%; overflow: visible; }
.seal-border { stroke: #b4b7a3; stroke-width: 1; }
.seal-lettering { transform-origin: 100px 100px; }
.seal-lettering text { fill: currentColor; font: 500 26px var(--sans); letter-spacing: 1.4px; }
.seal-leaf { stroke: var(--bronze); stroke-width: 1.6; }
.hero-motion-controls { position: relative; z-index: 2; display: flex; justify-content: flex-end; min-height: 50px; padding-block: 16px 6px; }
.motion-control { display: inline-flex; align-items: center; gap: 8px; border: 0; background: transparent; color: #606b5f; padding: 6px 0; font-size: 16px; line-height: 1.5; }
.motion-control svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.motion-control .motion-play { display: none; }
.motion-control[data-paused="true"] .motion-pause { display: none; }
.motion-control[data-paused="true"] .motion-play { display: block; }
.trust-strip { margin-top: 24px; background: #eeede3; }
.trust-item { padding-block: 25px; }
.trust-icon { color: var(--bronze); stroke: currentColor; }
.concern { padding-block: 32px; }
.concern h3 { font-size: 29px; }
.concern-icon { color: var(--bronze); width: 30px; height: 30px; margin-top: 4px; }
.gentle-note, .cross-link, .expectation-box { border-radius: 2px; }
.gentle-note { padding: 26px 30px; margin-top: 20px; }
.formats { background: var(--ink); color: var(--white); }
.formats .eyebrow { color: #d7bb94; }
.formats h2 em { color: #d7bb94; }
.formats .section-top > p { color: #d0d7c9; }
.format-grid { gap: 0; border-block: 1px solid #677060; }
.format-card, .format-card:nth-child(2), .format-card:nth-child(3) { background: transparent; color: var(--white); border: 0; border-radius: 0; padding: 38px 34px; min-height: 610px; transition: background .3s; overflow: visible; }
.format-card + .format-card { border-left: 1px solid #677060; }
.format-card:nth-child(2) { background: #ffffff04; }
.format-card:hover { background: #ffffff08; transform: none; box-shadow: none; }
.format-index { font: 500 52px/1 var(--serif); color: #c2a77f; margin-bottom: 22px; }
.format-card .format-type { color: #d0d7c9; letter-spacing: .015em; text-transform: none; min-height: 50px; }
.format-type:before { display: none; }
.format-art, .format-card:nth-child(3) .format-art { color: #bdc8af; margin: 6px 0 24px; height: 100px; justify-content: flex-start; }
.format-art svg { width: 135px; height: 100px; }
.format-card h3 { font-size: clamp(32px, 3vw, 42px); line-height: 1.08; margin-bottom: 20px; }
.format-card p, .format-card:nth-child(3) p { color: #d0d7c9; line-height: 1.8; margin-bottom: 30px; }
.format-price { font: 500 42px/1.1 var(--serif); letter-spacing: -.025em; margin-bottom: 24px; }
.format-price span, .format-card:nth-child(3) .format-price span { color: #c2ccbd; font: 16px/1.5 var(--sans); margin-top: 7px; }
.format-card .text-link, .format-card:nth-child(3) .text-link { border-color: #677060; padding-top: 22px; }
.format-card .text-link .arrow { width: 32px; height: 32px; padding: 6px; border: 1px solid #8d987d; border-radius: 50%; }
.about-grid { gap: 100px; }
.about-intro h2 { max-width: 530px; }
.about-quote { font: italic 500 32px/1.4 var(--serif); max-width: 460px; margin-top: 35px; }
.about-signature { font: italic 500 31px var(--serif); color: var(--bronze); }
.credential { padding-block: 23px; }
.credential strong { font-size: 18px; }
.step-number { font: 500 58px/1 var(--serif); color: var(--bronze); }
.step h3 { font-size: 32px; }
.steps { gap: 50px; }
.steps-section { background: #e4e8dc; }
.review-grid { gap: 0; border-block: 1px solid var(--line); }
.review { border: 0; border-radius: 0; background: transparent; padding: 35px; }
.review + .review { border-left: 1px solid var(--line); }
.review blockquote { font: 500 28px/1.4 var(--serif); }
.quote-mark { color: var(--bronze); }
.faq-list summary { font-size: 18px; padding-block: 26px; }
.contact-panel { border-radius: 2px; padding: 72px; gap: 72px; background: var(--ink); }
.contact-panel h2 { font-size: clamp(44px, 4.7vw, 64px); }
.contact-panel h2 em { color: #d7bb94; }
.contact-panel .eyebrow { color: #d7bb94; }
.contact-panel .contact-description { max-width: 365px; color: #d0d7c9; }
.booking-channel { background: var(--paper); border-color: #dadfcf; border-radius: 2px; padding: 22px 26px; transition: background .25s; }
.booking-channel:hover { transform: none; background: #e0e5d7; }
.booking-phone { background: transparent; border-color: #88937e; }
.booking-phone:hover { background: #ffffff08; }
.site-footer { padding-top: 48px; }
.footer-nav { gap: 24px; }
.subpage .hero { padding: 35px 0 10px; }
.breadcrumbs { margin-bottom: 45px; }
.subpage .hero-grid { grid-template-columns: 1.18fr 1fr; gap: 65px; }
.subpage h1 { font-size: clamp(60px, 6.15vw, 86px); line-height: 1; }
.subpage .hero-description { max-width: 500px; }
.hero-meta { margin-top: 28px; padding-top: 24px; }
.group-visual { min-width: 0; aspect-ratio: .86; border-radius: 200px 200px 3px 3px; background: #dfe5d6; border-color: #cbd4bf; padding: 60px 30px 35px; }
.group-visual > svg { max-width: 330px; color: #57694c; stroke-width: 1.5; }
.visual-quote { font: 500 36px/1.15 var(--serif); margin-top: 25px; max-width: 350px; }
.visual-caption { font-size: 16px; letter-spacing: .025em; max-width: 300px; }
.supervision-visual { background: var(--ink); border-color: var(--ink); }
.supervision-visual > svg { color: #c1cea9; }
.supervision-visual .visual-quote { color: var(--white); }
.supervision-visual .visual-caption { color: #d7bb94; }
.group-orbit { stroke: var(--bronze); }
.supervision-visual .group-orbit { stroke: #d7bb94; }
.benefit > span { font: 500 44px/1 var(--serif); color: var(--bronze); }
.benefit h3 { font-size: 32px; }
.principle > span { color: var(--bronze); font: 500 28px/1.2 var(--serif); }
.principle h3 { font-size: 29px; }
.leader-panel { border-radius: 2px; background: transparent; padding: 45px; gap: 45px; }
.leader-panel img { border-radius: 95px 2px 30px 2px; }
.leader-panel h2 { font-size: 48px; }
.cross-link { padding: 40px; }
.cross-link h3 { font-size: 34px; }
.legal h1 { font-size: 62px; }

/* A moving thread follows the same path as the quiet background line. */
.hero-flow { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.flow-lines { position: absolute; width: min(1000px, 85vw); height: auto; right: -230px; top: -100px; overflow: visible; }
.flow-path { stroke: #b8c2ac; stroke-width: 1; opacity: .6; }
.flow-thread { stroke: #a67e49; stroke-width: 1.7; stroke-linecap: round; stroke-dasharray: 115 885; opacity: .7; }
.flow-thread-secondary { stroke: #829775; stroke-dasharray: 75 925; opacity: .6; }
.flow-orb { position: absolute; border-radius: 50%; filter: blur(45px); }
.flow-orb-sage { width: 380px; height: 380px; right: 30%; top: 10%; background: #dbe3ce; opacity: .3; }
.flow-orb-gold { width: 280px; height: 280px; right: -90px; bottom: 10%; background: #d5bd92; opacity: .2; }
.motion-enabled .flow-thread { animation: thread-travel 11s linear infinite; }
.motion-enabled .flow-thread-secondary { animation-duration: 15s; animation-direction: reverse; }
.motion-enabled .flow-orb-sage { animation: flow-drift 8s ease-in-out infinite alternate; }
.motion-enabled .flow-orb-gold { animation: flow-drift 10s ease-in-out -4s infinite alternate-reverse; }
.motion-enabled .seal-lettering { animation: seal-turn 22s linear infinite; }
.motion-enabled .group-orbit { animation: orbit-turn 18s linear infinite; transform-origin: center; transform-box: fill-box; }
.motion-enabled .group-orbit-thread { animation: orbit-thread 7s linear infinite; stroke-dasharray: 90 910; }
.motion-enabled.intro-ready .hero-copy > h1 { animation: headline-arrive 1s cubic-bezier(.2,.7,.2,1) both; }
.motion-enabled.intro-ready .hero-copy > .hero-description { animation: content-arrive 1s .12s cubic-bezier(.2,.7,.2,1) both; }
.motion-enabled.intro-ready .hero-copy > .hero-actions { animation: content-arrive 1s .22s cubic-bezier(.2,.7,.2,1) both; }
.motion-enabled.intro-ready .portrait-wrap, .motion-enabled.intro-ready .group-visual { animation: portrait-arrive 1.2s cubic-bezier(.2,.7,.2,1) both; }
.motion-enabled.intro-ready .portrait-note { animation: content-arrive 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.motion-enabled .is-revealing { animation: reveal-rise .9s cubic-bezier(.2,.7,.2,1) both; animation-delay: var(--reveal-delay, 0ms); }
.hero:not(.is-in-view) .flow-thread, .hero:not(.is-in-view) .flow-orb, .hero:not(.is-in-view) .seal-lettering, .hero:not(.is-in-view) .group-orbit, .hero:not(.is-in-view) .group-orbit-thread { animation-play-state: paused; }
.motion-paused *, .motion-paused *:before, .motion-paused *:after, .page-idle *, .page-idle *:before, .page-idle *:after { animation-play-state: paused !important; }
@keyframes thread-travel { to { stroke-dashoffset: -1000; } }
@keyframes seal-turn { to { transform: rotate(360deg); } }
@keyframes orbit-turn { to { transform: rotate(360deg); } }
@keyframes orbit-thread { to { stroke-dashoffset: -1000; } }
@keyframes flow-drift { to { transform: translate(-55px, 40px) scale(1.14); } }
@keyframes headline-arrive { from { opacity: .25; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes content-arrive { from { opacity: .3; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes portrait-arrive { from { opacity: .35; transform: translateY(32px) scale(.975); } to { opacity: 1; transform: none; } }
@keyframes reveal-rise { from { opacity: .35; transform: translateY(28px); } to { opacity: 1; transform: none; } }

@media (min-width: 1500px) {
  .hero { padding-top: 80px; }
  .hero-grid { gap: 110px; }
}
@media (max-width: 1280px) and (min-width: 1151px) {
  .header-inner { gap: 18px; }
  .navigation { gap: 19px; }
  .brand-name { font-size: 27px; }
  .header-cta { padding-inline: 14px; gap: 10px; }
}
@media (max-width: 1150px) {
  .container { width: calc(100% - 64px); }
  .header-inner { height: 82px; }
  .navigation { top: 82px; max-height: calc(100dvh - 82px); }
  .hero-grid, .subpage .hero-grid { gap: 48px; }
  .homepage .hero h1 { font-size: clamp(70px, 8vw, 90px); }
  .subpage h1 { font-size: clamp(56px, 6.5vw, 74px); }
  .hero-proof { flex-wrap: wrap; }
  .proof-association { width: 100%; border: 0; padding-left: 0; margin: 0; }
  .proof-association br { display: none; }
  .portrait-wrap { border-top-left-radius: 140px; }
  .portrait-scene:before { border-top-left-radius: 140px; }
  .portrait-seal { width: 130px; height: 130px; top: -20px; right: -12px; }
  .portrait-note { left: -24px; max-width: 235px; padding: 22px; }
  .portrait-note p { font-size: 29px; }
  .portrait-label strong { font-size: 29px; }
  .section { padding-block: 86px; }
  .section-top { gap: 40px; }
  .format-card, .format-card:nth-child(2), .format-card:nth-child(3) { padding: 32px 24px; }
  .format-card h3 { font-size: 34px; }
  .format-card .text-link { align-items: flex-start; }
  .about-grid, .faq-grid { gap: 60px; }
  .review { padding: 25px; }
  .contact-panel { padding: 50px; gap: 45px; }
  .contact-panel h2 { font-size: 52px; }
  .group-visual { padding-inline: 20px; }
  .visual-quote { font-size: 31px; }
}
@media (max-width: 900px) and (min-width: 721px) {
  .hero-grid, .subpage .hero-grid { gap: 34px; }
  .homepage .hero h1 { font-size: 72px; }
  .portrait-note { left: -15px; padding: 18px; max-width: 210px; bottom: 120px; }
  .portrait-note p { font-size: 26px; }
  .portrait-wrap { aspect-ratio: .68; }
  .portrait-label strong { font-size: 26px; }
  .trust-item { padding-inline: 10px; }
  .format-card, .format-card:nth-child(2), .format-card:nth-child(3) { padding: 30px 20px; }
  .format-card h3 { font-size: 30px; }
  .format-card p { font-size: 18px; }
  .format-card .text-link { flex-direction: column; }
  .concern-grid { grid-template-columns: repeat(2, 1fr); }
  .review blockquote { font-size: 25px; }
  .group-visual { aspect-ratio: .63; }
  .visual-quote { font-size: 29px; }
}
@media (max-width: 720px) {
  html { scroll-padding-top: 95px; }
  .container { width: calc(100% - 40px); }
  .header-inner { height: 78px; gap: 10px; }
  .brand-name { font-size: 27px; }
  .brand-description { display: none; }
  .brand-mark { width: 27px; height: 39px; }
  .brand { gap: 10px; }
  .header-cta { display: none; }
  .menu-toggle { width: 48px; height: 48px; margin-left: auto; }
  .navigation { top: 78px; max-height: calc(100dvh - 78px); }
  .navigation > a { font-size: 18px; }
  .navigation .mobile-contact-link { display: inline-flex; }
  .hero { padding-top: 40px; }
  .hero-grid, .subpage .hero-grid { grid-template-columns: 1fr; gap: 54px; }
  .hero .eyebrow { margin-bottom: 24px; line-height: 1.6; letter-spacing: .015em; }
  .homepage .hero h1 { font-size: clamp(64px, 15vw, 92px); line-height: .99; }
  .hero-description { margin-top: 25px; max-width: 520px; font-size: 18px; }
  .hero-actions { gap: 20px; margin-top: 25px; }
  .hero-actions .button { padding: 18px 20px; min-height: 58px; font-size: 16px; }
  .hero-actions .text-link { font-size: 18px; }
  .hero-proof { flex-wrap: wrap; padding-top: 20px; margin-top: 28px; gap: 12px 16px; }
  .proof-number { font-size: 54px; }
  .proof-association { width: 100%; margin: 0; border: 0; padding: 0; }
  .proof-association br { display: none; }
  .portrait-scene { max-width: 450px; padding: 0 16px 0 12px; margin-inline: auto; }
  .portrait-wrap { border-radius: 145px 2px 55px 2px; aspect-ratio: .8; }
  .portrait-scene:before { inset: 23px 0 100px 35px; border-radius: 145px 2px 55px 2px; }
  .portrait-seal { width: 130px; height: 130px; right: -2px; top: -20px; }
  .portrait-note { left: -3px; bottom: 114px; padding: 22px 24px; max-width: 235px; }
  .portrait-note p { font-size: 29px; }
  .portrait-label { margin-top: 24px; }
  .portrait-label strong { font-size: 29px; }
  .portrait-label p { max-width: none; }
  .hero-motion-controls { justify-content: flex-start; padding-block: 22px 8px; min-height: 64px; }
  .flow-lines { width: 800px; right: -360px; top: -220px; opacity: .65; }
  .flow-orb-sage { right: -80px; top: 45%; }
  .trust-strip { margin-top: 20px; }
  .trust-item { justify-content: flex-start; font-size: 16px; padding-block: 18px; }
  .section { padding-block: 72px; }
  h2 { font-size: clamp(42px, 10.7vw, 62px); line-height: 1.08; }
  .section-top { display: block; margin-bottom: 35px; }
  .section-top > p { margin-top: 25px; max-width: none; }
  .concern-grid { grid-template-columns: 1fr; }
  .concern { padding-block: 27px; gap: 18px; }
  .concern h3 { font-size: 29px; }
  .concern p { font-size: 18px; }
  .concern-icon { width: 28px; height: 28px; }
  .gentle-note { padding: 25px; display: block; }
  .gentle-note .text-link { margin-top: 15px; }
  .format-grid { grid-template-columns: 1fr; }
  .format-card, .format-card:nth-child(2), .format-card:nth-child(3) { padding: 32px 0; min-height: 0; background: transparent; }
  .format-card + .format-card { border-left: 0; border-top: 1px solid #677060; }
  .format-index { position: absolute; right: 4px; top: 34px; font-size: 50px; }
  .format-card .format-type { padding-right: 70px; min-height: 0; }
  .format-art { margin: 20px 0; }
  .format-card h3 { font-size: 42px; }
  .format-card p { margin-bottom: 25px; max-width: 490px; }
  .format-price { font-size: 42px; margin-top: 0; }
  .format-card .text-link { align-items: center; }
  .about-grid, .faq-grid, .split-section { grid-template-columns: 1fr; gap: 38px; }
  .about-quote { font-size: 31px; }
  .steps { grid-template-columns: 1fr; gap: 38px; }
  .step h3 { font-size: 32px; }
  .review-grid { grid-template-columns: 1fr; }
  .review { padding: 30px 0; }
  .review + .review { border-left: 0; border-top: 1px solid var(--line); }
  .review blockquote { font-size: 28px; }
  .faq { padding-top: 0; }
  .contact-panel { grid-template-columns: 1fr; padding: 32px 24px; gap: 38px; }
  .contact-panel h2 { font-size: 46px; }
  .booking-channel { padding: 20px; }
  .booking-phone { font-size: 21px; }
  .contact-assurance { align-items: flex-start; }
  .contact-section { padding-bottom: 50px; }
  .footer-top { gap: 25px; }
  .footer-nav { gap: 18px 24px; }
  .subpage .hero { padding-top: 26px; }
  .breadcrumbs { flex-wrap: wrap; gap: 8px; margin-bottom: 36px; }
  .subpage h1 { font-size: clamp(54px, 12.6vw, 74px); line-height: 1.04; }
  .group-visual { max-width: 470px; width: 100%; margin-inline: auto; aspect-ratio: .88; padding: 55px 24px 30px; border-radius: 200px 200px 2px 2px; }
  .group-visual > svg { max-width: 315px; }
  .visual-quote { font-size: 34px; margin-top: 15px; }
  .visual-caption { margin-top: 18px; }
  .benefit-grid { grid-template-columns: 1fr; gap: 32px; }
  .benefit h3 { font-size: 32px; }
  .leader-panel { grid-template-columns: 1fr; padding: 28px; gap: 25px; }
  .leader-panel img { width: 150px; height: 195px; }
  .leader-panel h2 { font-size: 42px; }
  .cross-link { display: block; padding: 28px; }
  .cross-link h3 { font-size: 32px; }
  .cross-link .button { margin-top: 22px; }
  .legal h1 { font-size: 45px; overflow-wrap: break-word; }
}
@media (max-width: 370px) {
  .container { width: calc(100% - 32px); }
  .brand-name { font-size: 24px; }
  .brand-mark { width: 24px; }
  .homepage .hero h1 { font-size: 60px; }
  .subpage h1 { font-size: 50px; }
  .portrait-note { padding: 19px; max-width: 210px; }
  .portrait-note p { font-size: 26px; }
  .portrait-seal { width: 130px; height: 130px; }
  .group-visual { padding-inline: 16px; aspect-ratio: .75; }
  .visual-quote { font-size: 32px; }
  .contact-panel { padding-inline: 20px; }
  .contact-panel h2 { font-size: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation: none !important; transition: none !important; }
}
.concern:nth-child(3n + 2), .format-card:nth-child(2), .step:nth-child(2), .review:nth-child(2), .benefit:nth-child(2) { --reveal-delay: 100ms; }
.concern:nth-child(3n), .format-card:nth-child(3), .step:nth-child(3), .review:nth-child(3), .benefit:nth-child(3) { --reveal-delay: 180ms; }