#porthmon-ba{--pg:#1f3d2b;--pb:#9c7650;--pp:#faf7f0;--pi:#24372d;font:16px/1.5 system-ui,sans-serif;color:var(--pi)}
#porthmon-ba .planned{display:block;color:#6c5946;font-size:11px;margin-top:8px}#porthmon-ba .placement{font-size:10px;letter-spacing:1.4px;color:#65715f;border-bottom:1px solid #d3d7cb;margin-bottom:20px;padding-bottom:10px}#porthmon-ba .theme-title{font:500 17px/1.3 Georgia,serif;margin:0 0 12px;color:#1f3d2b}#porthmon-ba .cta{font-size:13px;color:#1f3d2b;margin:14px 0 0;text-decoration:underline;text-underline-offset:4px}#porthmon-ba *{box-sizing:border-box}#porthmon-ba .pm{background:var(--pp);border-radius:20px;padding:26px;max-width:900px;margin:auto;min-height:570px}#porthmon-ba .brand{display:flex;align-items:center;gap:10px;color:var(--pg);font-weight:650;letter-spacing:3px}#porthmon-ba .brand svg{width:32px;height:36px}#porthmon-ba .tag{font-size:11px;letter-spacing:1.6px;color:#6a6d60;margin:5px 0 24px}#porthmon-ba h2{font:500 30px/1.15 Georgia,serif;margin:0 0 8px;color:var(--pg)}#porthmon-ba .intro{margin:0 0 20px;color:#5c665c;font-size:14px}#porthmon-ba .pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}#porthmon-ba .scene{background:#eee8dc;border-radius:14px;padding:16px;overflow:hidden}#porthmon-ba .scene.after{background:#e5eddf}#porthmon-ba .eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:650;color:#6c5946}#porthmon-ba .after .eyebrow{color:var(--pg)}#porthmon-ba .art{width:100%;height:185px;color:var(--pg)}#porthmon-ba .scene h3{font-size:18px;line-height:1.25;margin:5px 0 8px;font-weight:550}#porthmon-ba .scene p{font-size:13px;min-height:58px;margin:0;color:#485348}#porthmon-ba .end{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 12px}#porthmon-ba .takeaway{font:500 20px/1.25 Georgia,serif;color:var(--pg);margin:0}#porthmon-ba .controls{display:flex;gap:8px;flex-wrap:wrap}#porthmon-ba button{font:inherit;font-size:13px;padding:8px 13px;border:1px solid #b7bfae;border-radius:30px;background:transparent;color:var(--pg)}#porthmon-ba button:hover{background:#dce7d5}#porthmon-ba button:focus-visible{outline:3px solid #9c7650;outline-offset:3px}#porthmon-ba .dots{display:flex;gap:7px;align-items:center;font-size:12px;color:#596553}#porthmon-ba .dots i{display:block;width:25px;height:3px;background:#d2d7c9;border-radius:2px}#porthmon-ba .dots i.on{background:var(--pg)}#porthmon-ba .note{font-size:11px;color:#606b5f;margin:13px 0 0}#porthmon-ba .draw{stroke-dasharray:240;stroke-dashoffset:240;animation:pm-draw 1.8s .3s forwards}#porthmon-ba .pop{animation:pm-pop .8s both;transform-box:fill-box;transform-origin:center}#porthmon-ba .float{animation:pm-float 2.8s ease-in-out infinite}#porthmon-ba .flash{animation:pm-flash 2s ease infinite}#porthmon-ba .appear{animation:pm-in 1s both}#porthmon-ba .delay{animation-delay:.8s}#porthmon-ba .later{animation-delay:1.5s}@keyframes pm-draw{to{stroke-dashoffset:0}}@keyframes pm-pop{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes pm-float{50%{transform:translateY(-5px)}}@keyframes pm-flash{50%{opacity:.15}}@keyframes pm-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){#porthmon-ba .pm{padding:18px;min-height:900px}#porthmon-ba h2{font-size:25px}#porthmon-ba .pair{grid-template-columns:1fr}#porthmon-ba .art{height:155px}#porthmon-ba .scene p{min-height:0}#porthmon-ba .end{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){#porthmon-ba *{animation:none!important}#porthmon-ba .draw{stroke-dashoffset:0}}

#porthmon-ba{margin:32px 0}#porthmon-ba .pm{min-height:0}#porthmon-ba .scene h3{color:var(--pi)}#porthmon-ba .scene p{line-height:1.5}#porthmon-ba .pair{align-items:stretch}#porthmon-ba .controls button{min-height:44px}#porthmon-ba .dots{min-height:18px}