#start-product-story{width:100%;min-height:44px;border:1px solid #8f8876;border-radius:6px;background:#FAF8EF;margin:0 0 12px;padding:10px;font-size:12px}
body[data-product-story="true"] aside,body[data-product-story="true"] .map-foot,body[data-product-story="true"] #product-navigation,body[data-product-story="true"] .view-tools,body[data-product-story="true"] .stage-tag{display:none!important}
body[data-product-story="true"] main{display:block}
body[data-product-story="true"] .viewport{height:100%;width:100%}
#product-story-panel{position:absolute;inset:0;pointer-events:none;color:#3C2C15;z-index:8}
#product-story-panel [hidden]{display:none!important}
#product-story-panel button{pointer-events:auto;min-width:44px;min-height:44px;color:inherit;font:13px system-ui,sans-serif;background:none;cursor:pointer}
#product-story-panel button:focus-visible{outline:2px solid #777E42;outline-offset:3px}
#product-story-panel button:disabled{opacity:.25;cursor:default}
.story-top{position:absolute;top:16px;left:20px;display:flex;align-items:center;gap:8px}
.story-top span{font-size:10px;letter-spacing:.2em}
#product-story-panel .story-icon{font-size:22px;font-weight:300;border-radius:50%}
.story-top button,.story-audio{background:#FAF8EFd9!important;backdrop-filter:blur(12px);border-radius:50%}
#story-message{position:absolute;left:28px;bottom:120px;max-width:410px;padding:24px 28px;background:#FAF8EFed;border:1px solid #FAF8EF;border-radius:16px;backdrop-filter:blur(14px)}
.story-eyebrow{font-size:9px;letter-spacing:.22em;color:#8a816e;margin:0 0 15px}
#story-title{font:36px/1.15 Georgia,serif;margin:0;letter-spacing:-.02em}
#story-prompt{font:15px/1.65 system-ui,sans-serif;margin:16px 0 0;max-width:32ch}
#story-prompt:empty{display:none}
#story-card{position:absolute;right:28px;top:30%;width:270px;padding:16px 20px 10px;background:#FAF8EFed;backdrop-filter:blur(18px);border:1px solid #fffef7;border-radius:18px;box-shadow:0 12px 32px #333d2d12;pointer-events:auto}
.story-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:-5px}
#story-product-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0;color:#747563}
#story-card #story-table{margin-right:-10px;color:#8e8d7c}
#story-benefit{font:32px/1.14 Georgia,serif;font-weight:400;letter-spacing:-.015em;margin:6px 0 12px;color:#3C2C15}
#story-ingredients{font-size:13px;line-height:1.55;max-width:25ch;margin:0;color:#6d7161}
/* the one thing that sets the blend apart, under its ingredients (2026-10-04) */
#story-difference{font-size:14px;line-height:1.45;max-width:30ch;margin:8px 0 0;color:#3C2C15}
.story-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
#story-availability{font-size:10px;color:#8a8373}
#story-browse{display:flex;margin-right:-10px}
#story-browse button{font-size:19px!important}
.story-bottom{position:absolute;left:24px;right:24px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}
#product-story-panel .story-primary{margin-left:auto;background:#777E42;color:#FAF8EF;padding:0 23px;min-height:48px;border-radius:30px;font-size:13px;box-shadow:0 4px 16px #203b2720}
.story-primary span{margin-left:22px;font-size:19px}
.story-audio{font-size:20px!important}
#story-hotspots{position:absolute;inset:0}
#product-story-panel .story-hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center}
.story-hotspot i{width:14px;height:14px;border-radius:50%;background:#fffcf0;border:2px solid #637c66;box-shadow:0 0 0 5px #FAF8EF59,0 2px 7px #233c342d}
.story-hotspot:hover i,.story-hotspot:focus-visible i{background:#61765e;border-color:#FAF8EF}
.story-hotspot span{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;padding:7px 10px;background:#FAF8EFed;border-radius:20px;opacity:0;pointer-events:none}
.story-hotspot:hover span,.story-hotspot:focus-visible span{opacity:1}
#story-hint{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);margin:0;font-size:12px;padding:9px 16px;border-radius:30px;background:#FAF8EFe0;white-space:nowrap}
#story-error{position:absolute;left:24px;bottom:77px;margin:0;background:#FAF8EFee;padding:8px 12px;border-radius:8px;font-size:12px}
#story-subtitle{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);max-width:min(86%,720px);width:max-content;padding:8px 20px 9px;border-radius:999px;background:rgba(250,248,239,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(44,50,24,.1),inset 0 0 0 1px rgba(119,126,66,.18);color:#262b14;font:400 16px/1.5 'Jost',sans-serif;letter-spacing:.005em;text-align:center;pointer-events:none;z-index:9}
body[data-story-phase="explore"] #story-subtitle{display:none}
@media(max-width:700px){
 .story-top{top:10px;left:12px;gap:5px}.story-top span{font-size:9px}
 #story-message{left:16px;right:16px;bottom:96px;max-width:none;padding:22px}
 #story-title{font-size:30px}#story-prompt{font-size:14px;line-height:1.6}
 #story-card{top:auto;bottom:94px;left:16px;right:16px;width:auto;padding:10px 18px 6px;border-radius:16px}
 #story-benefit{font-size:28px;margin:0 0 7px}#story-product-title{font-size:10px}
 #story-ingredients{font-size:12px;max-width:none}.story-card-foot{margin-top:2px}
 .story-bottom{left:16px;right:16px;bottom:max(22px,env(safe-area-inset-bottom))}
 #story-hint{font-size:11px;bottom:92px}
 #story-subtitle{font-size:13px;max-width:calc(100% - 32px);bottom:80px}
 body[data-story-phase="introduction"] #story-subtitle{bottom:24px}
 body[data-story-phase="introduction"] .story-audio{position:absolute;bottom:240px;left:0}
}
@media(prefers-reduced-motion:reduce){#story-card{animation:none}}

/* Presentation overview: the scene carries the content. */
#story-season{margin:10px 0 0;font-size:10px;letter-spacing:.05em;color:#86846f}
#courtyard-ui[hidden]{display:none}
#courtyard-ui{position:absolute;inset:0;z-index:7;pointer-events:none;color:#3C2C15}
#courtyard-ui button{pointer-events:auto;min-height:46px;min-width:44px;padding:0 19px;border-radius:28px;background:#FAF8EFe8;backdrop-filter:blur(14px);color:#3C2C15;font-size:12px}
#courtyard-ui button:focus-visible{outline:2px solid #777E42;outline-offset:3px}
#courtyard-ui button span{margin-left:16px}
.courtyard-caption{position:absolute;top:26px;left:28px;text-shadow:0 1px 9px #FAF8EF}
.courtyard-caption span{font-size:9px;letter-spacing:.18em;color:#737562}
.courtyard-caption h1{font:27px/1.15 Georgia,serif;margin:9px 0 0}
.courtyard-bottom{position:absolute;left:24px;right:24px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center}
#courtyard-ui #courtyard-continue{margin-left:auto;background:#777E42;color:#FAF8EF;box-shadow:0 4px 16px #203b2718}
body[data-courtyard="true"]:not([data-voice-trial="true"]) aside,
body[data-courtyard="true"] .map-foot,
body[data-courtyard="true"] .stage-tag,
body[data-courtyard="true"] .view-tools,
body[data-courtyard="true"] #labels .map-label:not(.courtyard-orb):not(.presentation-point){display:none!important}
body[data-courtyard="true"]:not([data-voice-trial="true"]) main{display:block}
body[data-courtyard="true"]:not([data-voice-trial="true"]) .viewport{height:100%;width:100%}
body[data-product-story="true"] #courtyard-ui,
body[data-voice-trial="true"] #courtyard-ui{display:none!important}
body[data-courtyard-station="accessories"] .courtyard-caption{display:none}
#labels .courtyard-orb{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px;background:transparent;border:0;border-radius:24px;box-shadow:none;color:#3C2C15;text-shadow:0 1px 8px #FAF8EF;font-size:12px;font-weight:500;letter-spacing:.015em}
#labels .courtyard-orb i{display:block;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 29% 23%,#fffffffa 0 4%,#fffef48c 13%,#dcebe222 42%,#9eafa965 75%,#fafff1c2 100%);border:1px solid #fffef7ca;box-shadow:inset -3px -4px 7px #788e822a,inset 2px 2px 5px #ffffffcc,0 2px 7px #28493518;backdrop-filter:blur(4px)}
#labels .courtyard-orb:hover i,#labels .courtyard-orb:focus-visible i{box-shadow:inset -3px -4px 7px #788e822a,inset 2px 2px 5px #ffffffcc,0 0 0 4px #FAF8EF3b}
#labels .courtyard-orb:focus-visible{outline:2px solid #6a8175;outline-offset:2px}
body[data-courtyard="true"] #product-panel{position:absolute;inset:0;z-index:6;margin:0;padding:0;border:0;pointer-events:none}
body[data-courtyard="true"] #product-panel .product-intro,
body[data-courtyard="true"] #product-panel .product-detail{display:none}
body[data-courtyard="true"] #product-panel .product-picks{position:absolute;inset:0;display:block;margin:0}
body[data-courtyard="true"] #product-panel[data-selected="true"] .product-picks{display:none}
body[data-courtyard="true"] #product-panel .product-picks button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-width:44px;min-height:44px;width:44px;height:44px;border:0;padding:0;font-size:0;background:transparent;box-shadow:none;border-radius:50%}
body[data-courtyard="true"] #product-panel .product-picks button::before{content:'';display:block;width:19px;height:19px;margin:auto;border-radius:50%;background:radial-gradient(circle at 29% 23%,#fffffffa,#e7f0e780 30%,#8aa19462 74%,#fffef4d9);border:1px solid #fffef2;box-shadow:0 2px 7px #314c321a;backdrop-filter:blur(4px)}
body[data-courtyard="true"] #product-panel .product-picks button:hover::after,body[data-courtyard="true"] #product-panel .product-picks button:focus-visible::after{content:attr(title);position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;padding:5px 9px;background:#FAF8EFe6;border-radius:15px}
body[data-courtyard="true"] #product-navigation{bottom:86px;border:1px solid #fffef4;backdrop-filter:blur(16px);background:#FAF8EFe3;border-radius:28px;padding:3px 8px;box-shadow:0 5px 18px #253b2b0d}
body[data-courtyard="true"] #product-navigation button{border:0;background:none;border-radius:24px}
@media(max-width:700px){
 #story-season{margin-top:7px;font-size:10px}
 .courtyard-caption{left:18px;top:20px}.courtyard-caption h1{font-size:24px}
 .courtyard-bottom{left:16px;right:16px;gap:8px}
 #courtyard-ui button{font-size:11px;padding:0 16px}
 #labels .courtyard-orb{font-size:11px;gap:8px}
}
body[data-product-story="true"] #product-panel{display:none!important}

/* A quiet gesture hint, replaced by a single return-view control after input. */
#courtyard-camera-tools{position:absolute;right:20px;top:20px;z-index:10;pointer-events:none;display:flex;align-items:center}
#courtyard-camera-tools[hidden],#courtyard-camera-tools [hidden]{display:none!important}
#courtyard-camera-tools span{font:11px/1.4 system-ui,sans-serif;color:#3C2C15;background:#FAF8EFb8;border-radius:20px;padding:8px 12px;backdrop-filter:blur(8px)}
#courtyard-camera-tools button{pointer-events:auto;width:44px;height:44px;border-radius:50%;border:1px solid #FAF8EF;background:#FAF8EFdc;backdrop-filter:blur(12px);font-size:23px;color:#3C2C15;cursor:pointer}
#courtyard-camera-tools button:focus-visible,canvas.courtyard-look:focus-visible{outline:2px solid #647b6a;outline-offset:-3px}
canvas.courtyard-look{cursor:grab;touch-action:none}
canvas.courtyard-dragging{cursor:grabbing!important}
@media(max-width:700px){#courtyard-camera-tools{right:12px;top:16px}#courtyard-camera-tools span{font-size:10px;padding:7px 9px}}

/* Brand Guide digital colors with a jade material accent for scene markers. */
#labels .courtyard-orb{gap:10px;min-height:48px;padding:5px 13px 5px 5px;background:rgba(250,248,239,.94);border:1px solid rgba(119,126,66,.30);box-shadow:0 4px 14px #3c2c1518;backdrop-filter:blur(12px);color:#3C2C15;text-shadow:none;font-size:13px;font-weight:600;border-radius:28px}
#labels .courtyard-orb i{width:34px;height:34px;border:1px solid #a9be83;background:radial-gradient(ellipse at 29% 21%,#f2f6d5 0%,#dfebae 12%,#bfd494 32%,#94b975 60%,#658b5a 83%,#c5d89c 100%);box-shadow:inset 2px 3px 5px #faf8efaa,inset -3px -3px 7px #42623a55,0 1px 3px #3c2c151c;backdrop-filter:none;position:relative}
#labels .courtyard-orb i::after{content:'';position:absolute;width:11px;height:5px;top:5px;left:6px;border-radius:50%;background:#FAF8EFc9;transform:rotate(-30deg);filter:blur(1px)}
#labels .courtyard-orb:hover,#labels .courtyard-orb:focus-visible{background:#FAF8EF;border-color:#777E42;box-shadow:0 5px 18px #3c2c1526}
#labels .courtyard-orb:focus-visible{outline:2px solid #777E42;outline-offset:3px}
#labels .courtyard-orb.active{color:#3C2C15;background:#FAF8EF}
#product-story-panel .story-primary,#courtyard-ui #courtyard-continue{background:#777E42;color:#FAF8EF;border:1px solid #777E42;font-weight:600}
#courtyard-ui #courtyard-listen,#courtyard-ui #courtyard-back{background:#FAF8EFed;border:1px solid #777e4240;color:#3C2C15}
#courtyard-ui button:hover,#product-story-panel .story-primary:hover{filter:brightness(1.05)}
#story-card,#story-message{background:#FAF8EFf5;border-color:#777e422b;color:#3C2C15}
#story-product-title,#story-season{color:#777E42}#story-benefit,#story-ingredients,#story-prompt{color:#3C2C15}
.story-hotspot i{background:radial-gradient(circle at 28% 22%,#f3f4bb,#a8c982 45%,#688f59);border-color:#FAF8EF;box-shadow:0 0 0 4px #777e4229,0 2px 7px #3c2c1530}
body[data-courtyard="true"] #product-panel .product-picks button::before{background:radial-gradient(circle at 28% 22%,#f3f4bb,#a8c982 45%,#688f59);border-color:#FAF8EF;box-shadow:0 0 0 3px #777e4229}
#courtyard-camera-tools{top:22px}#courtyard-camera-tools span{background:#FAF8EFed;color:#3C2C15;border:1px solid #777e4226}
.courtyard-caption h1{color:#3C2C15}.courtyard-caption span{color:#777E42}
@media(max-width:700px){
 #labels .courtyard-orb{gap:7px;font-size:12px;padding-right:11px;min-height:46px}
 #labels .courtyard-orb i{width:30px;height:30px}
 .courtyard-caption{top:16px}.courtyard-caption h1{font-size:22px}
 #courtyard-camera-tools{top:74px;right:14px}
}

/* Accessories are a short annotation on the shared table, with no per-item camera move. */
body[data-courtyard="true"] #product-panel[data-accessories="true"][data-selected="true"] .product-picks{display:block}
body[data-courtyard="true"] #product-panel[data-accessories="true"] .product-detail:not([hidden]){display:block;position:absolute;width:236px;margin:0;padding:17px 18px;border:1px solid #777e4229;border-radius:16px;background:#FAF8EFed;backdrop-filter:blur(16px);box-shadow:0 8px 26px #3c2c1512;pointer-events:auto;color:#3C2C15}
body[data-courtyard="true"] #product-panel[data-accessories="true"] .product-heading{display:flex;gap:8px;align-items:flex-start;margin:0}
body[data-courtyard="true"] #product-panel[data-accessories="true"] #product-title{font:20px/1.2 Georgia,serif;margin:0;letter-spacing:-.02em}
body[data-courtyard="true"] #product-panel[data-accessories="true"] #product-back{margin:-9px -11px -4px auto;padding:0;min-width:32px;min-height:32px;width:32px;height:32px;text-decoration:none;font:22px/1 system-ui,sans-serif;color:#777E42}
#accessory-description:empty{display:none}
#accessory-description{font:12px/1.55 system-ui,sans-serif;color:#696551;margin:9px 0 0;max-width:26ch}
body[data-courtyard="true"] #product-panel[data-accessories="true"] #product-status{display:none}
body[data-courtyard="true"] #product-panel[data-accessories="true"] .product-picks button::before{width:13px;height:13px}
body[data-courtyard="true"] #product-panel[data-accessories="true"] .product-picks button[aria-pressed="true"]::before{box-shadow:0 0 0 4px #777e4233;border-color:#777E42}

.story-hotspot[aria-pressed="true"] i{box-shadow:0 0 0 5px #FAF8EF99,0 0 0 7px #777E4255,0 2px 7px #3c2c1530}

/* Product photographs share the existing detail card; full artwork opens on demand. */
#story-card[data-photo="true"]{top:84px;width:286px;max-height:calc(100% - 180px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 16px 8px}
#product-story-panel #story-photo{display:block;position:relative;width:100%;height:clamp(150px,29vh,270px);min-height:0;padding:0;margin:7px 0 15px;border:0;border-radius:10px;overflow:hidden;background:#f5f4ef;cursor:zoom-in}
#story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 91%}
#story-photo span{position:absolute;right:8px;bottom:8px;width:28px;height:28px;display:grid;place-items:center;background:#FAF8EFe8;border:1px solid #777e4233;border-radius:50%;color:#3C2C15;font:17px/1 system-ui,sans-serif}
#story-card[data-photo="true"] #story-benefit{font-size:28px;margin:4px 0 9px}
#story-card[data-photo="true"] .story-card-foot{margin-top:7px}
#product-photo-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;width:fit-content;max-width:calc(100vw - 40px);height:fit-content;max-height:calc(100dvh - 40px);background:#FAF8EF;border-radius:14px;box-shadow:0 20px 80px #17211744;overflow:hidden;color:#3C2C15}
#product-photo-dialog::backdrop{background:#253126a8;backdrop-filter:blur(6px)}
#product-photo-dialog>img{display:block;width:auto;height:auto;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);object-fit:contain}
#product-photo-dialog>button{position:absolute;right:12px;top:12px;min-width:44px;min-height:44px;border:1px solid #777e4233;border-radius:50%;background:#FAF8EFed;color:#3C2C15;font:26px/1 system-ui,sans-serif;cursor:pointer}
#product-photo-dialog>button:focus-visible{outline:2px solid #777E42;outline-offset:2px}
@media(max-width:700px){
 #story-card[data-photo="true"]{top:auto;bottom:94px;left:16px;right:16px;width:auto;max-height:44vh;padding:10px 14px 6px;display:grid;grid-template-columns:114px minmax(0,1fr);column-gap:14px}
 #story-card[data-photo="true"] .story-card-head,#story-card[data-photo="true"] .story-card-foot{grid-column:1 / -1}
 #product-story-panel #story-photo{grid-column:1;grid-row:2 / 5;height:142px;margin:4px 0 0}
 #story-card[data-photo="true"] #story-benefit{grid-column:2;font-size:24px;margin:4px 0 6px}
 #story-card[data-photo="true"] #story-ingredients,#story-card[data-photo="true"] #story-difference,#story-card[data-photo="true"] #story-season{grid-column:2;margin-top:0}
}

/* Chapter stops (2026-09-26): a one-page summary card with Listen to May, the same look as the scene slides. Product and Business Model. */
.stop-summary{position:absolute;right:44px;top:98px;width:min(504px,36vw);transform-origin:100% 0;z-index:9;padding:30px 32px 28px;border-radius:26px;
  background:#FAF8EF;box-shadow:0 24px 60px rgba(44,50,24,.18),inset 0 0 0 1px rgba(119,126,66,.16);color:#262b14;font-family:'Jost',system-ui,sans-serif;pointer-events:auto}
.stop-summary[hidden]{display:none}
.stop-summary h2{margin:0 0 6px;font:300 30px/1.1 'Jost',sans-serif;letter-spacing:-.01em;color:#262b14}
.stop-summary .bs-lead{margin:0 0 18px;font:400 15px 'Jost',sans-serif;color:#62683f}
.stop-summary ul{list-style:none;margin:0;padding:0}
.stop-summary li{display:flex;align-items:center;gap:20px;padding:12px 0;border-top:1px solid rgba(119,126,66,.16)}
.stop-summary li b{flex:none;width:128px;font:200 50px/1 'Jost',sans-serif;letter-spacing:-.02em;color:#262b14;font-variant-numeric:tabular-nums}
.stop-summary li span{font:400 15.5px/1.35 'Jost',sans-serif;color:#3f4720}
.stop-summary .bs-kicker{margin:0 0 8px;font:500 11px 'Jost',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#777E42}
.stop-summary.menu h2{font-size:32px}
.stop-summary .bs-menu{display:flex;gap:14px;margin:4px 0 0}
.stop-summary .bs-menu .grp{flex:2;min-width:0}
.stop-summary .bs-menu .grp.next{flex:3;padding-left:14px;border-left:1px solid rgba(119,126,66,.2)}
.stop-summary .bs-menu em{display:block;margin:0 0 8px;font:500 10.5px 'Jost',sans-serif;font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:#6b7430}
.stop-summary .bs-menu .row{display:flex;gap:10px}
.stop-summary .bs-menu figure{flex:1;min-width:0;margin:0}
.stop-summary .bs-menu img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;box-shadow:0 6px 16px rgba(44,50,24,.12)}
#product-summary .product-pick[data-product-id="almond"] .product-thumb-crop{display:block;position:relative;width:100%;aspect-ratio:1/1;margin:0;overflow:hidden;border-radius:12px;background:#FAF8EF;box-shadow:0 6px 16px rgba(44,50,24,.12)}
#product-summary .product-pick[data-product-id="almond"] .product-thumb-crop img{position:absolute;left:-34.1%;top:-153.4%;width:231.8%;height:auto;max-width:none;aspect-ratio:auto;object-fit:unset;border-radius:0;box-shadow:none}
.stop-summary .bs-menu figcaption{margin-top:8px;font:400 13.5px/1.25 'Jost',sans-serif;color:#3f4720;text-align:center}
#product-summary .bs-menu .product-pick{display:block;width:100%;min-height:0;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;box-shadow:none;cursor:pointer;transition:transform .18s,box-shadow .18s}
#product-summary .bs-menu .product-pick:hover{background:transparent;box-shadow:0 8px 20px rgba(44,50,24,.16);transform:translateY(-2px)}
#product-summary .bs-menu .product-pick:focus-visible{outline:2px solid #777E42;outline-offset:3px;box-shadow:0 8px 20px rgba(44,50,24,.16)}
.stop-summary.menu .bs-note{margin:18px 0 20px}
.stop-summary .bs-note{margin:14px 0 20px;padding-top:14px;border-top:1px solid rgba(119,126,66,.16);font:400 14px/1.4 'Jost',sans-serif;color:#6b6f55}
.stop-summary .bs-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.stop-summary button{min-height:46px;padding:0 22px;border:0;border-radius:28px;background:#777E42;color:#FAF8EF;font:500 13px 'Jost',sans-serif;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 24px rgba(44,50,24,.25)}
.stop-summary button span{margin-left:14px}
.stop-summary button:hover{background:#6a7138}
.stop-summary button.secondary{background:#FAF8EF;color:#3C2C15;box-shadow:inset 0 0 0 1px rgba(119,126,66,.35)}
.stop-summary button.secondary:hover{background:#f1efe3}
.stop-summary button:focus-visible{outline:2px solid #777E42;outline-offset:3px}
/* Every card the same way out (May 2026-10-02): a close button top right, any time, and one Continue at the foot, the same on every
   card and on Welcome. Closing leaves #card-reopen (map-presentation.css) to bring the card back. */
.stop-summary .card-close{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;min-height:0;padding:0;display:grid;place-items:center;border-radius:50%;background:transparent;color:#62683f;box-shadow:none}
.stop-summary .card-close:hover{background:rgba(119,126,66,.12);color:#262b14}
.stop-summary .card-close svg{display:block}
.stop-summary .card-next{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(119,126,66,.16)}
.stop-summary .card-next.solo{margin-top:18px;padding-top:0;border-top:0}   /* a card with one button of its own: it shares the line with Continue (May: Watch again alone on a line wasted the space) */
.stop-summary .card-next>span{min-width:0;font:400 14px/1.25 'Jost',sans-serif;color:#3f4720}
.stop-summary .card-next>span small{display:block;margin:0 0 3px;font:500 10px 'Jost',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#777E42}
.stop-summary .card-continue,#welcome-products{display:inline-flex;align-items:center;gap:12px;flex:none;min-height:48px;padding:0 8px 0 24px;border:0;border-radius:28px;background:#4a5127;color:#FAF8EF;font:500 14px 'Jost',sans-serif;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 26px rgba(44,50,24,.28)}
.stop-summary .card-continue i,#welcome-products i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(250,248,239,.18)}
.stop-summary .card-continue svg,#welcome-products svg{display:block}
.stop-summary .card-continue:hover,#welcome-products:hover{background:#3b4120}
.stop-summary .card-continue:focus-visible,#welcome-products:focus-visible{outline:2px solid #777E42;outline-offset:3px}
body:has(.stop-summary:not([hidden]):not(.s08-summary)) #presentation-next,body[data-scene08-card="on"] #presentation-next{display:none!important}

/* The planned collection remains available from the Product summary. */
#product-summary .bs-collection{display:grid;grid-template-columns:105px minmax(0,1fr) 18px;align-items:center;gap:16px;width:100%;margin:18px 0 0;padding:12px 0 0;border-top:1px solid rgba(119,126,66,.16);border-radius:0;background:none;color:#3f4720;box-shadow:none;text-align:left;letter-spacing:0}
#product-summary .bs-collection:hover{background:none;color:#262b14}
#product-summary .bs-collection>img{display:block;width:105px;height:70px;object-fit:contain;border-radius:8px;background:#eeece5}
#product-summary .bs-collection span{margin:0}
#product-summary .bs-collection strong{display:block;font:400 17px/1.2 'Jost',sans-serif}
#product-summary .bs-collection small{display:block;margin-top:6px;color:#777e42;font:400 12px/1.2 'Jost',sans-serif}
#product-summary .bs-collection-arrow{font:400 19px 'Jost',sans-serif}
#product-summary .bs-collection+.bs-note{margin:14px 0 18px;padding-top:0;border-top:0}
#product-collection-dialog{position:fixed;inset:0;margin:auto;width:min(1120px,94vw);height:min(850px,90dvh);max-height:90dvh;max-width:94vw;padding:24px;border:1px solid #d7dbc5;border-radius:24px;background:#faf8ef;color:#2c3218;font-family:'Jost',sans-serif;box-shadow:0 30px 100px rgba(25,32,17,.25);overflow:hidden}
#product-collection-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}
#product-collection-dialog::backdrop{background:rgba(36,44,25,.45);backdrop-filter:blur(9px)}
#product-collection-dialog .pc-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
#product-collection-dialog .pc-heading p{margin:0 0 5px;color:#777e42;font:500 10px 'Jost',sans-serif;letter-spacing:.2em}
#product-collection-dialog h2{margin:0;color:#2c3218;font:400 23px/1.1 'Jost',sans-serif}
#product-collection-close{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid #cbd0b6;border-radius:50%;background:transparent;color:#4d5827;font:300 28px 'Jost',sans-serif}
#product-collection-dialog .pc-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#eeece5}
#product-collection-dialog .pc-stage img{display:block;width:100%;height:100%;object-fit:contain}
#product-collection-dialog .pc-thumbs{display:flex;justify-content:center;gap:10px;overflow:auto;padding:4px;min-height:98px}
#product-collection-dialog .pc-thumbs button{flex:0 0 124px;width:124px;padding:4px 4px 5px;border:1px solid transparent;border-radius:9px;background:none;color:#6b6f55;font:400 11px 'Jost',sans-serif}
#product-collection-dialog .pc-thumbs button[aria-pressed="true"]{border-color:#777e42;background:#f1f1df;color:#2c3218}
#product-collection-dialog .pc-thumbs img{display:block;width:100%;height:60px;margin-bottom:5px;border-radius:5px;object-fit:contain;background:#eeece5}
@media(max-width:760px){#product-collection-dialog{padding:16px;border-radius:18px}#product-collection-dialog[open]{gap:12px}#product-collection-dialog .pc-thumbs{justify-content:flex-start}#product-collection-dialog .pc-thumbs button{flex-basis:100px;width:100px}#product-collection-dialog h2{font-size:20px}}
/* the card replaces the old bottom Listen button in Product */
body[data-product-summary="true"] #courtyard-listen{display:none!important}
/* Market Opportunity card (scene 07, 2026-09-26): its numbers are wider than the Business Model ones */
.stop-summary.market li b{width:172px;font-size:44px}
/* Market Opportunity card v2 (May 2026-09-26: the opportunity, not a trend report): what went into everyday formats, and the row that is ours */
.stop-summary.market h2{margin-bottom:18px}
.stop-summary .lanes{display:flex;flex-direction:column;gap:10px}
.stop-summary .lane{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center;padding:12px 14px;border-radius:16px;background:#f3f4eb;box-shadow:inset 0 0 0 1px rgba(119,126,66,.12)}
.stop-summary .lane img{width:56px;height:56px;object-fit:contain}
.stop-summary .lane>div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:3px}   /* a longer note wraps under the brand, flush left (2026-10-03, Grüns' valuation) */
.stop-summary .lane span{display:block;flex-basis:100%;font:400 17px/1.25 'Jost',sans-serif;color:#262b14}
.stop-summary .lane span i{font-style:normal;color:#8b9b31;margin:0 2px}
.stop-summary .lane b{display:inline-block;margin-top:5px;font:500 11px 'Jost',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#6b7430}
.stop-summary .lane small{display:inline-block;font:400 12.5px 'Jost',sans-serif;color:rgba(38,43,20,.55)}
.stop-summary .lane.ours{background:#777E42;box-shadow:0 10px 26px rgba(44,50,24,.2)}
.stop-summary .lane.ours img{object-fit:contain;background:#FAF8EF;border-radius:12px;box-shadow:0 0 0 2px rgba(250,248,239,.6)}
.stop-summary .lane.ours span{color:#FAF8EF}
.stop-summary .lane.ours b{color:#e3e8a8}

/* How We Operate: the existing diagram opens at full size, with three business outcomes. */
.stop-summary.operations h2{margin-bottom:18px}
.stop-summary.operations .os-preview{position:relative;display:block;width:100%;min-height:0;padding:10px;border-radius:16px;background:#f3f4eb;box-shadow:inset 0 0 0 1px rgba(119,126,66,.18);overflow:hidden}
.stop-summary.operations .os-preview:hover{background:#edf0de;box-shadow:inset 0 0 0 1px #777E42}
.os-preview img{display:block;width:100%;height:auto;border-radius:8px}
.stop-summary.operations .os-expand{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:50%;background:#777E42;color:#FAF8EF;font-size:18px}
.stop-summary.operations .os-outcomes{margin:14px 0 20px}
.stop-summary.operations .os-outcomes li{gap:16px;padding:12px 0}
.stop-summary.operations .os-outcomes li:first-child{border-top:0}
.os-outcomes svg{flex:none;width:32px;height:32px;fill:none;stroke:#777E42;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.stop-summary.operations .os-outcomes li span{font-size:18px;color:#30371b}
body[data-office-summary="true"] #presentation-next{display:none!important}
body[data-office-summary="true"] #courtyard-camera-tools{left:28px!important;right:auto!important}

/* Investment uses one funding split and two milestones; the plan opens separately. */
.stop-summary.investment h2{display:flex;flex-direction:column;margin:5px 0 26px}
.is-amount{font:200 86px/.98 'Jost',sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.is-round-label{margin-top:10px;font:400 19px/1.3 'Jost',sans-serif;color:#62683f;letter-spacing:0}
.is-funding-bar{display:flex;gap:4px;height:12px;overflow:hidden;border-radius:10px;background:#faf8ef}
.is-funding-bar span:first-child{flex:2;background:#777E42;border-radius:10px 0 0 10px}
.is-funding-bar span:last-child{flex:5;background:#cbd0ac;border-radius:0 10px 10px 0}
.is-funding-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:13px 0 26px}
.is-funding-split div{display:flex;flex-direction:column-reverse;gap:3px}
.is-funding-split dt{display:flex;align-items:center;gap:7px;font:400 13px/1.4 'Jost',sans-serif;color:#62683f}
.is-funding-split dt i{width:7px;height:7px;border-radius:50%;background:#777E42;flex:none}
.is-funding-split div:last-child dt i{background:#cbd0ac}
.is-funding-split dd{margin:0;font:400 25px/1.3 'Jost',sans-serif;font-variant-numeric:tabular-nums}
.is-milestones{padding:21px 0 25px;margin:0 0 24px;border-top:1px solid #777e422e;border-bottom:1px solid #777e422e}
.is-eyebrow{margin:0 0 18px;font:500 12px/1.3 'Jost',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#62683f}
.is-eyebrow span{font-weight:400;letter-spacing:.02em;text-transform:none}
.is-targets{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}
.is-targets>div{display:flex;flex-direction:column-reverse;gap:8px}
.is-targets>div+div{padding-left:22px;border-left:1px solid #777e422e}
.is-targets dt{font:400 14px/1.4 'Jost',sans-serif;color:#62683f}
.is-targets dd{position:relative;margin:0;padding-top:19px;white-space:nowrap;font:300 clamp(34px,3.1vw,44px)/1.1 'Jost',sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.is-targets small{position:absolute;top:0;left:0;font:400 11px/1.3 'Jost',sans-serif;letter-spacing:0;color:#62683f}
.stop-summary.investment .bs-actions{gap:10px}
.stop-summary.investment .bs-actions button{padding:0 19px}
.stop-summary.investment .bs-actions button span{margin-left:9px}
body[data-investment-summary="true"] #presentation-next{display:none!important}
body[data-investment-summary="true"] #courtyard-camera-tools{left:28px!important;right:auto!important}
#investment-plan-dialog{position:fixed;inset:0;width:min(940px,calc(100vw - 64px));max-height:calc(100dvh - 64px);margin:auto;padding:38px 42px 40px;border:1px solid #777e422e;border-radius:28px;background:#FAF8EF;box-shadow:0 24px 90px #26301944;color:#262b14;font-family:'Jost',sans-serif;overflow:auto}
#investment-plan-dialog::backdrop{background:#29341c80;backdrop-filter:blur(5px)}
#investment-plan-dialog .ip-close{position:absolute;top:17px;right:18px;width:38px;height:38px;padding:0;border:1px solid #777e4233;border-radius:50%;color:#62683f;background:#f3f2e8;font:300 26px/1 'Jost',sans-serif;cursor:pointer}
#investment-plan-dialog .ip-close:hover{background:#eaeed8;color:#262b14}
#investment-plan-dialog .ip-close:focus-visible{outline:2px solid #777E42;outline-offset:3px}
#investment-plan-dialog .bs-kicker{margin:0 0 8px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#777E42}
.ip-heading h2{margin:0 40px 29px 0;font:300 34px/1.15 'Jost',sans-serif;letter-spacing:-.02em}
.ip-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:40px}
.ip-columns h3{font:400 19px/1.3 'Jost',sans-serif;margin:0}
.ip-total{display:flex;align-items:baseline;gap:9px;margin:9px 0 2px;font-size:14px;color:#62683f}
.ip-total b{font:300 40px/1.15 'Jost',sans-serif;letter-spacing:-.03em;color:#262b14}
.ip-source{font-size:13px;color:#62683f;margin:0 0 21px}
/* the two columns end level (May 2026-10-03): the plan's rows spread to the height of the round and Month 12 / Year 5 beside it */
.ip-budget{display:flex;flex-direction:column}
.ip-uses{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:13px;list-style:none;margin:0;padding:0}
.ip-uses li{padding:0}
.ip-uses li>div{display:grid;grid-template-columns:1fr 54px 30px;align-items:baseline;gap:9px;margin-bottom:6px;font-size:13px}
.ip-uses b{font-weight:400;text-align:right;font-variant-numeric:tabular-nums}
.ip-uses small{font-size:11px;color:#62683f;text-align:right;font-variant-numeric:tabular-nums}
.ip-uses i{display:block;height:5px;border-radius:5px;background:#e8e9db;overflow:hidden}
.ip-uses i:after{content:'';display:block;width:var(--share);height:100%;background:#929968;border-radius:5px}
.ip-terms{padding-left:34px;border-left:1px solid #777e422e}
.ip-caps{margin:21px 0 23px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ip-caps dt{font-size:13px;color:#62683f}
.ip-caps dd{margin:4px 0 0;font-size:13px;color:#62683f;white-space:nowrap}
.ip-caps b{font:300 36px/1.2 'Jost',sans-serif;letter-spacing:-.03em;color:#262b14}
.ip-capital{font-size:14px;line-height:1.8;margin:0 0 12px}
.ip-capital b{font-weight:500}
.ip-history{font-size:13px;line-height:1.5;color:#62683f;margin:0 0 26px}
/* what the plan builds, across from what it costs (May 2026-10-03: in place of What we'll prove; the card's Month 12 again, on purpose) */
.ip-results{padding-top:22px;border-top:1px solid #777e422e}
.ip-results .bs-kicker span{letter-spacing:.02em;text-transform:none;font-weight:400}
.ip-results .ip-caps{margin:14px 0 0}
.ip-results+.ip-results{margin-top:22px}   /* Year 5 under Month 12 */
.ip-results dd small{display:block;margin-top:5px;font-size:12.5px;color:#62683f}
@media(max-width:1100px){
 .stop-summary.investment .bs-actions button{padding:0 14px;font-size:12px}
 .is-funding-split dt{font-size:12px}
 .is-targets{gap:12px}.is-targets>div+div{padding-left:14px}
}
@media(max-width:700px){
 #investment-plan-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:28px 24px;border-radius:22px}
 .ip-heading h2{font-size:28px}.ip-columns{grid-template-columns:1fr;gap:20px}
 .ip-terms{padding:22px 0 0;border-left:0;border-top:1px solid #777e422e}
}