/* Movimento discreto, com revelação progressiva e respeito à preferência do visitante. */ .hero-greeting{
  min-height:1.6em;
  margin:0 0 14px;
  color:var(--clay-dark);
  font:italic 19px/1.4 var(--serif);
  letter-spacing:.01em}
  .typing-caret{
    display:inline-block;
    height:1em;
    width:1px;
    vertical-align:-.13em;
    margin-left:3px;
    background:var(--clay);
    animation:caret-blink 1s steps(2,start) infinite}
    .sr-only{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0}
      @keyframes caret-blink{
        to{
          visibility:hidden}
        }
        body.motion-ready [data-reveal]{
          opacity:0;
          transform:translate3d(0,12px,0);
          transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1);
          transition-delay:var(--reveal-delay,0ms)}
          body.motion-ready [data-reveal="left"]{
            transform:translate3d(-10px,0,0)}
            body.motion-ready [data-reveal="right"]{
              transform:translate3d(10px,0,0)}
              body.motion-ready [data-reveal].is-visible,body.motion-ready [data-reveal]:focus-within{
                opacity:1;
                transform:translate3d(0,0,0)}
                .back-to-top{
                  position:fixed;
                  right:max(22px,env(safe-area-inset-right));
                  bottom:max(22px,env(safe-area-inset-bottom));
                  z-index:12;
                  width:46px;
                  height:46px;
                  display:grid;
                  place-items:center;
                  padding:0;
                  border:1px solid #a65f4380;
                  border-radius:50%;
                  background:rgba(248,243,238,.94);
                  color:var(--clay-dark);
                  box-shadow:0 5px 18px #34251c1c;
                  opacity:0;
                  visibility:hidden;
                  pointer-events:none;
                  transform:translate3d(0,9px,0);
                  transition:opacity .22s ease,transform .22s ease,visibility .22s,background .2s,color .2s,box-shadow .2s}
                  .back-to-top.is-visible{
                    opacity:1;
                    visibility:visible;
                    pointer-events:auto;
                    transform:translate3d(0,0,0)}
                    .back-to-top svg{
                      width:19px;
                      height:19px;
                      fill:none;
                      stroke:currentColor;
                      stroke-width:1.7;
                      stroke-linecap:round;
                      stroke-linejoin:round}
                      .back-to-top:hover{
                        background:var(--clay);
                        color:#fff;
                        box-shadow:0 8px 22px #34251c2b;
                        transform:translate3d(0,-3px,0)}
                        .back-to-top:focus-visible{
                          outline:3px solid #b87552;
                          outline-offset:4px}
                          .button,.nav-cta,.text-link,.lesson-card,.path-card,.photo-frame,.about-photo-image{
                            transition-duration:.24s}
                            .button-primary{
                              box-shadow:0 4px 12px #8047321a}
                              .button-primary:hover{
                                box-shadow:0 8px 18px #8047322b}
                                .nav-cta:hover{
                                  box-shadow:0 5px 13px #8047321a}
                                  .text-link span{
                                    display:inline-block;
                                    transition:transform .2s ease}
                                    .text-link:hover span{
                                      transform:translate(2px,-2px)}
                                      .lesson-card:hover,.path-card:hover{
                                        box-shadow:0 12px 26px #53382712}
                                        .photo-frame{
                                          transition:transform .45s cubic-bezier(.2,.7,.2,1)}
                                          .hero-art:hover .photo-frame{
                                            transform:rotate(-2deg) translateY(-3px)}
                                            .hero-photo{
                                              transition:transform .6s cubic-bezier(.2,.7,.2,1)}
                                              .hero-art:hover .hero-photo{
                                                transform:scale(1.025)}
                                                .about-photo-image{
                                                  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}
                                                  .about-photo:hover .about-photo-image{
                                                    transform:rotate(-2deg) scale(1.018);
                                                    box-shadow:0 17px 42px #44312635}
                                                    @media (max-width: 800px){
                                                      .back-to-top{
                                                        right: max(16px,env(safe-area-inset-right));
                                                        bottom: max(16px,env(safe-area-inset-bottom));
                                                        width: 44px;
                                                        height: 44px;
                                                      }
                                                    }

/* Os nove prints usam recortes visuais do arquivo original, sem alterar as mensagens. */
.feedback-section {
  background: var(--paper-deep);
}
.feedback-heading {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 30px;
}
.feedback-heading .section-description {
  max-width: 390px;
  margin: 0 0 7px;
}
.feedback-toolbar,
.feedback-controls {
  display: flex;
  align-items: center;
  gap: 12px;
}
.feedback-toolbar {
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.feedback-toolbar p,
.feedback-footnote {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.feedback-controls button {
  color: var(--clay-dark);
  background: transparent;
  border: 1px solid var(--line);
  cursor: pointer;
  font: 500 13px var(--sans);
}
.feedback-controls [hidden] {
  display: none;
}
.feedback-toggle {
  padding: 10px 14px;
  border-radius: 24px;
}
.feedback-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.feedback-arrow span {
  font-size: 20px;
}
.feedback-controls button:hover {
  background: var(--paper);
  border-color: var(--clay);
}
.feedback-controls button:focus-visible,
.feedback-viewport:focus-visible {
  outline: 2px solid var(--clay-dark);
  outline-offset: 4px;
}
.feedback-viewport {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 10px 0 24px;
  scrollbar-width: thin;
  scrollbar-color: var(--clay) var(--paper-deep);
}
.feedback-viewport.is-ready {
  cursor: grab;
  touch-action: pan-y pinch-zoom;
  scrollbar-width: none;
}
.feedback-viewport.is-ready::-webkit-scrollbar {
  display: none;
}
.feedback-viewport.is-dragging {
  cursor: grabbing;
}
.feedback-track {
  display: flex;
  width: max-content;
  gap: 24px;
  position: relative;
}
.feedback-card {
  flex: 0 0 clamp(270px, 24vw, 304px);
  width: clamp(270px, 24vw, 304px);
  margin: 0;
  padding: 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: 0 5px 14px #5338270a;
  user-select: none;
}
.feedback-card-image {
  aspect-ratio: 9 / 16;
  display: grid;
  align-items: center;
  background: #e5d8ce;
  overflow: hidden;
}
.feedback-shot {
  position: relative;
  width: 100%;
  aspect-ratio: var(--shot-width) / var(--shot-height);
  overflow: hidden;
}
.feedback-shot img {
  position: absolute;
  top: 0;
  left: calc(var(--shot-x) / var(--shot-width) * -100%);
  width: calc(5387 / var(--shot-width) * 100%);
  max-width: none;
  height: auto;
  pointer-events: none;
}
.feedback-card figcaption {
  display: flex;
  gap: 10px;
  align-items: baseline;
  padding: 16px 2px 5px;
  color: var(--ink);
  font: 16px/1.4 var(--serif);
}
.feedback-number {
  flex: none;
  color: var(--clay);
  font: 10px var(--sans);
  letter-spacing: .08em;
}
.feedback-footnote {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--line);
  padding-top: 15px;
}
.feedback-footnote > span {
  font-size: 25px;
  color: var(--clay);
}
@media (max-width: 700px) {
  .feedback-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .feedback-heading .section-description {
    max-width: 100%;
  }
  .feedback-card {
    flex-basis: min(78vw, 300px);
    width: min(78vw, 300px);
  }
  .feedback-track {
    gap: 16px;
  }
}
                                                    @media (hover: none){
                                                      .hero-art:hover .photo-frame{
                                                        transform: rotate(-3deg);
                                                      }
                                                      .hero-art:hover .hero-photo{
                                                        transform: none;
                                                      }
                                                      .about-photo:hover .about-photo-image{
                                                        transform: rotate(-3deg);
                                                      }
                                                    }
                                                    @media (prefers-reduced-motion: reduce){
                                                      .typing-caret{
                                                        display: none;
                                                      }
                                                      body.motion-ready [data-reveal]{
                                                        opacity: 1;
                                                        transform: none;
                                                        transition: none;
                                                      }
                                                    }