/* REV221 — GRAPHIC INFORMATION + FORMAT CONTROL START
   Purpose: convert text-heavy/blank areas into customer-facing, graphic, conversion-led information blocks.
   Safety: additive only. Does not take transform ownership of Rev216 hero bottle, Rev217 theatre bottle, cart, tray, or product-card actors. */
:root{
  --rev221-ink:#0d0d0b;
  --rev221-paper:#fffaf0;
  --rev221-red:#ff4a3d;
  --rev221-yellow:#ffe06f;
  --rev221-mint:#c8f7de;
  --rev221-lilac:#d9c8ff;
  --rev221-sky:#bde9ff;
  --rev221-peach:#ffc0a8;
}
.rev221-graphic-copy body,
.rev221-graphic-copy .tabaq-page{
  text-rendering:geometricPrecision;
}
.rev221-graphic-copy h1,
.rev221-graphic-copy h2,
.rev221-graphic-copy h3,
.rev221-graphic-copy strong,
.rev221-graphic-copy b{
  text-wrap:balance;
}
.rev221-graphic-copy p,
.rev221-graphic-copy li,
.rev221-graphic-copy span{
  text-wrap:pretty;
}
.rev221-graphic-copy .rev210-drop-hype,
.rev221-graphic-copy .rev210-conversion-band,
.rev221-graphic-copy .rev136-page-journey,
.rev221-graphic-copy .rev138-commerce-foundation,
.rev221-graphic-copy .rev147-release-board,
.rev221-graphic-copy .rev210-shop-trigger-deck,
.rev221-graphic-copy .rev94-proof-page .rev136-page-journey,
.rev221-graphic-copy .rev154-kit-chooser,
.rev221-graphic-copy .rev197-shop-confidence,
.rev221-graphic-copy .rev63-section,
.rev221-graphic-copy .rev47-sales-intro,
.rev221-graphic-copy .rev63-product-proof,
.rev221-graphic-copy .rev61-product-close{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.rev221-graphic-copy .rev210-drop-hype::before,
.rev221-graphic-copy .rev210-conversion-band::before,
.rev221-graphic-copy .rev136-page-journey::before,
.rev221-graphic-copy .rev138-commerce-foundation::before,
.rev221-graphic-copy .rev147-release-board::before,
.rev221-graphic-copy .rev210-shop-trigger-deck::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  z-index:-1;
  opacity:.72;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,224,111,.48), transparent 28%),
    radial-gradient(circle at 76% 26%, rgba(200,247,222,.50), transparent 30%),
    radial-gradient(circle at 58% 88%, rgba(255,74,61,.18), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,250,240,.58));
}
.rev221-graphic-copy .rev210-drop-hype::after,
.rev221-graphic-copy .rev210-conversion-band::after,
.rev221-graphic-copy .rev136-page-journey::after,
.rev221-graphic-copy .rev138-commerce-foundation::after,
.rev221-graphic-copy .rev147-release-board::after,
.rev221-graphic-copy .rev210-shop-trigger-deck::after{
  content:"01 Lift  /  02 Define  /  03 Soften  /  04 Deepen";
  position:absolute;
  right:clamp(18px,3vw,46px);
  top:clamp(16px,2vw,28px);
  max-width:38ch;
  padding:.58rem .84rem;
  border:1px solid rgba(13,13,11,.11);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(12px);
  font-size:clamp(.62rem,.72vw,.78rem);
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(13,13,11,.76);
  box-shadow:0 14px 40px rgba(35,27,12,.08);
}
.rev221-graphic-copy .rev210-drop-hype h2,
.rev221-graphic-copy .rev210-conversion-copy h2,
.rev221-graphic-copy .rev136-page-journey__head h2,
.rev221-graphic-copy .rev138-commerce-mode h2,
.rev221-graphic-copy .rev210-trigger-card h2{
  line-height:.88;
  letter-spacing:-.085em;
  margin-bottom:clamp(14px,1.6vw,24px);
}
.rev221-graphic-copy .rev210-drop-hype p,
.rev221-graphic-copy .rev210-conversion-copy p,
.rev221-graphic-copy .rev136-page-journey__head p,
.rev221-graphic-copy .rev138-commerce-mode p,
.rev221-graphic-copy .rev210-trigger-card p{
  max-width:64ch;
  line-height:1.18;
  font-weight:850;
  color:rgba(13,13,11,.68);
}
.rev221-visual-card,
.rev221-graphic-copy .rev210-drop-hype__grid article,
.rev221-graphic-copy .rev210-conversion-proof article,
.rev221-graphic-copy .rev136-page-journey__step,
.rev221-graphic-copy .rev94-proof-strip article,
.rev221-graphic-copy .rev138-commerce-mode,
.rev221-graphic-copy .rev147-release-column,
.rev221-graphic-copy .rev210-trigger-card,
.rev221-graphic-copy .rev154-kit-card,
.rev221-graphic-copy .rev197-confidence-card,
.rev221-graphic-copy .rev47-sales-card,
.rev221-graphic-copy .rev63-product-proof article,
.rev221-graphic-copy .rev61-product-close article{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:rgba(13,13,11,.10)!important;
  box-shadow:0 18px 58px rgba(44,36,18,.08);
  background:
    linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,250,240,.72)),
    radial-gradient(circle at 18% 12%, rgba(255,224,111,.28), transparent 32%),
    radial-gradient(circle at 95% 10%, rgba(200,247,222,.25), transparent 30%)!important;
}
.rev221-graphic-copy .rev210-drop-hype__grid article:nth-child(2n),
.rev221-graphic-copy .rev136-page-journey__step:nth-child(2n),
.rev221-graphic-copy .rev138-commerce-mode:nth-child(2n),
.rev221-graphic-copy .rev154-kit-card:nth-child(2n){
  background:
    linear-gradient(145deg, rgba(255,255,255,.88), rgba(248,255,244,.72)),
    radial-gradient(circle at 18% 12%, rgba(200,247,222,.35), transparent 32%),
    radial-gradient(circle at 96% 4%, rgba(189,233,255,.25), transparent 30%)!important;
}
.rev221-graphic-copy .rev210-drop-hype__grid article:nth-child(3n),
.rev221-graphic-copy .rev136-page-journey__step:nth-child(3n),
.rev221-graphic-copy .rev138-commerce-mode:nth-child(3n),
.rev221-graphic-copy .rev154-kit-card:nth-child(3n){
  background:
    linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,245,240,.76)),
    radial-gradient(circle at 12% 14%, rgba(255,192,168,.30), transparent 33%),
    radial-gradient(circle at 96% 6%, rgba(217,200,255,.22), transparent 30%)!important;
}
.rev221-graphic-copy .rev210-drop-hype__grid article::before,
.rev221-graphic-copy .rev210-conversion-proof article::before,
.rev221-graphic-copy .rev136-page-journey__step::before,
.rev221-graphic-copy .rev94-proof-strip article::before,
.rev221-graphic-copy .rev138-commerce-mode::before,
.rev221-graphic-copy .rev147-release-column::before,
.rev221-graphic-copy .rev210-trigger-card::before{
  content:"";
  position:absolute;
  left:-18%;
  right:-18%;
  top:-45%;
  height:56%;
  pointer-events:none;
  opacity:.72;
  transform:rotate(-8deg) translateY(-20%);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), rgba(255,224,111,.30), rgba(200,247,222,.26), transparent);
  animation:rev221-card-sheen 7.5s ease-in-out infinite;
}
@keyframes rev221-card-sheen{
  0%,62%,100%{ transform:rotate(-8deg) translate3d(-10%,-38%,0); opacity:.08; }
  72%{ transform:rotate(-8deg) translate3d(16%,18%,0); opacity:.72; }
  84%{ transform:rotate(-8deg) translate3d(34%,38%,0); opacity:.18; }
}
.rev221-layer-map{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(6px,.65vw,10px);
  margin-top:clamp(14px,1.6vw,22px);
  min-height:clamp(48px,5.6vw,76px);
}
.rev221-layer-map span{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:clamp(42px,4.8vw,68px);
  padding:.56rem .54rem;
  border:1px solid rgba(13,13,11,.10);
  border-radius:clamp(14px,1.3vw,22px);
  overflow:hidden;
  font-size:clamp(.56rem,.64vw,.72rem);
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(13,13,11,.74);
  background:rgba(255,255,255,.56);
  transform:translateZ(0);
}
.rev221-layer-map span::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:var(--h,60%);
  background:var(--c,var(--rev221-yellow));
  opacity:.68;
  border-radius:inherit;
  transform-origin:bottom;
  animation:rev221-layer-breathe 4.8s ease-in-out infinite;
  animation-delay:var(--d,0s);
}
.rev221-layer-map span b{
  position:relative;
  z-index:1;
}
.rev221-layer-map span:nth-child(1){--c:var(--rev221-yellow);--h:44%;--d:0s;}
.rev221-layer-map span:nth-child(2){--c:var(--rev221-red);--h:68%;--d:.18s;}
.rev221-layer-map span:nth-child(3){--c:var(--rev221-mint);--h:54%;--d:.36s;}
.rev221-layer-map span:nth-child(4){--c:var(--rev221-lilac);--h:78%;--d:.54s;}
@keyframes rev221-layer-breathe{
  0%,100%{ transform:scaleY(.82); opacity:.42; }
  45%{ transform:scaleY(1.04); opacity:.82; }
}
.rev221-visual-note{
  display:flex;
  flex-wrap:wrap;
  gap:.48rem;
  margin-top:clamp(12px,1.3vw,18px);
}
.rev221-visual-note span{
  display:inline-flex;
  align-items:center;
  padding:.44rem .62rem;
  border-radius:999px;
  border:1px solid rgba(13,13,11,.10);
  background:rgba(255,255,255,.68);
  font-size:clamp(.62rem,.72vw,.78rem);
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.rev221-graphic-copy .rev136-page-journey__step.is-expanded,
.rev221-graphic-copy .rev94-proof-strip article.is-expanded{
  outline:2px solid rgba(255,74,61,.34);
  box-shadow:0 24px 80px rgba(255,74,61,.12), 0 18px 58px rgba(44,36,18,.08);
}
.rev221-graphic-copy .rev219-proof-detail{
  border-top:1px solid rgba(13,13,11,.10);
  margin-top:clamp(12px,1.2vw,18px);
  padding-top:clamp(12px,1.2vw,18px);
}
.rev221-graphic-copy .rev219-proof-detail p{
  color:rgba(13,13,11,.74)!important;
  font-weight:800!important;
  line-height:1.22!important;
}
.rev221-graphic-copy .rev219-story-note{
  color:#ff4a3d!important;
}
.rev221-graphic-copy .rev210-drop-hype{
  min-height:auto!important;
  padding-bottom:clamp(42px,5vw,78px)!important;
}
.rev221-graphic-copy .rev210-drop-hype__grid{
  align-items:stretch;
}
.rev221-graphic-copy .rev210-drop-hype__grid article{
  min-height:clamp(210px,20vw,280px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.rev221-graphic-copy .rev210-drop-hype__grid article b,
.rev221-graphic-copy .rev138-commerce-mode span,
.rev221-graphic-copy .rev210-trigger-card span{
  color:#ff4a3d!important;
  letter-spacing:.11em!important;
}
.rev221-graphic-copy .rev210-drop-hype__grid article strong{
  font-size:clamp(1.35rem,2.1vw,2.1rem)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
}
.rev221-graphic-copy .rev210-drop-hype__grid article span{
  font-size:clamp(.86rem,1vw,1rem)!important;
  line-height:1.12!important;
  font-weight:850!important;
  color:rgba(13,13,11,.66)!important;
}
.rev221-graphic-copy .rev221-copy-risk{
  outline:2px dashed rgba(255,74,61,.35)!important;
}
@media (max-width: 820px){
  .rev221-graphic-copy .rev210-drop-hype::after,
  .rev221-graphic-copy .rev210-conversion-band::after,
  .rev221-graphic-copy .rev136-page-journey::after,
  .rev221-graphic-copy .rev138-commerce-foundation::after,
  .rev221-graphic-copy .rev147-release-board::after,
  .rev221-graphic-copy .rev210-shop-trigger-deck::after{
    position:relative;
    right:auto;
    top:auto;
    display:inline-flex;
    margin:0 0 1rem 0;
  }
  .rev221-layer-map{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (prefers-reduced-motion: reduce){
  .rev221-graphic-copy .rev210-drop-hype__grid article::before,
  .rev221-graphic-copy .rev210-conversion-proof article::before,
  .rev221-graphic-copy .rev136-page-journey__step::before,
  .rev221-graphic-copy .rev94-proof-strip article::before,
  .rev221-graphic-copy .rev138-commerce-mode::before,
  .rev221-graphic-copy .rev147-release-column::before,
  .rev221-graphic-copy .rev210-trigger-card::before,
  .rev221-layer-map span::before{
    animation:none!important;
  }
}
/* REV221 — GRAPHIC INFORMATION + FORMAT CONTROL END */