/* The selected Panorama and Origin Chapters: one identity, several reading moods. */
.paper-band{--ink:#213e39;--muted:#4c655d;--accent:#376a5b;--panel:#dce5da;--line:#315a4933;background:#ede8db;color:var(--ink)}
.paper-band .eyebrow,.paper-band h2 em{color:#376a5b}.paper-band p{color:var(--muted)}
.paper-band .cta{--ivory:#f9f4f5;--mist:#c8b8db;background-color:#153738;color:#f9f4f5}
.paper-band .text-link{color:#284f44}.paper-band a:focus-visible{outline:2px solid #376a5b;outline-offset:5px}
.panorama #start{width:100%;max-width:none;padding-inline:max(20px,calc((100% - 1200px)/2));margin-top:35px}
.panorama #start .start-choice[aria-pressed=true]{background:#dce5da}.panorama #start .artifact-caption{color:#4c655d}
.panorama .feature-section{background:linear-gradient(130deg,#123438,#173b3d 60%,#202e3b)}
.panorama .tool-copy{align-items:start}.panorama .tool-copy>.text-link{align-self:end;margin-top:22px}
.panorama .cinema-band .text-link{color:#f3efe6}.panorama .closing{background:linear-gradient(130deg,#1c3540,#25283d 75%,#183a3b)}
.origin-page .origin-heading{position:relative}.origin-page .origin-heading::before{content:'';position:absolute;inset:-40px -5vw;z-index:-1;background:radial-gradient(ellipse at 78% 40%,#a7dbce16,transparent 62%);pointer-events:none}
.origin-page .origin-chapters{padding-bottom:55px}.origin-page .origin-chapters article{position:relative}
.origin-page .origin-chapters article:nth-child(2){background:linear-gradient(125deg,#f0eadf,#e2e7db)}
.origin-page .origin-chapters article:nth-child(3){padding-bottom:25px}
.origin-page .origin-chapters article>span{font-variant-numeric:tabular-nums}
.origin-page .origin-heading h1 em{display:inline}.origin-page .origin-heading h1{font-size:clamp(62px,7vw,102px)}
.story-nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}.story-nav a{font-size:12px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:5px}
.author-promise{padding:32px 38px;margin-bottom:90px;border:1px solid #a7dbce33;background:#12343875;border-radius:8px;display:grid;grid-template-columns:1fr 1.3fr;gap:45px;align-items:center}
.author-promise h2{font-size:32px}.author-promise p{margin:0;font-size:15px;color:var(--muted)}
.tree-meaning,.wisdom-band{padding:100px 0}.meaning-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}
.meaning-grid h2,.northern-grid h2,.name-band h2{font-size:clamp(42px,4.5vw,66px);line-height:1.08;letter-spacing:-.025em}
.meaning-grid h2 em,.northern-grid h2 em,.story-growth h2 em{font-weight:350;color:var(--accent)}
.meaning-grid .lead{font-size:19px;max-width:390px;margin-top:28px}.reading-copy p:not(.eyebrow){font-size:17px;line-height:1.9;margin:0 0 24px}.reading-copy p:last-child{margin-bottom:0}
.story-growth{padding-block:100px}.story-growth .section-head{align-items:center}.growth-path{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:55px;position:relative}
.growth-path::before{content:'';position:absolute;top:21px;left:0;right:0;height:1px;background:linear-gradient(90deg,#a7dbce,#c1ace8 70%,transparent)}
.growth-part{position:relative}.growth-number{position:relative;display:grid;place-items:center;width:42px;height:42px;background:#123438;border:1px solid #a7dbce66;border-radius:50%;color:#a7dbce;font-size:11px;box-shadow:0 0 25px #a7dbce14}.growth-part h3{font-size:30px;margin:28px 0 15px}.growth-part p{font-size:15px;color:var(--muted);line-height:1.85}.growth-coda{font:300 30px/1.5 var(--serif);text-align:center;color:var(--accent);margin-top:60px}
.northern-story{background:linear-gradient(140deg,#113438,#102a31 65%,#25263c);padding:85px 0}.northern-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.northern-tree{position:relative;margin:0;overflow:hidden;border-radius:200px 200px 6px 6px;min-height:630px;height:100%;max-height:800px}.northern-tree img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% 50%;animation:canopy-breathe 20s ease-in-out infinite alternate}.northern-tree figcaption{position:absolute;bottom:24px;left:24px;right:24px;color:#f3efe6;font-size:11px;background:#081d21bf;padding:8px 14px;border-radius:4px}.northern-grid h2{margin-bottom:30px}.northern-grid p:not(.eyebrow){color:#d4dfda}
.wisdom-band{background:#101f27}.wisdom-band .eyebrow{color:#c1ace8}.wisdom-band h2 em{color:#c1ace8}.wisdom-band .reading-copy p{color:#c8d6d3}
.name-band{padding:100px 0 75px;text-align:center}.name-band h2{max-width:900px;margin:auto}.name-parts{max-width:760px;margin:55px auto 35px;display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:25px}.name-parts>div>span{font:300 76px/1 var(--serif);color:#285346}.name-parts p{font-size:14px;max-width:260px;margin:20px auto 0}.name-plus{font:300 40px var(--serif);color:#698477}.name-closing{font-size:19px;line-height:1.9;max-width:730px;margin:35px auto 0}.name-signoff{font:italic 300 29px var(--serif);margin-top:30px}.name-band .actions{justify-content:center;margin-top:35px}.lore-sources{border-top:1px solid #376a5b33;text-align:left;max-width:850px;margin:60px auto 0;padding-top:22px}.lore-sources summary{font-size:12px;cursor:pointer;color:#376a5b}.lore-sources p{font-size:13px;line-height:1.8;margin-top:15px}.lore-sources a{text-decoration:underline;text-underline-offset:3px}
.origin-page .motion-dock{position:static;display:flex;justify-content:center;padding:20px;background:#123438;border:0;border-radius:0;box-shadow:none;margin:0;max-width:none}.origin-page .footer{padding-bottom:35px}
.selected-site .masthead{padding-block:24px}.selected-site .nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}.selected-site .nav{flex-wrap:wrap}.selected-site .nav a{white-space:nowrap}.selected-site .footer{gap:30px}.selected-site .footer nav{display:flex;flex-wrap:wrap;gap:20px}
.selected-site .skip{position:fixed;z-index:100;top:8px;left:15px;transform:translateY(-150%);padding:12px 20px;background:#ede8db;color:#173b33;border-radius:4px}.selected-site .skip:focus{transform:none}.selected-site dialog{max-width:min(95vw,1600px)}
.selected-site .nav .cta{display:inline-flex}.selected-site .masthead>.brand{flex-shrink:0}.selected-site .brand img{width:40px;height:44px}.selected-site main:focus{outline:none}
@keyframes canopy-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}
.paused .northern-tree img,.reduced .northern-tree img,.offscreen .northern-tree img{animation-play-state:paused}
@media(max-width:1000px){.meaning-grid,.northern-grid{gap:40px}.growth-path{gap:22px}.northern-tree{min-height:580px}.selected-site .masthead{gap:24px}.selected-site .nav{gap:16px}}
@media(max-width:760px){.meaning-grid,.northern-grid{grid-template-columns:1fr;gap:30px}.tree-meaning,.wisdom-band,.story-growth,.name-band{padding-block:60px}.meaning-grid h2,.northern-grid h2,.name-band h2{font-size:43px}.reading-copy p:not(.eyebrow){font-size:16px;line-height:1.85}.author-promise{display:block;padding:25px;margin-bottom:55px}.author-promise p{margin-top:20px}.growth-path{grid-template-columns:1fr 1fr;gap:32px 22px}.growth-path::before{display:none}.growth-part h3{font-size:28px;margin-top:18px}.growth-part p{font-size:14px}.growth-coda{font-size:25px;margin-top:35px}.northern-story{padding:45px 0}.northern-tree{height:430px;min-height:0;max-width:500px;width:100%;margin:auto;border-radius:160px 160px 5px 5px}.name-parts{gap:10px;grid-template-columns:1fr 25px 1fr;margin-top:40px}.name-parts>div>span{font-size:54px}.name-parts p{font-size:12px}.name-closing{font-size:17px}.name-signoff{font-size:25px}.story-nav{gap:18px}.selected-site .masthead{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.selected-site .nav{display:flex;width:100%;gap:16px;justify-content:flex-start;font-size:12px}.selected-site .nav>a{display:inline-flex}.selected-site .nav .cta{padding:10px 14px;font-size:11px}.origin-page .origin-heading h1{font-size:58px}.selected-site .footer{display:flex;flex-direction:column;align-items:flex-start}.selected-site .footer nav{gap:18px}.origin-page .motion-dock{flex-wrap:wrap}.panorama .floating-note{bottom:-26px}.panorama .hero-stage{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.northern-tree img{animation:none}}
.anchor-alias{position:absolute!important;width:0;height:0;overflow:hidden;pointer-events:none}
@media(max-width:760px){.selected-site .nav{display:grid;grid-template-columns:repeat(4,max-content);gap:16px 22px}.selected-site .nav .cta{grid-column:1/-1;justify-self:start}.selected-site .masthead{padding-bottom:15px}}
