/* Shared interior-page design. Website visuals remain an implementation draft. */
:root{color-scheme:dark;--night:#071421;--navy:#0b1d30;--gold:#e4c486;--cream:#f5e8d2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 85% 6%,#253952 0%,#0b192a 32%,#071421 75%);color:var(--cream);font-family:Georgia,serif;line-height:1.7}
a{color:#f1d696}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.skip-link{position:absolute;left:15px;top:-150px;z-index:20;padding:12px;background:var(--gold);color:var(--night)}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:10;background:#071421f5;border-bottom:1px solid #a98c604f}
.header-inner{max-width:1380px;margin:auto;padding:14px clamp(22px,5vw,65px);min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{font-size:clamp(24px,2.5vw,32px);white-space:nowrap;text-decoration:none;color:#f4dba2}
.navigation{display:flex;gap:clamp(8px,1.3vw,19px);align-items:center;flex-wrap:wrap}
.navigation a{font:12px/1.5 Arial,sans-serif;text-decoration:none;color:var(--cream)}
.navigation a:hover,.navigation a[aria-current]{color:var(--gold)}
.navigation a[aria-current]{text-decoration:underline;text-underline-offset:8px}
.menu-toggle{display:none}
main{max-width:1070px;margin:auto;padding:clamp(45px,8vw,100px) 24px 110px;min-height:64vh}
h1{font-size:clamp(41px,6vw,76px);font-weight:400;color:#f6dfa8;line-height:1.13;max-width:1000px;margin:0 0 39px}
h2{font-weight:400;color:#eccb82;margin:48px 0 9px;font-size:clamp(27px,3vw,39px);line-height:1.24}
p{font-size:clamp(16px,1.7vw,19px);max-width:830px;margin:0 0 25px}
small{display:block;border-left:2px solid #c9a564;padding:12px 17px;color:#dfcda7;margin:21px 0}
main a{display:inline-block;margin:12px 15px 12px 0;padding:12px 18px;border:1px solid var(--gold);text-decoration:none;font:600 14px Arial,sans-serif}
.intro{color:var(--gold);font:600 12px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}
.site-footer{background:#050f1b;border-top:1px solid #b58e5a67}
.footer-inner{max-width:1350px;margin:auto;padding:50px clamp(24px,5vw,70px)}
.footer-inner p{font:13px Arial,sans-serif;color:#ccb995}
.footer-nav{display:flex;flex-wrap:wrap;gap:15px 24px;margin:20px 0}
.footer-nav a{font:13px Arial,sans-serif;text-decoration:none}
@media(max-width:960px){
.header-inner{min-height:74px}
.menu-toggle{display:flex;width:46px;height:44px;background:transparent;border:1px solid #bfa0726b;border-radius:5px;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.menu-toggle span{width:21px;height:2px;background:var(--gold)}
.navigation{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#08192b;padding:13px 25px 28px;box-shadow:0 20px 50px #0008;border-bottom:1px solid var(--gold)}
.navigation.is-open{display:flex}.navigation a{font-size:17px;padding:13px 8px;border-bottom:1px solid #d6b77833}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Consistent storybook-style navigation on every interior page. */
@media(max-width:960px){
 .navigation{background:linear-gradient(155deg,#142b42,#081523 78%);padding:22px clamp(20px,6vw,42px) 32px;max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain;border-bottom:2px solid #d2b06a;box-shadow:0 24px 55px #000b}
 .navigation a{font-family:Georgia,serif;font-size:clamp(19px,4.6vw,25px);line-height:1.3;padding:17px 10px;letter-spacing:.015em}
 .navigation a[aria-current]{background:linear-gradient(90deg,#d1aa6033,transparent);padding-left:19px;border-left:3px solid var(--gold)}
 .menu-toggle[aria-expanded="true"]{background:#c6a26227}
 body:has(.navigation.is-open){overflow:hidden}
}
.contact-address{font:600 clamp(17px,2vw,22px)/1.5 Arial,sans-serif;color:var(--gold);overflow-wrap:anywhere}


/* Approved text stays verbatim; cards are semantic layout, not new claims. */
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:38px 0 48px}
.feature-card{min-width:0;padding:clamp(22px,3vw,36px);background:linear-gradient(150deg,#142d46eb,#0a192be8);border:1px solid #bd955c77;border-radius:10px;box-shadow:0 12px 28px #0003}
.feature-card h2{margin:0 0 14px;font-size:clamp(24px,2.6vw,34px);line-height:1.24}
.feature-card p{font-size:clamp(15px,1.35vw,17px);line-height:1.75;margin:0;color:#e8dcc7}
.feature-card:focus-within{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:700px){.feature-grid{grid-template-columns:1fr;gap:14px;margin:30px 0}.feature-card{padding:25px 22px}}


/* Shared small-screen legibility and accessible action sizes. */
main{overflow-wrap:break-word}
main a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow-wrap:anywhere}
@media(max-width:700px){
 main{padding:44px clamp(20px,5vw,32px) 80px}
 main>h1{font-size:clamp(38px,10vw,54px);line-height:1.11;margin-bottom:28px}
 main>p{line-height:1.8}
 main>h2{margin-top:38px}
 main>a{width:100%;margin-right:0;text-align:center}
 .footer-nav a{min-height:40px;display:inline-flex;align-items:center}
 .intro{line-height:1.7}
}


/* Founder-approved mobile navigation finish: castle panel, dimmed backdrop,
   three-line control becoming an X, and motion-respecting reveal. */
@media(max-width:960px){
 body:has(.navigation.is-open)::before{content:"";position:fixed;inset:0;z-index:8;background:#020a14ac;pointer-events:none}
 .site-header{z-index:10}
 .navigation.is-open{animation:keep-menu-entrance .22s ease-out both}
 .menu-toggle{position:relative;z-index:12}
 .menu-toggle span{transition:transform .22s ease,opacity .16s ease}
 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-8px) rotate(-45deg)}
 .navigation{scrollbar-color:#d5b16d #13283b;scrollbar-width:thin}
}
@keyframes keep-menu-entrance{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.navigation.is-open{animation:none}.menu-toggle span{transition:none}}


/* Approved availability notice in the footer: visibly informative, not a signup. */
.footer-approved-note{max-width:900px;padding:12px 0 30px;margin:0 0 28px;border-bottom:1px solid #b9955b55}
.footer-approved-note h2{font:400 clamp(23px,3.2vw,34px)/1.3 Georgia,serif;color:#eacb8e;margin:18px 0}
.footer-approved-note p{max-width:780px;font:14px/1.7 Arial,sans-serif;color:#ded0b5;margin:8px 0}
.footer-approved-note a{color:#efcf91;text-underline-offset:4px}
@media(max-width:700px){.footer-approved-note{padding-bottom:22px}.footer-approved-note p{font-size:13px}}


/* Founder-approved shared footer: one readable invitation, not a second article. */
.site-footer{border-top:1px solid #aa875457;background:#060f1d}
.footer-inner{max-width:1270px;margin:auto;padding:clamp(42px,6vw,74px) clamp(23px,5vw,66px) 25px}
.footer-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1.1fr);gap:clamp(25px,4vw,62px)}
.footer-identity,.footer-explore,.footer-contact{min-width:0}
.footer-identity .footer-brand{display:inline-block;font:400 clamp(27px,3vw,37px)/1.2 Georgia,serif;color:#edcf96;text-decoration:none;margin-bottom:12px}
.footer-layout h2{font:400 21px/1.35 Georgia,serif;color:#e4bf78;margin:0 0 17px}
.footer-layout p{font:14px/1.7 Arial,sans-serif;color:#dfd1b8;margin:0 0 9px}
.footer-identity p{font:15px/1.5 Georgia,serif}
.footer-layout a{color:#f1d69a;text-decoration-color:#d5af6975;text-underline-offset:4px}
.footer-layout .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin:0}
.footer-nav a{display:inline-flex;align-items:center;min-height:36px;font:14px/1.4 Arial,sans-serif;overflow-wrap:break-word;text-decoration:none}
.footer-nav a[aria-current]{color:#e4bf78;text-decoration:underline;text-underline-offset:4px}
.footer-bottom{border-top:1px solid #bc965c46;padding-top:19px;margin-top:33px}
.footer-bottom p{font:12px/1.7 Arial,sans-serif;color:#bcaf97;margin:0 0 8px;max-width:none}
.footer-bottom a{color:#eacb89;text-underline-offset:4px}
.in-development{display:inline-block;font-weight:700;letter-spacing:.065em;text-transform:uppercase;color:#edcf96;margin-right:8px}
@media(max-width:850px){.footer-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-contact{grid-column:1/-1}}
@media(max-width:580px){.footer-inner{padding:44px 25px 25px}.footer-layout{grid-template-columns:1fr;gap:31px}.footer-contact{grid-column:auto}.footer-layout .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{margin-top:27px}}


/* A brief manuscript-like treatment for the two exact approved Vision promises. */
.vision-expressions{margin:32px 0 49px;padding:19px clamp(19px,3.5vw,34px);border-left:3px solid #dbb875;background:linear-gradient(90deg,#caa46415,transparent 80%)}
.vision-expressions p{font:400 clamp(20px,2.6vw,30px)/1.5 Georgia,serif;color:#f0d79f;margin:5px 0}
.commitment-kicker{margin-top:58px}


/* The interior pages reuse the exact approved text-free castle panorama.
   Page-specific focal positions are presentation crops, never substitute art. */
.interior-scene{
 --scene-focus:52%;
 display:block;
 width:100%;
 height:clamp(195px,27vw,308px);
 margin:0 0 clamp(34px,5vw,65px);
 border:1px solid #bb975b63;
 background-color:#14283c;
 background-image:linear-gradient(to bottom,transparent 56%,#071421d6 100%),url("../Falcons_Keep_Approved_Scene_For_GitHub_Upload.png");
 background-size:cover,auto 100%;
 background-position:center,var(--scene-focus) center;
 background-repeat:no-repeat;
 box-shadow:0 20px 55px #0006;
}
.interior-scene-households,.interior-scene-our-vision{--scene-focus:18%}
.interior-scene-retail-partners,.interior-scene-contact{--scene-focus:57%}
.interior-scene-our-story{--scene-focus:38%}
.interior-scene-updates{--scene-focus:91%}
@media(max-width:700px){
 .interior-scene{height:clamp(165px,52vw,240px);margin-bottom:29px}
 /* Tree-focused mobile view: avoid clipping half of the perched Falcon at the left edge. */
 .interior-scene-households,.interior-scene-our-vision{--scene-focus:25.5%}
 /* Contact's castle crop stops before the partial Falcon wing at the right edge. */
 .interior-scene-contact{--scene-focus:52%}
 main>.intro{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.interior-scene{animation:none}}


/* Founder-approved pathways, grouped with legible live copy and real links. */
.contact-paths,.partner-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:35px 0 50px}
.contact-path,.partner-path{min-width:0;padding:clamp(22px,3.2vw,36px);background:linear-gradient(160deg,#162d46,#0b192b);border:1px solid #c09a6170;box-shadow:0 18px 38px #0003}
.contact-path:last-child:nth-child(odd){grid-column:1/-1}
.contact-path h2,.partner-path h3{font:400 clamp(23px,2.55vw,33px)/1.3 Georgia,serif;color:#f0d79f;margin:0 0 16px}
.partner-path h3{font-size:clamp(23px,2.4vw,29px)}
.contact-path p,.partner-path p{font:15px/1.7 Arial,sans-serif;color:#e1d4bd;margin:0 0 17px}
.contact-path .contact-address{font-weight:600;color:#f2d596;overflow-wrap:anywhere}
.contact-path a,.partner-path a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;margin:3px 0 0;border:1px solid #d7b16f;border-radius:4px;color:#f4d9a0;text-align:center;text-decoration:none}
.contact-path a:hover,.partner-path a:hover{background:#bd975c24}
@media(max-width:700px){
 .contact-paths,.partner-paths{grid-template-columns:1fr;gap:14px;margin:27px 0 38px}
 .contact-path:last-child:nth-child(odd){grid-column:auto}
 .contact-path a,.partner-path a{width:100%}
}


/* Closing invitations from the approved packet, separate from article copy. */
.closing-card{
 max-width:800px;margin:35px 0 46px;padding:clamp(25px,4vw,42px);
 border:1px solid #c59e606e;background:linear-gradient(125deg,#18324c,#0a1a2a);
 box-shadow:0 15px 42px #0004;
}
.closing-card h3{font:400 clamp(26px,3.4vw,38px)/1.3 Georgia,serif;color:#f0d79f;margin:0 0 14px}
.closing-card p{font:16px/1.7 Arial,sans-serif;color:#e8dcc7;margin:0 0 20px}
.closing-card a{display:inline-flex;min-height:46px;padding:12px 20px;margin:0;align-items:center;justify-content:center;border:1px solid #dfba78;text-decoration:none;color:#f3d89f}
.closing-card a:hover{background:#c3a0612a}
.closing-card h3>a{font:inherit;text-align:left}
@media(max-width:700px){.closing-card{margin:28px 0 38px;padding:26px 22px}.closing-card a{width:100%}}


/* Storytelling rhythm: architectural chapter separators, no app-like cards. */
.story-chapter{max-width:870px;position:relative;margin:18px 0 40px;padding:20px 0 32px 28px;border-left:1px solid #ba965a75}
.story-chapter::before{content:"";position:absolute;left:-5px;top:37px;width:8px;height:8px;border:1px solid #dabb79;background:#102339;transform:rotate(45deg)}
.story-chapter h1,.story-chapter h2{margin:0 0 24px}
.story-chapter p{line-height:1.85}
.story-chapter p:last-child{margin-bottom:0}
.story-opening{padding-top:4px}
.story-opening::before{top:19px}
.vision-principles{max-width:880px;display:grid;gap:0;margin:36px 0 45px}
.vision-principle{position:relative;padding:21px 0 28px 27px;border-left:2px solid #bd995e7a}
.vision-principle+.vision-principle{margin-top:2px}
.vision-principle::before{content:"";position:absolute;top:33px;left:-5px;width:8px;height:8px;border:1px solid #d7b476;background:#12263d;border-radius:50%}
.vision-principle h2{margin:0 0 14px;font-size:clamp(26px,2.8vw,36px)}
.vision-principle p{margin:0;line-height:1.8}
@media(max-width:700px){
 .story-chapter{padding:12px 0 24px 19px;margin:15px 0 29px}
 .story-chapter::before{top:30px}
 .story-opening::before{top:22px}
 .vision-principle{padding:18px 0 24px 21px}
}


/* Retail partnership heading is unusually long; preserve every approved word
   while giving it a more balanced mobile line rhythm. Same original art crop. */
@media(max-width:700px){
 .interior-scene-retail-partners{--scene-focus:52%}
 .interior-scene-retail-partners + .intro + h1{
  font-size:clamp(32px,8.4vw,39px);
  line-height:1.17;
  letter-spacing:-.012em;
  max-width:100%;
 }
}


/* Updates: future journal categories are information, NOT clickable cards.
   Keep approved copy, remove misleading card surfaces and show the
   publication-status disclosure before the topics. */
.journal-topics-notice{margin:30px 0 18px;max-width:850px;line-height:1.75}
.journal-topics{display:grid;grid-template-columns:1fr;gap:0;margin:15px 0 44px;border-top:1px solid #ba985b69}
.journal-topic{position:relative;margin:0;padding:26px 0 28px 28px;border-bottom:1px solid #ba985b69;background:none;box-shadow:none;border-radius:0;cursor:default}
.journal-topic::before{content:"";position:absolute;left:0;top:38px;width:10px;height:1px;background:#edcc8b}
.journal-topic h2{margin:0 0 12px;color:#eccb82;font:400 clamp(26px,3vw,37px)/1.25 Georgia,serif}
.journal-topic p{font:clamp(16px,1.7vw,19px)/1.75 Georgia,serif;color:#e9dece;margin:0;max-width:810px}
.journal-more{margin:10px 0 35px}
.journal-more a{vertical-align:middle;margin-top:6px;margin-bottom:4px}
@media(max-width:700px){.journal-topics-notice{margin:25px 0 14px}.journal-topics{margin:14px 0 36px}.journal-topic{padding:25px 0 27px 21px}.journal-topic::before{top:36px;width:8px}}