/* Local-only proposal. Approved opening and partnership compositions remain intact. */
:root{--soft-aqua:#dcefeb;--soft-lilac:#e9e6f1;--line:#a9bfce55}
 body{overflow-x:clip}
.site-header nav a{padding:12px 0}
html{scroll-padding-top:98px}
.site-header{position:sticky;top:0;z-index:15;border-bottom:0;background:rgba(247,249,252,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.site-header:after{content:'';position:absolute;bottom:0;left:var(--pad);right:var(--pad);height:1px;background:linear-gradient(90deg,transparent,#bacbd766 12%,#bacbd766 88%,transparent)}
.site-header nav a:hover{color:#203e54}
.header-booking{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:150px;min-height:46px;padding:12px 25px;border:0;border-radius:12px;background:linear-gradient(110deg,#d4ebe6 0%,#eff3fc 25%,#ded8ef 48%,#d5eeea 73%,#edf2fa 100%);background-size:260% 100%;color:#203e54;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 6px 22px #8ea1b420;animation:booking-iris 10s ease-in-out infinite;transition:box-shadow .25s,transform .25s}
.header-booking:hover{transform:translateY(-1px);box-shadow:0 8px 24px #29475d1a,0 0 24px #b6dcd759}
.header-booking:focus-visible{outline:3px solid #537f9a;outline-offset:4px}
@keyframes booking-iris{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
html.quiet .header-booking{animation:none}
@media(prefers-reduced-motion:reduce){.header-booking{animation:none;transition:none}}
@media(max-width:960px){.site-header nav{display:none}}
.hero-intro{font-size:15px;line-height:1.8}
.cta-note{font-size:11px}
.opportunity{padding-top:90px;padding-bottom:88px}
.editorial-heading{margin-bottom:40px}
.editorial-heading p{max-width:30ch}
.people-story{position:relative;min-height:540px;isolation:isolate;border-radius:24px;overflow:hidden;background:#8dadae}
.business-context{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%;z-index:-3}
.people-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 40%,rgba(240,247,248,.16) 65%,rgba(240,247,248,.28) 100%)}
.people-intro{position:absolute;top:38px;right:34px;width:43%;color:var(--ink);max-width:550px}
.people-intro .micro{color:#526d80;font-size:10px}
.people-intro h3{margin-top:17px;font-size:clamp(28px,3vw,43px);line-height:1.16;color:var(--ink)}
.enquiry-example{position:absolute;right:34px;bottom:34px;width:43%;max-width:550px;padding:26px;border:1px solid #ffffff9c;border-radius:18px;background:linear-gradient(135deg,#f4faf8f0,#edf0f7ed);box-shadow:0 18px 60px #18363e26;backdrop-filter:blur(18px)}
.before-line{display:flex;align-items:center;gap:9px;font-size:11px;color:#63727d;margin-bottom:22px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#ad9f9a;box-shadow:0 0 0 4px #c9beb52b;flex:none}
.conversation{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}
.conversation .micro{font-size:9px;color:#6c8393}
.conversation p{font-size:clamp(19px,1.8vw,28px);letter-spacing:-.03em;color:#29475d;margin-top:8px}
.route{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:10px;color:#486878;line-height:1.6}
.route span:nth-child(2n){color:#83a3b5}
.route span:nth-child(2n+1){max-width:74px}
.after-line{display:flex;align-items:center;gap:9px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line);color:#365e60;font-size:12px}
.after-line svg{width:23px;height:23px;border-radius:50%;padding:4px;background:#c9e3dc;fill:none;stroke:#477970;stroke-width:1.8}
.visual-note{font-size:10px;margin-top:12px;color:#667f8d}
.open-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:39px}
.open-outcomes article{padding-top:24px;border-top:1px solid #9db9c67a;scroll-margin-top:32px}
.open-outcomes article:nth-child(2){border-color:#b6aecb99}
.open-outcomes article:nth-child(3){border-color:#9fc6bcaa}
.open-outcomes h3{font-size:clamp(24px,2.4vw,34px);margin:15px 0 13px;max-width:17ch}
.open-outcomes p{font-size:15px;line-height:1.75;max-width:35ch}
.evidence{padding-top:62px;padding-bottom:40px}
.story-heading h2{font-size:clamp(32px,3.8vw,52px)}
.story-heading>p{font-size:16px;text-align:right}
.engagement{padding-top:86px;padding-bottom:72px}
.steps p{font-size:15px}
.faq-section{padding-top:90px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1.35fr;gap:85px;border-top:1px solid var(--line)}
.faq-intro h2{font-size:clamp(33px,3.7vw,52px);margin:24px 0}
.faq-intro>p:not(.micro){font-size:16px;line-height:1.8}
.text-link{display:inline-flex;gap:22px;font-size:15px;border-bottom:1px solid #7ea0b2;padding:8px 0;margin-top:18px}
.text-link:hover{color:#456f87}
.faq-list details{border-top:1px solid var(--line);padding:24px 0}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{font-size:18px;line-height:1.5;letter-spacing:-.018em;padding-right:36px;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{font-size:22px;font-weight:400;color:#7793a6;top:-4px}
.faq-list details p{font-size:15px;line-height:1.85;padding-right:20px;max-width:62ch;margin-top:18px}
.founder-closing{padding-top:92px;padding-bottom:82px;grid-template-columns:1.03fr 1fr;gap:70px;background:radial-gradient(ellipse at 8% 60%,#cfe9df80,transparent 65%),radial-gradient(ellipse at 95% 55%,#dcd8ee99,transparent 70%),#edf3f7}
.founder-closing h2{font-size:clamp(42px,5.1vw,72px);margin:23px 0}
.founder-closing .closing-invitation>p:not(.micro){max-width:43ch;font-size:16px}
.closing-invitation .button{margin-top:3px}
.founder-closing .closing-invitation p.call-detail{font-size:11px;letter-spacing:.025em;margin:15px 0 0;color:#688292}
.founder-closing .closing-invitation p.investment{font-size:12px;margin-top:23px}
.founder-contact{align-self:center;display:grid;grid-template-columns:150px 1fr;gap:27px}
.portrait-wrap{height:207px;border-radius:80px 80px 16px 16px;overflow:hidden;background:#dce8ed;box-shadow:0 18px 45px #36597212}
.portrait-wrap>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.founder-details>.micro{font-size:9px;line-height:1.8;max-width:26ch}
.founder-details h3{font-size:clamp(27px,2.8vw,39px);line-height:1.18;margin:14px 0}
.founder-details p{font-size:13px;line-height:1.8;max-width:40ch}
.founder-details p.founder-title{font-size:11px;color:#486b7d;margin-bottom:15px}
.contact-email{display:inline-flex;align-items:center;gap:20px;font-size:13px;line-height:1.6;border-bottom:1px solid #8daebd;padding:6px 0;margin-top:16px;max-width:100%;overflow-wrap:anywhere}
.film-credits{display:flex;width:max-content;border:0;border-radius:0;background:transparent;padding:0;gap:10px;font-size:11px;margin-top:22px}
.film-credits:hover{background:transparent;color:#557d95}
.site-footer{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px;padding-top:55px;padding-bottom:25px;background:linear-gradient(130deg,#edf5f5,#f4f5fa);border-top:1px solid #adc4d04d;align-items:start}
.footer-brand .brand{font-size:27px}
.footer-brand p{font-size:14px;line-height:1.8;margin:22px 0}
.footer-links{display:flex;flex-direction:column;gap:17px;padding-top:4px}
.footer-links .micro{font-size:9px;margin-bottom:6px}
.footer-links a{font-size:13px;line-height:1.6;width:fit-content}
.footer-links a:hover{color:#6b91a6;text-decoration:underline;text-underline-offset:5px}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;font-size:10px;color:#708795;margin-top:8px;padding-right:112px}
@media(min-width:1500px){.people-story{min-height:660px}.enquiry-example{padding:35px;right:45px;bottom:45px}.route{font-size:12px}.route span:nth-child(2n+1){max-width:98px}.before-line{font-size:12px}.after-line{font-size:14px}.founder-contact{grid-template-columns:190px 1fr;gap:36px}.portrait-wrap{height:264px}.founder-details p{font-size:15px}.contact-email{font-size:15px}.site-footer{padding-top:65px}}
@media(max-width:1050px){.site-header nav{gap:20px}.people-story{min-height:520px}.enquiry-example{width:49%;padding:23px;right:26px;bottom:26px}.open-outcomes{gap:28px}.faq-section{gap:45px;grid-template-columns:.95fr 1.25fr}.faq-list summary{font-size:17px}.founder-closing{gap:40px}.founder-contact{grid-template-columns:1fr;gap:22px}.portrait-wrap{width:116px;height:140px;border-radius:60px 60px 12px 12px}.founder-details h3 br{display:none}.founder-details>.micro{max-width:none}.founder-details p{max-width:42ch}}
@media(max-width:760px){
 .site-header nav{display:none}.site-header{gap:12px}.header-booking{font-size:12px;padding:11px 19px;min-width:124px;min-height:44px}
 .hero-intro{font-size:14px}.hero .button{max-width:100%;gap:22px;font-size:12px;padding:18px 19px}.cta-note{font-size:10px}.proof .proof-note{font-size:9px}
 .opportunity,.engagement{padding-top:52px;padding-bottom:52px}.editorial-heading{margin-bottom:28px}.editorial-heading p{font-size:16px;max-width:36ch}
 .people-story{min-height:0;border-radius:19px;padding-bottom:18px;background:linear-gradient(130deg,#e3efed,#e8edf5)}.business-context{position:relative;display:block;object-position:18% center;height:270px;width:100%;object-fit:cover;z-index:auto}.people-shade{display:none}
 .people-intro{position:relative;top:auto;left:auto;right:auto;width:auto;max-width:none;margin:25px 23px}.people-intro h3{font-size:30px;max-width:none;margin-top:12px}.enquiry-example{position:relative;width:auto;max-width:none;left:auto;right:auto;bottom:auto;margin:0 16px;padding:22px;box-shadow:0 12px 25px #4465740b}.conversation p{font-size:23px}.route{font-size:10px;gap:8px}.visual-note{font-size:9px;line-height:1.8}
 .open-outcomes{grid-template-columns:1fr;gap:25px;margin-top:28px}.open-outcomes article{padding-top:23px}.open-outcomes h3{font-size:29px;max-width:none;margin:12px 0}.open-outcomes p{font-size:15px;max-width:45ch}
 .evidence{padding-top:45px;padding-bottom:30px}.story-heading{display:block}.story-heading>p{font-size:15px;text-align:left;margin-top:18px}.story-heading>p br{display:none}.story-section video{border-radius:14px!important}
 .faq-section{grid-template-columns:1fr;gap:37px;padding-top:55px;padding-bottom:60px}.faq-intro h2{font-size:39px;margin:18px 0}.faq-intro>p:not(.micro){font-size:15px}.text-link{margin-top:12px;font-size:14px}.faq-list details{padding:22px 0}.faq-list summary{font-size:18px}.faq-list details p{font-size:15px;padding-right:4px}
 .founder-closing{grid-template-columns:1fr;gap:48px;padding-top:58px;padding-bottom:57px}.founder-closing h2{font-size:49px}.founder-closing .closing-invitation>p:not(.micro){font-size:15px}.founder-closing .button{font-size:12px;gap:15px}.founder-contact{grid-template-columns:105px 1fr;gap:23px;padding-top:30px;border-top:1px solid #aec5d066}.portrait-wrap{width:105px;height:145px}.founder-details h3{font-size:28px;margin:12px 0}.founder-details h3 br{display:block}.founder-details>.micro{font-size:8px}.founder-details p{font-size:12px}.founder-details p.founder-title{font-size:10px}.contact-email{font-size:11px;gap:8px}.film-credits{font-size:10px;gap:6px}.film-credits img{width:36px}
 .site-footer{grid-template-columns:1fr 1fr;gap:30px;padding-top:38px;padding-bottom:83px}.footer-brand{grid-column:1/-1}.footer-brand p{margin:16px 0 0}.footer-links{gap:15px}.footer-links a{font-size:12px}.footer-links .micro{font-size:8px}.footer-bottom{display:flex;flex-wrap:wrap;gap:14px 25px;padding-right:0;margin-top:0}.footer-bottom span:nth-child(2){order:3;width:100%}
}
@media(prefers-reduced-motion:reduce){.people-story *{animation:none!important}}
/* Legible quiet labels, never hairline copy masquerading as essential information. */
.open-outcomes p,.steps p,.faq-list details p{font-size:16px}
.visual-note{font-size:11px;color:#506d7e}
.before-line{font-size:12px}.route{font-size:12px}.route span:nth-child(2n+1){max-width:100px}
.founder-details p{font-size:14px}.founder-details p.founder-title{font-size:12px}
.footer-links a{font-size:14px}.footer-links .micro{font-size:10px}
@media(max-width:760px){.route{font-size:11px;gap:7px}.visual-note{font-size:10px}.founder-details p{font-size:13px}.founder-details p.founder-title{font-size:11px}.footer-links a{font-size:13px}}
.footer-brand p.market-note{font-size:12px;margin-top:20px;max-width:32ch}
/* Give the founder invitation a readable measure on narrow phones. */
@media(max-width:480px){
 .founder-contact{grid-template-columns:1fr;gap:23px}
 .portrait-wrap{width:105px;height:135px}
 .founder-details h3{font-size:34px;max-width:15ch}
 .founder-details h3 br{display:none}
 .founder-details>.micro{font-size:11px;max-width:30ch}
 .founder-details p,.hero-intro,.founder-closing .closing-invitation>p:not(.micro){font-size:16px}
 .founder-details p.founder-title{font-size:13px}
 .contact-email{font-size:15px;gap:15px}
 .film-credits{font-size:13px}
}
/* Match the approved portrait: soft rectangular corners and muted blue-grey. */
.portrait-wrap{height:auto;aspect-ratio:220/290;border-radius:6.4% / 4.8%;background:#edf3f8;box-shadow:none;align-self:start}
.portrait-wrap>img{display:block;object-position:center 25%;filter:saturate(.55)}
.personal-invitation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:37px 35px;margin-top:40px;background:#edf3f8;border-radius:20px}
.invitation-copy h3{font-size:clamp(28px,3.3vw,39px);margin:10px 0 12px}
.invitation-copy>p:not(.micro){max-width:35ch;font-size:14px;color:#526d80}
.invitation-email{display:inline-block;font-size:12px;color:#4d7188;margin-top:13px;text-decoration:underline;text-underline-offset:5px}
.invitation-action{text-align:center}.invitation-action .button{background:#315a76;color:#f7fbff;border-color:#315a76;box-shadow:0 10px 25px #315a7616;min-height:64px;min-width:230px;padding:20px 27px;font-size:16px;white-space:nowrap}
.invitation-action .button:hover{background:#23475f;border-color:#23475f}.invitation-action p{font-size:11px;color:#5b788b;margin-top:12px}
@media(max-width:800px){.personal-invitation{grid-template-columns:1fr;gap:25px;padding:28px 23px}.invitation-action{text-align:left}.invitation-copy h3{font-size:29px}.invitation-copy>p:not(.micro){font-size:14px}.invitation-action .button{min-width:0;width:100%;max-width:340px}}
/* Rekode's measured 1440px frame, with responsive gutters and a quieter film. */
:root{--pad:clamp(24px,4.45vw,64px)}
.shell{box-sizing:border-box;width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--pad)}
.shell>*{min-width:0}
.story-section #refined-film{max-width:1040px;margin-inline:auto}
.story-section .film-audio{max-width:1040px;margin:12px auto 0}
.personal-invitation{grid-template-columns:minmax(300px,1fr) minmax(230px,auto);column-gap:clamp(28px,4vw,64px)}
.invitation-copy{min-width:0}.invitation-copy h3{max-width:19ch;overflow-wrap:normal;word-break:normal}
.invitation-copy>.micro{white-space:normal}.invitation-email{max-width:100%;overflow-wrap:anywhere}
@media(min-width:1500px){.hero h1{font-size:66px}.hero-system{height:410px}.people-story{min-height:580px}}
@media(max-width:960px){.personal-invitation{grid-template-columns:1fr;gap:25px}.invitation-action{text-align:left}.invitation-action .button{min-width:230px;width:auto;max-width:100%}}
@media(max-width:600px){.personal-invitation{padding:28px 23px}.invitation-action .button{width:100%;min-width:0;max-width:340px}}
/* One dark editorial pause between the pale delivery sequence and the FAQ. */
.personal-invitation{background:radial-gradient(ellipse at 100% 0%,#34597166,transparent 60%),#203e54;color:#f4f8fc;border:1px solid #37566c;box-shadow:0 18px 45px #203e540a}
.personal-invitation .micro{color:#b8cdda}
.invitation-copy h3{color:#f4f8fc}.invitation-copy h3 em{color:#b7dad7}
.invitation-copy>p:not(.micro){color:#d0dde6}.invitation-email{color:#d8e6ef;text-decoration-color:#8eacbd}
.invitation-action .button{background:#d2ebe5;color:#183c4c;border-color:#d2ebe5;box-shadow:0 9px 24px #102b4326}
.invitation-action .button:hover{background:#e4f4ee;border-color:#e4f4ee}.invitation-action p{color:#bbcedc}
.personal-invitation a:focus-visible{outline-color:#e2f3ed}
/* Keep the reading frame, but let the opening atmosphere extend beyond its edges. */
.hero{position:relative;isolation:isolate;overflow:visible;background:none}
.hero:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:0;bottom:-40px;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 72% 30%,#dce5f478,transparent 57%),radial-gradient(ellipse at 54% 72%,#dcefe65c,transparent 50%);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 78%,transparent)}
.hero-system{margin-right:0}
.stack{background:transparent;border:0;padding-top:30px;padding-bottom:28px}
.stack-head{margin-bottom:28px}.stack-head p{max-width:32ch;text-align:right}
.tool-window{padding-block:7px;mask-image:linear-gradient(90deg,transparent,#000 64px,#000 calc(100% - 64px),transparent)}
.tool-track{animation-duration:160s}
.tool-window:focus-within .tool-track{animation-play-state:paused}
.tool-set{gap:64px;padding-right:64px}
.tool-set span{font-size:13px;gap:10px}
.tool-set img{width:21px;height:21px}
.stack-caption{margin-top:20px}
@media(max-width:760px){.hero-system{margin:8px 0 0}.stack{padding-top:24px;padding-bottom:25px}.stack-head{margin-bottom:20px}.stack-head p{text-align:left;max-width:none}.tool-set{gap:46px;padding-right:46px}.tool-window{mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent)}}
/* Approved option 01: match the header and the navy invitation. */
.invitation-action .button,.invitation-action .button:hover{justify-content:center;border:0;border-radius:12px;color:#203e54;background:linear-gradient(110deg,#d4ebe6 0%,#eff3fc 25%,#ded8ef 48%,#d5eeea 73%,#edf2fa 100%);background-size:260% 100%;box-shadow:0 6px 22px #8ea1b420;animation:booking-iris 10s ease-in-out infinite}
/* Pricing is information, not another action: a diffuse aqua wash, no border. */
.founder-closing .closing-invitation p.investment{border:0;border-radius:0;background:none;box-shadow:none;padding:12px 0;font-size:13px;color:#486878;cursor:auto}
.founder-closing .investment:before{inset:-8px -18px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#b8e0d77a,transparent 73%);filter:blur(12px);opacity:.55;animation:investment-aqua 9s ease-in-out infinite}
@keyframes investment-aqua{0%,100%{opacity:.35;transform:translateX(-5px)}50%{opacity:.65;transform:translateX(5px)}}
html.quiet .invitation-action .button,html.quiet .investment:before{animation:none}
@media(prefers-reduced-motion:reduce){.invitation-action .button,.investment:before{animation:none!important}}