/* Revisão UX: a composição não se espalha conforme a altura da janela. */
.process-sticky{padding-bottom:0}
.process-body{align-items:center}
.process-copy{min-width:0}
.journey-scene{height:clamp(320px,calc(100dvh - 190px),560px);align-self:center;width:100%}
.story-channel{width:clamp(112px,12vw,160px);padding:16px}
.channel-influencer{top:8%;left:1%}.channel-ads{top:13%;right:0}
.channel-blog{bottom:13%;left:0}.channel-social{bottom:8%;right:0}
.story-channel>strong{font-size:13px}.story-channel>small{font-size:11px}
.process[data-stage="2"] .story-product{width:76%;left:11%;height:100%;top:0;transform:rotate(-5deg) scale(.82)}
.process-guide{font-size:11px;color:#56604d;margin:0 0 10px;line-height:1.5}
.process.is-manual{height:auto;min-height:0}
.process.is-manual .process-sticky{position:relative;height:auto;min-height:0;max-height:none;overflow:visible}
.process.is-manual .process-body{flex:none}
.process.is-manual .process-guide .guide-scroll{display:none}
.process:not(.is-manual) .process-guide .guide-tap{display:none}
.process-nav button{min-height:56px}
/* Mini checkout ilustrativo; não recebe dados nem simula botões funcionais. */
.story-checkout{width:min(70%,300px);padding:21px;top:50%;right:0;transform:translate(24px,-50%);border:1px solid #d0d7c6;border-radius:5px;box-shadow:0 18px 35px #303b2918}
.process[data-stage="3"] .story-checkout{transform:translate(0,-50%)}
.story-checkout>div{display:block;margin:0;padding:0;border:0;font-size:12px}
.story-checkout .cart-heading{display:flex;gap:10px;align-items:center;padding-bottom:16px;border-bottom:1px solid #c9d0be}
.cart-heading svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cart-heading b{display:block;font-size:20px;font-weight:500;letter-spacing:-.04em}.cart-heading small{display:block;font-size:10px;color:#68705f}
.story-checkout .cart-item{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #c9d0be}
.cart-item img{width:46px;height:65px;object-fit:contain}.cart-item b{font-size:13px;font-weight:600}.cart-item small{display:block;font-size:10px;color:#68705f;margin-top:4px}
.story-checkout .cart-summary{padding:14px 0;display:grid;gap:7px;font-size:11px}.cart-summary p{display:flex;justify-content:space-between;gap:10px}.cart-summary b{font-weight:500}
.story-checkout .cart-total{padding-top:9px;border-top:1px solid #d0d7c6;color:#171d17}
.story-checkout .cart-confirmed{display:flex;gap:9px;align-items:center;padding:12px;background:#181e17;color:#d4ff3f;font-size:13px}
.cart-confirmed svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;flex:none}
.story-checkout .cart-footnote{margin-top:11px;font-size:9px;color:#68705f;line-height:1.5}
.story-checkout>p{margin:0}
.process[data-stage="3"] .story-product{left:-12%;width:82%;height:100%;top:0;transform:rotate(-6deg) scale(.8)}
/* O espaço de leitura e o tamanho das figuras permanecem previsíveis em telas menores. */
@media(max-width:1000px){.story-channel{width:124px;padding:13px}.story-channel>strong{font-size:11px}.story-channel>small{font-size:10px}.story-checkout{padding:17px;width:min(74%,270px)}}
@media(max-width:700px){
 .process-copy{min-height:230px;padding:20px 0 0}
 .journey-scene{height:360px;flex:none;margin:10px 0 12px}
 .process-body{align-items:stretch}
 .process-heading{font-size:clamp(37px,9vw,52px)}
 .process-description{font-size:13px;max-width:34ch}
 .process-count{top:20px}
 .process-nav button{font-size:10px;min-height:62px;padding:12px 3px}
 .process-nav button>span{font-size:9px}
 .story-channel{width:108px;padding:12px}.story-channel>strong{font-size:10px}.story-channel>small{font-size:9px}
 .channel-influencer{top:7%;left:0}.channel-ads{top:10%;right:0}.channel-blog{bottom:12%;left:0}.channel-social{bottom:6%;right:0}
 .process[data-stage="2"] .story-product{width:84%;left:8%;height:100%;top:0;transform:rotate(-5deg) scale(.8)}
 .story-checkout{width:200px;padding:14px;top:50%}
 .story-checkout .cart-heading{gap:8px;padding-bottom:11px}.cart-heading b{font-size:17px}.cart-heading small{font-size:9px}.cart-heading svg{width:24px;height:24px}
 .story-checkout .cart-item{grid-template-columns:32px 1fr;gap:9px;padding:11px 0}.cart-item img{width:32px;height:45px}.cart-item b{font-size:11px}.cart-item small{font-size:9px}
 .story-checkout .cart-summary{font-size:10px;gap:5px;padding:10px 0}.story-checkout .cart-confirmed{font-size:11px;padding:10px;gap:6px}.story-checkout .cart-footnote{font-size:8px;margin-top:8px}
 .process[data-stage="3"] .story-product{left:-22%;width:90%;top:0;height:100%;transform:rotate(-6deg) scale(.87)}
 .story-caption{font-size:6px;bottom:0}.process-guide{font-size:11px;margin-bottom:10px}
}
@media(min-width:701px) and (max-height:560px){.process.is-manual .journey-scene{height:430px}.process.is-manual .process-copy{padding-block:30px}.process.is-manual .process-body{min-height:430px}}
/* Mesma regra de controle no diagrama detalhado; celular usa etapas por toque. */
.business-journey.is-manual{height:auto;min-height:0}
.business-journey.is-manual .business-frame{position:relative;height:auto;min-height:0;max-height:none}
.business-journey.is-manual .journey-main{min-height:0}
@media(prefers-reduced-motion:reduce){.journey-scene *{transition:none!important}.process.is-manual .journey-scene{transform:none}}
/* Recompra: o mesmo cliente chega ao segundo pedido. */
.story-return-order{width:min(60%,290px);right:0;bottom:17%;padding:23px}
.story-return-order strong{font-size:39px;line-height:1.06;margin:14px 0 12px}
.story-return-order p{font-size:12px;line-height:1.6}
.story-return-order>.small{font-size:9px}
.return-progress{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:11px;color:#c1c9b7;white-space:nowrap}
.return-progress b{font-weight:500;color:#d4ff3f}
.story-return-label{top:13%;right:0;font-size:11px;line-height:1.6}
.story-return-cycle{left:1%;width:80%;height:83%;top:3%}
.process[data-stage="4"] .story-product{left:-10%;top:0;width:78%;height:100%;transform:rotate(7deg) scale(.73)}
@media(max-width:700px){.story-return-order{width:205px;bottom:14%;padding:17px}.story-return-order strong{font-size:31px}.story-return-order p{font-size:10px}.story-return-order>.small{font-size:7px}.return-progress{font-size:9px;gap:7px;margin-top:12px}.story-return-label{font-size:9px;top:6%}.process[data-stage="4"] .story-product{left:-20%;width:90%;top:-1%;transform:rotate(7deg) scale(.76)}}
/* Foco visível em fundos claros e na leitura ampliada dos recortes. */
footer a:focus-visible{outline-color:#171d17!important}
.image-scroll:focus-visible{outline:3px solid #d4ff3f;outline-offset:-4px}
/* Selo de autoria inspirado no formato editorial da referência, com desenho próprio. */
.hero-author.next-brand{width:150px;text-align:center;pointer-events:auto;bottom:130px}
.next-brand-card{position:relative;color:#20271e;background:#f5f4eceb;border:1px solid #f5f4ec40;border-radius:18px 3px 18px 3px;padding:16px 9px 12px;box-shadow:0 10px 30px #0001}
.next-brand-kicker{display:block;font-size:8px;letter-spacing:.12em;text-align:left;margin:0 5px 9px}
.next-brand-card>strong{font-family:'Instrument Serif',Georgia,serif;font-size:43px;font-weight:400;line-height:1;display:block;text-align:left;margin-left:5px}
.next-brand-drawing{display:block;width:130px;height:160px;max-width:100%;margin:4px auto 6px}
.next-brand-pause{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:44px;height:44px;background:transparent;color:#263022;font-size:13px}
.next-brand-pause:focus-visible{outline-color:#263022}
.next-brand-pause[hidden]{display:none}
.next-brand-signature{height:75px;margin-top:4px;overflow:hidden}
.next-brand-signature img{height:100%;width:100%;object-fit:contain;filter:brightness(0) invert(1);animation:signature-arrival 1.1s ease both}
@keyframes signature-arrival{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(4px)}to{opacity:1;clip-path:inset(0);transform:none}}
@media(max-width:1000px){.hero-author.next-brand{width:130px;right:4vw;bottom:125px}.next-brand-card>strong{font-size:36px}.next-brand-drawing{width:110px;height:138px}.next-brand-signature{height:62px}}
@media(max-width:700px){.hero-author.next-brand{width:105px;right:5vw;bottom:110px}.next-brand-kicker{font-size:6px;margin:0 3px 7px}.next-brand-card{padding:12px 6px 7px}.next-brand-card>strong{font-size:30px;margin-left:3px}.next-brand-drawing{width:90px;height:108px;margin-top:2px}.next-brand-signature{height:48px;margin-top:0}.hero-promise{max-width:calc(100% - 150px);bottom:130px}.hero-promise>p{font-size:27px}.hero-promise>.small{font-size:10px}.hero-author.next-brand .next-brand-pause{width:44px;height:36px;font-size:10px}.opening .hero-actions{bottom:338px}}
@media(max-width:360px){.hero-author.next-brand{right:4vw;width:95px;bottom:105px}.hero-promise{max-width:calc(100% - 135px);bottom:120px}.hero-promise>p{font-size:25px}.hero-promise>.small{font-size:9px}.next-brand-drawing{height:99px}.opening .hero-actions{bottom:310px}}
@media(prefers-reduced-motion:reduce){.next-brand-signature img{animation:none}}
.story-checkout .cart-summary p{display:flex;justify-content:space-between;width:100%;margin:0}
/* Fluidez de fundo: contornos leves e superfícies com cantos assimétricos. */
[data-contour-surface]{isolation:isolate}
.contour-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;color:#70805e24}
.opening .contours{inset:0;opacity:1}
.opening .contour-field{z-index:0;color:#d4ff3f16}
.process{border-radius:42px 42px 0 0}
.process-sticky{isolation:isolate}
.process-sticky>.contour-field{color:#74865d1d}
.continuity .work{position:relative;isolation:isolate}
.continuity .work>.contour-field{color:#75845c15}
.continuity .work-image{border-radius:25px 6px 25px 6px}
.story-channel{border-radius:16px 3px 16px 3px}
.story-checkout{border-radius:20px 5px 20px 5px}
.story-return-order{border-radius:20px 5px 20px 5px}
@media(max-width:700px){.process{border-radius:28px 28px 0 0}.continuity .work-image{border-radius:18px 4px 18px 4px}.contour-field{color:#74865d14}}

/* Selo sem placa de fundo, conforme ajuste de William. */
.next-brand-card{background:transparent;color:#f5f4ec;border-color:#f5f4ec60;box-shadow:none}
.next-brand-drawing,.next-brand-pause{color:#f5f4ec}
.next-brand-pause:focus-visible{outline-color:#d4ff3f}

/* Hierarquia final do selo: chamada, pote, A sua, assinatura. */
.next-brand-card{border:0;border-radius:0;padding:0;background:none}
.next-brand-kicker{text-align:center;font-size:9px;letter-spacing:.14em;margin:0}
.next-brand-drawing{width:140px;height:176px;margin:1px auto 0}
.next-brand-card>strong{font-size:44px;font-style:italic;text-align:center;margin:0;line-height:1.1}
.next-brand-signature{height:66px;margin-top:0}
.next-brand-pause{top:0;right:-14px;bottom:auto;opacity:.7}
@media(max-width:1000px){.next-brand-drawing{width:120px;height:155px}.next-brand-card>strong{font-size:39px}.next-brand-kicker{font-size:8px}.next-brand-signature{height:57px}}
@media(max-width:700px){.next-brand-drawing{width:95px;height:125px}.next-brand-card>strong{font-size:34px}.next-brand-kicker{font-size:7px}.next-brand-signature{height:49px}.next-brand-pause{right:-10px;top:-15px}}
/* Fluxo manual em telas pequenas: figura com altura real e navegação antes do conteúdo. */
.business-journey.is-manual .business-frame{grid-template-rows:auto auto auto}
.business-journey.is-manual .journey-main{grid-row:3;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:0}
.business-journey.is-manual .journey-bottom{grid-row:2;position:sticky;top:0;z-index:9;background:inherit}
.business-journey.is-manual .business-scene{height:clamp(360px,80vw,500px);min-height:360px;max-height:500px;max-width:650px;width:100%;margin:0 auto 20px}
.business-journey.is-manual .journey-copy{min-height:0!important;padding:22px 0 10px}
.business-journey.is-manual .journey-copy article[hidden]{display:none}
.business-journey.is-manual .journey-copy article>p{font-size:14px;line-height:1.7}
.business-journey.is-manual .will-role{display:block;max-width:none;padding-top:12px;margin-top:16px}
.business-journey.is-manual .will-role>span{font-size:8px}
.business-journey.is-manual .will-role>p{font-size:12px;margin-top:7px}
@media(min-width:901px){.business-journey.is-manual .journey-main{grid-template-columns:.9fr 1.1fr;gap:3vw}.business-journey.is-manual .business-scene{height:500px}}
/* Entrada única das fotos; sem alteração dos enquadramentos aprovados. */
@media(prefers-reduced-motion:no-preference){
 .work-motion .work-card{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.65,.25,1)}
 .work-motion .work-card.is-visible,.work-motion .work-card:focus-within{opacity:1;transform:none}
}
@media(max-width:700px){.hero-author.next-brand .next-brand-pause{height:44px}}