/* Os PNGs permanecem intactos. Este enquadramento considera as margens transparentes. */
.floating-product{left:36%;top:26%;width:60%;height:58%}
.hero-cutout{position:absolute;top:50%;left:0;width:100%;height:auto;max-width:none;object-fit:contain;transform:translateY(-50%) rotate(-12deg);animation:png-land 1.4s cubic-bezier(.2,.8,.2,1) both}
.hero-aside{top:18%;right:5%}
.story-product-motion{width:92%;height:76%}
.story-cutout{object-fit:contain;object-position:center;transform:none}
.story-single{opacity:1;padding:4% 10%}
.story-profile{opacity:0;transform:scale(.94)}
.story-sole{opacity:0;transform:scale(.9)}
.scroll-story[data-scene="1"] .story-single{opacity:0;transform:scale(.94)}
.scroll-story[data-scene="1"] .story-profile{opacity:1;transform:scale(1.06)}
.scroll-story[data-scene="2"] .story-profile{opacity:0}
.scroll-story[data-scene="2"] .story-sole{opacity:1;transform:scale(1)}
.color-experience-photo{top:17%;right:3%;width:60%;height:64%}
.color-experience-photo img{position:absolute;top:50%;left:0;width:100%;height:auto;max-width:none;mix-blend-mode:normal;transform:translateY(-50%) rotate(-8deg);filter:drop-shadow(0 20px 20px #27301a18)}
.color-experience-photo>span{top:-8%;left:3%}
.offer-visual{right:0;width:55%;height:72%;top:13%}
.offer-visual>img{position:absolute;top:50%;left:0;width:100%;height:auto;max-width:none;transform:translateY(-50%) rotate(-14deg)}
.offer-backword{top:2%;left:6%}
.offer-caption{bottom:0;left:14%}
.lifestyle-photo>img{object-position:center 70%}
@keyframes png-land{from{opacity:0;transform:translateY(calc(-50% - 55px)) rotate(-3deg) scale(.92)}to{opacity:1;transform:translateY(-50%) rotate(-12deg) scale(1)}}
@media(min-width:1700px){.floating-product{left:39%;width:57%;top:25%;height:60%}.story-product-motion{max-width:840px}}
@media(min-width:761px) and (max-width:1100px){.floating-product{left:28%;width:69%;top:31%;height:52%}.story-product-motion{width:92%;height:70%}.color-experience-photo{top:26%;right:2%;width:64%;height:49%}.offer-visual{right:-1%;width:55%;height:67%;top:18%}}
@media(max-width:760px){
  .floating-product{left:4%;top:34%;width:92%;height:41%}
  .hero-cutout{transform:translateY(-50%) rotate(-12deg);filter:drop-shadow(0 18px 15px #5c200d30)}
  .hero-aside{top:auto;bottom:20%;right:7%}
  .story-product-motion{left:7%;top:4%;width:86%;height:39%}
  .story-single{padding:0 14%}
  .story-sole{padding:0 5%}
  .scroll-story[data-scene="1"] .story-profile{transform:scale(1.06)}
  .detail-callout,.scroll-story[data-scene="1"] .detail-callout,.scroll-story[data-scene="2"] .detail-callout{top:43%}
  .color-experience{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:55px 7% 40px}
  .color-experience-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.1;margin:8px 0 0}
  .color-experience-photo>span{top:0;left:0;font-size:34vw}
  .color-experience-photo img{width:100%}
  .color-switcher{position:relative;inset:auto;width:100%;margin:0;gap:12px}
  .color-signature{position:relative;inset:auto;max-width:none;line-height:1.7}
  #color-error{position:relative;inset:auto}
  .offer-section{min-height:0;padding:55px 7% 60px;display:grid;grid-template-columns:minmax(0,1fr)}
  .offer-copy{display:contents}
  .offer-copy>.eyebrow,.offer-copy>h2,.offer-copy>p:not(.offer-note){grid-column:1;position:relative;z-index:3}
  .offer-copy>.eyebrow{grid-row:1}
  .offer-copy>h2{grid-row:2;margin-top:17px}
  .offer-copy>p:not(.eyebrow):not(.offer-note){grid-row:3}
  .offer-visual{position:relative;grid-row:4;inset:auto;width:100%;height:auto;aspect-ratio:1.08;margin:12px 0 0}
  .offer-visual>img{transform:translateY(-50%) rotate(-12deg)}
  .offer-backword{top:1%;left:4%;font-size:52vw}
  .offer-caption{bottom:2%;left:0;right:0;text-align:center;font-size:.625rem}
  .offer-price{grid-row:5;margin-top:15px;position:relative;z-index:3}
  .offer-button{grid-row:6;position:relative;z-index:3}
  .offer-copy>.offer-note{grid-row:7;position:relative;z-index:3}
  .lifestyle-photo{height:auto;aspect-ratio:1;max-height:none}
  .lifestyle-photo>img{height:100%;object-position:center 75%}
}
@media(max-width:360px){.floating-product{left:5%;width:90%;top:36%;height:37%}.color-experience{min-height:0}.offer-section{min-height:0}.offer-price{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.hero-cutout{animation:none}}