/* Both approved visual directions share the supplied loop canvas and narrative. */
.loop-home{--loop-paper:#fbf7ef;--loop-rule:#ded2bf}
.loop-home hive-loop{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#fbf6ee;border-radius:14px;isolation:isolate}
.loop-loading{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;padding:25px;font-size:.95rem;text-align:center;color:#655846}
.loop-feature{margin:0;min-width:0}
.loop-feature figcaption{display:block;text-align:left;padding:23px 0 0;color:var(--ink)}
.loop-feature :is(h3,h4){font:700 clamp(1.3rem,1.9vw,1.6rem)/1.18 Hanken,sans-serif;letter-spacing:-.025em;margin:0 0 12px}
.loop-feature figcaption p{font-size:1rem;line-height:1.6;max-width:62ch;color:var(--muted);margin:0}
.loop-hero{position:relative;isolation:isolate;overflow:hidden;background:#fbf7ef}
.expressive .loop-hero{background:#f8ca43}
.loop-hero-opening{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-top:38px;padding-bottom:130px}
.loop-hero-intro{display:block}
.loop-hero h1{font-size:clamp(3.5rem,6.2vw,5.6rem);line-height:1.03;letter-spacing:-.035em;margin:0}
.loop-hero h1 em{font-style:normal;color:#986113}
.expressive .loop-hero h1 em{color:var(--ink)}
.loop-hero-intro>div{max-width:455px;margin-top:28px}
.loop-hero-intro p{font-size:.98rem;line-height:1.5;margin-top:18px}
.loop-hero-intro .hero-loop-lead{font-size:1.25rem;margin-top:0}
.loop-hero .actions{margin-top:24px;align-items:center;gap:22px}
.loop-pilot{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:650}
.loop-pilot svg{width:19px;height:19px}
.loop-hero-card{position:relative;width:100%;max-width:520px;margin:0 auto}
.loop-hero-card .loop-feature{background:#fffdf8;border-radius:16px;overflow:hidden;box-shadow:0 22px 42px #49300b1f}
.loop-hero-card hive-loop{border-radius:0}
.loop-hero-card figcaption{padding:20px 24px 22px;border-top:1px solid #e6dac7}
.loop-hero-card h3{font-size:1.25rem;margin-bottom:7px}
.loop-hero-card figcaption p{font-size:.94rem}
.loop-hero-bee{position:absolute;right:-20px;top:-56px;width:92px;pointer-events:none;rotate:14deg}
.loop-hero-bee .bee{width:100%;height:auto}
.loop-hero-comb{position:absolute;bottom:0;left:0;width:100%;height:310px;z-index:1;overflow:hidden;pointer-events:none}
.loop-hero-comb img{position:absolute;max-width:none;width:max(1550px,120%);height:auto;left:50%;bottom:-455px;transform:translateX(-50%) rotate(180deg)}
.loop-guide{display:flex;gap:14px 30px;flex-wrap:wrap;align-items:center;padding-block:24px 30px;border-bottom:1px solid var(--loop-rule)}
.loop-guide p{font-size:.86rem;margin:0;flex:1}
.loop-motion{font:600 .88rem Hanken,sans-serif;color:var(--ink);border:1px solid #b9aa93;border-radius:7px;background:transparent;padding:10px 14px;cursor:pointer;min-height:44px}
.loop-motion:hover{background:#f1e6d1}.loop-motion:disabled{cursor:default;opacity:.75}
.loop-guide nav{display:flex;gap:14px 28px;flex-wrap:wrap;width:100%;font-size:.95rem;font-weight:600}
.loop-guide nav a{text-decoration:underline;text-underline-offset:5px}
.loop-section{padding-block:85px;scroll-margin-top:24px}
.loop-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:42px}
.loop-section h2{font-size:clamp(2.7rem,4.6vw,4.4rem);line-height:1.04;letter-spacing:-.035em;margin:0}
.loop-section-heading>p{font-size:1.15rem;line-height:1.6;max-width:49ch;margin:0 0 4px}
.loop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px}
.loop-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.loop-grid-three .loop-feature :is(h3,h4){font-size:1.3rem}
.loop-grid-three .loop-feature p{font-size:.98rem}
.loop-publishing{background:#fff}
.loop-process{background:#f4ead5}
.expressive .loop-process{background:#faedbe}
.loop-section-note{font-size:.9rem;margin:32px 0 0;max-width:78ch}
.loop-network{background:#21190e;color:#fff5e4}
.loop-network .network-opening{display:grid;grid-template-columns:.9fr 1fr;gap:75px;align-items:center;margin-bottom:70px}
.loop-network h2{color:#fff5e4}
.loop-network .network-lead{font-size:1.25rem;line-height:1.6;margin-top:28px;color:#f1dfc1}
.loop-network .network-opening>div>p:not(.network-lead){font-size:1rem;line-height:1.7;color:#dfccb0;margin-block:18px 25px}
.loop-network .text-link{color:#f8ca43}
.loop-network .loop-feature :is(h3,h4){color:#fff5e4}
.loop-network .loop-feature figcaption p,.loop-network .loop-section-note{color:#dfccb0}
.loop-network .loop-grid{gap:52px 38px}
.loop-network .network-connection figcaption{padding-top:18px}
.loop-network hive-loop{background:#15100a}
.identity-start{margin-bottom:50px}
.ownership-personalize{margin-top:40px;scroll-margin-top:32px}
.loop-messaging{margin-top:50px}
@media(min-width:1600px){.loop-hero-comb img{bottom:-32vw}}
@media(max-width:1050px){.loop-hero-opening{gap:38px}.loop-hero-intro{gap:40px}.loop-hero h1{font-size:4.3rem}.loop-hero-bee{right:-10px;top:-53px;width:72px}.loop-section-heading{gap:35px}.loop-grid-three{gap:22px}.loop-network .network-opening{gap:38px}.loop-hero-card figcaption{padding:17px 20px}.loop-hero .actions{gap:15px}}
@media(max-width:760px){.loop-hero-opening{display:block;padding-top:24px;padding-bottom:112px}.loop-hero-intro{display:block}.loop-hero h1{font-size:clamp(3.2rem,13vw,4.6rem)}.loop-hero-intro>div{margin-top:25px}.loop-hero-intro .hero-loop-lead{font-size:1.14rem}.loop-hero .actions{flex-wrap:wrap;gap:16px}.loop-hero-card{margin-top:38px}.loop-hero-card h3{font-size:1.18rem}.loop-hero-card figcaption{padding:17px 20px 20px}.loop-hero-bee{width:60px;right:-3px;top:-35px}.loop-hero-comb{height:200px}.loop-hero-comb img{width:1000px;bottom:-315px}.loop-guide{padding-block:22px;gap:18px}.loop-guide p{flex-basis:58%;font-size:.8rem}.loop-guide nav{gap:14px 22px;font-size:.9rem}.loop-motion{font-size:.8rem;padding:9px 10px}.loop-section{padding-block:55px}.loop-section-heading{display:block;margin-bottom:30px}.loop-section h2{font-size:clamp(2.6rem,10.5vw,3.5rem)}.loop-section-heading>p{font-size:1.08rem;margin-top:24px}.loop-grid,.loop-grid-three{grid-template-columns:1fr;gap:36px}.loop-feature figcaption{padding-top:20px}.loop-feature :is(h3,h4),.loop-grid-three .loop-feature :is(h3,h4){font-size:1.4rem}.loop-feature figcaption p,.loop-grid-three .loop-feature p{font-size:1rem}.loop-network .network-opening{display:block;margin-bottom:38px}.loop-network .network-lead{font-size:1.15rem}.loop-network .network-connection{margin-top:32px}.loop-network .loop-grid{gap:38px}.identity-start{margin-bottom:36px}.loop-messaging{margin-top:36px}.loop-section-note{font-size:.86rem}}
/* Ensure normal-size hero copy clears AA against hive yellow. */
.expressive .loop-hero-intro p{color:#443319}

.loop-home .loop-section hive-loop{--loop-canvas-background:transparent;--loop-canvas-decoration:none;background:transparent;border-radius:0}

/* A single frame groups each illustration with its explanation. */
.loop-section .loop-feature{border:1px solid var(--loop-rule);border-radius:16px;overflow:hidden}
.loop-section .loop-feature figcaption{padding:22px 24px 26px}
.loop-network{--loop-rule:#665035}
@media(max-width:760px){.loop-section .loop-feature figcaption{padding:20px}}

.loop-home .scenario-art{display:block;width:180px;height:180px;object-fit:contain;margin:0 0 26px}
@media(max-width:760px){.loop-home .scenario-art{width:150px;height:150px;margin-bottom:22px}}

/* The studio's white matte blends into the warm page surface. */
.scenario-studio{mix-blend-mode:multiply}
.loop-hero-bee{z-index:3;animation:hive-perch 9s ease-in-out infinite paused;transform-origin:55% 75%;filter:drop-shadow(0 8px 5px #49300b24)}
.loop-meadow-bee{position:absolute;left:35%;bottom:42px;width:78px;z-index:3;pointer-events:none;animation:hive-meander 14s ease-in-out infinite paused;filter:drop-shadow(0 12px 7px #49300b28)}
.loop-meadow-bee .bee{width:100%;height:auto}
.loop-hero[data-bees-moving="true"] .loop-hero-bee,.loop-hero[data-bees-moving="true"] .loop-meadow-bee{animation-play-state:running;will-change:transform}
@keyframes hive-perch{0%,100%{transform:perspective(500px) translate3d(0,0,0) rotateY(-8deg) rotateZ(0deg)}18%{transform:perspective(500px) translate3d(-18px,-15px,16px) rotateY(12deg) rotateZ(-8deg)}40%{transform:perspective(500px) translate3d(-30px,-5px,8px) rotateY(6deg) rotateZ(-3deg)}58%,72%{transform:perspective(500px) translate3d(-8px,5px,0) rotateY(-5deg) rotateZ(4deg)}86%{transform:perspective(500px) translate3d(0,-8px,12px) rotateY(-12deg) rotateZ(-4deg)}}
@keyframes hive-meander{0%,100%{transform:perspective(500px) translate3d(-38px,0,0) rotateY(-12deg) rotateZ(-12deg)}28%{transform:perspective(500px) translate3d(8px,-28px,20px) rotateY(12deg) rotateZ(8deg)}52%{transform:perspective(500px) translate3d(52px,-8px,8px) rotateY(-8deg) rotateZ(15deg)}76%{transform:perspective(500px) translate3d(0,6px,0) rotateY(-18deg) rotateZ(-8deg)}}
@media(max-width:760px){.loop-meadow-bee{width:48px;left:20%;bottom:20px}}
@media(prefers-reduced-motion:reduce){.loop-hero-bee,.loop-meadow-bee{animation:none!important;will-change:auto!important}}

.hero-bee-stage{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.bees-painted-ready .loop-hero-bee,.bees-painted-ready .loop-meadow-bee{visibility:hidden;animation:none!important}

/* Show only the repaired cells; retain the original artwork and alpha everywhere else. */
.loop-hero-comb img.comb-repair{mask-image:radial-gradient(ellipse 3.3% 5.4% at 29.5% 70%,#000 84%,transparent 100%);clip-path:polygon(25% 0,34% 0,34.00% 84.77%,33.75% 84.35%,33.50% 83.81%,33.25% 83.28%,33.00% 82.64%,32.75% 82.00%,32.50% 81.58%,32.25% 81.15%,32.00% 80.94%,31.75% 80.72%,31.50% 80.51%,31.25% 80.19%,31.00% 79.77%,30.75% 79.34%,30.50% 77.74%,30.25% 77.74%,30.00% 77.74%,29.75% 77.21%,29.50% 76.46%,29.25% 76.04%,29.00% 75.61%,28.75% 75.40%,28.50% 75.08%,28.25% 74.87%,28.00% 74.65%,27.75% 74.44%,27.50% 74.33%,27.25% 74.23%,27.00% 74.12%,26.75% 74.01%,26.50% 73.91%,26.25% 73.80%,26.00% 73.70%,25.75% 73.70%,25.50% 73.70%,25.25% 73.59%,25.00% 73.48%);aspect-ratio:2000/939;height:auto}

/* Publishing and sharing are two parts of one story, on one continuous surface. */
.loop-story-sharing{margin-top:64px;scroll-margin-top:32px}
.loop-story-sharing-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:32px}
.loop-story-sharing-heading h3{font-family:var(--display);font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.15;letter-spacing:-.025em;margin:0;max-width:22ch;text-wrap:balance}
.loop-story-sharing-heading p{font-size:1.05rem;line-height:1.6;max-width:49ch;margin:0;color:var(--muted)}
@media(max-width:760px){.loop-story-sharing{margin-top:48px}.loop-story-sharing-heading{display:block;margin-bottom:28px}.loop-story-sharing-heading h3{font-size:1.8rem}.loop-story-sharing-heading p{margin-top:16px;font-size:1rem}}

/* Give the main stories priority and supporting demonstrations a quieter home. */
.loop-grid-story{grid-template-columns:1.18fr 1fr;align-items:start}
.loop-story-sharing .loop-grid{align-items:start}
hive-loop[data-loop="F05-create-group"]{aspect-ratio:6/5}
.loop-more{margin-top:40px;border-top:1px solid var(--loop-rule);padding-top:24px}
.loop-more>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;font:650 1.12rem/1.35 Hanken,sans-serif;cursor:pointer;list-style:none;color:var(--ink)}
.loop-more>summary::-webkit-details-marker{display:none}
.loop-more>summary>span{font-size:1.6rem;font-weight:400}
.loop-more[open]>summary>span{transform:rotate(45deg)}
.loop-more>summary:hover{color:#865612}
.loop-more>summary:focus-visible{outline:2px solid #986113;outline-offset:6px}
.loop-more>.loop-grid{margin-top:28px}
.pilot-next{border-top:1px solid var(--rule);margin-top:48px;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.pilot-next h3{font:700 1.4rem/1.2 Hanken,sans-serif;margin:0 0 12px}
.pilot-next p{font-size:1rem;max-width:65ch;margin:0}
.pilot-next a{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.home-invest{background:#21190e;color:#fff5e4;padding:72px 0}
.home-invest-intro{display:flex;align-items:center;justify-content:space-between;gap:40px}
.home-invest-intro h2{font-family:var(--display);font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.05;letter-spacing:-.03em;margin:0;color:#fff5e4}
.home-invest-intro p{color:#e6d4b6;font-size:1.15rem;margin:24px 0 0;max-width:48ch}
.home-invest-intro img{width:140px;height:auto;transform:rotate(-18deg);margin-right:5%}
.home-invest-paths{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:48px}
.home-invest-paths>div{border-top:1px solid #665035;padding-top:28px;display:flex;flex-direction:column;align-items:start}
.home-invest-paths h3{font:700 1.4rem/1.2 Hanken,sans-serif;color:#fff5e4;margin:0}
.home-invest-paths p{font-size:1rem;line-height:1.6;color:#e6d4b6;max-width:52ch;margin:16px 0 24px}
.home-invest-paths a{color:#f8ca43;display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:auto}
.home-invest-paths a:hover{color:#fff5e4}
.home-invest a:focus-visible{outline:2px solid #f8ca43;outline-offset:6px}
@media(max-width:760px){.loop-grid-story{grid-template-columns:1fr}.loop-more{margin-top:32px;padding-top:16px}.loop-more>summary{font-size:1rem}.pilot-next{display:block;margin-top:36px;padding-top:28px}.pilot-next a{margin-top:20px}.home-invest{padding:56px 0}.home-invest-intro{align-items:start;gap:16px}.home-invest-intro img{width:64px;margin:8px 0 0}.home-invest-intro h2{font-size:2.5rem}.home-invest-intro p{font-size:1rem}.home-invest-paths{grid-template-columns:1fr;gap:32px;margin-top:32px}.home-invest-paths h3{font-size:1.3rem}}

.home-invest-other{margin-top:40px;padding-top:28px;border-top:1px solid #665035;display:flex;align-items:center;justify-content:space-between;gap:24px}
.home-invest-other p{color:#e6d4b6;font-size:1rem;margin:0}
.home-invest-other>div{display:flex;gap:32px;flex-wrap:wrap}
.home-invest-other a{color:#fff5e4;font-size:1rem;display:inline-flex;gap:12px;align-items:center;min-height:44px;text-underline-offset:5px}
.home-invest-other a:hover{color:#f8ca43}
@media(max-width:760px){.home-invest-other{display:block;margin-top:32px;padding-top:24px}.home-invest-other>div{display:grid;gap:12px;margin-top:16px}}

/* One stable hero frame, four manually selectable or automatically rotating demos. */
.hero-loop-stage{display:grid}
.hero-loop-slide{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none}
.hero-loop-slide[data-active="true"]{visibility:visible;pointer-events:auto}
.hero-loop-slide .loop-feature{height:100%;display:flex;flex-direction:column}
.hero-loop-slide hive-loop{flex-shrink:0}
.hero-loop-slide figcaption{flex:1}
.hero-loop-controls{display:flex;align-items:center;gap:8px;margin-top:12px}
.hero-loop-controls[hidden]{display:none}
.hero-loop-choices{display:flex;flex:1;gap:4px}
.hero-loop-controls button{min-height:44px;border:0;background:transparent;color:var(--ink);font:600 .82rem/1.2 Hanken,sans-serif;cursor:pointer;border-radius:7px}
.hero-loop-choices button{flex:1;padding:8px 6px;border-bottom:2px solid transparent;border-radius:0}
.hero-loop-choices button[aria-pressed="true"]{border-bottom-color:var(--ink);font-weight:800}
.hero-loop-controls button:hover{background:#ffffff45}
.hero-loop-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.hero-loop-rotation{width:44px;flex-shrink:0;display:grid;place-items:center}
.hero-loop-rotation svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.showcase-play-icon{display:none}
.hero-loop-rotation[data-paused="true"] .showcase-play-icon{display:block}
.hero-loop-rotation[data-paused="true"] .showcase-pause-icon{display:none}
.hero-loop-rotation:disabled{opacity:.5;cursor:default}
@media(max-width:760px){.hero-loop-controls{gap:4px}.hero-loop-controls button{font-size:.76rem}.hero-loop-choices{gap:0}}
/* Keep the controls on the card surface, clear of the honeycomb below. */
.hero-showcase{background:#fffdf8;border-radius:16px;overflow:hidden;box-shadow:0 22px 42px #49300b1f}
.loop-hero-card .hero-loop-slide .loop-feature{border-radius:0;box-shadow:none}
.hero-loop-controls{margin-top:0;padding:6px 12px;background:#fffdf8;border-top:1px solid #e6dac7}
.hero-loop-controls button:hover{background:#f4ead5}
.hero-loop-controls button:focus-visible{outline-offset:-3px}

/* One woodland scene holds the closing invitation and footer navigation. */
.woodland-ending{position:relative;isolation:isolate;overflow:hidden;background:#f9f4e3;color:#292e20;padding-bottom:clamp(290px,23vw,400px)}
.woodland-landscape{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;z-index:-1;pointer-events:none}
.woodland-ending .home-invest{background:transparent;color:inherit;padding:88px 0 48px}
.woodland-ending .wrap{width:min(920px,60%);margin-left:28%;margin-right:12%}
.woodland-ending .home-invest-intro{display:block}
.woodland-ending .home-invest-intro h2{color:#292e20;font-size:clamp(2.6rem,4.5vw,4rem)}
.woodland-ending .home-invest-intro p{color:#4a503f;max-width:48ch;font-size:1.1rem}
.woodland-ending .home-invest-paths{gap:40px;margin-top:40px}
.woodland-ending .home-invest-paths>div,.woodland-ending .home-invest-other{border-color:#a5ad90}
.woodland-ending .home-invest-paths h3{color:#292e20;font-size:1.25rem}
.woodland-ending .home-invest-paths p,.woodland-ending .home-invest-other p{color:#4a503f}
.woodland-ending .home-invest-paths a{color:#425625}
.woodland-ending .home-invest-other{display:block;margin-top:32px;padding-top:24px}
.woodland-ending .home-invest-other>div{gap:28px;margin-top:10px}
.woodland-ending .home-invest-other a{color:#425625}
.woodland-ending a:hover{color:#202c10;text-decoration-thickness:2px}
.woodland-ending a:focus-visible{outline:2px solid #425625;outline-offset:5px}
.woodland-ending .site-footer{position:relative;border-top:1px solid #a5ad90;padding:32px 0 0;gap:28px;grid-template-columns:1fr}
.woodland-ending .site-footer>div:first-child{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.woodland-ending .site-footer p{margin:0;color:#4a503f}
.woodland-ending .site-footer nav{justify-content:flex-start;gap:12px 28px}
.woodland-ending .site-footer nav a{display:inline-flex;align-items:center;min-height:44px;color:#292e20}
.woodland-ending .footer-end{padding-top:0;color:#4a503f;gap:16px;flex-wrap:wrap}
.woodland-ending .footer-end a{min-height:44px;display:inline-flex;align-items:center}
.woodland-ending .footer-end span{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1600px){.woodland-ending .wrap{margin-left:calc(50% - 340px);margin-right:auto}}
@media(max-width:1000px){.woodland-ending .home-invest-paths{grid-template-columns:1fr;gap:28px}.woodland-ending .home-invest-paths p{max-width:55ch}.woodland-ending .home-invest-intro p{font-size:1rem}.woodland-ending .home-invest{padding-top:64px}}
@media(max-width:600px){
 .woodland-ending{padding-bottom:240px}
 .woodland-ending .woodland-landscape{width:1050px;height:700px;top:auto;bottom:0;left:50%;transform:translateX(-50%)}
 .woodland-ending .wrap{width:calc(100% - 48px);margin-inline:24px}
 .woodland-ending .home-invest{padding:56px 0 40px}
 .woodland-ending .home-invest-intro h2{font-size:2.7rem}
 .woodland-ending .home-invest-paths{margin-top:32px}
 .woodland-ending .home-invest-paths>div{padding-top:24px}
 .woodland-ending .home-invest-other>div{gap:10px}
 .woodland-ending .site-footer{gap:22px}
 .woodland-ending .site-footer>div:first-child{display:block}
 .woodland-ending .site-footer p{margin-top:16px}
 .woodland-ending .site-footer nav{gap:4px 24px}
 .woodland-ending .footer-end{gap:6px;flex-direction:column}
}

@media(max-width:760px){.ownership-personalize{margin-top:36px}}

/* Persistent section navigation with room for anchor headings below it. */
.loop-guide{position:sticky;top:0;z-index:40;display:block;padding:10px 0;background:#fff;border-block:1px solid var(--loop-rule);box-shadow:0 3px 12px #2c241b08}
.loop-guide nav{width:min(1280px,calc(100% - 96px));flex-wrap:nowrap;gap:28px;align-items:center;min-height:44px}
.loop-guide nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap;text-decoration:none}
.loop-guide nav a:hover{text-decoration:underline}
.loop-ownership{background:#fff}
.loop-home :is(#publishing-loops,#people-loops,#ownership-loops,#walkthrough,#network,#sidecars){scroll-margin-top:76px}
@media(max-width:760px){
 .loop-guide{padding-block:6px}
 .loop-guide nav{width:calc(100% - 40px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;font-size:.8rem}
 .loop-guide nav a{min-height:40px}
 .loop-home :is(#publishing-loops,#people-loops,#ownership-loops,#walkthrough,#network,#sidecars){scroll-margin-top:100px}
}

.sidecars-introduction{align-items:start}
.sidecars-introduction>div{max-width:49ch}
.sidecars-introduction p{font-size:1.15rem;line-height:1.6}
.sidecars-introduction p+p{margin-top:18px}
.sidecars-introduction strong{font-weight:650;color:var(--ink)}
@media(max-width:760px){.sidecars-introduction>div{margin-top:24px}.sidecars-introduction p{font-size:1.08rem}}

.ownership-everyday{margin-top:40px}
.sidecar-platform{background:#f8f1e3}
.sidecar-platform-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px}
.sidecar-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#876022;margin-bottom:20px}
.sidecar-platform-copy .sidecar-platform-lead{font-size:1.45rem;line-height:1.35;color:var(--ink);font-weight:600;margin-top:28px}
.sidecar-platform-copy>p:not(.sidecar-eyebrow):not(.sidecar-platform-lead){margin-top:20px;max-width:46ch;font-size:1.08rem;line-height:1.65}
.sidecar-platform-copy>.text-link{display:inline-flex;margin-top:28px;align-items:center;gap:12px}
.sidecar-map{margin:0;min-width:0}
.sidecar-map>svg{width:100%;height:auto;display:block;stroke:none;fill:none}
.sidecar-map text{font-family:Hanken,sans-serif;font-size:17px;font-weight:600;text-anchor:middle;fill:#5d472c;stroke:none}
.sidecar-map .sidecar-hive-title{font-size:32px;font-weight:750;fill:#382a13}
.sidecar-map .sidecar-hive-detail{font-size:13px;font-weight:500;fill:#5e431d}
.sidecar-map .sidecar-future text{font-size:14px;font-weight:500}
.sidecar-map figcaption{text-align:center;font-size:.9rem;margin-top:18px;color:#786449}
.sidecar-connections{stroke-dasharray:5 9;animation:sidecar-flow 5s linear infinite}
@keyframes sidecar-flow{to{stroke-dashoffset:-56}}
.sidecar-horizon{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #d9c8a7;padding-top:30px;margin-top:55px}
.sidecar-horizon h3{font-size:1.18rem;margin-bottom:10px}
.sidecar-horizon p{font-size:1rem;max-width:48ch}
@media(max-width:760px){.ownership-everyday{margin-top:36px}.sidecar-platform-layout{grid-template-columns:1fr;gap:24px}.sidecar-platform-copy .sidecar-platform-lead{font-size:1.25rem}.sidecar-platform-copy>p:not(.sidecar-eyebrow):not(.sidecar-platform-lead){font-size:1rem}.sidecar-horizon{grid-template-columns:1fr;gap:26px;margin-top:32px;padding-top:26px}.sidecar-map{max-width:480px;width:100%;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.sidecar-connections{animation:none}}

/* Leave room for the painted antennae between mobile demo controls and the comb. */
@media(max-width:760px){.loop-hero-opening{padding-bottom:176px}}

.sidecars-ef2{background:#fbf6ee;overflow:hidden}hive-sidecars{display:block}.sidecars-fallback{padding-block:70px}.sidecars-fallback p{margin-block:24px}

/* One compact guide for orientation, access and motion. */
.loop-guide-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.loop-guide nav{width:auto;min-width:0;gap:24px;margin:0;font-size:.9rem}
.loop-guide nav a[aria-current="location"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.loop-guide-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.guide-pilot{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:.9rem;font-weight:700;text-decoration:none}
.guide-pilot svg{width:17px}
.loop-guide .loop-motion{padding:10px;border:0;width:44px;height:44px;background:transparent;display:flex;align-items:center;justify-content:center}
.loop-motion svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.loop-motion .showcase-play-icon{display:none}
.loop-motion[data-paused="true"] .showcase-pause-icon{display:none}
.loop-motion[data-paused="true"] .showcase-play-icon{display:block}
.loop-motion:hover,.guide-pilot:hover{color:#865612}
.loop-section-select{display:none}
.loop-pilot{min-height:48px;padding-block:12px}
.menu-toggle{min-height:44px}
.ownership-group-title{font-size:1.7rem;line-height:1.2;margin-bottom:28px;max-width:28ch;letter-spacing:-.02em}
.ownership-personalize,.ownership-everyday{margin-top:64px}
.loop-grid-single{grid-template-columns:minmax(0,620px)}
.loop-network .loop-more{border-color:#76664c}
.loop-network .loop-more>summary{color:#fff6e4}
.loop-network .loop-more>summary:hover{color:#f7c568}
@media(max-width:1100px){.loop-guide nav{gap:15px;font-size:.83rem}.loop-guide-inner{gap:16px}.loop-guide-actions{gap:10px}}
@media(max-width:1050px){
 .loop-guide{padding-block:6px}
 .loop-guide nav{display:none}
 .loop-section-select{display:block;max-width:180px;min-width:0;width:100%;min-height:44px;border:1px solid var(--loop-rule);border-radius:6px;background:#fff;color:var(--ink);padding:8px;font:600 14px Hanken,sans-serif}
 .loop-guide-inner{gap:12px}
 .loop-guide-actions{gap:6px}
 .guide-pilot{font-size:13px;gap:5px}
 .guide-pilot svg{display:none}
}
@media(max-width:760px){
 .loop-guide-inner{width:calc(100% - 32px)}
 .loop-section-select{max-width:160px}
 .loop-home :is(#publishing-loops,#people-loops,#ownership-loops,#walkthrough,#network,#sidecars){scroll-margin-top:72px}
 .ownership-group-title{font-size:1.5rem;margin-bottom:24px}
 .ownership-personalize,.ownership-everyday{margin-top:48px}
}

.loop-motion[hidden]{display:none}

/* Separate the opening from its masthead, and the Sidecars story from the woods. */
.loop-home .loop-hero-opening{padding-top:112px}
.loop-home .sidecars-ef2{padding-top:24px;padding-bottom:112px}
@media(max-width:760px){.loop-home .loop-hero-opening{padding-top:48px}.loop-home .sidecars-ef2{padding-top:16px;padding-bottom:64px}}