/* The existing Motorpreneur wordmark remains unchanged. Dark personal site layer. */
:root{color-scheme:dark;--paper:#111311;--ink:#f1f0e9;--muted:#a7ada2;--orange:#ef623d;--line:#353a33}
body{background:var(--paper);color:var(--ink)}
.header{background:#111311}.header nav{font-size:12px}.header nav .nav-contact{border-color:#4e554a}.wordmark{width:208px;display:block;line-height:0;flex-shrink:0}.wordmark svg{display:block;width:100%;height:auto;overflow:hidden}.brand-slashes{display:none}
.hero{background:#111311}.hero-grid{grid-template-columns:1.12fr 1fr;gap:34px;padding-top:44px;padding-bottom:42px}.hero h1{font-size:clamp(85px,8.7vw,140px);line-height:.96;letter-spacing:-1.8px}.hero h1>span{white-space:nowrap}.hero-copy>.hero-belief{font-size:22px;line-height:1.4;letter-spacing:-.5px;color:var(--ink);margin:26px 0 0}.hero-copy>.hero-description{font-size:13px;line-height:1.85;color:var(--muted);max-width:420px;margin:17px 0 27px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.text-link{font-size:11px;line-height:1.5}.text-link>span{margin-left:9px;color:var(--orange)}.text-link:hover{color:var(--orange)}.hero-image{height:520px;min-height:480px;background:#1a1e18}.hero-image>img{filter:saturate(.4) brightness(.76);object-position:65% center}.hero-image:after{background:linear-gradient(180deg,#0006,transparent 40%,transparent 55%,#000c)}.hero-bottom{color:#adb3a7}.button-dark{background:var(--orange);color:#11150f}.button-dark:hover{background:#ff8059}.hero-image .image-index{font-size:7px;letter-spacing:1px}
.about{background:#191d18;border-top:1px solid #232821;border-bottom:1px solid #2c3329;padding-top:88px;padding-bottom:88px;grid-template-columns:1fr 1.2fr;gap:85px}.about-heading h2{font-family:var(--display);font-size:70px;line-height:.98;letter-spacing:-.8px;margin-top:25px}.about-heading h2 span{color:#929d88}.about-caption{margin-top:28px;color:var(--muted);line-height:1.9}.about-copy{padding-top:4px}.about-copy>.about-lead{font-size:30px;letter-spacing:-.8px;line-height:1.3;margin:0 0 25px;color:var(--ink)}.about-copy>p{font-size:13px;line-height:1.9;color:#b4bcae}.founder{margin-top:26px;padding-top:24px}.founder strong{font-size:13px}.founder>div>span{font-size:8px}.founder a{font-size:10px}
.approach{background:#111311;color:var(--ink);border-bottom:1px solid var(--line)}.approach .eyebrow{color:#aeb6a6}.approach-intro>p:not(.eyebrow){color:var(--muted);font-size:13px}.principles details{border-color:#3e4638}.principles summary{font-size:18px}.principles details:last-child{border-color:#3e4638}.principles details>p{font-size:13px;color:#b6bfae}.principles summary>span,.principles summary>i:after{color:#aeb8a4}.approach-symbol{font-size:110px;margin-top:24px;margin-bottom:18px}
.ventures{background:#151813}.section-heading h2{font-size:66px}.section-heading h2 span{color:#929d88}.section-heading>p{font-size:13px}.filters button{font-size:12px}.venture-card>p{font-size:12px}.card-topline{font-size:8px;color:#a9b2a0}.card-link{font-size:11px}.art-label{opacity:.85}.art-autotronix{background:#202826}.art-gate{background:#293329;color:#d8e1cb}.gate-grid{opacity:.65}.art-washly{background:#243638;color:#cae4e3}.wash-rings{border-color:#63808355;box-shadow:0 0 0 30px #243638,0 0 0 31px #63808355}.art-carzly{background:#2d3a29;color:#d6e1b7}.route-line{border-color:#809c6270;box-shadow:0 0 0 13px #2d3a29,0 0 0 14px #809c6270}.art-inspectra{background:#29313e;color:#dae3f0}.inspection-target{border-color:#8c9fc0}.inspection-target:before,.inspection-target:after{background:#29313e}.art-occ{background:#583124;color:#f1c6b2}.occ-road{border-color:#ce896b65;box-shadow:0 0 0 13px #583124,0 0 0 14px #ce896b65}
.contact{background:#20251e;border-top:1px solid #3f4a37;border-bottom:1px solid #3f4a37;grid-template-columns:1fr 1fr;gap:85px}.contact h2{font-size:72px}.contact h2 span{color:var(--orange)}.contact-intro>p:not(.eyebrow){max-width:370px;font-size:13px;color:#bdc5b5}.email-link{border-color:#6f7c60;color:var(--ink)}.email-link span{color:var(--orange)}label{font-size:11px;color:#d3dacb}input,select,textarea{color:var(--ink);border-color:#65705a;font-size:13px;background:transparent}input::placeholder,textarea::placeholder{color:#a0ab93}input:focus,select:focus,textarea:focus{outline-color:var(--orange)}select option{background:#20251e;color:var(--ink)}.form-note{color:#b6c0aa;font-size:10px}.footer{background:#0c0f0b;color:var(--ink)}.footer-top p{color:#adb7a2}.footer-bottom{border-color:#394332;color:#aab69e}.social-links{gap:24px}.footer .wordmark{width:208px}
dialog{background:#1d231a;color:var(--ink);border:1px solid #4d5b40;box-shadow:0 25px 100px #0008}.dialog-description{color:#bcc5b3}.dialog-tags span{background:#303c29;color:#d5dfc9}.dialog-top .eyebrow{color:#b2bea5}.close-dialog{border-color:#5a674e}.dialog-bottom{border-color:#4d5b40}.dialog-bottom>p{color:#c1cbb7}dialog::backdrop{background:#070a06cf}.skip-link{color:#11150f}
@media(min-width:1600px){.hero h1{font-size:135px}.hero-image{height:570px}}
@media(max-width:1050px){.hero-grid{gap:25px}.hero h1{font-size:8.7vw}.hero-image{height:490px;min-height:470px}.hero-copy>.hero-belief{font-size:19px}.hero-copy>.hero-description{font-size:12px}.hero-actions{gap:17px}.hero-actions .button{padding:17px 18px;gap:20px}.hero-actions .text-link{font-size:10px}.about,.contact{gap:50px}.about-heading h2{font-size:63px}.about-copy>.about-lead{font-size:27px}.section-heading h2{font-size:57px}.contact h2{font-size:65px}.social-links{gap:15px}.footer .wordmark{width:190px}.footer-top{gap:22px}}
@media(max-width:760px){.header .wordmark{width:192px}.header nav{background:#151a12}.hero-grid{grid-template-columns:1fr;gap:33px;padding-top:33px;padding-bottom:26px}.hero h1{font-size:clamp(72px,15.6vw,112px);letter-spacing:-1.1px}.hero-copy>.hero-belief{font-size:21px;margin-top:23px}.hero-copy>.hero-description{font-size:13px;line-height:1.85;max-width:470px;margin-top:14px;margin-bottom:25px}.hero-actions{gap:24px}.hero-actions .text-link{font-size:11px}.hero-image{min-height:0;height:340px}.hero-image>img{object-position:center 60%}.hero-bottom{font-size:6px}.about,.contact{grid-template-columns:1fr;gap:32px;padding-top:55px;padding-bottom:55px}.about>div:first-child{display:block}.about-heading h2{font-size:57px;margin-top:20px}.about-caption{max-width:none;font-size:8px;margin-top:22px}.about-copy>.about-lead{font-size:27px}.about-copy>p{font-size:13px}.about-copy{padding-top:0}.principles summary{font-size:16px}.principles details>p{font-size:12px}.approach-intro>p:not(.eyebrow){font-size:12px}.section-heading h2{font-size:clamp(40px,9vw,59px)}.section-heading>p{font-size:12px}.filters button{font-size:11px}.venture-card>p{font-size:11px}.card-topline{font-size:6px}.card-link{font-size:10px}.contact h2{font-size:64px}.contact-intro>p:not(.eyebrow){font-size:13px}.contact input,.contact select,.contact textarea{font-size:16px}.footer-top{gap:25px}.footer-top p{font-size:10px}.footer-bottom{font-size:6px}.social-links{flex-wrap:wrap;gap:15px 24px}.footer .wordmark{width:190px}.dialog-description{font-size:13px}}
@media(max-width:420px){.hero h1{font-size:17.4vw}.hero-copy>.hero-belief{font-size:20px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:10px}.hero-actions .button{padding:16px 18px;font-size:10px;gap:18px}.hero-image{height:305px}.hero-image .image-index{font-size:6px}.about-heading h2{font-size:57px}.section-heading h2{font-size:10.3vw}.card-topline{font-size:8px}.venture-card>p{font-size:12px}.contact h2{font-size:17vw}.founder{gap:15px}.founder a{font-size:9px}.founder strong{font-size:12px}.founder>div>span{font-size:7px}.footer-top p{display:block;width:100%}.footer-bottom>span:first-child{max-width:190px}}

/* A typographic opening puts Omar and his introduction at the center. */
.hero--type .hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:70px;align-items:center;min-height:485px;padding-top:70px;padding-bottom:70px}
.hero--type h1{font-size:clamp(90px,10.6vw,170px);line-height:.94;letter-spacing:-2px}
.hero--type .hero-copy{max-width:430px}
.hero--type .hero-belief{margin:0;font-size:25px;line-height:1.4}
.hero--type .hero-description{margin-top:22px;margin-bottom:28px;font-size:14px;line-height:1.85}
.hero--type .hero-actions{gap:22px}
@media(min-width:1600px){.hero--type .hero-grid{min-height:550px}.hero--type h1{font-size:154px}}
@media(max-width:1050px){.hero--type .hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:44px;min-height:430px;padding-top:60px;padding-bottom:60px}.hero--type h1{font-size:10.5vw}.hero--type .hero-belief{font-size:21px}.hero--type .hero-description{font-size:13px}.hero--type .hero-actions{gap:18px}}
@media(max-width:760px){.hero--type .hero-grid{grid-template-columns:1fr;gap:33px;min-height:0;padding-top:48px;padding-bottom:45px}.hero--type h1{font-size:clamp(70px,17.4vw,112px);letter-spacing:-1.1px}.hero--type .hero-copy{max-width:470px}.hero--type .hero-belief{font-size:22px;margin:0}.hero--type .hero-description{font-size:13px;margin-top:17px;margin-bottom:26px}.hero--type .hero-actions{gap:22px}}
@media(max-width:420px){.hero--type h1{font-size:17.4vw}.hero--type .hero-grid{padding-top:40px;padding-bottom:42px;gap:29px}.hero--type .hero-belief{font-size:21px}.hero--type .hero-actions{gap:20px}}