/* Alternating product rows from the selected rounded-panel reference. */
#products{background:#f8fcfe;scroll-snap-type:none}
body:not([data-scene="0"]) .site-header::before{content:'';position:fixed;top:0;left:0;right:0;height:96px;background:#f8fcfef2;backdrop-filter:blur(12px);z-index:-1;pointer-events:none}
.scene,#site-footer{scroll-snap-align:none;scroll-snap-stop:normal}
#growth.growth-reference,#world.world-reference{height:auto;min-height:0;background:transparent;overflow:visible;padding:0}
#growth.growth-reference{padding-top:130px;padding-bottom:0}
#world.world-reference{padding-top:40px;padding-bottom:100px}
.feature-row{width:100%;max-width:1536px;margin:0 auto;padding:0 clamp(24px,3.4vw,60px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(32px,3vw,48px)}
.feature-visual{position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:clamp(32px,4.5vw,64px)}
#growth .growth-visual{aspect-ratio:1.12;background:#dceffc}
#growth.growth-reference .growth-layout,#world .world-layout{position:relative;inset:auto;transform:none;display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto;max-width:none;margin:0;padding:0;z-index:2}
#growth.growth-reference .growth-layout{padding-left:20px}
#growth .growth-copy{width:100%;align-self:stretch}
#growth .growth-copy h2,#world .world-heading h2,#world[data-world="kitchen"] #world-title-main,#world[data-world="kitchen"] .world-title-accent{font-family:Anton,Impact,sans-serif;font-size:clamp(46px,6.3vw,90px);font-weight:400;line-height:1.04;letter-spacing:-.025em;white-space:nowrap}
#world[data-world="kitchen"] #world-title-main{font-size:clamp(36px,5vw,72px)}
#growth .growth-title-line,#world .world-heading h2 span{color:#062033}
#growth .growth-title-line.growth-title-accent,#world .world-heading h2 .world-title-accent,#world .world-heading h2 .world-title-accent span{color:#ff0038}
#growth .intro{font-size:clamp(16px,1.8vw,24px);line-height:1.5;color:#35576d;font-weight:400;letter-spacing:-.025em;margin:24px 0 0}
#growth .intro strong{font-weight:400;color:inherit}
#growth .growth-steps{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:16px;list-style:none;margin:42px 0 0;padding:0;z-index:1}
#growth .growth-step{position:relative;min-height:0;min-width:0;padding:0;border:0;border-radius:0;background:none;text-align:left}
#growth .step-disc{width:clamp(50px,6vw,84px);height:clamp(50px,6vw,84px);max-width:100%;margin:0;border-radius:0;background:none}
#growth .step-disc img{width:100%;height:100%}
#growth .growth-step h3{font-size:clamp(12px,1.35vw,18px);font-weight:500;line-height:1.3;letter-spacing:-.045em;white-space:nowrap;margin:12px 0 0;color:#062033}
#growth .step-connector{width:16px;height:16px;right:-2px;top:33%;opacity:.8}
#growth .growth-visual .growth-phone{position:absolute;left:6%;top:-1%;width:auto;height:106%;max-width:none;transform:none;z-index:1}
#growth .growth-visual .growth-feeding{position:absolute;left:53%;top:auto;bottom:1.5%;width:43%;height:75%;z-index:2}
#growth .growth-feed-fallback{visibility:hidden}

#world .world-frame{position:relative;inset:auto;width:100%;height:auto;max-width:1536px;margin:0 auto;padding:0 clamp(24px,3.4vw,60px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(32px,3vw,48px);transform:none}
#world .world-artwork{position:relative;inset:auto;grid-row:auto;grid-column:auto;transform:none;width:100%;height:auto;aspect-ratio:1.4;margin:0;overflow:hidden;background:#fce8b8}
#world .world-scene-image{position:absolute;left:0;right:0;top:auto;bottom:0;width:100%;height:112%;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 8px #65491e0d)}
#world .world-scene-image[data-world-art="kitchen"]{left:3%;right:auto;width:94%;height:134%;bottom:-17%}
#world .world-scene-image.is-underlay{animation:panel-art-exit .24s ease both}
@keyframes panel-art-exit{from{opacity:1}to{opacity:0}}
#world .world-heading{margin:0}
#world .world-panel{display:block;grid-row:auto;background:none;padding:0;margin:24px 0 30px}
#world .world-panel #world-description{font-size:clamp(16px,1.8vw,24px);line-height:1.5;letter-spacing:-.025em;font-weight:400;color:#35576d;margin:0}
#world .world-tabs{grid-row:auto;display:flex;width:100%;max-width:440px;height:54px;gap:0;padding:5px;margin:0;background:#edf6fb;border:0;border-radius:99px}
#world .world-tabs button{font-size:clamp(12px,1.25vw,17px);font-weight:500;line-height:1.2;min-height:44px;padding:0}
#world .world-tabs button[aria-selected="true"]{background:#062033;color:#fff;box-shadow:none}
#site-footer{--footer-overlap:0px;margin-top:0;background:#f8fcfe}

@media(min-width:761px) and (max-width:1100px){
  #growth .growth-copy h2,#world .world-heading h2,#world[data-world="kitchen"] .world-title-accent{font-size:5.7vw}
  #world[data-world="kitchen"] #world-title-main{font-size:4.8vw}
  #growth.growth-reference .growth-layout{padding-left:0}
  #growth .growth-steps{gap:10px;margin-top:30px}
  #growth .growth-step h3{font-size:11px;letter-spacing:-.05em}
  #growth .step-disc{width:56px;height:56px}
  #growth .step-connector{width:12px;height:12px;right:-5px}
  #growth .intro,#world .world-panel #world-description{font-size:16px}
  #world .world-panel{margin:20px 0 24px}
}
@media(max-width:760px){
  body:not([data-scene="0"]) .site-header::before{height:134px}
  #growth.growth-reference{padding:150px 0 32px}
  #world.world-reference{padding:32px 0 56px}
  .feature-row,#world .world-frame{display:flex;flex-direction:column;gap:30px;padding:0 24px}
  #growth.growth-reference .growth-layout,#world .world-layout{position:relative;inset:auto;width:100%;margin:0;padding:0;transform:none;display:flex}
  #growth .growth-copy h2,#world .world-heading h2,#world[data-world="kitchen"] .world-title-accent{font-size:clamp(34px,10.8vw,64px);line-height:1.08}
  #world[data-world="kitchen"] #world-title-main{font-size:clamp(29px,9.3vw,55px)}
  #growth .intro{font-size:16px;line-height:1.5;margin-top:22px}
  #growth .growth-steps{width:100%;inset:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
  #growth .step-disc{width:52px;height:52px;max-width:100%;margin:0}
  #growth .growth-step h3{font-size:11px;margin-top:10px;letter-spacing:-.045em}
  #growth .step-connector{width:12px;height:12px;top:23px;right:-6px}
  #growth .growth-step:nth-child(2) .step-connector{display:block}
  #growth .growth-visual{width:100%;aspect-ratio:1.06;border-radius:34px}
  #world .world-layout{order:0}
  #world .world-artwork{order:1;width:100%;height:auto;aspect-ratio:1.16;border-radius:34px}
  #world .world-scene-image{height:105%;bottom:0}
  #world .world-scene-image[data-world-art="kitchen"]{left:0;width:100%;height:126%;bottom:-15%}
  #world .world-panel{padding:0;margin:22px 0 24px}
  #world .world-panel #world-description{font-size:16px;line-height:1.5;margin:0}
  #world .world-tabs{height:54px;width:100%;padding:5px;margin:0}
  #world .world-tabs button{font-size:12px;min-height:44px}
  #site-footer{margin-top:0;background:#f8fcfe}
}
@media(max-width:360px){
  .feature-row,#world .world-frame{padding:0 20px}
  #growth .step-disc{width:45px;height:45px}
  #growth .growth-step h3{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#world .world-scene-image.is-underlay{animation:none}}
