/* First pass — approved rich navy and antique-gold design direction. No substitute logo or synthetic art. */
:root{color-scheme:dark;--navy:#091523;--navy-soft:#102238;--navy-deep:#050d19;--gold:#e0bd73;--gold-bright:#f0dba3;--cream:#f5ead3;--muted:#d3c3a4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--cream);font-family:Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}
a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--gold-bright);outline-offset:5px}
.skip{position:absolute;top:-120px;left:1rem;z-index:50;padding:1rem;background:var(--gold);color:var(--navy)}
.skip:focus{top:1rem}
.site-header{position:relative;z-index:5;background:linear-gradient(180deg,#071321 0%,#0b1a2c 100%);border-bottom:1px solid #ba91564b}
.header-inner{max-width:1440px;min-height:87px;margin:auto;padding:0 clamp(20px,5vw,75px);display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand,.footer-brand{text-decoration:none}.brand-wordmark{font-size:clamp(24px,2.8vw,35px);letter-spacing:.015em;color:var(--gold-bright);white-space:nowrap}
.navigation{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(11px,1.35vw,24px)}
.navigation a{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.035em;text-decoration:none;color:#f6e9d5}
.navigation a:hover,.navigation a[aria-current]{color:var(--gold-bright)}
.navigation a[aria-current]{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:8px}
.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:min(760px,89svh);display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#6d4428 0%,#273243 38%,var(--navy) 78%)}
.hero-art{position:absolute;z-index:-2;inset:0;
  background-color:#102238;
  background-image:linear-gradient(95deg,#06111ff2 0%,#071321c5 44%,#07132155 100%),url("../Falcons_Keep_Approved_Scene_For_GitHub_Upload.png");
  background-repeat:no-repeat;background-position:center,center top;background-size:cover,100% auto;
}
/* Approved scene is a 1536×298 pixel-only crop. The fallback gradient stays visible
   until the exact verified image is uploaded at the branch root. */
@media(max-width:960px){.hero-art{background-size:cover,auto 52%;background-position:center,center top}}

.hero-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--navy) 0%,transparent 23%)}
.hero-copy{width:min(700px,100%);margin-left:max(5.5vw,calc((100vw - 1290px)/2));padding:105px 25px 115px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font:600 11px/1.65 Arial,sans-serif;color:var(--gold-bright)}
h1,h2,p{margin-top:0}
h1{font-weight:400;font-size:clamp(48px,6.3vw,96px);line-height:1.03;letter-spacing:-.027em;text-shadow:0 3px 28px #0006}
.hero-subheading{font-size:clamp(22px,2.5vw,34px);color:var(--gold-bright)}
.hero-description{max-width:540px;font:16px/1.8 Arial,sans-serif;color:#e2d7c4}
.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}
.button{display:inline-flex;min-height:49px;gap:15px;align-items:center;justify-content:center;padding:12px 21px;text-decoration:none;font:600 13px/1.4 Arial,sans-serif;border:1px solid var(--gold);border-radius:4px}
.button-primary{background:linear-gradient(125deg,#e7cc91,#ba8e48);color:var(--navy-deep)}
.button-secondary{background:#0b1823bb;color:var(--gold-bright)}
.button:hover,.entrance a:hover{filter:brightness(1.13)}
.entrances{max-width:1300px;margin:-35px auto 65px;padding:0 25px;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.entrance{min-height:240px;padding:clamp(26px,4vw,45px);background:linear-gradient(150deg,#152f49,#0b192a);border:1px solid #b9955b80;box-shadow:0 15px 50px #0005}
.entrance h2{font-size:clamp(27px,3vw,42px);font-weight:400;color:var(--gold-bright)}
.entrance p:not(.eyebrow){font:15px/1.7 Arial,sans-serif;color:#e5dac9}
.entrance a{font:600 13px Arial,sans-serif;color:var(--gold-bright);text-underline-offset:5px}
.status{text-align:center;padding:20px 20px 75px;color:var(--gold-bright)}
.status p:first-child{font-size:18px}.status p:last-child{font:12px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.site-footer{background:var(--navy-deep);border-top:1px solid #bc965c66}
.footer-inner{max-width:1350px;padding:40px 30px;margin:auto}
.footer-brand{font-size:29px;color:var(--gold-bright)}
.footer-inner p{color:var(--muted);font:12px/1.7 Arial,sans-serif}
.footer-inner nav{display:flex;flex-wrap:wrap;gap:12px 25px;margin:28px 0;font:12px Arial,sans-serif}
.footer-inner nav a{text-decoration:none}
@media(max-width:960px){
.header-inner{min-height:77px}
.menu-toggle{display:flex;width:47px;height:47px;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:transparent;border:1px solid #b993586e;border-radius:5px}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--gold)}
.navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#0a1727;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 25px;border-bottom:1px solid var(--gold);box-shadow:0 20px 35px #0008}
.navigation.is-open{display:flex}
.navigation a{font-size:16px;padding:15px 5px;border-bottom:1px solid #e6bd7440}
.hero{min-height:600px}
.hero-copy{margin-left:0;padding:105px 25px 95px}
}
@media(max-width:580px){
.hero{min-height:620px;align-items:center}
.hero-copy{padding:70px 23px 105px}
.hero-actions{align-items:stretch;flex-direction:column}
.button{width:100%;max-width:360px}
.entrances{grid-template-columns:1fr;margin-top:-35px}
.entrance{min-height:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Founder mobile-experience refinement: a single in-world storybook navigation layer. */
@media(max-width:960px){
  .navigation{background:linear-gradient(155deg,#142b42 0%,#081523 78%);padding:22px clamp(20px,6vw,42px) 32px;max-height:calc(100dvh - 77px);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;border-bottom:1px solid #bb975c4a;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}
}
@media(max-width:580px){.hero-copy{padding-top:57px}.eyebrow{letter-spacing:.12em;line-height:1.85}}


/* On narrow screens display all three focal points from the SAME approved panorama.
   The CSS panels crop original pixels; there are no generated substitute images. */
.mobile-scene{display:none}
@media(max-width:700px){
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:linear-gradient(165deg,#102239,#091523 80%);overflow:hidden}
 .hero-art{display:none}
 .mobile-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:clamp(140px,37vw,194px);gap:3px;padding:0;background:#ae8a4e;overflow:hidden}
 .scene-panel{display:block;min-width:0;background-image:url("../Falcons_Keep_Approved_Scene_For_GitHub_Upload.png");background-repeat:no-repeat;background-size:auto 100%}
 .scene-tree{background-position:15% center}
 .scene-castle{background-position:52% center}
 .scene-falcon{background-position:100% center}
 .hero-overlay{display:none}
 .hero-copy{width:100%;max-width:600px;margin:0 auto;padding:43px 25px 75px}
 .hero-copy h1{font-size:clamp(44px,11vw,66px);line-height:1.07}
 .hero-description{font-size:16px;line-height:1.7}
 .entrances{margin-top:-30px}
}


/* Mobile visual refinement v2: retain approved image pixels, soften collage joins. */
@media(max-width:700px){
 .mobile-scene{
   position:relative;isolation:isolate;
   height:clamp(205px,55vw,280px);
   gap:0;background:#102238;
   border-bottom:1px solid #ba955e60;
 }
 .scene-panel{position:relative;filter:saturate(1.05)}
 .scene-panel + .scene-panel{box-shadow:-9px 0 17px -13px #081523 inset}
 .mobile-scene::after{
   content:"";pointer-events:none;position:absolute;inset:0;z-index:2;
   background:
     linear-gradient(to bottom,#08152333 0%,transparent 18%,transparent 69%,#0b1c2e 100%),
     linear-gradient(to right,#08152335 0%,transparent 12%,transparent 86%,#08152335 100%);
 }
 .hero-copy{position:relative;padding-top:27px}
 .hero-copy::before{content:"";display:block;width:74px;height:1px;background:linear-gradient(90deg,transparent,#ddba78,transparent);margin:0 0 26px}
}


/* Softly overlap the approved panorama crops instead of showing hard thirds.
   No generated imagery; CSS masks only affect the presentation of original pixels. */
@media(max-width:700px){
 .mobile-scene{display:block;height:clamp(220px,60vw,300px);background:#15243a}
 .scene-panel{position:absolute;inset-block:0;height:100%;filter:none;background-size:auto 100%}
 .scene-tree{left:0;width:44%;background-position:15% center;z-index:1;
   -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 100%);
   mask-image:linear-gradient(90deg,#000 0%,#000 58%,transparent 100%)}
 .scene-castle{left:24%;width:53%;background-position:52% center;z-index:0}
 .scene-falcon{right:0;width:43%;background-position:100% center;z-index:1;
   -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%,#000 100%);
   mask-image:linear-gradient(90deg,transparent 0%,#000 45%,#000 100%)}
 .mobile-scene::after{background:linear-gradient(to bottom,#08152325,transparent 68%,#0b1c2e 100%)}
}


/* Tablet continuity: show the approved scenic composition rather than a thin
   panoramic strip hidden behind a tall text block at 701–960px. */
@media(min-width:701px) and (max-width:960px){
 .hero{flex-direction:column;align-items:stretch;min-height:0;background:linear-gradient(160deg,#10263d,#091523 87%)}
 .hero-art,.hero-overlay{display:none}
 .mobile-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:clamp(190px,28vw,265px);gap:0;position:relative;overflow:hidden;background:#102238}
 .scene-panel{min-width:0;background-image:url("../Falcons_Keep_Approved_Scene_For_GitHub_Upload.png");background-repeat:no-repeat;background-size:auto 100%}
 .scene-tree{background-position:15% center}
 .scene-castle{background-position:52% center}
 .scene-falcon{background-position:100% center}
 .mobile-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 57%,#091523 100%)}
 .hero-copy{width:min(740px,100%);margin:0 auto;padding:45px 40px 95px}
}


/* 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}}


/* Full approved status is kept in one purposeful place, before the footer. */
.availability-status{max-width:940px;margin:40px auto 80px;padding:clamp(25px,5vw,54px);border:1px solid #ba955b66;background:linear-gradient(145deg,#162b43,#0b192b);box-shadow:0 14px 45px #0004}
.availability-status h2{font:400 clamp(31px,4.5vw,52px)/1.2 Georgia,serif;color:#f0dba3;margin:10px 0 24px}
.availability-status p:not(.eyebrow){font:16px/1.8 Arial,sans-serif;color:#e4d8c5;max-width:760px}
.availability-status .button{margin:12px 0 15px}
.availability-status .availability-principle{font:400 19px/1.5 Georgia,serif!important;color:#f0dba3!important;margin:15px 0 0}
@media(max-width:580px){.availability-status{margin:15px 23px 57px;padding:27px 23px}.availability-status .button{width:100%;max-width:none}}


/* Founder-directed phone-only hero: single, undistorted panorama.
   The approved 1536x298 scene keeps its intrinsic image proportions.
   A shallow 3.55:1 viewport shows the perched Falcon, Tree and castle and
   trims the blank right sky/flying bird. Tablets and desktop unchanged. */
@media(max-width:700px){
 .mobile-scene{
   display:block;
   height:auto;
   aspect-ratio:3.55 / 1;
   background-color:#102238;
   background-image:url("../Falcons_Keep_Approved_Scene_For_GitHub_Upload.png");
   background-size:auto 100%;
   background-position:left center;
   background-repeat:no-repeat;
 }
 .mobile-scene .scene-panel{display:none}
 .mobile-scene::after{
   background:linear-gradient(180deg,#0815231a 0%,transparent 60%,#0b1c2e 100%);
 }
}