@font-face{font-family:Inter;src:url(assets/inter-latin.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
:root{--paper:#f7f8f2;--ink:#18251b;--muted:#455548;--dark:#142a1c;--lime:#c5ed92;--pale:#eaf2e2;--line:#d9e1d5;font-family:Inter,system-ui,sans-serif}
body{font-size:16px}.shell{width:min(calc(100% - 112px),1256px)}.section{padding-block:clamp(3.75rem,6.4vw,6.5rem)}h1,h2,h3{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.062em}h1{font-size:clamp(3.35rem,6.05vw,6.1rem);line-height:.98}h2{font-size:clamp(2.7rem,5.25vw,5.2rem);line-height:.99}h3{line-height:1.12}.eyebrow{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:.73rem;letter-spacing:.13em;margin-bottom:1.25rem}.tag{border:1px solid #cfdfc7;padding:.59rem .91rem}.intro{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7}.button{border-radius:999px;min-height:51px;padding:.8rem 1.2rem .8rem 1.32rem;font-size:.94rem;font-weight:700}.button span{display:grid;place-items:center;font-size:1rem;border-radius:50%;background:#20351d17;width:26px;height:26px}.button.dark span{background:#ffffff1f}
.hero{width:min(calc(100% - 48px),1540px);margin:24px auto 0;border-radius:34px;min-height:min(800px,calc(100svh - 48px));background:#142a1c}.hero-content{width:min(calc(100% - 80px),1256px);padding-block:7rem}.hero h1{max-width:45rem;text-wrap:initial}.hero-lead{font-size:1.32rem;margin-top:1.35rem}.hero .intro{max-width:29rem}.hero-note{font-size:.91rem;margin-top:2.35rem;max-width:26rem}.hero-shade{background:linear-gradient(90deg,#142a1cf2 0%,#142a1ce8 22%,#142a1caa 43%,#142a1c25 68%,#142a1c05 100%)}.hero-photo{width:100%;object-position:center 56%}.hero-caption{position:absolute;bottom:25px;right:26px;display:flex;align-items:center;gap:.7rem;border-radius:999px;padding:.66rem .83rem;background:#142a1ccf;color:white;font-size:.73rem;backdrop-filter:blur(8px)}.hero-caption span{width:7px;height:7px;border-radius:50%;background:var(--lime)}.hero-caption b{margin-left:.45rem;color:var(--lime)}
.quote{margin-top:24px;padding-block:clamp(3.5rem,6.2vw,6rem);background:#edf3e8}.quote-layout{gap:clamp(3rem,8vw,8.5rem)}.quote-copy{background:none}.quote-copy h2{max-width:10ch}.quote-copy .intro{max-width:28rem}.form{padding:clamp(1.4rem,3vw,2.35rem);border:1px solid #dce7d8;border-radius:1.65rem;gap:1.05rem;box-shadow:0 24px 60px #1b352412}.form h3{font-size:1.95rem}.form label{font-weight:700}.form input,.form select{min-height:49px}.proof{background:var(--dark);color:white;padding-block:2.35rem}.proof span{color:#c7d6c8}.proof-grid div+div{border-left:1px solid #53705a;padding-left:1.7rem}.proof strong{font-family:Inter,system-ui,sans-serif;font-size:1.4rem;letter-spacing:-.035em}
.solutions h2{max-width:15ch}.cards{margin-top:3.75rem;gap:clamp(1.5rem,4vw,4rem)}.media{aspect-ratio:1.65;border-radius:1.5rem}.cards article:nth-child(2){margin-top:4rem}.cards h3{font-size:clamp(1.6rem,2.4vw,2.35rem);margin-top:1.5rem}.cards p{margin-bottom:1.45rem}.media img{transition:transform .65s cubic-bezier(.2,.65,.25,1)}.media:hover img{transform:scale(1.045)}.benefits .split{gap:clamp(3rem,8vw,8rem)}.benefits h2{font-size:clamp(2.7rem,4.6vw,4.6rem)}.detail-photo{aspect-ratio:1.55;margin-top:2.15rem;border-radius:1.5rem}.number-list{padding-top:2.5rem}.number-list li{padding-block:1.55rem}.number-list li:before{top:1.85rem}
.process{background:#e6efdf}.process-sticky{padding-block:clamp(4rem,8vw,7.5rem)}.process.enhanced{height:calc(100svh + var(--travel, 1700px))}.process.enhanced .process-sticky{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding-block:clamp(1.3rem,4vh,3.7rem)}.process.enhanced .timeline{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.process h2{max-width:16ch;font-size:clamp(2.5rem,5vw,4.75rem)}.journey{margin-top:2.35rem}.journey-track{height:2px;background:#a7bda6}.journey-track span{display:block;width:100%;height:100%;background:#337434;transform:scaleX(var(--progress,0));transform-origin:left}.journey-points{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-top:.7rem}.journey-points button{display:flex;align-items:center;gap:.55rem;padding:.45rem .4rem;color:#445646;border:0;background:none;text-align:left;cursor:pointer;font-weight:700;font-size:.88rem;min-height:43px}.journey-points button span{width:2rem;height:2rem;flex:none;display:grid;place-items:center;border:1px solid #96ae95;border-radius:50%;font-size:.72rem}.journey-points button[aria-current=step] span{color:var(--lime);background:var(--dark);border-color:var(--dark)}.journey-card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:clamp(190px,39vh,365px);border-radius:1.45rem;overflow:hidden;margin-top:1rem;background:#f9fbf6}.journey-card>div{padding:clamp(1.2rem,4vw,3.9rem);align-self:center}.journey-card h3{font-size:clamp(2rem,4vw,4rem)}.journey-copy{max-width:26rem;color:var(--muted);margin-top:.65rem}.journey-image{width:100%;height:100%;min-height:0;max-height:365px;object-fit:cover;object-position:50% 55%}.journey-card.changed{animation:step-in .38s ease both}@keyframes step-in{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.facility-section{background:var(--paper)}.facility{padding:1.25rem;border-radius:1.75rem;gap:clamp(2rem,5vw,5rem)}.facility figure{min-height:35rem}.facility-copy{padding-block:2.5rem}.facility h2,.faq h2{font-size:clamp(2.55rem,4.5vw,4.6rem)}.faq .split{gap:clamp(2rem,8vw,8rem)}.questions summary{padding-block:1.45rem}.closing{padding-bottom:2.75rem}.closing-panel{min-height:38rem;padding:clamp(2rem,5vw,5rem);border-radius:2rem}.closing-panel h2{max-width:12ch}.pallet-stage{background:radial-gradient(circle,#456e46 0 31%,#365b3d 31% 42%,#2a4a34 42% 52%,transparent 52%),repeating-linear-gradient(0deg,transparent 0 35px,#284535 35px 36px),repeating-linear-gradient(90deg,#1c3526 0 35px,#284535 35px 36px)}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}.hero{min-height:660px}.hero-content{width:calc(100% - 58px)}.hero h1{max-width:11ch}.hero-photo{width:100%;object-position:57% 55%}.hero-shade{background:linear-gradient(90deg,#142a1cf0 0%,#142a1cd9 28%,#142a1c60 66%,#142a1c0a 100%)}.facility figure{min-height:30rem}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.section{padding-block:3.45rem}h2{font-size:clamp(2.35rem,10vw,3.5rem)}.hero{width:calc(100% - 24px);margin-top:12px;border-radius:23px;min-height:0}.hero-content{width:calc(100% - 36px);padding:15.5rem 0 2.35rem}.hero h1{max-width:none;font-size:clamp(2.65rem,10vw,4.4rem)}.hero-photo,.hero-shade{width:100%;height:100%}.hero-photo{object-position:55% 51%}.hero-shade{background:linear-gradient(180deg,#142a1c00 5%,#142a1c28 24%,#142a1cc9 43%,#142a1cf2 66%,#142a1cf7 100%)}.hero-caption{display:none}.hero-lead{font-size:1.15rem}.hero-note{margin-top:1.6rem}.quote{margin-top:12px;padding-block:3.35rem}.quote-layout,.benefits .split,.faq .split{gap:2.5rem}.quote-copy h2{max-width:12ch}.proof-grid div+div{border-left:0;border-top:1px solid #53705a;padding-left:0}.cards{margin-top:2.1rem;gap:2.5rem}.cards article:nth-child(2){margin-top:0}.media{aspect-ratio:1.55}.number-list{padding-top:0}.process.enhanced .process-sticky{padding-block:1rem}.process .section-heading{flex-direction:row;align-items:end}.process h2{font-size:clamp(1.75rem,7vw,3.1rem)}.process .section-heading .button{padding:.55rem .76rem;font-size:.75rem;min-height:40px;gap:.35rem}.process .section-heading .button span{width:18px;height:18px}.journey{margin-top:1.4rem}.journey-points button{justify-content:center}.journey-points button b{display:none}.journey-card{grid-template-columns:1fr;min-height:0}.journey-card>div{padding:1.15rem;min-height:11rem}.journey-card .eyebrow{margin-bottom:.6rem}.journey-image{height:clamp(100px,26svh,220px)}.facility{padding:.85rem;gap:1.2rem}.facility figure{min-height:18rem}.facility-copy{padding:1rem .6rem}.closing-panel{min-height:0;padding:1.5rem;gap:2rem}.closing-panel h2{max-width:13ch}.pallet-stage{min-height:16rem}.footer{gap:.8rem}}
@media(max-height:560px){.process.enhanced .process-sticky{position:static}.journey-image{height:105px}}
@media(prefers-reduced-motion:reduce){.media img,.journey-card.changed{transition:none;animation:none}}


/* Blocos comerciais com a alternância de cores da referência. */
.proof {
  background: var(--paper);
  padding-block: 1.6rem 0;
}
.proof-grid { gap: .85rem; }
.proof-grid div,
.proof-grid div + div {
  margin: 0;
  border: 0;
  border-radius: 1.15rem;
  padding: 1.25rem clamp(1rem, 2.4vw, 1.9rem);
  background: var(--white);
  color: var(--ink);
}
.proof-grid span { color: var(--muted); }
.proof-grid div:nth-child(2) { background: var(--lime); }
.proof-grid div:nth-child(3) { background: var(--dark); color: var(--white); }
.proof-grid div:nth-child(3) span { color: var(--soft); }

.cards article {
  --card-inset: clamp(1.15rem, 2.4vw, 2rem);
  overflow: hidden;
  border-radius: 1.5rem;
  background: var(--white);
}
.cards .media { border-radius: 0; }
.cards h3,
.cards p,
.cards .button { margin-inline: var(--card-inset); }
.cards .button { margin-bottom: var(--card-inset); }
.cards article:nth-child(2) { background: var(--dark); color: var(--white); }
.cards article:nth-child(2) p { color: var(--soft); }
.cards article:nth-child(2) .button { background: var(--lime); }
.cards article:nth-child(2) .button:hover { background: #a9df76; }

@media (max-width: 760px) {
  .proof { padding-top: 1rem; }
  .proof-grid { gap: .6rem; }
  .proof-grid div,
  .proof-grid div + div { padding: 1rem 1.15rem; }
}

/* Hero fotográfica de ponta a ponta. */
.hero {
  width: 100%;
  max-width: none;
  min-height: clamp(640px, 91svh, 900px);
  margin: 0;
  border-radius: 0;
}
.hero-content { width: min(calc(100% - 112px), 1256px); }
.hero-photo { width: 100%; height: 100%; object-position: center 56%; }
.hero-shade {
  background: linear-gradient(90deg, #0d291ff7 0%, #0d291fe8 23%, #0d291fa3 47%, #0d291f28 68%, #0d291f00 90%);
}
.hero h1 {
  max-width: 14ch;
  font-size: clamp(3.25rem, 5.4vw, 5.75rem);
  letter-spacing: -.056em;
  text-transform: uppercase;
}
.hero h1 strong { color: #c6f28a; }
.hero .button {
  min-height: 52px;
  padding: .28rem .28rem .28rem 1.02rem;
  border: 2px solid #c6f28a;
  background: #112b21;
  color: white;
}
.hero .button:hover { background: #2c503a; }
.hero .button span {
  width: 40px;
  height: 40px;
  background: #c6f28a;
  color: #112b21;
}
.quote { margin-top: 0; }

@media (max-width: 760px) {
  .hero { min-height: min(740px, 100svh); }
  .hero-content { width: calc(100% - 36px); padding-top: clamp(13rem, 34svh, 18rem); }
  .hero h1 { max-width: none; font-size: clamp(2.25rem, 8.4vw, 4rem); }
  .hero-photo { object-position: 57% center; }
  .hero-shade {
    background: linear-gradient(180deg, #0d291f00 10%, #0d291f24 25%, #0d291fc7 44%, #0d291fef 68%, #0d291ff7 100%);
  }
}

/* Títulos e alinhamento das seções de soluções e benefícios. */
.solutions h2,
.benefits h2 {
  max-width: 29ch;
  font-size: clamp(1.95rem, 3.4vw, 3.2rem);
  line-height: 1.08;
  text-wrap: pretty;
}
.cards,
.benefits-grid { margin-top: clamp(1.5rem, 3vw, 2.5rem); }
.cards article,
.cards article:nth-child(2) {
  margin-top: 0;
  background: var(--white);
  color: var(--ink);
  border: 1px solid var(--line);
}
.cards article:nth-child(2) p { color: var(--muted); }
.cards article:nth-child(2) .button { background: var(--pale); }
.cards article:focus-within,
.cards article:focus-within:nth-child(2) {
  background: var(--lime);
  border-color: var(--lime);
}
.cards .button:focus-visible { outline-offset: 3px; }
@media (hover: hover) {
  .cards article:hover,
  .cards article:hover:nth-child(2) {
    background: var(--lime);
    border-color: var(--lime);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .has-motion .cards article[data-reveal] {
    transition: opacity .55s ease, transform .55s ease, background-color .22s ease, border-color .22s ease;
  }
}
.benefits .benefits-grid { gap: clamp(1.5rem, 4vw, 3.5rem); }
.benefits .detail-photo { margin: 0 0 1rem; aspect-ratio: 1.28; }
.benefits .number-list { padding-top: 0; }
@media (min-width: 1001px) {
  .cards article { min-height: calc((min(100vw - 112px, 1256px) - clamp(1.5rem, 4vw, 4rem)) / 2); }
  .cards .media { flex: 1 0 auto; position: relative; }
  .cards .media img { position: absolute; inset: 0; }
}

/* O enquadramento no celular preserva o corredor e as pilhas. */
.hero-photo { object-position: 67% center; }
.cards article:nth-child(2) .media img { object-position: center 48%; }
.benefits .detail-photo { object-position: center 48%; }
@media (max-width: 760px) {
  .hero-photo { object-position: 51% center; }
}

/* Ações comerciais seguem a mesma paleta em todas as seções. */
.button,
.button.dark,
.button.secondary,
.hero .button,
.cards article:nth-child(2) .button {
  background: var(--lime);
  color: var(--dark);
  border: 1px solid #739f54;
}
.button:hover,
.button.dark:hover,
.button.secondary:hover,
.hero .button:hover,
.cards article:nth-child(2) .button:hover {
  background: #a8db78;
  color: var(--dark);
  border-color: #739f54;
}
.button span,
.button.dark span,
.hero .button span {
  background: #142a1c18;
  color: var(--dark);
}

/* A mesma proporção fixa garante a linha de corte dos dois cards. */
.cards .media { flex: none; }
.cards article:focus-within,
.cards article:nth-child(2):focus-within {
  background: var(--dark);
  border-color: var(--dark);
  color: var(--white);
}
.cards article:focus-within p,
.cards article:nth-child(2):focus-within p { color: var(--soft); }
@media (hover: hover) {
  .cards article:hover,
  .cards article:nth-child(2):hover {
    background: var(--dark);
    border-color: var(--dark);
    color: var(--white);
  }
  .cards article:hover p,
  .cards article:nth-child(2):hover p { color: var(--soft); }
  .cards .button:hover,
  .cards article:nth-child(2) .button:hover {
    background: #294d35;
    border-color: var(--lime);
    color: var(--white);
  }
  .cards .button:hover span {
    background: #ffffff24;
    color: var(--lime);
  }
}
@media (min-width: 761px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .pallet-stage img {
    transform-origin: 50% 50%;
    transition: transform 560ms cubic-bezier(.25, .7, .25, 1);
  }
  .pallet-stage:hover img { transform: rotate(14deg); }
}

@media (max-width: 760px) {
  .hero {
    display: grid;
    grid-template-rows: clamp(15rem, 64vw, 24rem) auto;
    min-height: 0;
    background: #112b21;
  }
  .hero-photo {
    position: relative;
    grid-row: 1;
    width: 100%;
    height: 100%;
    object-position: center 57%;
  }
  .hero-shade { display: none; }
  .hero-content {
    grid-row: 2;
    width: min(calc(100% - 36px), 30rem);
    padding: 2rem 0 2.5rem;
    text-align: center;
  }
  .hero h1 { font-size: clamp(2.05rem, 7.9vw, 3.65rem); }
  .hero .intro,
  .hero-note { margin-inline: auto; }
  .hero-note { max-width: 23rem; }
  .quote-copy,
  .solutions > .shell > .eyebrow,
  .solutions h2,
  .benefits > .shell > .eyebrow,
  .benefits h2,
  .facility-copy,
  .faq .split > div:first-child,
  .closing-copy { text-align: center; }
  .quote-copy h2,
  .quote-copy .intro,
  .quote-note,
  .solutions h2,
  .benefits h2,
  .closing-panel h2,
  .closing-copy .intro { margin-inline: auto; }
  .benefits-grid > div { text-align: center; }
  .facility dl { text-align: left; }
  .closing-panel h2 { max-width: 16ch; }
  .closing .pallet-stage { display: none; }
}

/* Entradas em sequência. */
@media (max-width: 760px) {
  .hero {
    grid-template-rows: auto;
    min-height: min(43rem, 100svh);
  }
  .hero-photo,
  .hero-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .hero-photo { object-position: 47% center; }
  .hero-shade {
    display: block;
    background: rgb(8 29 20 / 40%);
  }
  .hero-content {
    grid-row: 1;
    padding: 3rem 0;
    text-shadow: 0 1px 5px #06140ee6, 0 2px 16px #06140e;
  }
  .hero .tag,
  .hero .button { text-shadow: none; }
  .hero .intro { color: white; }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-content { animation: none; }
  .hero-content > * { animation: eco-enter 680ms cubic-bezier(.2,.7,.25,1) both; }
  .hero-content > :nth-child(2) { animation-delay: 70ms; }
  .hero-content > :nth-child(3) { animation-delay: 125ms; }
  .hero-content > :nth-child(4) { animation-delay: 175ms; }
  .hero-content > :nth-child(5) { animation-delay: 225ms; }
  .hero-content > :nth-child(6) { animation-delay: 275ms; }
  @keyframes eco-enter {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .entrance-item {
    transition: opacity 610ms ease, transform 680ms cubic-bezier(.2,.7,.25,1),
      background-color 220ms ease, border-color 220ms ease;
    transition-delay: var(--entrance-delay, 0ms), var(--entrance-delay, 0ms), 0ms, 0ms;
  }
  .entrance-pending { opacity: 0; transform: translateY(21px); }
  .entrance-item:focus-within { opacity: 1; transform: none; transition-delay: 0ms; }
  @media (min-width: 761px) {
    .facility figure.entrance-pending { transform: translate(-16px, 8px); }
    .facility-copy.entrance-pending { transform: translate(16px, 8px); }
  }
}


.site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  color: white;
  background: linear-gradient(#0d291f9c, #0d291f00);
}
.header-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 76px;
}
.header-brand { display: inline-flex; align-items: center; flex: none; }
.header-brand img { width: 110px; filter: drop-shadow(0 1px 4px #071c13); }
.site-nav { display: flex; align-items: center; gap: clamp(1rem, 2.3vw, 2.1rem); }
.site-nav > a:not(.button) { text-decoration: none; font-size: .9rem; font-weight:700; text-shadow: 0 1px 5px #071c13; }
.site-nav > a:not(.button):hover { color: var(--lime); }
.site-nav .button { min-height: 44px; padding-block: .5rem; }
.menu-toggle[hidden] { display: none; }
@media (max-width: 900px) {
  .header-layout { min-height: 62px; gap: .7rem; }
  .header-brand img { width: 92px; }
  .site-nav { flex-wrap: wrap; gap: .7rem; padding: .6rem 0; }
  .site-header.has-menu .site-nav {
    display: none;
    position: absolute;
    inset: 100% 0 auto;
    padding: .85rem max(18px, calc((100% - 836px) / 2)) 1.25rem;
    background: var(--dark);
    border-bottom: 1px solid #48604d;
    box-shadow: 0 14px 24px #10271b20;
  }
  .site-header.has-menu .site-nav.is-open { display: grid; }
  .site-nav > a:not(.button) { display: flex; align-items: center; min-height: 40px; }
  .menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 42px;
    padding: .4rem .85rem;
    border: 1px solid #a9bea5;
    border-radius: 99px;
    background: #10271b9c;
    color: white;
    font-weight:700;
    cursor: pointer;
  }
}
@media (max-width: 760px) {
  .hero { min-height: min(43rem, 100svh); }
  .hero-content { align-self: center; padding-block: 4.45rem; }
}


/* Enquadra a abertura da câmara nos dois formatos. */
.hero-photo { object-position: 62% 50%; }
@media (max-width: 760px) {
  .hero-photo { object-position: 64% center; }
}
.pallet-stage img { width: 100%; max-width: 100%; }

/* Panorâmica 21:9 baseada na câmara real. */
.hero-photo { object-position: 66% 50%; }
@media (min-width: 1360px) {
  .hero { min-height: 0; aspect-ratio: 21 / 9; }
  .hero-content { padding-block: 5.5rem 2.5rem; }
  .hero h1 { max-width: 11em; font-size: clamp(3rem, 4.1vw, 4.4rem); }
  .hero-lead { font-size: 1.25rem; margin-top: 1rem; }
  .hero .intro { font-size: 1.1rem; line-height: 1.6; margin-top: .85rem; }
  .hero .button { margin-top: 1.25rem; }
  .hero-note { margin-top: 1.25rem; padding-top: .85rem; }
}
@media (max-width: 760px) {
  .hero-photo { object-position: 69% center; }
}


/* Tipografia da identidade visual Eco. */
body { font-weight: 400; font-synthesis: none; }
h1, h2, h3, strong, b { font-weight: 700; }
h1, h2, h3 { letter-spacing: -.035em; }
.hero h1 { letter-spacing: -.035em; }
.hero h1 strong { font-weight: inherit; }
p, dd, input, select, .form label, .hero-lead, .hero-note,
.eyebrow, .site-nav > a:not(.button) { font-weight: 400; }

/* A chamada final ocupa uma coluna central. */
.closing-panel {
  grid-template-columns: 1fr;
  min-height: 0;
  padding-block: clamp(3rem, 6vw, 6rem);
}
.closing-copy { text-align: center; max-width: 52rem; margin-inline: auto; }
.closing-panel h2 { max-width: 19ch; margin-inline: auto; }
.closing-copy .intro { max-width: 40rem; margin-inline: auto; }

/* A câmara ganha luminosidade e destaque à direita. */
@media (min-width: 761px) {
  .hero-photo { transform: scale(1.06); transform-origin: 82% 54%; }
  .hero-shade {
    background: linear-gradient(90deg, #0d291ff2 0%, #0d291fe6 22%, #0d291f8c 38%, #0d291f0d 54%, #0d291f00 70%);
  }
}
@media (min-width: 1360px) {
  .hero h1 { max-width: 9em; font-size: clamp(3rem, 3.8vw, 4.2rem); }
  .hero .intro { max-width: 27rem; }
}
@media (max-width: 760px) {
  .hero-photo { object-position: 73% center; }
}