@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap";:root{--ink: #15263a;--ink-deep: #071826;--harbor: #12344a;--ivory: #f7f2e8;--paper: #fbf8f1;--mist: #e8dfd0;--brass: #b28a4a;--mahogany: #5e2630;--muted: #6b6258;--line: rgba(18, 52, 74, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,#app{min-height:100%;margin:0}body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}.founder-site{min-height:100vh;overflow-x:hidden;background:linear-gradient(90deg,rgba(18,52,74,.05) 1px,transparent 1px),linear-gradient(180deg,var(--paper) 0%,#f3ecdf 48%,#f8f4eb 100%);background-size:84px 84px,auto}img,.hero-image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.15rem clamp(1rem,4vw,3.5rem);color:var(--ivory);background:linear-gradient(180deg,#071826cc,#07182600);transition:transform .28s ease,opacity .28s ease}.wordmark{display:inline-flex;align-items:center;text-decoration:none}.wordmark img{display:block;width:clamp(156px,18vw,240px);height:auto;filter:drop-shadow(0 0 5px rgba(255,255,255,.78)) drop-shadow(0 0 14px rgba(255,255,255,.48)) drop-shadow(0 0 28px rgba(247,242,232,.34))}.nav.nav-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.hero{position:relative;min-height:max(80vh,44vw);display:grid;align-items:end;padding:clamp(6rem,12vh,9rem) clamp(1rem,4vw,3.5rem) clamp(1.6rem,4vh,3rem);color:var(--ivory);isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-image{background-image:url(/images/karim-hero-20260613.png?v=20260613-2);background-position:center 18%;background-size:cover;background-repeat:no-repeat;background-color:#000}.hero-shade{z-index:-1;background:linear-gradient(90deg,#000000bd,#0000004d 55%,#00000024),linear-gradient(0deg,#000000d6,#0000001f 58%)}.hero-content{width:min(780px,100%)}.kicker,.section-label{margin:0;color:var(--brass);font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;letter-spacing:0}h1{max-width:760px;margin-bottom:.75rem;font-size:clamp(4.8rem,13vw,10.5rem);line-height:.86}.hero-lede{max-width:620px;margin-bottom:1.6rem;color:#f7f2e8db;font-size:clamp(1.04rem,2vw,1.34rem);line-height:1.7}.quote-section,.credentials-section,.principles-section,.tsp-section,.akoko-project-section,.contact-section,.site-footer{width:min(1180px,calc(100% - 2rem));margin:0 auto}.quote-section{padding:clamp(3.5rem,8vw,7rem) 0 0}.quote-section p{max-width:980px;margin:0;color:var(--ink-deep);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.1rem,5.4vw,5.8rem);line-height:.98;text-align:center}.tsp-panel h2,.contact-section h2{margin:.55rem 0 1rem;color:var(--ink-deep);font-size:clamp(2.4rem,5vw,5rem);line-height:.98}.credentials-section p,.principles-section p,.tsp-section p,.akoko-project-section p,.contact-section p{margin-bottom:0;color:var(--muted);font-size:.98rem;line-height:1.75}.read-more-block{display:grid;gap:.7rem}.read-more-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.read-more-expanded .read-more-text{display:block;overflow:visible;-webkit-line-clamp:unset}.read-more-button{display:inline-flex;width:fit-content;min-height:40px;align-items:center;justify-content:center;border:1px solid rgba(178,138,74,.38);padding:.55rem .78rem;color:var(--harbor);background:#fbf8f1c2;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.read-more-button:hover{border-color:var(--brass);background:#b28a4a1f}.credentials-section{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:clamp(4rem,8vw,6.5rem) 0}.credentials-heading{grid-column:1 / -1;min-height:auto;padding:0 0 1.3rem}.credentials-section>.credentials-heading{border:none;min-height:auto;padding:0 0 1.3rem}.credential-button{display:grid;min-height:150px;place-items:center;gap:.85rem;border:1px solid var(--line);padding:1.25rem;color:var(--harbor);background:#fbf8f175;font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.credential-button svg{color:var(--brass)}.credential-button span{color:var(--ink-deep);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.45rem,2.5vw,2.35rem);font-weight:600}.credential-button:hover{border-color:#b28a4a80;background:#fbf8f1c7;transform:translateY(-2px)}.modal-open{overflow:hidden}.credential-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;overflow-y:auto;background:#07182659;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.credential-modal{position:relative;width:min(720px,100%);max-height:min(86dvh,720px);overflow:auto;border:1px solid rgba(178,138,74,.34);padding:clamp(1.4rem,4vw,2.6rem);color:var(--ink);background:#fbf8f1f0;box-shadow:0 30px 90px #07182647}.credential-modal-close{position:absolute;top:.9rem;right:.9rem;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(178,138,74,.34);color:var(--harbor);background:#fbf8f1b8;cursor:pointer;z-index:2}.credential-modal-icon{color:var(--brass)}.credential-modal-image{display:block;width:min(100%,420px);max-height:52vh;margin:.9rem auto 1.2rem;object-fit:contain;border:1px solid rgba(178,138,74,.24)}.credential-modal-with-image{display:grid;width:min(980px,100%);grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:0 2rem;align-items:start}.credential-modal-with-image .credential-modal-image{grid-row:1 / span 3;width:100%;max-height:68vh;margin:0;aspect-ratio:3 / 4;object-fit:cover}.credential-modal-with-image .credential-modal-icon,.credential-modal-with-image h2,.credential-modal-with-image p{grid-column:2}.credential-modal h2{margin:.65rem 0 1rem;color:var(--ink-deep);font-size:clamp(2.3rem,5vw,4.4rem);line-height:.95}.credential-modal p{margin:0;color:#51483f;font-size:clamp(1rem,1.8vw,1.12rem);line-height:1.85}.principles-section{padding:0 0 clamp(4rem,8vw,6.5rem)}.manuscript{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:430px;border:1px solid rgba(178,138,74,.34);background:linear-gradient(90deg,rgba(94,38,48,.1),transparent 10%,transparent 90%,rgba(94,38,48,.08)),#efe3cf;box-shadow:0 26px 70px #07182621;margin-top:1.2rem}.book-spine{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,transparent,rgba(94,38,48,.34),transparent);box-shadow:-16px 0 32px #00000014,16px 0 32px #00000014;transform:translate(-50%)}.manuscript-page{min-height:430px;padding:clamp(1.4rem,4vw,3.2rem);background:linear-gradient(90deg,rgba(255,255,255,.34),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.28),transparent 34%),repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(178,138,74,.08) 32px),#f8edd9}.manuscript-page-secondary{background:linear-gradient(270deg,rgba(255,255,255,.34),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.24),transparent 34%),repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(178,138,74,.08) 32px),#f5e8d1}.page-mark{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(2rem,5vw,4rem);color:var(--brass);font-size:.85rem;font-weight:700;letter-spacing:.13em}.manuscript-page h3{max-width:12ch;margin-bottom:1.1rem;color:var(--ink-deep);font-size:clamp(2.2rem,4.6vw,4.5rem);line-height:.94}.manuscript-page p{max-width:48ch;color:#574d42}.manuscript-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.manuscript-controls button{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(178,138,74,.42);color:var(--harbor);background:#fbf8f1bd;cursor:pointer}.manuscript-controls button:hover{border-color:var(--brass)}.manuscript-controls span{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tsp-section{padding:0 0 clamp(4rem,8vw,6.5rem)}.tsp-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,5vw,5rem);margin-top:1.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(1.4rem,4vw,3rem) 0}.tsp-copy{display:grid;gap:1rem}.tsp-link{display:inline-flex;width:fit-content;min-height:46px;align-items:center;justify-content:center;gap:.5rem;margin-top:.35rem;border:1px solid rgba(94,38,48,.24);padding:.8rem 1rem;color:var(--ivory);background:var(--mahogany);font-size:.84rem;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;cursor:pointer;white-space:nowrap}.tsp-link:hover{background:#6e2e39}.tsp-pdf-modal{width:min(1180px,100%);height:min(92dvh,860px);display:grid;grid-template-rows:auto 1fr;gap:1rem;overflow:hidden}.tsp-pdf-modal h2{margin-right:3rem;font-size:clamp(1.6rem,3vw,2.8rem)}.tsp-pdf-frame{width:100%;height:100%;border:1px solid rgba(178,138,74,.24);background:#fff}.akoko-project-section{padding:0 0 clamp(4rem,8vw,6.5rem)}.akoko-project-gate{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border:1px solid rgba(178,138,74,.36);padding:0 1.2rem;color:var(--harbor);background:#fbf8f1b8;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.akoko-modal{width:min(1120px,100%)}.akoko-code-form{display:grid;gap:1rem;max-width:420px}.akoko-code-form label{display:grid;gap:.45rem;color:var(--brass);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.akoko-code-form input{height:48px;border:1px solid rgba(178,138,74,.34);padding:0 .85rem;color:var(--ink-deep);background:#ffffff80}.akoko-code-error{color:#8b2339;font-weight:700}.akoko-project-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,5vw,5rem);border-bottom:1px solid var(--line);padding:clamp(1.5rem,4vw,3rem) 0}.akoko-project-heading{display:grid;align-content:start;gap:1rem}.akoko-project-heading svg{color:var(--brass)}.akoko-project-heading h2{margin:0;color:var(--ink-deep);font-size:clamp(2.6rem,5.8vw,6.2rem);line-height:.9}.akoko-financial-partner{display:grid;gap:.75rem;width:min(100%,300px);margin-top:1.1rem}.akoko-financial-partner span{color:var(--brass);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.akoko-financial-partner img{display:block;width:min(100%,260px);height:auto}.akoko-project-copy{display:grid;gap:1rem}.akoko-project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.akoko-project-gallery figure{position:relative;min-height:230px;margin:0;overflow:hidden;border:1px solid var(--line);background:#fbf8f1b8}.akoko-project-gallery .akoko-project-plan,.akoko-project-gallery .akoko-project-aerial{grid-column:auto}.akoko-project-gallery .akoko-project-feed,.akoko-project-gallery .akoko-project-process{grid-column:1 / -1}.akoko-project-gallery img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover}.akoko-project-gallery .akoko-project-plan img{max-height:min(72vh,720px);object-fit:contain;background:#fff}.akoko-project-gallery .akoko-project-process img{object-fit:contain;background:#fbf8f1}.akoko-project-gallery figcaption{position:absolute;left:.7rem;bottom:.7rem;max-width:calc(100% - 1.4rem);padding:.36rem .5rem;color:var(--ivory);background:#06232dd1;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.akoko-project-disclaimer{max-width:760px;margin:1rem auto 0;text-align:center;color:var(--muted);font-size:.86rem;line-height:1.65}.contact-section{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,120px) minmax(0,760px);justify-content:center;gap:clamp(1rem,3vw,2.5rem);align-items:start;overflow:hidden;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:clamp(520px,34vw,680px);padding:clamp(4rem,8vw,7rem) clamp(1.4rem,5vw,5.5rem);color:var(--ivory);background-image:linear-gradient(#08080847,#0808085c),url(/un-contact-bg.jpg);background-position:center center;background-size:cover;box-shadow:inset 0 0 0 1px #f7f2e81f}.contact-section:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08080857,#0808081f);content:""}.contact-section>*{position:relative;z-index:1}.contact-header{display:grid;gap:1rem;align-content:start;justify-items:start}.linkedin-button{display:inline-flex;width:fit-content;align-items:center;justify-content:center;margin-bottom:0;border:1px solid rgba(178,138,74,.34);padding:.72rem 1rem;color:var(--ivory);background:#0c1014d1;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease}.linkedin-button:hover{border-color:var(--brass);background:#12344aeb;transform:translateY(-1px)}.linkedin-button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(100%,760px);padding:clamp(1rem,3vw,2rem);border:1px solid rgba(247,242,232,.14);background:#0808089e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-form label{display:grid;gap:.45rem}.contact-form span{color:var(--brass);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(247,242,232,.18);border-radius:0;padding:.86rem .9rem;color:var(--ivory);background:#0808088f;font:inherit;line-height:1.5;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#f7f2e88a}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#b28a4abf;box-shadow:0 0 0 3px #b28a4a1f}.form-wide{grid-column:1 / -1}.form-submit{display:inline-flex;min-height:48px;width:fit-content;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;padding:.82rem 1.1rem;color:var(--ivory);background:var(--mahogany);font:inherit;font-size:.84rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.form-submit:hover{background:#6e2e39}.form-status{grid-column:1 / -1;margin:0;font-size:.92rem}.form-status-sent{color:#2f6f45}.form-status-error{color:#8f2634}.site-footer{display:grid;grid-template-columns:.35fr 1.65fr;gap:clamp(1.2rem,4vw,4rem);border-top:1px solid var(--line);padding:clamp(1.6rem,4vw,2.5rem) 0 clamp(2.5rem,6vw,4rem)}.site-footer p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.75}@media(max-width:960px){.tsp-panel,.akoko-project-panel,.contact-section,.site-footer,.credentials-section{grid-template-columns:1fr}.credentials-section>div+div{border-left:none;border-top:none}}@media(max-width:640px){.nav{align-items:center;padding:.9rem 1rem}.wordmark img{width:clamp(132px,42vw,182px)}.hero{min-height:92vh}.hero-image{background-position:center 14%;background-size:cover;background-color:#000}.contact-form{grid-template-columns:1fr}.credential-modal-backdrop{align-items:start;place-items:start center;padding:.75rem}.credential-modal{width:100%;max-height:calc(100dvh - 1.5rem);padding:1rem;overflow-x:hidden}.credential-modal-close{position:absolute;top:.75rem;right:.75rem;margin-left:0}.credential-modal-with-image{grid-template-columns:1fr;gap:.8rem}.credential-modal-with-image .credential-modal-image,.credential-modal-with-image .credential-modal-icon,.credential-modal-with-image h2,.credential-modal-with-image p{grid-column:1}.credential-modal-image,.credential-modal-with-image .credential-modal-image{width:100%;max-height:42dvh;aspect-ratio:4 / 3;object-fit:cover}.credential-modal h2{margin:.2rem 0 .7rem;font-size:clamp(2rem,12vw,3rem);line-height:1}.credential-modal p{font-size:.98rem;line-height:1.65}.form-submit{width:100%}.tsp-link{width:100%;white-space:nowrap}.tsp-pdf-modal{height:calc(100dvh - 1.5rem);gap:.65rem}.credentials-section,.quote-section,.principles-section,.tsp-section,.akoko-project-section,.site-footer{width:min(100% - 1.1rem,1180px)}.contact-section{width:100%;min-height:560px}.credentials-section>.credentials-heading{order:0}.credentials-section>div:nth-child(2){order:2}.credentials-section>div:nth-child(3){order:3}.credentials-section>div:nth-child(4){order:4}.credentials-section>div:nth-child(5){order:1}.manuscript{grid-template-columns:1fr}.book-spine{display:none}.manuscript-page{min-height:auto}.manuscript-page-secondary{display:none}.akoko-project-gallery{grid-template-columns:1fr}.akoko-project-gate{width:100%}.akoko-modal .akoko-project-heading h2,.akoko-code-form h2{font-size:clamp(2rem,12vw,3rem);line-height:1}.akoko-modal .akoko-project-gallery figure,.akoko-modal .akoko-project-gallery img{min-height:180px}.akoko-project-gallery .akoko-project-plan,.akoko-project-gallery .akoko-project-aerial,.akoko-project-gallery .akoko-project-feed,.akoko-project-gallery .akoko-project-process{grid-column:auto}}.venture-button{display:inline-flex;align-items:center;justify-content:center;margin:0 .16rem;border:1px solid rgba(190,134,58,.34);padding:.12rem .42rem;color:var(--navy);background:#be863a1c;font-size:.78em;font-weight:700;letter-spacing:.04em;line-height:1.45;text-decoration:none;text-transform:uppercase;vertical-align:baseline}.venture-button:hover{background:#be863a33;border-color:#be863a8c}@media(max-width:640px){.venture-button{min-height:40px;margin:.12rem .1rem;padding:.45rem .7rem;line-height:1.2}}
