/* Clear product story, retaining the two approved HummHive illustration worlds. */
.story-home .loop-hero-opening{display:block;padding-top:80px;padding-bottom:0}
.story-home .loop-hero-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;margin-bottom:64px}
.story-home .loop-hero h1{font-size:clamp(3rem,5.2vw,5.2rem);line-height:1.06;letter-spacing:-.03em;max-width:760px}
.story-home .loop-hero-intro>div{width:100%;max-width:490px;margin:0;justify-self:end}
@media(min-width:761px){.story-home .loop-hero-intro .actions{justify-content:flex-end}}
.story-home .loop-hero-intro .hero-loop-lead{font-size:1.3rem;line-height:1.55}
.story-home .loop-hero-intro p{font-size:1.05rem}
.story-home .loop-hero-card{max-width:none;margin:0;background:#fbf6ee;border:1px solid #c7a45c;border-radius:16px}
.journey-figure>figcaption{padding:24px 28px;background:#fffdf8;border-radius:0 0 16px 16px}
.journey-caption h2{font:700 1.45rem/1.2 Hanken,sans-serif;letter-spacing:-.02em;margin:0 0 8px}
.journey-caption p{font-size:1rem}
.journey-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.journey-controls[hidden]{display:none}
.journey-controls>div{display:flex;gap:6px;flex:1;flex-wrap:wrap}
.journey-controls button{font:650 .95rem Hanken,sans-serif;min-height:44px;padding:8px 16px;border:1px solid #cdbd9f;border-radius:7px;background:transparent;color:#2c241b;cursor:pointer}
.journey-controls button:hover,.journey-controls button[aria-pressed=true]{background:#f5dfaa;border-color:#a77425}
.journey-controls .loop-motion{padding:8px 12px;display:inline-flex;align-items:center}
.journey-figure .journey-caveat{font-size:.875rem;margin-top:16px;color:#655846}
.journey-fallback{padding:60px 30px;font-size:1.1rem}
.story-section{padding-block:112px;scroll-margin-top:90px}
.story-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:80px;margin-bottom:56px}
.story-heading h2,.story-copy h2{font-size:clamp(2.6rem,4.3vw,4.25rem);line-height:1.08;letter-spacing:-.03em}
.story-heading>p,.story-copy>p{font-size:1.2rem;line-height:1.65;max-width:60ch}
.story-copy>p{margin-top:28px}.story-copy .text-link{display:inline-flex;align-items:center;gap:12px;margin-top:30px;font-weight:650;min-height:44px}
.how-it-works{background:#fff}.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0;list-style:none}
.story-steps li{border-top:1px solid #cbbda5;padding-top:24px}.story-steps li>span{display:block;font-size:1rem;font-weight:700;color:#80520f;margin-bottom:24px}.story-steps h3{font-size:1.4rem;margin-bottom:16px}.story-steps p{font-size:1.05rem;line-height:1.65}
.story-detail{border-top:1px solid #cbbda5;border-bottom:1px solid #cbbda5;margin-top:48px;padding:0}
.story-detail summary{font-weight:650;font-size:1rem;cursor:pointer;padding:22px 0}.story-detail>p{max-width:75ch;font-size:1rem;margin:0 0 24px}.story-detail>.loop-feature{max-width:540px;margin:0 auto 30px}
.story-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-split>.loop-feature{width:100%}
.story-home .loop-feature{border-radius:16px;border:1px solid #d3c4aa;background:#fffdf8;overflow:hidden;box-shadow:none}.story-home .loop-feature figcaption{padding:22px 24px}
.story-home .loop-feature hive-loop{border-radius:0}.story-home .loop-feature h3{font-size:1.2rem}
.story-home .loop-network{background:#2c241b;color:#fff8e9}.story-home .loop-network p{color:#e0d2bc}.story-home .loop-network h2{color:#fff8e9}
.network-explainer{border-top:1px solid #766349;padding-top:44px}.network-flow{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;align-items:center;gap:24px}
.network-flow>div>svg{width:64px;height:64px;stroke:#edb44c;margin-bottom:22px;stroke-width:2;fill:none}.network-flow h3{font-size:1.35rem;margin-bottom:12px}.network-flow p{font-size:1.05rem}.network-arrow svg{width:40px;height:40px;stroke:#edb44c}
.network-footnotes{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #766349;margin-top:48px;padding-top:32px}.network-footnotes p{font-size:1rem;line-height:1.65}.network-footnotes strong{color:#fff8e9;display:block;margin-bottom:10px}
.story-home .loop-network .story-detail{border-color:#766349}.story-home .loop-network .loop-feature p{color:#655846}.story-home .loop-network .loop-feature h3{color:#2c241b}
.story-ownership{background:#fff}.ownership-facts{margin-top:36px}.ownership-facts>div{padding:22px 0;border-top:1px solid #ded2bf}.ownership-facts dt{font-weight:700;font-size:1.2rem;margin-bottom:8px}.ownership-facts dd{margin:0;color:#655846;font-size:1.05rem;line-height:1.6}
.ownership-art img{width:100%;mix-blend-mode:multiply}.ownership-art figcaption{font-size:1rem;text-align:center;margin-top:16px;color:#655846}
.story-addons{background:#fbf7ef;padding-bottom:130px}.addon-layout{display:grid;grid-template-columns:.75fr 1fr;align-items:center;gap:90px}.addon-layout img{width:100%;max-width:350px;margin:auto;mix-blend-mode:multiply}.addon-layout h3{font-size:1.5rem;margin:32px 0 16px}.addon-layout p{max-width:60ch;line-height:1.7;font-size:1.1rem}
.founding-offer .seat-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.founding-offer h2{font-size:clamp(2.7rem,4.5vw,4.4rem);line-height:1.07}.founding-offer p{max-width:54ch}.founding-offer .seat-lead{font-size:1.3rem;line-height:1.6;margin:26px 0 22px}.founding-offer .seat-disclosure{font-size:1rem;font-weight:650;margin-top:26px}.seat-details{border-top:1px solid #ab997c;padding-top:24px}.seat-price{font-size:4.5rem;line-height:1;font-weight:750;color:var(--ink)}.seat-price span{font-size:1.1rem;display:block;font-weight:600;margin-top:15px}.seat-details ul{margin:26px 0 32px;padding-left:20px;font-size:1.1rem;line-height:1.8}.seat-details .button{min-height:52px;width:100%}.seat-details .button:disabled{cursor:not-allowed;background:#e4d7c2;color:#67553b;border-color:#c5b498;box-shadow:none}.seat-details #checkout-status{font-size:1rem;line-height:1.6;margin-top:16px}.anchor-alias{display:block;scroll-margin-top:100px}
@media(max-width:1050px){.story-home .loop-hero-intro{gap:40px;grid-template-columns:1.15fr 1fr}.story-heading,.story-split{gap:44px}.founding-offer .seat-layout{gap:50px}.network-flow{gap:15px;grid-template-columns:1fr 30px 1fr 30px 1fr}.network-arrow svg{width:28px}.story-home .loop-hero h1{font-size:3.7rem}.story-home .loop-hero-intro .hero-loop-lead{font-size:1.1rem}}
@media(max-width:760px){.story-home .loop-hero-opening{padding-top:48px;padding-bottom:0}.story-home .loop-hero-intro{display:block;margin-bottom:42px}.story-home .loop-hero h1{font-size:clamp(2.7rem,10vw,3.6rem)}.story-home .loop-hero-intro>div{margin-top:26px}.story-home .loop-hero-intro .hero-loop-lead{font-size:1.15rem}.story-home .actions{gap:16px}.journey-figure>figcaption{padding:22px 18px}.journey-caption h2{font-size:1.3rem}.journey-controls{gap:8px}.journey-controls>div{flex-basis:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.journey-controls button{font-size:.875rem;padding:8px}.journey-controls .journey-replay{flex:1}.story-section{padding-block:68px}.story-heading,.story-split{grid-template-columns:1fr;gap:30px}.story-heading{margin-bottom:36px}.story-heading h2,.story-copy h2{font-size:2.7rem}.story-heading>p,.story-copy>p{font-size:1.1rem}.story-steps{grid-template-columns:1fr;gap:30px}.story-steps li>span{margin-bottom:12px}.network-flow{grid-template-columns:1fr;gap:20px}.network-flow>div{display:grid;grid-template-columns:64px 1fr;column-gap:22px}.network-flow>div>svg{grid-row:span 2;margin:0}.network-flow h3{margin-top:2px;margin-bottom:8px}.network-arrow{margin-left:18px;transform:rotate(90deg);width:28px;height:28px}.network-footnotes{grid-template-columns:1fr;gap:24px;margin-top:32px}.ownership-art{max-width:350px;margin:auto}.addon-layout{grid-template-columns:1fr;gap:10px}.addon-layout img{max-width:230px}.story-addons{padding-bottom:80px}.founding-offer .seat-layout{grid-template-columns:1fr;gap:40px}.seat-price{font-size:4rem}}

/* Restore the complete network gallery and the supplied Code to Comb Sidecars scene. */
.story-home .restored-network .loop-feature{background:#21190e;border-color:#766349}
.story-home .restored-network .loop-feature h3{color:#fff8e9}
.story-home .restored-network .loop-feature p{color:#e0d2bc}
.restored-network .network-copy-loops{margin-top:52px}
.restored-network .network-offer-note{margin-top:48px;padding-top:28px;border-top:1px solid #766349;width:100%;max-width:none;font-size:1.1rem;line-height:1.6}
.restored-network>.wrap>.loop-section-note{width:100%;max-width:none}
.restored-sidecar-tools{padding-top:88px;padding-bottom:40px}
.story-home .sidecars-ef2{scroll-margin-top:80px}
@media(max-width:760px){.restored-sidecar-tools{padding-top:52px;padding-bottom:20px}.restored-network .network-copy-loops{margin-top:38px}}

/* The supplied Living App is a responsive interactive hero, isolated from site styles. */
.living-app-figure iframe{display:block;width:100%;height:720px;border:0;border-radius:16px 16px 0 0;background:#efe6d6}
.living-app-figure>figcaption{display:flex;align-items:center;gap:32px;text-align:left;padding:24px 28px;background:#fffdf8;border-radius:0 0 16px 16px}
.living-app-figure h2{font:700 1.45rem/1.2 Hanken,sans-serif;letter-spacing:-.02em;margin:0 0 10px}
.living-app-figure figcaption p{font-size:1rem;line-height:1.6;max-width:78ch;margin:0}
.living-app-figure .loop-motion{margin-left:auto;flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;padding:10px}
@media(max-width:760px){.living-app-figure iframe{height:650px}.living-app-figure>figcaption{padding:22px 18px;gap:14px;align-items:start}.living-app-figure h2{font-size:1.3rem}.living-app-figure figcaption p{font-size:.95rem}}

/* Match the honeycomb container to the scaled artwork at every viewport width. */
.story-home{--comb-width:max(1550px,120vw);--comb-visible:clamp(150px,14vw,220px);--comb-sink:calc(var(--comb-width) * .4695 - var(--comb-visible));--comb-gap:48px}
.story-home .loop-hero-opening{padding-bottom:0}
.story-home .loop-hero-comb{height:var(--comb-visible);overflow:visible}
.story-home .loop-hero-comb img{width:var(--comb-width);bottom:calc(0px - var(--comb-sink))}

@media(max-width:760px){.story-home{--comb-width:1000px;--comb-visible:120px;--comb-gap:32px}}

/* Let the honeycomb close the illustrated explanation, keeping the app hero compact. */
.story-home .how-it-works{position:relative;isolation:isolate;overflow:hidden;padding-bottom:calc(var(--comb-visible) + 64px)}
.how-it-works>.wrap{position:relative;z-index:2}
.story-steps{gap:24px}
.story-steps li{padding:0;border:1px solid #d3c4aa;border-radius:16px;overflow:hidden;background:#fffdf8}
.story-steps li hive-loop{border-radius:0;border-bottom:1px solid #ded2bf}
.story-step-copy{padding:24px}
.story-step-copy>span{display:block;font-size:1rem;font-weight:700;color:#80520f;margin-bottom:16px}
.story-step-copy h3{font-size:1.4rem;line-height:1.25;margin-bottom:14px}
.story-step-copy p{margin:0;font-size:1.05rem;line-height:1.65}
@media(max-width:760px){.story-home .loop-hero-opening{padding-bottom:0}.story-home .how-it-works{padding-bottom:calc(var(--comb-visible) + 40px)}.story-step-copy{padding:22px}.story-steps{gap:28px}}

store-share-loop{display:block;width:100%;aspect-ratio:1440/810}.store-share-fallback{padding:40px;line-height:1.6}@media(max-width:900px){store-share-loop{max-width:540px;margin-inline:auto;aspect-ratio:460/776}}

/* The app meets the hero edge; the living comb is a full-bleed scene below it. */
.story-home .loop-hero-opening{padding-bottom:0}
.story-home .living-app-figure{margin-bottom:0;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.living-comb-section{padding:0;background:#2c241b}
living-comb-loop{display:block;position:relative;width:100%;height:calc(clamp(360px,42.1875vw,675px) + 400px);overflow:hidden;background:transparent}


/* The original honeycomb rises beneath the app, leaving the masthead clear. */
.story-home .loop-hero>.loop-hero-comb{position:relative;top:auto;bottom:auto;height:clamp(240px,24vw,360px);margin-top:24px;overflow:hidden}
.story-home .loop-hero>.loop-hero-comb img{width:max(1280px,110vw);top:0;bottom:auto;transform:translateX(-50%) rotate(180deg)}
.story-home .loop-hero-opening{padding-top:88px}
.story-home .living-app-figure{border-bottom:0;border-radius:16px 16px 0 0}
@media(max-width:760px){
 .story-home .loop-hero-opening{padding-top:48px}
 .story-home .loop-hero>.loop-hero-comb{height:190px;margin-top:24px}
 .story-home .loop-hero>.loop-hero-comb img{width:900px}
}
.story-home .how-it-works{padding-bottom:112px}
@media(max-width:760px){.story-home .how-it-works{padding-bottom:68px}}

/* Benefit first, detail second; mobile diagrams keep readable companion explanations. */
.loop-network .loop-feature .network-benefit{font-size:1.08rem;color:#fff6e4;margin-bottom:12px}
.loop-network .loop-feature .network-mechanism{font-size:.95rem;line-height:1.6;color:#e0d0b7}
.network-mobile-flow,.network-demo>summary,.network-pan-hint{display:none}
.network-demo{margin:0}
@media(max-width:760px){
 .network-mobile-flow{display:block;padding:26px 24px 10px}
 .network-mobile-flow ol{margin:0;padding:0;list-style:none}
 .network-mobile-flow li{padding:16px 0;border-bottom:1px solid #766343}
 .network-mobile-flow li:last-child{border-bottom:0}
 .network-mobile-flow strong,.network-mobile-flow span{display:block}
 .network-mobile-flow strong{font-size:18px;line-height:1.3;color:#fff6e4}
 .network-mobile-flow span{font-size:16px;line-height:1.5;color:#e0d0b7;margin-top:5px}
 .network-demo>summary{display:list-item;min-height:48px;padding:14px 24px;font:600 16px/1.4 Hanken,sans-serif;color:#fff6e4;cursor:pointer;list-style-position:inside}
 .network-demo>summary:focus-visible{outline:3px solid #e7b451;outline-offset:-4px}
 .network-demo[open]>.network-pan-hint{display:block;color:#e0d0b7;padding:0 24px 14px;font-size:14px;line-height:1.5;margin:0}
 .network-demo-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#ba954e #30281c;scrollbar-width:thin}
 .loop-network .network-demo hive-loop{width:760px;max-width:none;height:760px;aspect-ratio:1;border-radius:0}
}

.loop-network .loop-feature{display:flex;flex-direction:column}.loop-network .loop-feature>figcaption{order:2}
@media(max-width:760px){.loop-network .loop-feature>figcaption{order:0}.network-mobile-flow{order:1;padding-top:0}.network-demo{order:2}.loop-network .loop-feature .network-mechanism{font-size:1rem}}

/* A distinct paper chapter separates practical ownership from the white workflow. */
.story-home .story-ownership{background:#f4eddf;border-top:1px solid #d8c8ab;padding-block:128px}
.story-home :is(#how-it-works,#ownership-loops,#network,#sidecars){scroll-margin-top:24px}
.woodland-ending .footer-end .loop-motion{display:inline-flex;align-items:center;gap:8px;border:0;color:#37412e;padding:8px 12px}
.woodland-ending .footer-end .loop-motion[hidden]{display:none}
.woodland-ending .footer-end .loop-motion span{min-height:0}
@media(max-width:760px){.story-home .story-ownership{padding-block:80px}}

/* Give the workflow a conclusion, and the network one continuous illustrated ending. */
.hive-workflow-takeaway{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:start;padding-top:32px;margin-top:8px}
.hive-workflow-takeaway h3{font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1.15;letter-spacing:-.025em;margin:0}
.hive-workflow-takeaway p{font-size:1.15rem;line-height:1.65;max-width:53ch;margin:0}
.story-home .restored-network{padding-bottom:64px}
.living-comb-intro{padding-top:40px;padding-bottom:48px;border-top:1px solid #766349}
.living-comb-intro h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;letter-spacing:-.025em;color:#fff6e4;margin:0;max-width:32ch}
@media(max-width:760px){.hive-workflow-takeaway{grid-template-columns:1fr;gap:18px;margin-top:28px;padding-top:28px}.hive-workflow-takeaway h3 br{display:none}.hive-workflow-takeaway p{font-size:1.05rem}.story-home .restored-network{padding-bottom:44px}.living-comb-intro{padding-top:32px;padding-bottom:32px}.living-comb-intro h2{font-size:1.85rem}}

/* Small responses make active controls feel tactile without moving the layout. */
.story-home :is(.actions .button,.loop-pilot,.text-link) svg,
.woodland-ending a svg{transition:transform 180ms cubic-bezier(.16,1,.3,1)}
.story-home :is(.actions .button,.loop-pilot,.text-link):focus-visible svg{transform:translateX(3px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html:not([data-motion-paused="true"]) .story-home :is(.actions .button,.loop-pilot,.text-link):hover svg,
 html:not([data-motion-paused="true"]) .woodland-ending a:hover svg{transform:translateX(3px)}
 html:not([data-motion-paused="true"]) .story-home .actions .button:active{transform:translateY(1px)}
}
@media(prefers-reduced-motion:reduce){
 .story-home :is(.actions .button,.loop-pilot,.text-link) svg,.woodland-ending a svg{transition:none;transform:none!important}
}
html[data-motion-paused="true"] .story-home :is(.actions .button,.loop-pilot,.text-link) svg,
html[data-motion-paused="true"] .woodland-ending a svg{transition:none;transform:none!important}


/* The woodland grows out of the Sidecars paper; its original proportions stay intact. */
.woodland-ending{background:#fbf6ee}
.woodland-ending .woodland-landscape{inset:0;width:100%;height:100%;object-fit:cover;object-position:25% bottom;transform:none}
@media(max-width:760px){.woodland-ending .woodland-landscape{inset:auto auto 0 50%;width:1050px;height:auto;transform:translateX(-50%)}}

/* Let the canopy bridge the chapters without adding a large gap before the offer. */
@media(min-width:761px){
 .woodland-ending{padding-top:56px;overflow:visible;clip-path:inset(-48px 0 0)}
 .woodland-ending .woodland-landscape{inset:auto 0 0;height:calc(100% + 160px);object-position:32% bottom}
}

/* A single honey-coloured rule marks the change from product to founding offer. */
.woodland-ending .home-invest{padding-top:40px}
.woodland-ending .seat-layout{border-top:2px solid #ad8136;padding-top:48px}
@media(min-width:761px){.woodland-ending .seat-details{border-top:0;padding-top:0}}
@media(max-width:760px){.woodland-ending .home-invest{padding-top:32px}.woodland-ending .seat-layout{padding-top:32px}}

/* Painted visitors travel only through the quiet spacing between chapters. */
.has-section-bee{position:relative}
.section-bee-lane{position:absolute;left:0;width:100%;height:88px;pointer-events:none;z-index:3;contain:strict}
.section-bee-lane.lane-bottom{bottom:8px}
.section-bee-lane.lane-top{top:8px}
.ownership-studio{position:relative;isolation:isolate;mix-blend-mode:multiply;perspective:1000px;perspective-origin:31.5% 55%}
.ownership-art .ownership-studio img{display:block;width:100%;mix-blend-mode:normal}
.ownership-studio .studio-base,.ownership-studio .studio-door{position:absolute;inset:0;visibility:hidden}
.ownership-studio.studio-ready .studio-original{visibility:hidden}
.ownership-studio.studio-ready :is(.studio-base,.studio-door){visibility:visible}
.ownership-studio .studio-door{pointer-events:none}
@media(max-width:760px){.section-bee-lane{height:54px}.section-bee-lane.lane-bottom{bottom:4px}.section-bee-lane.lane-top{top:4px}}
@media(prefers-reduced-motion:reduce){.section-bee-lane{display:none}}
html[data-motion-paused="true"] .section-bee-lane{visibility:hidden}
/* Front-facing wooden leaf: keep its hinge fixed as it opens away from the room. */
.ownership-art .ownership-studio .studio-door{width:90%;height:88%;inset:6.2% auto auto 3.2%;transform-origin:31.3% 55%;transform:rotateY(0deg)}
.ownership-studio[data-door="open"] .studio-door{transform:rotateY(-108deg)}
.ownership-studio[data-door="opening"] .studio-door{will-change:transform}
@media(prefers-reduced-motion:reduce){.ownership-studio[data-door="open"] .studio-door{visibility:hidden}}
html[data-motion-paused="true"] .ownership-studio[data-door="open"] .studio-door{visibility:hidden}

/* A continuous deep-brown opening echoes the network chapter. */
.story-home .loop-hero{--hero-surface:#2c241b;--hero-text:#fff8e9;--hero-muted:#e0d2bc;--hero-accent:#f8ca43;background:var(--hero-surface);color:var(--hero-text)}
:is(.story-home .loop-hero,.home-masthead) .masthead{background:var(--hero-surface);border-bottom-color:transparent;color:var(--hero-text)}
:is(.story-home .loop-hero,.home-masthead) .logo img{filter:brightness(0) invert(1) sepia(.12)}
.story-home .loop-hero h1,.story-home .loop-hero h1 em{color:var(--hero-text)}
.story-home .loop-hero-intro p{color:var(--hero-muted)}
.story-home .loop-hero-intro .hero-loop-lead{color:var(--hero-text)}
.story-home .loop-hero .actions .button{background:var(--hero-accent);color:#2c241b}
.story-home .loop-hero .actions .button:hover{background:#ffda70;box-shadow:none}
.story-home .loop-hero .loop-pilot{color:var(--hero-text)}
.story-home .loop-hero .loop-pilot:hover{color:var(--hero-accent)}
:is(.story-home .loop-hero,.home-masthead) .site-header nav>.nav-placeholder{color:var(--hero-muted)}
:is(.story-home .loop-hero,.home-masthead) .site-header nav>:is(a,.nav-placeholder):last-child{border-color:#81705a}
:is(.story-home .loop-hero,.home-masthead) .menu-toggle{background:transparent;color:var(--hero-text);border-color:#81705a}
.story-home .loop-hero :is(a,button):focus-visible{outline-color:var(--hero-accent)}
.story-home .loop-hero-card{border-color:#81705a}
@media(max-width:760px){:is(.story-home .loop-hero,.home-masthead) .site-header nav{background:#352c22;box-shadow:0 12px 28px #100b0766}}

/* The comb closes the library story, away from the masthead and demo. */
.story-home .loop-hero-opening{padding-bottom:0}
.story-home .how-it-works{padding-bottom:0}
.story-home .how-it-works>.loop-hero-comb{position:relative;top:auto;bottom:auto;height:clamp(240px,24vw,360px);margin-top:64px;overflow:hidden}
.story-home .how-it-works>.loop-hero-comb img{width:max(1280px,110vw);top:0;bottom:auto;transform:translateX(-50%) rotate(180deg)}
/* Three questions, all five original animated explanations. */
.network-heading{margin-bottom:56px}.loop-network .network-heading .network-lead{margin-top:0}
.network-heading .text-link{display:inline-flex;margin-top:14px}
.network-chapter + .network-chapter{margin-top:56px}
.network-chapter>h3{font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.2;letter-spacing:-.02em;color:#fff6e4;margin:0 0 24px}
.network-chapter .loop-grid{gap:28px}.loop-network .network-chapter .loop-feature>figcaption{order:0;padding:24px 26px 20px}
.loop-network .network-chapter .loop-feature :is(h3,h4){font-size:1.35rem;line-height:1.25;margin:0 0 12px}
.network-chapter .network-demo{margin-top:auto}
.loop-network .network-host-wide{display:grid;grid-template-columns:.8fr 1fr;align-items:center}
.network-host-wide .network-demo{margin:0;min-width:0}.network-host-wide>figcaption{max-width:48ch}
.network-offer-note{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:36px;padding-top:28px;border-top:1px solid #766349}
.network-offer-note p{margin:0;max-width:none;flex:1}.network-offer-note a{flex-shrink:0;color:#ffdb91}
/* Only the bee itself is an input target, never the illustration or reading column. */
.bee-play-target{position:absolute;left:0;top:0;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:transparent;z-index:6;cursor:grab;touch-action:pan-y;box-shadow:none}
.bee-play-target[data-held="true"]{cursor:grabbing}.bee-play-target:focus-visible{outline:2px dashed #95631c;outline-offset:3px;background:#f4cf7a22}
.bee-play-target[hidden]{display:none!important}
@media(max-width:760px){
 .story-home .loop-hero-opening{padding-bottom:0}
 .story-home .how-it-works>.loop-hero-comb{height:190px;margin-top:40px}
 .story-home .how-it-works>.loop-hero-comb img{width:900px}
 .network-heading{margin-bottom:36px}.network-chapter + .network-chapter{margin-top:40px}
 .loop-network .network-host-wide{display:flex}.network-host-wide>figcaption{max-width:none}
 .network-offer-note{display:block}.network-offer-note a{display:inline-flex;margin-top:18px}
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.bee-play-target{display:none!important}}

/* The founding visitors perch with their feet on the existing honey-coloured rule. */
.founding-offer .seat-layout{position:relative}
.founding-bee-stage{position:absolute;left:0;top:-200px;width:100%;height:202px;pointer-events:none;z-index:3}
@media(max-width:760px){.founding-bee-stage{top:-136px;height:138px}}
@media(prefers-reduced-motion:reduce){.founding-bee-stage{display:none}}
html[data-motion-paused="true"] .founding-bee-stage{visibility:hidden}

/* Six network stories: three across on desktop, with readable narrower layouts. */
.loop-network .network-six{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.network-six .loop-feature{min-width:0}
.loop-network .network-six .loop-feature>figcaption{padding:24px 22px 20px}
@media(min-width:761px) and (max-width:1050px){.loop-network .network-six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.loop-network .network-six{grid-template-columns:1fr;gap:32px}}

/* Accessibility and reserved geometry for deferred illustrations. */
.expressive .loop-hero :focus-visible,.expressive .loop-network :focus-visible{outline-color:#ffdb91}
.expressive #main:focus{outline:none}
.expressive .site-footer a,.expressive .site-header nav a{min-height:44px;display:inline-flex;align-items:center}
.expressive .network-demo summary{min-height:48px}
.expressive hive-sidecars:not([data-compact]){min-height:min(62.5vw,1125px)}
@media(max-width:1049px){.expressive hive-sidecars:not(:defined){min-height:600px}}

:is(.story-home .loop-hero,.home-masthead) .masthead{--nav-hover-ink:#f8ca43;--nav-line:#f8ca43;--nav-contact-bg:#f8ca43;--nav-contact-ink:#2c241b;--nav-contact-border:#f8ca43;--nav-focus:#f8ca43}

.home-masthead{--hero-surface:#2c241b;--hero-text:#fff8e9;--hero-muted:#e0d2bc;--hero-accent:#f8ca43;background:var(--hero-surface);color:var(--hero-text);position:relative;z-index:10}

/* Creator-story review: one real action, one network explanation at a time. */
.story-home .loop-hero-intro{margin-bottom:32px}
.hero-seat-action{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 44px;text-align:center}
.hero-seat-action .button{min-width:250px;min-height:58px;font-size:1.15rem}
.story-home .hero-seat-action p{margin:0;font-size:1rem;color:#e0d2bc}
.story-home .button.founding-action,.woodland-ending .button.founding-action{background:#326349;color:#fff;border-color:#7eae8c;box-shadow:none}
.story-home .button.founding-action:hover,.woodland-ending .button.founding-action:hover{background:#3d7657;color:#fff;border-color:#9fc5aa;transform:translateY(-2px)}
.creator-sample-caption{max-width:76ch;margin:20px auto 0;color:#655846;font-size:1rem;line-height:1.6;text-align:center}
.network-explorer[data-enhanced]{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.65fr);gap:48px;align-items:start}
.network-topics{display:flex;flex-direction:column;gap:0;padding-top:20px}
.network-topics[hidden],.network-panel[hidden]{display:none!important}
.network-topics button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;width:100%;padding:18px 16px;background:transparent;border:0;border-bottom:1px solid #756348;border-radius:0;text-align:left;font:600 1.1rem/1.4 Hanken,sans-serif;color:#e0d2bc;cursor:pointer;transition:background-color .18s,color .18s}
.network-topics button svg{width:20px;height:20px;flex-shrink:0;opacity:0}
.network-topics button:hover{background:#3e3121;color:#fff8e9}
.network-topics button[aria-selected=true]{background:#f8ca43;color:#2c241b;border-color:#f8ca43;border-radius:8px}
.network-topics button[aria-selected=true] svg{opacity:1}
.network-topics button:focus-visible,.network-panel:focus-visible{outline:3px solid #ffdb91;outline-offset:5px}
.network-panel{min-width:0}
.network-stage{background:#21190e;border:1px solid #766349;border-radius:16px;overflow:hidden;max-width:600px;margin:0 auto}
.network-stage hive-loop{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:0}
.network-caption{max-width:65ch;padding:28px 0 0;min-height:175px}
.story-home .network-caption h3{font-size:1.6rem;line-height:1.25;color:#fff8e9;margin:0 0 12px}
.story-home .network-caption p{font-size:1.05rem;line-height:1.65;margin:0}
.network-explorer:not([data-enhanced]) .network-panel{max-width:650px;margin:0 auto 48px}
.ownership-art.ownership-device{width:100%;max-width:510px;margin:0 auto}
.local-collection{border:1px solid #cbbda5;border-radius:16px;background:#fbf6ee;padding:24px}
.local-collection-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:1.2rem;color:#3f4c34}
.local-collection-photo{position:relative;overflow:hidden;border-radius:8px;margin-bottom:8px}
.ownership-device .local-collection-photo img{display:block;width:100%;height:250px;object-fit:cover;mix-blend-mode:normal}
.local-collection-photo span{display:block;background:#2c241b;color:#fff8e9;font-size:.95rem;padding:12px 16px}
.local-file{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:18px 0;border-bottom:1px solid #d8cbb5;font-size:1rem;line-height:1.4}
.local-file:last-child{border-bottom:0;padding-bottom:0}.local-file span{color:#655846}
.ownership-device figcaption{font-size:1rem;line-height:1.65;margin-top:20px}
.living-comb-intro .comb-story-caption{max-width:58ch;font-size:1.1rem;line-height:1.6;margin:24px auto 0;color:#e0d2bc}
@media(max-width:900px){
 .network-explorer[data-enhanced]{grid-template-columns:1fr;gap:28px}
 .network-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0}
 .network-topics button{font-size:1rem;padding:12px;min-height:60px;border:1px solid #756348;border-radius:8px}
 .network-topics button svg{display:none}
 .network-caption{min-height:0}
}
@media(max-width:760px){
 .story-home .loop-hero-intro{margin-bottom:26px}
 .hero-seat-action{align-items:stretch;margin-bottom:32px;text-align:left;gap:14px}
 .hero-seat-action .button{width:100%;min-width:0;justify-content:center}
 .story-home .hero-seat-action p{font-size:.95rem;line-height:1.5}
 .creator-sample-caption{text-align:left}
 .local-collection{padding:20px}.ownership-device .local-collection-photo img{height:200px}
 .living-comb-intro .comb-story-caption{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
 .network-topics button{transition:none}
 .story-home .button.founding-action:hover,.woodland-ending .button.founding-action:hover{transform:none}
}

/* One source collection, two destinations. Native text reflows at every width. */
.audience-map{display:grid;grid-template-columns:.85fr 1.4fr;gap:64px;margin-top:48px;text-align:left}
.audience-map h3{font:750 clamp(1.5rem,2.5vw,2rem)/1.15 Hanken,sans-serif;margin:0 0 22px;letter-spacing:-.02em}
.audience-map p{font-size:1.12rem;line-height:1.6;max-width:58ch;margin:0 0 18px}
.audience-origin{background:#f5ead4;padding:32px;border-radius:12px;align-self:start}
.audience-formats{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 28px;padding:18px 0;border-block:1px solid #cbb99a;font-weight:700;font-size:1rem}
.audience-destinations>section{padding:30px 0;border-top:1px solid #cbb99a}.audience-destinations>section:first-child{padding-top:0;border-top:0}.audience-destinations>section:last-child{padding-bottom:0}
.audience-map .audience-detail,.audience-footnote{font-size:1rem;line-height:1.6;color:#655846}
.audience-footnote{margin:36px 0 0;max-width:75ch}
@media(max-width:760px){.audience-map{grid-template-columns:1fr;gap:32px;margin-top:32px}.audience-origin{padding:24px}.audience-map h3{font-size:1.65rem}.audience-map p{font-size:1.05rem}.audience-map .audience-detail,.audience-footnote{font-size:1rem}.audience-destinations>section{padding-block:26px}}