/* Bottega Rossopepe — SEO 3 / Storie di bottega */
.rp-stories-page,.rp-story-page{background:#fff;color:#181415}
.rp-stories-hero{padding-top:clamp(116px,15vw,210px);padding-bottom:clamp(50px,7vw,92px)}
.rp-stories-hero h1{max-width:850px;margin:14px 0 22px;font-size:clamp(58px,9vw,132px);line-height:.84;letter-spacing:-.075em}
.rp-stories-hero>p{max-width:780px;margin:0;font-size:clamp(18px,2vw,27px);line-height:1.45;color:#5d5658}
.rp-stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,6vw,92px) clamp(24px,4vw,58px);padding-bottom:clamp(90px,12vw,170px)}
.rp-story-card{display:grid;gap:24px;min-width:0}
.rp-story-card__image{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:clamp(24px,3vw,44px);background:#f3efec}
.rp-story-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.2,1)}
.rp-story-card:hover .rp-story-card__image img{transform:scale(1.025)}
.rp-story-card__copy{display:grid;gap:13px;align-content:start;padding:0 3px}
.rp-story-card__copy h2{margin:0;max-width:670px;font-size:clamp(31px,4vw,58px);line-height:.98;letter-spacing:-.055em}
.rp-story-card__copy h2 a{color:inherit;text-decoration:none}
.rp-story-card__copy p{margin:0;max-width:650px;font-size:clamp(16px,1.45vw,20px);line-height:1.6;color:#615b5c}
.rp-stories-empty{grid-column:1/-1;max-width:800px;padding:52px;border-radius:36px;background:#f7f3f0}
.rp-stories-empty h2{margin:10px 0 15px;font-size:clamp(36px,5vw,68px);line-height:.95;letter-spacing:-.055em}
.rp-stories-empty p{font-size:18px;line-height:1.55;color:#5d5658}
.rp-stories-empty a{color:#8f1d2c}

.rp-story-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr);gap:clamp(34px,7vw,110px);align-items:end;padding-top:clamp(112px,14vw,190px);padding-bottom:clamp(45px,7vw,92px)}
.rp-story-hero .rp-breadcrumb{grid-column:1/-1}
.rp-story-hero__copy{align-self:center}
.rp-story-hero__copy h1{margin:14px 0 24px;max-width:920px;font-size:clamp(52px,7.5vw,108px);line-height:.88;letter-spacing:-.07em}
.rp-story-hero__copy>p{max-width:760px;margin:0;font-size:clamp(18px,1.9vw,25px);line-height:1.5;color:#5d5658}
.rp-story-hero__copy>small{display:block;margin-top:26px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a8284}
.rp-story-hero__image{margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:clamp(28px,4vw,54px);background:#f3efec}
.rp-story-hero__image img{width:100%;height:100%;object-fit:cover}
.rp-story-body{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.2fr) minmax(0,.25fr);padding-top:clamp(22px,5vw,62px);padding-bottom:clamp(70px,10vw,140px)}
.rp-story-body__content{grid-column:2;max-width:820px;font-size:clamp(17px,1.35vw,20px);line-height:1.82;color:#393436}
.rp-story-body__content>p:first-child{font-size:clamp(22px,2.1vw,30px);line-height:1.55;color:#1d191a}
.rp-story-body__content h2{margin:2.2em 0 .7em;font-size:clamp(34px,4.2vw,62px);line-height:.98;letter-spacing:-.05em;color:#181415}
.rp-story-body__content h3{margin:2em 0 .65em;font-size:clamp(25px,3vw,40px);line-height:1.05;letter-spacing:-.04em;color:#181415}
.rp-story-body__content p{margin:0 0 1.35em}
.rp-story-body__content ul,.rp-story-body__content ol{margin:0 0 1.5em;padding-left:1.25em}
.rp-story-body__content li{margin:.45em 0}
.rp-story-body__content blockquote{margin:2.1em 0;padding:8px 0 8px 28px;border-left:3px solid #8f1d2c;font-size:clamp(22px,2.2vw,31px);line-height:1.45;color:#272223}
.rp-story-body__content a{color:#8f1d2c;text-decoration-thickness:1px;text-underline-offset:4px}
.rp-story-product{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1fr);gap:clamp(32px,7vw,110px);align-items:center;padding-top:clamp(42px,7vw,90px);padding-bottom:clamp(74px,11vw,150px);border-top:1px solid rgba(28,24,25,.12)}
.rp-story-product__image{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:clamp(28px,4vw,50px);background:#f4f0ed}
.rp-story-product__image img{width:100%;height:100%;object-fit:cover}
.rp-story-product__copy h2{margin:12px 0 16px;font-size:clamp(42px,6vw,86px);line-height:.9;letter-spacing:-.065em}
.rp-story-product__copy>p{max-width:660px;margin:0 0 23px;font-size:clamp(17px,1.6vw,22px);line-height:1.55;color:#5d5658}
.rp-story-product__meta{display:flex;gap:18px;align-items:center;margin-bottom:28px}
.rp-story-product__meta strong{font-size:24px}
.rp-story-product__meta span{color:#70696b}
.rp-story-footer{padding-bottom:clamp(110px,14vw,190px)}

.rp-product-story-link{margin-top:clamp(38px,6vw,82px);padding-top:clamp(34px,5vw,62px);border-top:1px solid rgba(28,24,25,.12)}
.rp-product-story-link__inner{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,7vw,100px);align-items:start}
.rp-product-story-link h2{margin:10px 0 15px;font-size:clamp(34px,5vw,70px);line-height:.95;letter-spacing:-.055em}
.rp-product-story-link p{max-width:690px;margin:0 0 22px;font-size:clamp(16px,1.45vw,20px);line-height:1.65;color:#5d5658}
.rp-product-story-link__number{font-size:clamp(64px,10vw,130px);line-height:.8;font-weight:800;letter-spacing:-.08em;color:#eee8e5}

@media(max-width:900px){
  .rp-stories-grid{grid-template-columns:1fr}
  .rp-story-hero{grid-template-columns:1fr;padding-top:112px}
  .rp-story-hero .rp-breadcrumb{grid-column:auto}
  .rp-story-hero__image{aspect-ratio:16/11;order:3}
  .rp-story-body{grid-template-columns:1fr}
  .rp-story-body__content{grid-column:auto;max-width:760px;margin:0 auto}
  .rp-story-product{grid-template-columns:1fr}
  .rp-story-product__image{aspect-ratio:16/11}
  .rp-product-story-link__inner{grid-template-columns:1fr}
  .rp-product-story-link__number{font-size:72px}
}
@media(max-width:620px){
  .rp-stories-hero{padding-top:104px}
  .rp-stories-hero h1{font-size:55px}
  .rp-story-card{gap:18px}
  .rp-story-card__copy h2{font-size:36px}
  .rp-story-hero__copy h1{font-size:48px}
  .rp-story-body__content{font-size:17px;line-height:1.72}
  .rp-story-body__content>p:first-child{font-size:21px}
  .rp-story-product__copy h2{font-size:44px}
  .rp-stories-empty{padding:30px 24px}
}

/* Patch mobile Storie — riduzione spazio superiore */
@media (max-width: 900px) {
  .rp-stories-hero,
  .rp-story-hero {
    padding-top: 24px;
  }
}

@media (max-width: 620px) {
  .rp-stories-hero,
  .rp-story-hero {
    padding-top: 8px;
  }
}