/* Final refinements: uncropped evidence, concise guidance and clear mobile controls. */
.hero h1{font-size:clamp(52px,5.7vw,82px);max-width:53%;line-height:1.36}.hero-proof{width:44%;max-width:540px;top:180px;grid-template-columns:1fr 1fr;gap:15px;padding:20px 20px 18px;animation-delay:.25s}.hero-before,.hero-after{margin:0;aspect-ratio:4/5;border-radius:3px;box-shadow:none}.hero-proof img{object-fit:contain;object-position:center;width:100%;height:100%}.hero-after{animation-delay:.45s}.hero-before{background:#d2e2dd}.hero-after{background:#d2e2dd}.proof-caption{font-size:13px}.proof-end{font-size:13px;padding-top:8px}.hero-buttons{max-width:51%;flex-wrap:wrap;gap:16px 25px}.hero-buttons .button{font-size:13px}.hero h1 span:nth-child(1){animation-delay:.12s}.hero h1 span:nth-child(2){animation-delay:.25s}.hero h1 span:nth-child(3){animation-delay:.38s}.hero-buttons .arrival{animation-delay:.65s!important}.hero-intro{max-width:51%}
#work-example,.faq,.service{scroll-margin-top:24px}.case-board{grid-template-columns:.7fr 1.9fr;gap:30px}.case-meta p{font-size:14px}.case-footnote{font-size:12px}.section-heading>p{max-width:360px}.section-kicker{margin-bottom:35px}.intro.section{padding-block:80px}.intro-copy{gap:12px}.care-section.section{padding-block:75px}.after-section{min-height:480px;padding-block:75px}.story-title{margin-bottom:35px}.clean-story{padding-top:80px}.story-frame h3{line-height:1.6}.story-frame p{font-size:13px}.story-frame span{font-size:12px}.story-frames{gap:20px}.story-frame:nth-child(2){margin-top:25px;margin-bottom:0}.story-frame:nth-child(3){margin-top:50px;margin-bottom:0}
.result-brief{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px;padding:20px;background:linear-gradient(125deg,#d5eee7,#f7fcf3);border:1px solid #a7ccc3;border-radius:4px 22px}.result-brief p{font-size:14px;font-weight:600;line-height:1.9}.result-brief .button{flex-shrink:0;font-size:12px;min-height:48px}.guidance-story{grid-template-columns:1fr 1.1fr}.guidance-story img{height:300px}.guidance-copy h4{font-size:24px;line-height:1.55;margin-bottom:18px}.guidance-price{font-size:21px!important;font-weight:800;color:#164c55;line-height:1.6!important;margin-bottom:10px}.guidance-price-note{font-size:12px!important;line-height:1.8!important;color:#506c70;margin-bottom:18px}.guidance-main-action{font-size:13px;min-height:50px;width:100%;gap:12px}.guidance-details{margin-top:22px;border-top:1px solid #b5d0cc}.guidance-details summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:13px;font-weight:600;gap:20px}.guidance-details p{font-size:13px!important}.guidance-related{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}.guidance-related a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;border-bottom:1px solid #8cb3b1;font-weight:600;gap:6px}.guidance-details .guidance-prompt{margin-top:14px}.result-menu-details{border-top:1px solid #a9c7c3;border-bottom:1px solid #a9c7c3;margin-top:24px}.result-menu-details>summary{display:flex;justify-content:space-between;gap:20px;min-height:60px;font-size:14px;font-weight:600;padding:12px 0}.result-menu-details .recommendation{grid-template-columns:1fr auto;gap:15px}.result-menu-details .recommendation p{font-size:13px}.result-menu-details .recommendation strong{font-size:14px}.result-menu-details .recommendation>a{min-height:44px;display:flex;align-items:center;font-size:12px}.result-menu-details .recommendations{margin-block:0 20px}.result-actions{margin-top:25px}.note-instructions{margin-bottom:15px;border-block:1px solid #c2d5d1}.note-instructions summary{min-height:46px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.note-instructions p{font-size:13px;line-height:1.9;padding-bottom:12px}.contact-note p.small{font-size:12px}.contact-note .eyebrow{font-size:13px}
.wipe-tool{position:absolute;z-index:4;pointer-events:none;width:86px;height:86px;translate:-50% -50%;rotate:-20deg;filter:drop-shadow(0 5px 6px #12384188);color:#07333b}.wipe-tool .craft-icon{width:100%;height:100%;stroke-width:2.2;stroke:#e4fff8;fill:#164e5bc9}.wipe-finish-sheen{position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 37%,#e3ffff85 49.5%,transparent 52%);translate:-150% 0;pointer-events:none}.wipe-stamp{position:absolute;top:16px;left:16px;right:16px;display:block;background:linear-gradient(110deg,#eafff5ed,#bfe8e8ed);color:var(--ink);border:1px solid #fff;border-radius:4px 20px;padding:12px 15px;font-size:14px;font-weight:700;text-align:center;opacity:0;pointer-events:none}.wipe-stage.is-cleared .wipe-finish-sheen{animation:shine 1.05s ease-out both}.wipe-stage.is-cleared .wipe-stamp{animation:finish-stamp 2.7s ease both}.wipe-stage.is-cleared>img{animation:finish-photo 1s ease both}.wipe-stage{scroll-margin-top:22px}.wipe-next{animation:case-enter .5s ease both}.wipe-photo-expand{margin:10px 0 0;font-size:13px;min-height:48px;width:100%}.wipe-picker{margin:20px 0}.wipe-stage.is-cleared{border-color:#c6efdc}
.button,.case-tab,.wipe-picker button,.guidance-tabs button,.mobile-dock a{transition:translate .12s,scale .12s,box-shadow .2s,filter .12s,background .2s}.is-pressed{translate:0 2px!important;scale:.985!important}.button.is-pressed{box-shadow:0 1px 0 var(--shadow),inset 0 2px 6px #0003}.button.is-pressed[data-action=contact]{translate:0 3px!important;scale:.98!important}.button.is-pressed[data-action=picture]{filter:brightness(1.08)!important}.action-stroke.contact{border-width:3px;width:80px;height:80px}.action-stroke.picture{height:18px;width:150px}.faq:target{box-shadow:inset 3px 0 #32828c;padding-left:14px}.check-dock{bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}.celebration-toast{top:calc(12px + env(safe-area-inset-top))}.review blockquote strong{font-size:22px}.review p{line-height:1.9}
@keyframes finish-stamp{0%{opacity:0;translate:0 -10px;scale:.9}20%,75%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -4px;scale:1}}@keyframes finish-photo{0%{filter:brightness(.83)}55%{filter:brightness(1.1)}100%{filter:brightness(1)}}
.motion-ready .section-heading>p.reveal,.motion-ready .intro-copy.reveal{transition-delay:.12s}.scene-choice:nth-child(2),.story-frame:nth-child(2){--i:2}.scene-choice:nth-child(3),.story-frame:nth-child(3){--i:4}
.dialog-views{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.dialog-views button{padding:12px 18px;min-height:44px;border-radius:4px 17px;background:linear-gradient(125deg,#fff,#dcece7);border:1px solid #86abaa;font-size:13px;font-weight:600}.dialog-views button[aria-pressed=true]{background:linear-gradient(125deg,#23565f,#0c333e);color:white}.dialog-pair{transition:opacity .2s}dialog[data-photo-view=before] .dialog-pair,dialog[data-photo-view=after] .dialog-pair{grid-template-columns:1fr}dialog[data-photo-view=before] .dialog-pair figure:last-child,dialog[data-photo-view=after] .dialog-pair figure:first-child{display:none}dialog[data-photo-view=before] .dialog-pair img,dialog[data-photo-view=after] .dialog-pair img{height:65svh;max-height:650px;object-fit:contain}.dialog-views+.dialog-pair figcaption{font-size:13px}
@media(min-width:1450px){.hero h1{font-size:82px}.hero-proof{right:max(4%,calc((100vw - 1200px)/2));width:520px}}
@media(max-width:1100px) and (min-width:761px){.hero h1{font-size:clamp(44px,5.4vw,60px)}.hero-proof{width:42%;top:200px;right:32px;padding:16px;gap:12px}.hero-buttons{max-width:53%}.hero-content{padding-top:175px;padding-bottom:120px}.hero-intro{font-size:13px}.proof-caption,.proof-end{font-size:12px}.guidance-story{grid-template-columns:.9fr 1.1fr}.result-brief{align-items:flex-start;flex-direction:column}.case-board{grid-template-columns:.65fr 1.5fr;padding:25px;gap:20px}}
@media(max-width:760px){.site-header .brand small{display:none}.site-header .brand{gap:7px}.hero-content{padding-top:125px;padding-bottom:27px}.hero h1{font-size:clamp(38px,10.5vw,68px);max-width:none;line-height:1.33}.hero h1 span{letter-spacing:-.055em}.hero-intro{max-width:none;font-size:14px;line-height:1.9;margin:20px 0}.hero-label{font-size:12px;letter-spacing:.03em;gap:8px}.hero-buttons{max-width:none;gap:12px}.hero-buttons .button{font-size:14px;min-height:54px}.hero-buttons .text-link{font-size:13px}.hero-proof{top:auto;right:auto;width:calc(100% - 40px);max-width:520px;grid-template-columns:1fr 1fr;padding:14px;gap:10px;margin-bottom:18px}.hero-before,.hero-after{margin:0;aspect-ratio:4/5;border-radius:2px}.hero-proof img{object-fit:contain;object-position:center}.proof-caption,.proof-end{font-size:12px}.hero-bottom{font-size:12px;display:block}.hero-bottom>span{display:none}.hero{padding-bottom:63px}.section{padding-block:60px}.intro.section{padding-block:60px}.intro-copy p{font-size:14px;line-height:1.95}.section-kicker{font-size:12px;gap:12px;margin-bottom:25px}.section-heading>p{font-size:14px;line-height:1.9}.scene-choice small{font-size:12px}.scene-choices{margin-top:27px}.case-board{padding:18px 14px 22px}.case-meta{grid-template-columns:40px 1fr;gap:12px}.case-number{font-size:46px}.case-meta .eyebrow{font-size:12px}.case-meta p{font-size:13px;line-height:1.8}.case-meta .button{font-size:12px;min-height:44px}.case-pair figcaption{font-size:12px;flex-wrap:wrap;gap:2px}.case-pair figcaption span{font-size:12px}.case-footnote{font-size:12px}.case-tabs{gap:8px}.case-tab{font-size:13px;padding:11px 8px}.wipe-experience{margin-top:40px;gap:24px}.wipe-experience p{font-size:14px}.wipe-experience p.small{font-size:12px}.wipe-progress-label{font-size:13px!important}.wipe-picker button{font-size:13px;padding:10px 6px;min-height:46px}.wipe-buttons .button,.wipe-buttons .text-link{font-size:13px}.wipe-buttons{gap:12px}.wipe-collection{font-size:12px!important}.wipe-next p{font-size:13px}.wipe-next .button{font-size:13px}.wipe-stage{max-height:520px;max-width:100%;border-radius:5px 30px 5px 5px}.wipe-tool{width:68px;height:68px}.clean-story{padding:60px 0 40px}.story-title h2{font-size:33px}.story-frames{gap:14px;margin-bottom:25px}.story-frame,.story-frame:nth-child(2),.story-frame:nth-child(3){margin:0;min-height:285px}.story-frame p{font-size:13px}.story-frame span{font-size:12px}.story-frame h3{font-size:25px;margin:12px 0}.story-frame>div{inset:auto 20px 22px}.story-title .eyebrow{font-size:12px}.clean-story .text-link{font-size:13px}.check-heading{gap:12px}.check-heading p{font-size:14px}.check-heading p.small{font-size:12px}.water-counter{width:70px;flex-shrink:0;height:86px}.water-counter small{font-size:12px}.check-heading h2{font-size:30px}.check-card,.check-card:nth-last-child(-n+2){padding:18px 48px 18px 56px;min-height:126px}.check-number{left:15px;top:45px}.check-number .craft-icon{width:27px;height:27px}.check-copy strong{font-size:16px}.check-copy>span{font-size:13px;line-height:1.7}.check-mark{top:50px;right:14px}.check-card input{top:46px;right:14px}.check-actions .small,.check-actions .text-link{font-size:12px}.check-actions .button{font-size:14px}.check-result{padding:23px 15px}.check-result h3{font-size:23px}#result-intro{font-size:14px;line-height:1.85;margin:16px 0 22px}.result-brief{display:block;padding:16px}.result-brief p{font-size:13px;margin-bottom:15px}.result-brief .button{width:100%;font-size:13px}.guidance-tabs button{font-size:12px;min-height:44px;padding:10px 12px}.guidance-story{grid-template-columns:1fr;padding:14px;gap:16px}.guidance-story img{height:auto;max-height:340px;aspect-ratio:4/3;object-fit:contain}.guidance-story figcaption{font-size:12px}.guidance-copy h4{font-size:22px;line-height:1.6}.guidance-price{font-size:19px!important}.guidance-price-note{font-size:12px!important}.guidance-main-action{font-size:13px;min-height:50px}.guidance-details summary,.guidance-details p{font-size:13px!important}.guidance-related{gap:8px 14px}.guidance-related a{font-size:13px;min-height:44px}.result-menu-details>summary{font-size:13px}.result-menu-details .recommendation{grid-template-columns:1fr;gap:6px;padding:16px 0}.result-menu-details .recommendation>a{grid-column:auto;font-size:13px}.result-actions .button{font-size:13px}.completion p{font-size:12px}.completion strong{font-size:15px}.celebration-toast strong{font-size:14px}.celebration-toast small{font-size:12px}.check-dock{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));gap:12px;padding:12px;border-radius:5px 20px}.check-dock>span{font-size:12px}.check-dock .button{font-size:13px;min-height:48px;max-width:78%;padding:10px 13px}.checking .mobile-dock{visibility:hidden;pointer-events:none}.service-body>p:not(.eyebrow),.service details p{font-size:14px}.service-body .eyebrow{font-size:12px}.service-body .button{font-size:13px}.recommend-tag{font-size:12px}.about-copy>p{font-size:14px}.about-copy>.button{font-size:13px}.about-more summary,.about-more p{font-size:14px}.care-section.section{padding-block:55px}.care-points p{font-size:14px}.review-topic,.review summary{font-size:12px!important}.review details blockquote p{font-size:14px}.after-section{min-height:440px;padding-block:55px}.after-copy h2{font-size:31px}.after-copy>p:not(.eyebrow){font-size:14px}.faq summary,.faq>p{font-size:14px}.faq-layout>div:first-child>p:last-child{font-size:14px}.faq-photo figcaption{font-size:13px}.faq-q{font-size:23px}.contact-grid p{font-size:14px}.contact-steps strong{font-size:14px}.contact-steps small{font-size:12px}.contact-note{padding:23px 17px}.contact-note .eyebrow{font-size:13px}.contact-note p.small{font-size:12px}.note-controls .button{font-size:13px;min-height:48px}.contact-line{font-size:14px}.host-card small,.host-card strong{font-size:12px}.contact-phone small,.contact-phone>span{font-size:12px}.company-details dl>div,.company-details .text-link{font-size:13px}.company-details dt{min-width:78px}.company-details dd{overflow-wrap:anywhere}.footer{font-size:12px}.mobile-dock a{font-size:14px;min-height:48px}.dialog-bar h2{font-size:17px}.dialog-bar .button{font-size:12px}.dialog-pair figcaption{font-size:12px}.toast{font-size:13px}}
@media(max-width:370px){.hero h1{font-size:38px}.hero-proof{width:calc(100% - 32px)}.hero-buttons .button{font-size:13px}.hero-content{padding-top:120px}.brand>span{font-size:25px}.check-heading h2{font-size:27px}.check-card,.check-card:nth-last-child(-n+2){padding-left:50px}.check-number{left:12px}.check-number .craft-icon{width:24px}.check-copy strong{font-size:15px}.check-copy>span{font-size:12px}.check-dock .button{font-size:12px}.mobile-dock a{padding-inline:11px;font-size:13px}.contact-phone strong{font-size:38px}.note-controls .button{white-space:normal}}
@media(prefers-reduced-motion:reduce){.wipe-tool,.wipe-finish-sheen{display:none}.wipe-stage.is-cleared>img{animation:none;filter:none}.wipe-stage.is-cleared .wipe-stamp{animation:none;opacity:1}.hero-buttons .arrival{animation-delay:0s!important}}

/* Mobile rhythm: content sets the height; section and heading gaps share a scale. */
@media (max-width:760px) {
  .section,.intro.section,.care-section.section {padding-block:40px}
  .section-kicker {margin-bottom:18px}
  .section-heading {margin-bottom:22px}
  .section-heading>p {margin-top:14px}

  .hero {min-height:0;padding-bottom:24px}
  .hero-content {padding-top:110px;padding-bottom:20px}
  .hero-label {margin-bottom:16px}
  .hero-intro {margin-block:16px}
  .hero-buttons {gap:8px}
  .hero-proof {margin-bottom:0}
  .hero-bottom {display:none}
  .intro-grid {gap:18px}
  .scene-choices {margin-top:22px}

  .case-tabs {margin-bottom:16px}
  .case-meta {margin-bottom:18px}
  .case-footnote {margin-top:12px}
  .wipe-experience {margin-top:28px;gap:18px}
  .wipe-experience h3 {margin-bottom:16px}
  .wipe-picker {margin-block:16px}
  .wipe-buttons {margin-block:16px 12px}
  .clean-story {padding-block:40px 32px}
  .story-title {margin-bottom:22px}
  .story-frames {margin-bottom:18px}

  .check-heading {margin-bottom:24px}
  .check-heading h2 {margin-bottom:14px}
  .check-heading .small {margin-top:8px}
  .check-card,.check-card:nth-last-child(-n+2) {min-height:110px}
  .check-number,.check-mark,.check-card input {top:50%;transform:translateY(-50%)}
  .check-actions {margin-top:20px;gap:10px 20px}
  .check-result {margin-top:24px}
  .check-result h3 {margin-bottom:12px}
  #result-intro {margin-block:10px 18px}
  .result-brief {margin-bottom:18px}
  .guidance-copy h4 {margin-bottom:14px}
  .guidance-details,.result-menu-details,.result-actions,.completion {margin-top:20px}

  .services {gap:20px}
  .service-body {padding:20px}
  .service-body .eyebrow {margin-bottom:10px}
  .service-body h3 {margin-bottom:12px}
  .price {margin-block:18px 16px}
  .service details {margin-bottom:18px}
  .about-grid {gap:24px}
  .portrait-crop {height:clamp(320px,95vw,390px);aspect-ratio:auto}
  .about-copy h2 {margin-bottom:20px}
  .about-copy>p {margin-bottom:16px}
  .about-copy .about-quote {margin-block:20px}
  .about-more {margin-bottom:18px}
  .care-grid {gap:20px}
  .care-image {min-height:280px}
  .care-points article {padding-block:20px}
  .care-points article:last-child {padding-bottom:0}
  .care-points h3 {margin-bottom:10px}

  .review {padding-block:20px}
  .review details {margin-top:8px}
  .after-section {min-height:0;padding-block:40px}
  .after-copy h2 {line-height:1.5;margin-bottom:20px}
  .after-copy>p:not(.eyebrow) {margin-bottom:22px}
  .faq-layout {gap:22px}
  .faq-layout>div:first-child>p:last-child {margin-top:16px}
  .faq-photo {margin-top:18px}
  .faq summary {min-height:64px;padding-block:14px}
  .faq>p {padding-bottom:18px}
  .contact-grid {gap:26px}
  .contact-grid h2 {margin-bottom:20px}
  .contact-steps {margin-block:24px 20px}
  .contact-steps>span {padding-block:12px}
  .host-card,.contact-phone {margin-top:20px}
  .company-section {padding-block:40px 22px;gap:24px}
  .footer-brand {margin-bottom:18px}
  .footer {padding-top:20px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}

  /* Long mobile stacks must stay visible before the scroll observer fires. */
  body.motion-ready .reveal {transition:none}
  body.motion-ready .reveal:not(.in-view),
  body.motion-ready :is(.scene-choice,.care-image,.story-frame).reveal:not(.in-view) {
    opacity:1;transform:none;clip-path:none;
  }
  .hero-buttons .arrival {animation-delay:0s!important}
}
@media (max-width:760px) and (prefers-reduced-motion:no-preference) {
  body.motion-ready .reveal.in-view {animation:mobile-arrive .4s ease-out both}
  @keyframes mobile-arrive {
    from {opacity:.88;transform:translateY(8px)}
    to {opacity:1;transform:none}
  }
}

/* Pricing conditions: keep the quoted scope visible without opening details. */
.service-body .service-price-label{margin:24px 0 0;font-size:15px;font-weight:700;color:var(--ink);line-height:1.7}
.service-price-label+.price{margin-top:6px}
.service-body .service-conditions{margin:0 0 24px;font-size:14px;line-height:1.9;color:var(--muted)}
.service-features{margin:18px 0 0;padding:16px 18px;background:linear-gradient(135deg,#e4f4f2,#f5faf8);border-left:3px solid #4b9b9e}
.service-features>p{font-size:13px;font-weight:700;line-height:1.5}
.service-features ul{margin:9px 0 0;padding-left:1.2em;font-size:14px;line-height:1.9}
.service-features li+li{margin-top:3px}
@media(max-width:760px){.service-body .service-price-label{font-size:14px;margin-top:20px}.service-body .service-conditions{font-size:14px;margin-bottom:20px}.service-features{padding:14px}.service-features ul{font-size:14px}}
