/* Decorative light stays behind content; no hit targets or downloaded resources. */
.marquee-window{position:relative;z-index:3;overflow:hidden;padding-block:26px;margin-block:-26px}
.marquee-window .marquee-band{width:calc(100% + 100px);margin-left:-24px}
.sunlit-scene{position:relative;isolation:isolate}
.daylight-layer{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.daylight-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 14% 25%,#efcf942c,transparent 65%)}
.daylight-window{position:absolute;top:-22%;left:-8%;width:120%;height:155%;opacity:.07;filter:blur(7px);background:linear-gradient(90deg,transparent 0 17%,#3b4229 17% 20%,transparent 20% 45%,#3b4229 45% 48%,transparent 48% 74%,#3b4229 74% 77%,transparent 77%),linear-gradient(0deg,transparent 0 31%,#3b4229 31% 34%,transparent 34% 65%,#3b4229 65% 68%,transparent 68%);mask-image:radial-gradient(ellipse at 36% 35%,#000 8%,transparent 74%);transform:translate3d(-6%,-2%,0) rotate(-24deg);animation:cafe-sunlight 30s ease-in-out infinite alternate;animation-play-state:paused}
.taste .daylight-window{left:7%;opacity:.055;animation-delay:-16s}
.brownie-stage .daylight-window{opacity:.055;animation-delay:-8s}
.visit .daylight-window{left:13%;animation-delay:-22s;opacity:.06}
.motion-ready:not(.daylight-paused):not(.motion-document-hidden) .sunlit-scene.is-daylit .daylight-window{animation-play-state:running;will-change:transform}
.daylight-toggle{position:absolute;right:6%;bottom:25px;z-index:6;display:flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid var(--line);border-radius:99px;background:#f5f1e899;font-size:8px;letter-spacing:.7px;line-height:1.5;transition:background .25s,border-color .25s}
.daylight-toggle[hidden]{display:none}
.daylight-toggle>span{font-size:16px;line-height:1}
.daylight-toggle:hover,.daylight-toggle[aria-pressed=true]{background:var(--sage);border-color:var(--sage)}
@keyframes cafe-sunlight{to{transform:translate3d(7%,4%,0) rotate(-19deg)}}

/* A complete static composition also works without JavaScript or with reduced motion. */
.brownie-moment{background:#ece4d7;color:#483025;position:relative}
.brownie-stage{padding:43px 6% 35px;position:relative;overflow:hidden;text-align:center}
.brownie-topline,.brownie-bottomline{display:flex;justify-content:space-between;gap:24px;text-align:left;font-size:8px;letter-spacing:1.3px;line-height:1.8;position:relative;z-index:5}
.brownie-topline{padding-bottom:32px;border-bottom:1px solid #48302526}
.brownie-copy{position:relative;padding-top:42px;z-index:1}
.brownie-title{font-family:var(--serif);font-size:clamp(54px,7.5vw,116px);font-weight:400;line-height:1.02;letter-spacing:-3px}
.brownie-title em{color:#76513b}
.brownie-copy>p{font-size:12px;line-height:1.8;margin-top:28px;color:#806958}
.brownie-art{width:min(900px,100%);aspect-ratio:2;margin:5px auto 22px;position:relative;z-index:2;pointer-events:none}
.brownie-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 21px 19px #43271224)}
.brownie-left{clip-path:inset(0 50% 0 0);transform:translateX(2%)}
.brownie-right{clip-path:inset(0 0 0 50%);transform:translateX(-2%)}
.brownie-ground-shadow{position:absolute;left:25%;right:25%;bottom:8%;height:10%;background:#49322127;filter:blur(18px);border-radius:50%;pointer-events:none}
.brownie-crumbs{position:absolute;inset:0;opacity:0}
.brownie-crumbs i{position:absolute;left:50%;top:54%;width:10px;height:10px;border-radius:24% 36% 17% 29%;background:linear-gradient(130deg,#a46b3d,#4c2d1f 46%,#26160f);box-shadow:inset 1px 1px 2px #df986b55,2px 4px 5px #4b32211a;transform:translate3d(calc(var(--brownie-split,0)*var(--crumb-x)),calc(var(--brownie-split,0)*var(--crumb-y)),0) rotate(calc(var(--brownie-split,0)*var(--crumb-spin)));--crumb-x:-180px;--crumb-y:-130px;--crumb-spin:160deg}
.brownie-crumbs i:nth-child(2){--crumb-x:210px;--crumb-y:-160px;--crumb-spin:-140deg;width:14px;height:9px}
.brownie-crumbs i:nth-child(3){--crumb-x:-300px;--crumb-y:80px;--crumb-spin:220deg;width:7px;height:6px}
.brownie-crumbs i:nth-child(4){--crumb-x:260px;--crumb-y:130px;--crumb-spin:-260deg;width:8px;height:9px}
.brownie-crumbs i:nth-child(5){--crumb-x:-110px;--crumb-y:180px;--crumb-spin:100deg;width:12px;height:8px}
.brownie-crumbs i:nth-child(6){--crumb-x:120px;--crumb-y:200px;--crumb-spin:-210deg;width:6px;height:5px}
.brownie-crumbs i:nth-child(7){--crumb-x:-40px;--crumb-y:-210px;--crumb-spin:-180deg;width:5px;height:4px}
.brownie-crumbs i:nth-child(8){--crumb-x:60px;--crumb-y:-240px;--crumb-spin:180deg;width:8px;height:5px}
.brownie-crumbs i:nth-child(9){--crumb-x:-350px;--crumb-y:-60px;--crumb-spin:270deg;width:11px;height:8px}
.brownie-crumbs i:nth-child(10){--crumb-x:360px;--crumb-y:20px;--crumb-spin:-120deg;width:5px;height:6px}
.brownie-scroll-note{display:none}
.brownie-progress{display:none}

/* The existing scroll scheduler supplies bounded numeric values, with no render loop. */
.motion-ready .brownie-moment{height:190svh}
.motion-ready .brownie-stage{position:sticky;top:82px;height:calc(100svh - 82px);min-height:580px;max-height:1100px;padding-top:33px;isolation:isolate}
.motion-ready .brownie-topline{border:0;padding:0;position:absolute;top:33px;left:6%;right:6%}
.motion-ready .brownie-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 6% 30px;opacity:var(--brownie-copy-opacity,0);transform:translateY(var(--brownie-copy-rise,24px))}
.motion-ready .brownie-title{font-size:clamp(64px,8.2vw,128px);line-height:1.04}
.motion-ready .brownie-copy>p{margin-top:30px}
.motion-ready .brownie-art{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(1150px,94vw);aspect-ratio:2;margin:0;perspective:1100px}
.motion-ready .brownie-left{transform:translate3d(calc(2% - var(--brownie-split,0)*35%),calc(var(--brownie-split,0)*-14%),0) rotate(calc(var(--brownie-split,0)*-12deg)) rotateY(calc(var(--brownie-split,0)*-9deg))}
.motion-ready .brownie-right{transform:translate3d(calc(-2% + var(--brownie-split,0)*35%),calc(var(--brownie-split,0)*16%),0) rotate(calc(var(--brownie-split,0)*13deg)) rotateY(calc(var(--brownie-split,0)*9deg))}
.motion-ready .brownie-ground-shadow{opacity:calc(1 - var(--brownie-split,0)*.75);transform:scaleX(calc(1 + var(--brownie-split,0)*.8))}
.motion-ready .brownie-crumbs{opacity:var(--brownie-crumb-opacity,0)}
.motion-ready .brownie-bottomline{position:absolute;left:6%;right:6%;bottom:33px;align-items:center;font-size:7px;z-index:5}
.motion-ready .brownie-scroll-note{display:flex;align-items:center;gap:17px}
.brownie-scroll-note>span{font-size:23px;line-height:1}
.motion-ready .brownie-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:#48302515}
.brownie-progress>span{display:block;height:100%;background:#76513b80;transform-origin:left;transform:scaleX(var(--brownie-progress,0))}
.motion-ready .brownie-in-view .brownie-piece{will-change:transform}

@media(max-width:760px){
  .daylight-toggle{bottom:17px;font-size:7px;padding:4px 9px;gap:6px}
  .daylight-window{opacity:.055;filter:blur(5px)}
  .brownie-stage{padding-top:28px;padding-bottom:28px}
  .brownie-topline,.brownie-bottomline{font-size:6px;letter-spacing:.8px;gap:18px}
  .brownie-scene-number{display:none}
  .brownie-topline{padding-bottom:22px}
  .brownie-copy{padding-top:34px}
  .brownie-title{font-size:clamp(43px,12vw,76px);letter-spacing:-1.6px}
  .brownie-copy>p{font-size:10px;margin-top:20px}
  .brownie-art{width:115%;max-width:none;margin-left:-7.5%;margin-top:18px}
  .motion-ready .brownie-moment{height:165svh}
  .motion-ready .brownie-stage{top:74px;height:calc(88svh - 74px);min-height:470px;max-height:800px}
  .motion-ready .brownie-topline{top:25px;line-height:1.9;max-width:220px}
  .motion-ready .brownie-art{width:128vw;max-width:960px;top:46%;margin:0}
  .motion-ready .brownie-left{transform:translate3d(calc(2% - var(--brownie-split,0)*26%),calc(var(--brownie-split,0)*-14%),0) rotate(calc(var(--brownie-split,0)*-12deg)) rotateY(calc(var(--brownie-split,0)*-9deg))}
  .motion-ready .brownie-right{transform:translate3d(calc(-2% + var(--brownie-split,0)*26%),calc(var(--brownie-split,0)*16%),0) rotate(calc(var(--brownie-split,0)*13deg)) rotateY(calc(var(--brownie-split,0)*9deg))}
  .motion-ready .brownie-title{font-size:clamp(40px,11.5vw,76px);letter-spacing:-1.8px}
  .motion-ready .brownie-copy{padding:0 4% 40px}
  .motion-ready .brownie-copy>p{font-size:10px;margin-top:22px}
  .motion-ready .brownie-bottomline{bottom:26px;font-size:6px}
  .motion-ready .brownie-bottomline>span:last-child{max-width:105px;text-align:right}
  .motion-ready .brownie-scroll-note{max-width:145px;gap:9px}
  .brownie-crumbs i{scale:.6}
}
@media(prefers-reduced-motion:reduce){
  .daylight-window{animation:none!important;transform:rotate(-22deg)}
  .daylight-toggle{display:none!important}
  .brownie-crumbs{display:none}
  .motion-ready .brownie-moment{height:auto}
  .motion-ready .brownie-stage{position:relative;top:auto;height:auto;min-height:0;max-height:none}
  .motion-ready .brownie-copy{position:relative;padding:34px 0 0;opacity:1;transform:none}
  .motion-ready .brownie-topline,.motion-ready .brownie-bottomline{position:relative;inset:auto}
  .motion-ready .brownie-art{position:relative;left:auto;top:auto;translate:none;width:100%;margin:15px auto}
  .motion-ready .brownie-left{transform:translateX(2%)}
  .motion-ready .brownie-right{transform:translateX(-2%)}
  .motion-ready .brownie-scroll-note,.motion-ready .brownie-progress{display:none}
}