/* V16 — refined structure, seasonal content and calmer editorial layouts */

/* ---------- Strengths: ordered editorial cards ---------- */
.word-rail{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.8vw,22px)!important;
  padding:clamp(22px,3vw,30px) var(--mx) clamp(34px,4vw,46px)!important;
  border:0!important;
  overflow:visible!important;
  white-space:normal!important;
  transform:none!important;
}
.word-rail span,.word-rail span:nth-child(2n){
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:14px!important;
  align-items:start!important;
  padding:20px 22px!important;
  background:#f7f1ea!important;
  border:1px solid rgba(45,31,20,.08)!important;
  border-radius:18px!important;
  color:#1f1a16!important;
  min-height:124px!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(30,22,16,.03);
}
.word-rail span:hover{transform:translateY(-2px)!important;color:#1f1a16!important}
.word-rail:has(span:hover) span:not(:hover){opacity:1!important}
.word-rail span b{font-size:10px;letter-spacing:.16em;color:#9b8d81;line-height:1.2;padding-top:3px}
.word-rail span strong{display:block;font-size:clamp(24px,2.3vw,34px);line-height:.96;letter-spacing:-.045em;font-weight:500;color:#241d18}
.word-rail span small{display:block;margin-top:6px;font-size:13px;line-height:1.45;color:#756b62}

/* ---------- Why now: full background changes with tabs ---------- */
.rennweg-stage{
  margin-left:clamp(18px,2.2vw,36px)!important;
  border-radius:28px 0 0 28px;
  min-height:100%;
  background:linear-gradient(180deg,#4b291c 0%,#2d1710 70%,#1d110d 100%);
  transition:background .5s var(--ease-silk), box-shadow .5s var(--ease-silk);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.rennweg-stage:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.08),transparent 34%), linear-gradient(135deg,rgba(255,255,255,.04),transparent 55%);
}
.rennweg-stage[data-why-mode="brand"]{background:linear-gradient(180deg,#5a3020 0%,#32170f 72%,#21120d 100%)}
.rennweg-stage[data-why-mode="digital"]{background:linear-gradient(180deg,#283744 0%,#1b2834 45%,#141c24 100%)}
.rennweg-stage[data-why-mode="content"]{background:linear-gradient(180deg,#6a4a34 0%,#3a2419 46%,#211510 100%)}
.rennweg-stage[data-why-mode="retail"]{background:linear-gradient(180deg,#5d3b28 0%,#3b2417 50%,#1f130e 100%)}
.building-line{z-index:1;opacity:.92}
.window-grid,.door,.street,.why-visual-label,.why-illustrations{z-index:2}
.window-grid i{box-shadow:0 0 32px rgba(255,220,166,.12)}
.street{bottom:26px!important;right:28px!important;letter-spacing:.18em!important;color:rgba(255,255,255,.8)!important}
.why-visual-label{color:rgba(255,255,255,.76)!important}

/* ---------- Principles cards: cleaner text placement ---------- */
.moments-editorial .moment-media{position:relative}
.moment-caption-overlay{
  display:block!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  color:#fff!important;
}
.moment-caption-overlay>span{
  position:absolute!important;
  top:26px!important;
  right:28px!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
  opacity:.8!important;
}
.moment-caption-overlay h3{
  position:absolute!important;
  left:clamp(24px,3vw,44px)!important;
  top:clamp(22px,3vw,38px)!important;
  max-width:min(56%,520px)!important;
  margin:0!important;
  font-size:clamp(34px,3.5vw,52px)!important;
  line-height:.94!important;
}
.moment-caption-overlay p{
  position:absolute!important;
  right:clamp(24px,3vw,44px)!important;
  bottom:clamp(22px,3vw,34px)!important;
  max-width:min(34%,340px)!important;
  margin:0!important;
  padding:14px 16px!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.22)!important;
  backdrop-filter:blur(3px);
  font-size:14px!important;
  line-height:1.55!important;
  text-shadow:none!important;
}
.moment-image-wash{background:linear-gradient(180deg,rgba(10,8,6,.14) 2%,rgba(10,8,6,.10) 40%,rgba(10,8,6,.48) 100%)!important}

/* ---------- Enough said: lighter section ---------- */
.transition-section{
  background:linear-gradient(180deg,#f8f4ee 0%,#efe7dd 100%)!important;
  color:#1f1a16!important;
  min-height:760px!important;
}
.transition-section .eyebrow,.transition-section .display{color:#1f1a16!important}
.transition-section .lead{color:#6e665f!important;max-width:720px}
.transition-section .text-link{color:#6d3d28!important}
.transition-product img{filter:drop-shadow(0 40px 40px rgba(47,31,20,.12))!important}

/* ---------- Creative territories refinements ---------- */
.brand-cues-palette{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  min-height:132px!important;
  padding:24px 28px!important;
  border-top:1px solid color-mix(in srgb,var(--c-fg) 10%,transparent)!important;
}
.brand-cues-palette span{
  flex:0 0 clamp(22px,2.2vw,38px)!important;
  width:clamp(22px,2.2vw,38px)!important;
  height:clamp(22px,2.2vw,38px)!important;
  border-radius:50%!important;
  display:block!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 10px 18px rgba(0,0,0,.08);
}
.brand-cues-palette span:nth-child(2){transform:translateY(10px)}
.brand-cues-palette span:nth-child(3){transform:translateY(-6px)}
.brand-cues-palette span:nth-child(4){transform:translateY(8px)}
.brand-cues-palette span:nth-child(5){transform:translateY(-4px)}
.communication-foot{display:none!important}
#conceptCanvas[data-concept="heritage"] .communication-main,
#conceptCanvas[data-concept="product"] .communication-main,
#conceptCanvas[data-concept="editorial"] .communication-main{
  background:#f2ece5!important;
  color:#241914!important;
}
.communication-main:after{background:linear-gradient(90deg,rgba(16,11,9,.30) 0%,rgba(16,11,9,.10) 45%,rgba(16,11,9,.04) 100%),linear-gradient(180deg,rgba(255,255,255,.05) 35%,rgba(0,0,0,.12) 100%)!important}
.communication-kicker,.communication-touchpoints span,.communication-touchpoints small{color:rgba(36,25,20,.62)!important}
.communication-word,.communication-copy h4,.communication-copy p,.communication-touchpoints b{color:#241914!important}

/* Social grid denser and fuller */
.concept-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;border-radius:24px!important}
.concept-social-grid .tile{aspect-ratio:1/1!important;overflow:hidden;border-radius:16px!important;background:#eee}
.concept-social-grid .tile.image img{width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.02)}
.concept-social-grid .tile.concept-copy,.concept-social-grid .tile.concept-color{padding:12px!important;align-content:end!important;justify-items:start!important;text-align:left!important;font-size:10px!important;line-height:1.2!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.concept-social-grid .monogram-tile{place-items:center!important;font-size:34px!important;font-style:italic!important}

/* Season section using new image content */
.spring-frame{background:#c6858d!important}
.summer-frame{background:#caa86d!important}
.autumn-frame{background:#7e231d!important}
.winter-frame{background:#234033!important}
.season-photo-stage{overflow:hidden}
.season-photo-stage .season-photo{inset:-3%!important;width:106%!important;height:106%!important;object-fit:cover!important;transform:translate3d(0,var(--media-y,0px),0) scale(1.02)!important}
.season-photo-stage .season-photo-shade{background:linear-gradient(180deg,rgba(0,0,0,.03) 18%,rgba(0,0,0,.28) 100%)!important}

/* Mobile refinements */
@media(max-width:1050px){
  .word-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .moment-caption-overlay h3{max-width:62%!important}
  .moment-caption-overlay p{max-width:40%!important}
}
@media(max-width:700px){
  .word-rail{grid-template-columns:1fr!important}
  .word-rail span,.word-rail span:nth-child(2n){grid-template-columns:36px 1fr!important;min-height:auto!important;padding:18px 18px!important}
  .rennweg-stage{margin-left:0!important;border-radius:24px!important}
  .moment-caption-overlay h3{left:22px!important;top:20px!important;right:22px!important;max-width:none!important;font-size:32px!important}
  .moment-caption-overlay p{left:22px!important;right:22px!important;bottom:22px!important;max-width:none!important;font-size:14px!important}
  .transition-section{padding-top:105px!important;padding-bottom:105px!important}
  .brand-cues-palette{padding:20px 18px!important;gap:10px!important}
  .brand-cues-palette span{width:24px!important;height:24px!important;flex-basis:24px!important}
}


/* V17 — client feedback refinements */

/* Strength words — words only, clean and ordered */
.word-rail{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  padding:12px var(--mx) 46px!important;
}
.word-rail span,.word-rail span:nth-child(2n){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:96px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
  background:#f7f1ea!important;
  border:1px solid rgba(45,31,20,.08)!important;
  box-shadow:0 12px 28px rgba(30,22,16,.03)!important;
  text-decoration:none!important;
}
.word-rail span strong{
  display:block!important;
  margin:0!important;
  font-size:clamp(30px,2.5vw,40px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  font-weight:500!important;
  color:#241d18!important;
}
.word-rail span b,.word-rail span small{display:none!important;}

/* Why now */
.street{white-space:nowrap!important;}
.rennweg-stage[data-why-mode="brand"]:before{background:radial-gradient(circle at 20% 16%,rgba(255,236,211,.12),transparent 34%),linear-gradient(135deg,rgba(230,180,127,.08),transparent 55%);}
.rennweg-stage[data-why-mode="digital"]:before{background:radial-gradient(circle at 22% 18%,rgba(187,222,255,.12),transparent 34%),linear-gradient(135deg,rgba(138,182,214,.10),transparent 55%);}
.rennweg-stage[data-why-mode="content"]:before{background:radial-gradient(circle at 20% 18%,rgba(255,225,201,.12),transparent 34%),linear-gradient(135deg,rgba(195,140,98,.10),transparent 55%);}
.rennweg-stage[data-why-mode="retail"]:before{background:radial-gradient(circle at 20% 18%,rgba(255,232,203,.12),transparent 34%),linear-gradient(135deg,rgba(197,154,111,.10),transparent 55%);}

/* How we think about brands — cleaner text over image */
.moment-caption-overlay>span{right:30px!important;top:28px!important;}
.moment-caption-overlay h3{max-width:min(60%,560px)!important;}
.moment-caption-overlay p{
  left:clamp(24px,3vw,44px)!important;
  right:auto!important;
  bottom:clamp(24px,3vw,34px)!important;
  max-width:min(48%,440px)!important;
  padding:0!important;
  background:none!important;
  backdrop-filter:none!important;
  font-size:clamp(16px,1.3vw,19px)!important;
  line-height:1.5!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
}
.moment-image-wash{background:linear-gradient(180deg,rgba(10,8,6,.10) 2%,rgba(10,8,6,.08) 38%,rgba(10,8,6,.44) 100%)!important;}

/* Brand cues palette */
.brand-cues-palette{align-items:center!important;}
.brand-cues-palette span:nth-child(n){transform:none!important;}

/* Social — restore clean grid and no overlap */
.concept-social-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  aspect-ratio:3/4!important;
  gap:6px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.concept-social-grid .tile{
  aspect-ratio:1/1!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#eee!important;
}
.concept-social-grid .tile.image img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;}
.concept-social-grid .tile.concept-copy,.concept-social-grid .tile.concept-color{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:12px!important;
  font-size:clamp(10px,.8vw,12px)!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
  font-weight:600!important;
  text-transform:uppercase!important;
}
.concept-social-grid .monogram-tile{align-items:center!important;justify-content:center!important;font-size:32px!important;font-style:italic!important;}

/* Communication text back to white for readability */
.communication-main{background:#111!important;color:#fff!important;}
.communication-main:after{background:linear-gradient(90deg,rgba(14,10,8,.64) 0%,rgba(14,10,8,.34) 46%,rgba(14,10,8,.10) 100%),linear-gradient(180deg,rgba(0,0,0,.04) 42%,rgba(0,0,0,.40) 100%)!important;}
.communication-kicker,.communication-word,.communication-copy,.communication-copy h4,.communication-copy p,.communication-touchpoints b,.communication-touchpoints>span,.communication-touchpoints small{color:#fff!important;}
.communication-kicker,.communication-touchpoints>span,.communication-touchpoints small{opacity:.74!important;}

@media(max-width:1050px){
  .word-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  .word-rail{grid-template-columns:1fr!important;}
  .moment-caption-overlay p{left:22px!important;right:22px!important;max-width:none!important;font-size:15px!important;}
  .concept-social-grid{gap:4px!important;}
}


/* V18 — hero, social and communication refinements */

/* Hero image instead of floating products */
.hero{overflow:hidden}
.hero-stage-image{
  height:min(78vh,840px)!important;
  min-height:620px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 42px 80px rgba(0,0,0,.28);
  background:#22150f;
}
.hero-scene{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-stage-wash{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(18,10,7,.16) 0%,rgba(18,10,7,.08) 34%,rgba(18,10,7,.24) 100%),linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.22) 100%);
  z-index:2;
}
.hero-logo-overlay{
  position:absolute;
  left:28px;
  bottom:26px;
  width:min(150px,22vw)!important;
  z-index:3;
  opacity:.92;
}
.hero-stage-image .float-product,.hero-stage-image .orbit{display:none!important;}
.hero-stage-image .hero-logo{filter:brightness(0) invert(1);}
.hero:after{background:radial-gradient(circle,rgba(93,57,36,.34),transparent 65%)!important;}

/* Why headline line breaks */
.why-copy .display{white-space:pre-line;}

/* Moments text larger, left aligned, no grey box */
.moment-caption-overlay p{
  left:clamp(24px,3vw,44px)!important;
  right:auto!important;
  bottom:clamp(26px,3.2vw,38px)!important;
  max-width:min(46%,460px)!important;
  font-size:clamp(17px,1.35vw,20px)!important;
  line-height:1.52!important;
  color:#fff!important;
  background:none!important;
  padding:0!important;
}

/* Brand cues: remove repeated title in image and keep palette aligned */
.brand-cues-visual span{display:none!important;}
.brand-cues-palette{
  justify-content:flex-start!important;
  align-items:center!important;
}
.brand-cues-palette span{transform:none!important;}

/* Maison 1905 overall tone warmer dark brown */
#conceptCanvas[data-concept="heritage"]{
  --c-bg:#2a1a14!important;
  --c-fg:#f4eee8!important;
  --c-accent:#8c624a!important;
}

/* Social text fields darker with white copy */
.concept-social-grid .tile.concept-copy,
.concept-social-grid .tile.concept-color{
  color:#fff!important;
}

/* Communication: simpler layout, no right box, logo integrated */
.communication-thought{display:block!important;}
.communication-touchpoints{display:none!important;}
.communication-main{
  position:relative;
  min-height:720px!important;
  padding:clamp(34px,4vw,58px)!important;
  background:#2a1a14!important;
  color:#fff!important;
}
#conceptCanvas[data-concept="product"] .communication-main{background:#505145!important;}
#conceptCanvas[data-concept="editorial"] .communication-main{background:#3a2a24!important;}
.communication-main:after{
  background:linear-gradient(90deg,rgba(16,11,9,.76) 0%,rgba(16,11,9,.44) 38%,rgba(16,11,9,.12) 100%),linear-gradient(180deg,rgba(255,255,255,.03) 8%,rgba(0,0,0,.30) 100%)!important;
}
.communication-logo{
  position:absolute;
  top:clamp(34px,4vw,52px);
  right:clamp(34px,4vw,52px);
  width:92px;
  filter:brightness(0) invert(1);
  z-index:3;
  opacity:.92;
}
.communication-word{
  max-width:56%!important;
  margin-top:clamp(74px,8vw,120px)!important;
}
.communication-copy{
  max-width:min(500px,48%)!important;
  margin-top:24px!important;
}
.communication-main img#campaignImage{
  position:absolute;
  right:clamp(18px,3vw,36px);
  bottom:0;
  width:min(46%,520px);
  height:84%;
  object-fit:contain;
  z-index:1;
  filter:drop-shadow(0 36px 36px rgba(0,0,0,.22));
}
.communication-kicker,.communication-word,.communication-copy,.communication-copy h4,.communication-copy p{position:relative;z-index:3;}
.communication-copy h4,.communication-copy p,.communication-word,.communication-kicker{color:#fff!important;}

@media(max-width:1000px){
  .hero-stage-image{min-height:460px;height:52vh!important;}
  .communication-word{max-width:74%!important;}
  .communication-copy{max-width:60%!important;}
  .communication-main img#campaignImage{width:44%;height:72%;}
}
@media(max-width:700px){
  .hero-stage-image{min-height:320px;height:40vh!important;border-radius:22px;}
  .hero-logo-overlay{left:18px;bottom:16px;width:110px!important;}
  .why-copy .display{white-space:pre-line;}
  .communication-main{min-height:600px!important;padding:26px 22px 24px!important;}
  .communication-logo{top:24px;right:22px;width:72px;}
  .communication-word{max-width:90%!important;margin-top:86px!important;}
  .communication-copy{max-width:92%!important;}
  .communication-main img#campaignImage{position:absolute;width:58%;height:42%;right:-5%;bottom:0;opacity:.95;}
}

/* V19 — why-now scenes + heritage still-life refinements */

/* Stronger line control for the Rennweg headline */
.why-copy .display,
#whyTitleDisplay{
  white-space:normal!important;
  max-width:20ch!important;
  line-height:.95!important;
}

/* Why now — visual language closer to the provided inspiration */
.why{
  align-items:stretch!important;
}
.rennweg-stage{
  position:relative!important;
  overflow:hidden!important;
  min-height:760px!important;
  border-radius:28px 0 0 28px!important;
  background:linear-gradient(180deg,#5a2f1f 0%,#3a2015 55%,#241510 100%)!important;
}
.rennweg-stage[data-why-mode="brand"]{background:linear-gradient(180deg,#6d3c28 0%,#44261a 58%,#2b1913 100%)!important;}
.rennweg-stage[data-why-mode="digital"]{background:linear-gradient(180deg,#6a3a2a 0%,#412419 56%,#281813 100%)!important;}
.rennweg-stage[data-why-mode="content"]{background:linear-gradient(180deg,#76452d 0%,#47281b 56%,#2b1813 100%)!important;}
.rennweg-stage[data-why-mode="retail"]{background:linear-gradient(180deg,#643926 0%,#3b2217 56%,#261611 100%)!important;}
.rennweg-stage:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 68% 18%,rgba(255,221,196,.13),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 44%);
  z-index:0;
}
.rennweg-stage:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(0,0,0,.08) 100%);
  z-index:0;
}
.why-illustrations{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
}
.why-visual{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .4s ease,visibility .4s ease;
}
.why-visual.active{
  opacity:1!important;
  visibility:visible!important;
}
.why-scene{
  position:absolute;
  inset:0;
}
.why-visual-label{
  position:absolute!important;
  left:34px!important;
  bottom:28px!important;
  z-index:3!important;
  color:rgba(255,255,255,.72)!important;
  letter-spacing:.14em!important;
}

/* Brand scene */
.brand-scene .scene-plinth,
.brand-scene .brand-box,
.brand-scene .brand-card{
  position:absolute;
  border-radius:2px;
}
.brand-scene .scene-plinth{
  background:linear-gradient(180deg,rgba(168,109,74,.9),rgba(86,47,31,.94));
  box-shadow:0 24px 50px rgba(0,0,0,.22);
}
.brand-scene .p1{right:92px;top:62px;width:190px;height:210px;opacity:.95;}
.brand-scene .p2{right:272px;top:140px;width:152px;height:134px;opacity:.95;}
.brand-scene .p3{right:40px;bottom:112px;width:112px;height:86px;opacity:.92;}
.brand-scene .brand-box{
  background:linear-gradient(180deg,#7d4b35,#4b281b);
  box-shadow:0 24px 55px rgba(0,0,0,.22);
}
.brand-scene .brand-box-back{right:246px;bottom:172px;width:130px;height:114px;opacity:.9;}
.brand-scene .brand-box-side{right:180px;bottom:156px;width:96px;height:82px;opacity:.92;}
.brand-scene .brand-box-main{right:162px;bottom:82px;width:188px;height:168px;overflow:hidden;}
.brand-scene .box-band{position:absolute;top:0;bottom:0;left:70px;width:40px;background:linear-gradient(180deg,#ddc49d,#e6d4b7);}
.brand-scene .box-seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#9b6a4f,#744536);color:#d7b38f;font-size:42px;font-style:italic;box-shadow:0 12px 24px rgba(0,0,0,.16);}
.brand-scene .brand-card{right:266px;bottom:36px;width:120px;height:68px;transform:perspective(500px) rotateX(68deg) rotateZ(-8deg);background:linear-gradient(180deg,#85523b,#5a3224);opacity:.8;}

/* Digital scene */
.digital-scene .device{
  position:absolute;
  overflow:hidden;
  box-shadow:0 30px 60px rgba(0,0,0,.24);
}
.digital-scene .browser-device{
  right:122px;top:116px;width:min(34vw,460px);height:308px;border-radius:16px;background:linear-gradient(180deg,rgba(124,76,52,.95),rgba(53,30,21,.98));border:1px solid rgba(255,255,255,.06);
}
.digital-scene .phone-device{
  right:48px;top:156px;width:150px;height:286px;border-radius:30px;background:linear-gradient(180deg,#6d3f2b,#3c2218);border:1px solid rgba(255,255,255,.08);
}
.digital-scene .device-bar{display:flex;gap:8px;padding:13px 16px}
.digital-scene .device-bar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.28);display:block}
.digital-scene .device-logo{position:absolute;left:18px;top:18px;z-index:3}
.digital-scene .device-logo img{width:78px;filter:brightness(0) invert(1)}
.digital-scene .browser-device .device-logo img{width:84px}
.digital-scene .device-hero{position:absolute;left:26px;right:26px;top:74px;height:116px;border-radius:12px;background:linear-gradient(180deg,#5e311f,#321b13);display:grid;place-items:center;overflow:hidden}
.digital-scene .device-hero img{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(0,0,0,.3));}
.digital-scene .device-grid{position:absolute;left:26px;right:26px;bottom:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.digital-scene .device-grid span{height:78px;border-radius:10px;background:rgba(237,224,206,.92)}
.digital-scene .phone-topline{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:62px;height:5px;border-radius:999px;background:rgba(255,255,255,.22)}
.digital-scene .phone-device .device-logo{left:22px;top:28px}
.digital-scene .phone-device .device-logo img{width:70px}
.digital-scene .phone-hero{left:18px;right:18px;top:72px;height:124px}
.digital-scene .phone-lines{position:absolute;left:22px;right:22px;bottom:28px;display:grid;gap:12px}
.digital-scene .phone-lines i{display:block;height:12px;border-radius:999px;background:rgba(238,225,205,.88)}
.digital-scene .phone-lines i:last-child{width:62%}

/* Content scene */
.content-scene .content-block,
.content-scene .content-board,
.content-scene .content-strip,
.content-scene .content-dot{position:absolute;}
.content-scene .content-block{background:linear-gradient(180deg,rgba(96,56,39,.95),rgba(54,31,22,.95));box-shadow:0 24px 50px rgba(0,0,0,.18)}
.content-scene .block-a{right:262px;top:156px;width:108px;height:170px;}
.content-scene .block-b{right:110px;top:88px;width:136px;height:150px;background:linear-gradient(180deg,rgba(176,124,93,.92),rgba(100,59,41,.92));}
.content-scene .content-board{right:136px;top:112px;width:min(26vw,360px);height:354px;background:linear-gradient(180deg,#4f2c1f,#2c1710);padding:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 60px rgba(0,0,0,.24)}
.content-scene .content-board img{width:100%;height:100%;object-fit:cover;display:block}
.content-scene .crop-mark{position:absolute;width:22px;height:22px;border-color:#9e6f53;border-style:solid}
.content-scene .crop-mark.tl{left:12px;top:12px;border-width:2px 0 0 2px}
.content-scene .crop-mark.tr{right:12px;top:12px;border-width:2px 2px 0 0}
.content-scene .crop-mark.bl{left:12px;bottom:12px;border-width:0 0 2px 2px}
.content-scene .crop-mark.br{right:12px;bottom:12px;border-width:0 2px 2px 0}
.content-scene .content-strip{background:rgba(255,255,255,.1);backdrop-filter:blur(1px)}
.content-scene .strip-a{right:430px;top:188px;width:72px;height:152px;background:url('assets/honold/kive/chocolate-cacao.webp') center/cover no-repeat;}
.content-scene .strip-b{right:64px;top:180px;width:42px;height:202px;background:linear-gradient(180deg,rgba(88,50,36,.94),rgba(36,20,15,.94));}
.content-scene .content-dot{right:72px;width:18px;height:18px;border-radius:50%;background:rgba(236,220,196,.85)}
.content-scene .d1{top:216px}.content-scene .d2{top:252px}.content-scene .d3{top:288px}

/* Retail scene */
.retail-scene .store-front{position:absolute;right:38px;bottom:0;width:min(38vw,520px);height:420px;background:linear-gradient(180deg,#5b3424,#2f1b14);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.retail-scene .store-top{position:absolute;left:0;right:0;top:0;height:26px;background:rgba(255,255,255,.04)}
.retail-scene .store-window,.retail-scene .store-door{position:absolute;bottom:18px;background:linear-gradient(180deg,#7f563f,#472b1f);}
.retail-scene .store-window{width:138px;height:220px;padding:14px}
.retail-scene .store-window.left{left:30px}.retail-scene .store-window.right{right:30px}
.retail-scene .shelf{position:absolute;left:16px;right:16px;bottom:48px;height:14px;background:#2a160f;box-shadow:0 -42px 0 #2a160f}
.retail-scene .shelf.second{display:none}
.retail-scene .store-window:before,.retail-scene .store-window:after{content:"";position:absolute;bottom:66px;width:18px;height:28px;background:#f0dec5;box-shadow:26px 0 0 #f0dec5,52px 0 0 #f0dec5,78px 0 0 #f0dec5}
.retail-scene .store-window:before{left:22px}.retail-scene .store-window:after{display:none}
.retail-scene .store-door{left:50%;transform:translateX(-50%);width:156px;height:266px;display:grid;place-items:center;color:#fff;text-align:center}
.retail-scene .store-door img{width:102px;filter:brightness(0) invert(1);margin-bottom:8px}
.retail-scene .store-door span{display:block;font-size:15px;opacity:.82;letter-spacing:.08em}
.retail-scene .awning{position:absolute;top:52px;width:124px;height:62px;background:#d4b28f;box-shadow:0 10px 18px rgba(0,0,0,.16)}
.retail-scene .awning.left{left:38px}.retail-scene .awning.right{right:38px}
.retail-scene .awning:after{content:"";position:absolute;inset:auto 0 -12px 0;height:12px;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent)}

/* Communication — logo bottom right like an ad sign-off */
.communication-logo{
  top:auto!important;
  bottom:28px!important;
  right:28px!important;
  width:82px!important;
  opacity:.96!important;
}

@media(max-width:1100px){
  .rennweg-stage{min-height:620px!important;}
  .brand-scene .p1{width:150px;height:180px;right:72px}
  .brand-scene .p2{width:118px;height:110px;right:212px}
  .brand-scene .brand-box-main{width:154px;height:138px;right:128px}
  .digital-scene .browser-device{right:96px;width:360px;height:280px}
  .retail-scene .store-front{width:430px;height:360px}
}
@media(max-width:700px){
  .why-copy .display,#whyTitleDisplay{max-width:none!important}
  .rennweg-stage{min-height:480px!important;border-radius:24px!important}
  .why-visual-label{left:22px!important;bottom:20px!important;font-size:10px!important}
  .brand-scene .p1{right:24px;top:48px;width:112px;height:124px}
  .brand-scene .p2{right:118px;top:108px;width:92px;height:76px}
  .brand-scene .p3{right:16px;bottom:72px;width:72px;height:56px}
  .brand-scene .brand-box-back{right:106px;bottom:124px;width:88px;height:70px}
  .brand-scene .brand-box-side{right:72px;bottom:112px;width:62px;height:50px}
  .brand-scene .brand-box-main{right:62px;bottom:44px;width:120px;height:102px}
  .brand-scene .box-band{left:45px;width:28px}
  .brand-scene .box-seal{width:48px;height:48px;font-size:28px}
  .brand-scene .brand-card{right:132px;bottom:18px;width:82px;height:46px}
  .digital-scene .browser-device{right:68px;top:106px;width:220px;height:196px}
  .digital-scene .device-logo img{width:56px}
  .digital-scene .browser-device .device-logo img{width:62px}
  .digital-scene .device-hero{top:56px;height:72px;left:14px;right:14px}
  .digital-scene .device-hero img{width:82px;height:82px}
  .digital-scene .device-grid{left:14px;right:14px;bottom:14px;gap:8px}
  .digital-scene .device-grid span{height:48px}
  .digital-scene .phone-device{right:20px;top:132px;width:92px;height:186px;border-radius:22px}
  .digital-scene .phone-device .device-logo{left:12px;top:18px}
  .digital-scene .phone-device .device-logo img{width:42px}
  .digital-scene .phone-hero{top:54px;left:12px;right:12px;height:70px}
  .digital-scene .phone-lines{left:14px;right:14px;bottom:16px;gap:8px}
  .digital-scene .phone-lines i{height:8px}
  .content-scene .block-a{right:172px;top:132px;width:72px;height:112px}
  .content-scene .block-b{right:86px;top:86px;width:92px;height:94px}
  .content-scene .content-board{right:84px;top:104px;width:196px;height:214px;padding:12px}
  .content-scene .strip-a{right:286px;top:148px;width:40px;height:92px}
  .content-scene .strip-b{right:38px;top:150px;width:24px;height:124px}
  .content-scene .content-dot{right:44px;width:10px;height:10px}
  .content-scene .d1{top:176px}.content-scene .d2{top:198px}.content-scene .d3{top:220px}
  .retail-scene .store-front{right:10px;width:284px;height:248px}
  .retail-scene .store-window{width:72px;height:126px;padding:8px}
  .retail-scene .store-window.left{left:16px}.retail-scene .store-window.right{right:16px}
  .retail-scene .store-window:before{left:14px;bottom:38px;width:9px;height:16px;box-shadow:15px 0 0 #f0dec5,30px 0 0 #f0dec5,45px 0 0 #f0dec5}
  .retail-scene .shelf{left:10px;right:10px;bottom:28px;height:8px;box-shadow:0 -24px 0 #2a160f}
  .retail-scene .store-door{width:92px;height:154px}
  .retail-scene .store-door img{width:56px;margin-bottom:4px}
  .retail-scene .store-door span{font-size:10px}
  .retail-scene .awning{top:32px;width:68px;height:34px}
  .communication-logo{bottom:18px!important;right:18px!important;width:62px!important}
}

/* V21 — integrate supplied brown illustration assets in the "Warum gerade jetzt" area */
.why-illustrations{
  display:block!important;
}
.why-visual{
  display:block;
}
.why-image-shell{
  position:absolute;
  right:5.5%;
  top:50%;
  transform:translateY(-50%);
  width:min(74%,620px);
  aspect-ratio:1/1;
  border-radius:26px;
  overflow:hidden;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 28px 90px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
.why-image-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.08));
  z-index:1;
  pointer-events:none;
}
.why-image-art{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
/* Slightly different scales/placements for best balance per image */
.brand-shell{width:min(72%,590px); right:7%;}
.digital-shell{width:min(74%,610px); right:6%;}
.content-shell{width:min(71%,560px); right:8%;}
.retail-shell{width:min(72%,585px); right:7%;}

/* Retire older generated 3D scene styling when v21 images are used */
.brand-scene,.digital-scene,.content-scene,.retail-scene{display:none!important;}

@media(max-width:1100px){
  .why-image-shell{right:4%; width:min(78%,520px); border-radius:22px;}
  .brand-shell,.digital-shell,.content-shell,.retail-shell{right:4%; width:min(78%,520px);}
}
@media(max-width:700px){
  .why-illustrations{position:absolute!important; inset:0!important;}
  .why-image-shell{
    left:8%;
    right:8%;
    top:auto;
    bottom:54px;
    width:auto;
    aspect-ratio:1/1;
    transform:none;
    border-radius:20px;
  }
  .brand-shell,.digital-shell,.content-shell,.retail-shell{left:8%; right:8%; width:auto;}
}

/* V22 — why section reworked as a cohesive, freestanding illustration system */
.why{
  align-items:stretch!important;
}
.rennweg-stage{
  min-height:760px!important;
  border-radius:32px 0 0 32px!important;
  overflow:hidden!important;
}
.rennweg-stage::before{
  background:
    radial-gradient(circle at 74% 34%, rgba(255,226,198,.16), transparent 0 26%),
    radial-gradient(circle at 66% 58%, rgba(255,208,168,.08), transparent 0 22%),
    linear-gradient(135deg, rgba(255,255,255,.04), transparent 42%)!important;
}
.rennweg-stage::after{
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(0,0,0,.10) 100%)!important;
}
.rennweg-stage[data-why-mode="brand"]{background:linear-gradient(180deg,#6e3f2b 0%,#4b2a1d 58%,#2f1a14 100%)!important;}
.rennweg-stage[data-why-mode="digital"]{background:linear-gradient(180deg,#6a3a2b 0%,#47271b 58%,#2f1a14 100%)!important;}
.rennweg-stage[data-why-mode="content"]{background:linear-gradient(180deg,#73412b 0%,#4b2a1d 58%,#301914 100%)!important;}
.rennweg-stage[data-why-mode="retail"]{background:linear-gradient(180deg,#673a28 0%,#42251b 58%,#2c1813 100%)!important;}

.why-illustrations-crafted{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
}
.why-illustrations-crafted .why-visual{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .32s ease, visibility .32s ease, transform .32s ease;
}
.why-illustrations-crafted .why-visual.active{
  opacity:1!important;
  visibility:visible!important;
}
.why-art{
  position:absolute;
  right:4.5%;
  top:50%;
  width:min(46vw,560px);
  height:min(38vw,470px);
  transform:translateY(-50%);
  pointer-events:none;
}
.why-art .art-glow{
  position:absolute;
  inset:10% 8% 12% 14%;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,233,208,.16) 0%, rgba(255,210,170,.10) 34%, transparent 72%);
  filter:blur(8px);
}
.why-art::after{
  content:"";
  position:absolute;
  left:10%;
  right:6%;
  bottom:2%;
  height:22%;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.28) 0%, rgba(0,0,0,.14) 38%, transparent 72%);
  filter:blur(18px);
  opacity:.82;
}

/* BRAND */
.why-art-brand .brand-plane,
.why-art-brand .brand-pack,
.why-art-brand .brand-box,
.why-art-brand .brand-card{position:absolute;}
.why-art-brand .brand-plane{
  background:linear-gradient(180deg, rgba(135,84,60,.96), rgba(82,47,34,.96));
  box-shadow:0 26px 52px rgba(0,0,0,.18);
}
.why-art-brand .plane-back{right:8%; top:7%; width:30%; height:46%; border-radius:4px;}
.why-art-brand .plane-mid{right:36%; top:20%; width:20%; height:28%; border-radius:4px;}
.why-art-brand .brand-pack{background:linear-gradient(180deg, #8b5840, #5a3324); box-shadow:0 24px 44px rgba(0,0,0,.18);}
.why-art-brand .pack-tall{right:32%; bottom:31%; width:18%; height:20%; border-radius:4px;}
.why-art-brand .pack-flat{right:3%; bottom:21%; width:17%; height:12%; border-radius:4px;}
.why-art-brand .pack-main{right:18%; bottom:12%; width:33%; height:34%; border-radius:5px; background:linear-gradient(180deg,#7c4a35,#4a2a1e); box-shadow:0 28px 56px rgba(0,0,0,.24); overflow:hidden;}
.why-art-brand .pack-band{position:absolute; top:0; bottom:0; left:38%; width:18%; background:linear-gradient(180deg,#dec9a5,#ead7bb);}
.why-art-brand .pack-seal{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:72px; height:72px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(180deg,#95674f,#754637); color:#d8b799; font:italic 700 44px/1 Georgia, serif; box-shadow:0 10px 22px rgba(0,0,0,.18);}
.why-art-brand .brand-card{left:34%; bottom:9%; width:24%; height:10%; border-radius:3px; background:linear-gradient(180deg,#7f503c,#5a3324); transform:perspective(500px) rotateX(70deg) rotateZ(-9deg); opacity:.82;}

/* DIGITAL */
.why-art-digital .digital-browser,
.why-art-digital .digital-phone{position:absolute; overflow:hidden;}
.why-art-digital .digital-browser{
  right:12%; top:12%; width:66%; height:56%; border-radius:20px; background:linear-gradient(180deg, rgba(123,76,53,.97), rgba(61,34,24,.98)); border:1px solid rgba(255,255,255,.07); box-shadow:0 28px 64px rgba(0,0,0,.24);
}
.why-art-digital .browser-top{display:flex; gap:8px; padding:14px 18px;}
.why-art-digital .browser-top span{display:block; width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.25);}
.why-art-digital .browser-logo{position:absolute; left:20px; top:20px; width:82px; filter:brightness(0) invert(1); opacity:.98;}
.why-art-digital .browser-hero{position:absolute; left:28px; right:28px; top:72px; height:38%; border-radius:14px; background:linear-gradient(180deg,#5f3221,#341b14); display:grid; place-items:center; overflow:hidden;}
.why-art-digital .browser-hero img{width:132px; height:132px; object-fit:contain; filter:drop-shadow(0 18px 18px rgba(0,0,0,.28));}
.why-art-digital .browser-grid{position:absolute; left:28px; right:28px; bottom:28px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
.why-art-digital .browser-grid i{display:block; height:76px; border-radius:12px; background:rgba(237,224,206,.93); box-shadow:inset 0 1px 0 rgba(255,255,255,.4);}
.why-art-digital .digital-phone{
  right:0; bottom:10%; width:24%; height:58%; border-radius:32px; background:linear-gradient(180deg,#6d3f2b,#3b2218); border:1px solid rgba(255,255,255,.08); box-shadow:0 24px 56px rgba(0,0,0,.28);
}
.why-art-digital .phone-notch{position:absolute; top:14px; left:50%; transform:translateX(-50%); width:62px; height:6px; border-radius:999px; background:rgba(255,255,255,.22);}
.why-art-digital .phone-logo{position:absolute; left:20px; top:28px; width:68px; filter:brightness(0) invert(1);}
.why-art-digital .phone-hero{position:absolute; left:18px; right:18px; top:74px; height:40%; border-radius:16px; background:linear-gradient(180deg,#5f3221,#341b14); display:grid; place-items:center; overflow:hidden;}
.why-art-digital .phone-hero img{width:92px; height:92px; object-fit:contain; filter:drop-shadow(0 14px 14px rgba(0,0,0,.28));}
.why-art-digital .phone-lines{position:absolute; left:22px; right:22px; bottom:28px; display:grid; gap:12px;}
.why-art-digital .phone-lines i{display:block; height:12px; border-radius:999px; background:rgba(237,224,206,.9);}
.why-art-digital .phone-lines i:last-child{width:62%;}

/* CONTENT */
.why-art-content .content-plane,
.why-art-content .content-poster,
.why-art-content .content-swatch,
.why-art-content .content-dots{position:absolute;}
.why-art-content .content-plane{box-shadow:0 24px 56px rgba(0,0,0,.16);}
.why-art-content .plane-a{right:15%; top:8%; width:24%; height:30%; background:linear-gradient(180deg,rgba(178,129,98,.94),rgba(105,63,44,.94));}
.why-art-content .plane-b{right:40%; top:23%; width:20%; height:34%; background:linear-gradient(180deg,rgba(93,54,38,.96),rgba(54,31,22,.96));}
.why-art-content .content-poster{right:14%; top:18%; width:44%; height:60%; background:linear-gradient(180deg,#4e2c1f,#2b1710); padding:18px; border:1px solid rgba(255,255,255,.1); box-shadow:0 28px 64px rgba(0,0,0,.22);}
.why-art-content .content-poster img{width:100%; height:100%; object-fit:cover; display:block;}
.why-art-content .content-poster .crop{position:absolute; width:26px; height:26px; border-color:rgba(232,210,184,.88); border-style:solid;}
.why-art-content .content-poster .crop.tl{top:14px; left:14px; border-width:2px 0 0 2px;}
.why-art-content .content-poster .crop.tr{top:14px; right:14px; border-width:2px 2px 0 0;}
.why-art-content .content-poster .crop.bl{bottom:14px; left:14px; border-width:0 0 2px 2px;}
.why-art-content .content-poster .crop.br{bottom:14px; right:14px; border-width:0 2px 2px 0;}
.why-art-content .content-swatch{left:24%; bottom:23%; width:16%; height:18%; background:linear-gradient(180deg,#7d4d38,#583223); box-shadow:0 22px 44px rgba(0,0,0,.14);}
.why-art-content .content-dots{right:6%; top:43%; display:grid; gap:12px;}
.why-art-content .content-dots i{display:block; width:18px; height:18px; border-radius:50%; background:rgba(236,220,199,.88);}

/* RETAIL */
.why-art-retail .retail-store,
.why-art-retail .store-awning,
.why-art-retail .store-window,
.why-art-retail .store-door{position:absolute;}
.why-art-retail .retail-store{right:4%; bottom:9%; width:74%; height:70%;}
.why-art-retail .retail-store::before{content:""; position:absolute; left:0; right:0; top:0; height:18%; background:linear-gradient(180deg,#6f422f,#4a2b1e); border-bottom:1px solid rgba(255,255,255,.06);}
.why-art-retail .store-awning{top:24%; width:18%; height:11%; background:linear-gradient(180deg,#ddc8a4,#ccb188); box-shadow:0 10px 14px rgba(0,0,0,.12);}
.why-art-retail .awning-left{left:8%;}
.why-art-retail .awning-right{right:8%;}
.why-art-retail .store-window,
.why-art-retail .store-door{top:18%; bottom:0; background:linear-gradient(180deg,#5b3426,#3c2218); border:1px solid rgba(255,255,255,.05); box-shadow:0 18px 34px rgba(0,0,0,.18);}
.why-art-retail .store-window{width:28%; padding:14px 16px 18px;}
.why-art-retail .window-left{left:3%;}
.why-art-retail .window-right{right:3%;}
.why-art-retail .store-window span{display:block; height:4px; border-radius:999px; background:rgba(234,220,198,.92); margin-top:54%; box-shadow:0 32px 0 rgba(234,220,198,.92);}
.why-art-retail .store-door{left:36%; width:28%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px;}
.why-art-retail .store-door img{width:118px; filter:brightness(0) invert(1);}
.why-art-retail .store-door small{color:rgba(255,255,255,.84); text-transform:uppercase; letter-spacing:.12em; font-size:10px;}
.why-art-retail .store-window::after,
.why-art-retail .store-door::after{content:""; position:absolute; left:12%; right:12%; bottom:14%; height:36%; background:linear-gradient(180deg, rgba(238,225,205,.14), rgba(238,225,205,.04)); border:1px solid rgba(238,225,205,.08);}
.why-art-retail .store-door::after{left:20%; right:20%; bottom:12%;}

.why-visual-label{
  left:32px!important;
  bottom:26px!important;
  z-index:3!important;
  letter-spacing:.14em!important;
  font-size:11px!important;
  color:rgba(255,255,255,.66)!important;
}

/* retire old v21 image frame system */
.why-image-shell,
.why-image-art{display:none!important;}

@media(max-width:1100px){
  .why-art{right:3.5%; width:min(46vw,500px); height:min(36vw,420px);}
  .why-art-brand .pack-seal{width:60px; height:60px; font-size:36px;}
  .why-art-retail .store-door img{width:98px;}
}
@media(max-width:700px){
  .rennweg-stage{min-height:500px!important; border-radius:24px!important;}
  .why-visual-label{left:20px!important; bottom:18px!important; font-size:10px!important;}
  .why-art{left:7%; right:7%; width:auto; height:260px; top:auto; bottom:62px; transform:none;}
  .why-art .art-glow{inset:8% 6% 10% 10%;}
  .why-art-brand .plane-back{right:2%; width:34%; height:45%;}
  .why-art-brand .plane-mid{right:40%; width:22%; height:26%;}
  .why-art-brand .pack-tall{right:33%; width:18%;}
  .why-art-brand .pack-flat{right:0; width:17%;}
  .why-art-brand .pack-main{right:14%; width:38%; height:36%;}
  .why-art-brand .pack-seal{width:48px; height:48px; font-size:28px;}
  .why-art-digital .digital-browser{width:72%; height:58%; right:11%;}
  .why-art-digital .digital-phone{width:29%; height:60%;}
  .why-art-digital .browser-logo{width:68px;}
  .why-art-digital .phone-logo{width:56px;}
  .why-art-content .content-poster{width:50%; height:62%; right:10%;}
  .why-art-content .plane-a{width:26%; right:12%;}
  .why-art-content .plane-b{width:20%; right:44%;}
  .why-art-retail .retail-store{width:86%; right:0; height:72%;}
  .why-art-retail .store-door img{width:76px;}
}

/* V23 — why section simplified back to one integrated illustration */
.why{
  align-items:stretch!important;
}
.why-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.why-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:rgba(255,245,236,.92);
  font-size:13px;
  line-height:1;
}
.why-stage-single{
  min-height:760px!important;
  border-radius:32px 0 0 32px!important;
  overflow:hidden!important;
  display:block;
}
.why-stage-single::before{
  background:
    radial-gradient(circle at 72% 36%, rgba(255,226,198,.15), transparent 0 26%),
    radial-gradient(circle at 60% 58%, rgba(255,208,168,.08), transparent 0 22%),
    linear-gradient(135deg, rgba(255,255,255,.04), transparent 42%)!important;
}
.why-stage-single::after{
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(0,0,0,.10) 100%)!important;
}
.why-single-art{
  position:absolute;
  right:3.5%;
  bottom:26px;
  width:min(52vw,780px);
  z-index:2;
}
.why-single-art img{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 34px 42px rgba(0,0,0,.20));
}

/* disable interactive illustration system from v22 */
.why-tabs,
.why-illustrations,
.why-illustrations-crafted,
.why-visual-label,
.why-visual,
.why-art,
.why-image-shell,
.why-image-art{
  display:none!important;
}

@media (max-width:1100px){
  .why-stage-single{min-height:660px!important;}
  .why-single-art{width:min(50vw,620px); right:2.5%; bottom:24px;}
}
@media (max-width:700px){
  .why-tags{gap:10px; margin-top:22px;}
  .why-tag{padding:9px 14px; font-size:12px;}
  .why-stage-single{
    min-height:470px!important;
    border-radius:24px!important;
  }
  .why-single-art{
    left:6%;
    right:6%;
    width:auto;
    bottom:22px;
  }
}

/* V24 — why section becomes one unified composition, text left / illustration right */
.why.section-brown{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;
  gap:clamp(40px,5vw,84px)!important;
  align-items:center!important;
  min-height:auto!important;
  padding:clamp(96px,10vw,140px) var(--mx)!important;
  background:linear-gradient(180deg,#603321 0%,#432418 58%,#2b1813 100%)!important;
  overflow:hidden!important;
}
.why.section-brown::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 76% 28%, rgba(255,226,198,.12), transparent 0 22%),
    radial-gradient(circle at 62% 64%, rgba(255,198,152,.08), transparent 0 18%),
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 42%);
  pointer-events:none;
}
.why-copy{
  position:relative!important;
  z-index:2!important;
  padding:0!important;
  align-self:center!important;
  max-width:720px;
}
.why-copy .display,
#whyTitleDisplay{
  max-width:11ch!important;
  line-height:.92!important;
  margin-bottom:28px!important;
}
.why .lead{
  max-width:34ch!important;
  margin:0 0 26px!important;
  color:#e1cfc2!important;
}
.why-tags{
  margin-top:0!important;
  gap:10px!important;
}
.why-tag{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.rennweg-stage,
.why-stage-single{
  position:relative!important;
  z-index:2!important;
  min-height:auto!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.rennweg-stage::before,
.rennweg-stage::after,
.why-stage-single::before,
.why-stage-single::after{
  display:none!important;
}
.why-single-art{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:min(100%, 740px)!important;
  margin-left:auto!important;
}
.why-single-art img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  filter:drop-shadow(0 26px 44px rgba(0,0,0,.16))!important;
}

@media (max-width:1100px){
  .why.section-brown{
    grid-template-columns:1fr!important;
    gap:34px!important;
    padding:90px var(--mx)!important;
  }
  .why-copy{max-width:none!important;}
  .why-copy .display,
  #whyTitleDisplay{max-width:12ch!important;}
  .why .lead{max-width:40ch!important;}
  .rennweg-stage,
  .why-stage-single{justify-content:center!important;}
  .why-single-art{width:min(100%, 700px)!important;}
}
@media (max-width:700px){
  .why.section-brown{
    padding:72px var(--mx)!important;
    gap:26px!important;
  }
  .why-copy .display,
  #whyTitleDisplay{max-width:12ch!important;}
  .why .lead{max-width:none!important;}
  .why-tags{gap:8px!important;}
  .why-tag{padding:8px 13px!important; font-size:11px!important;}
  .why-single-art{width:100%!important;}
}

/* V25 — switch unified why illustration back to single Honold house/storefront visual */
.why-single-art{width:min(100%, 620px)!important;}
.why-single-art img{filter:drop-shadow(0 24px 42px rgba(0,0,0,.18))!important;}
@media (max-width:1100px){
  .why-single-art{width:min(100%, 560px)!important;}
}
@media (max-width:700px){
  .why-single-art{width:min(100%, 440px)!important;}
}


/* V35 — communication sign-off logo inside the image area */
.communication-signoff{
  position:absolute;
  right:clamp(34px,4vw,52px);
  bottom:clamp(24px,3.2vw,34px);
  width:82px;
  filter:brightness(0) invert(1);
  z-index:4;
  opacity:.96;
  pointer-events:none;
}
@media(max-width:1000px){
  .communication-signoff{width:72px;right:24px;bottom:22px;}
}
@media(max-width:700px){
  .communication-signoff{width:60px;right:18px;bottom:16px;}
}

.communication-logo{display:none!important;}