:root{color-scheme:dark;--bg:#101728;--text:#f4f6fc;--muted:#b9c6dd;--blue:#a5d6ff;--border:rgba(174,203,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:radial-gradient(ellipse at 95% 5%,#43698c 0%,#101728 27%);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #bce5ff;outline-offset:6px}a:hover{color:#bbdfff}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;flex-direction:column;line-height:1}.wordmark{font-size:39px;font-weight:800;letter-spacing:-2px}.wordmark>span:first-child{color:#83bdff;font-style:italic}.brand-dot{color:var(--blue)}.endorsement{font-size:9px;letter-spacing:2.1px;margin-top:12px;color:#c7d5ef}nav{display:flex;align-items:center;gap:36px;font-size:13px}nav .nav-contact{border:1px solid #647ca5;border-radius:30px;padding:11px 23px}nav .nav-contact span{margin-left:15px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;min-height:650px;align-items:center;padding-block:40px 90px;position:relative}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#b6cff5;margin:0 0 26px}.status-dot{display:inline-block;background:#a2d4ff;width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 13px #a2d4ff}h1{font-size:clamp(48px,5.7vw,82px);line-height:1.06;letter-spacing:-4.5px;margin:0 0 28px;font-weight:600}h1>span,h2>span{color:var(--blue)}.hero-description{max-width:490px;font-size:17px;color:var(--muted);line-height:1.85}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:32px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;min-height:54px;padding:14px 23px;border-radius:30px;font-weight:700;font-size:12px;transition:transform .2s,box-shadow .2s}.primary{color:#101728;background:linear-gradient(110deg,#d1eaff,#86b9ff);box-shadow:0 5px 30px #5288ed1a}.primary:hover{color:#101728;transform:translateY(-2px);box-shadow:0 6px 35px #5288ed44}.secondary{border:1px solid #667ca5}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:17px;align-items:center}.small-note{font-size:11px;color:#9cadc8;margin-top:19px}.hero-art{position:relative;aspect-ratio:1;isolation:isolate;max-width:550px;width:100%}.hero-art:before{content:'';position:absolute;inset:-10%;z-index:-1;background:radial-gradient(ellipse,#4477cc40,transparent 66%);filter:blur(25px)}.orbit{position:absolute;border-radius:50%;top:18%;left:8%;width:88%;height:64%;border:2px solid #668eff;box-shadow:inset 0 0 25px #70aeff44,0 0 22px #3f60ec55;transform:rotate(-35deg);background:linear-gradient(140deg,#a9caff08,#5577ff08)}.orbit-one{transform:rotate(-35deg) rotateX(55deg);border-width:15px;border-color:#7199eac9 #3349a8 #3153a9 #b0d3ff}.orbit-two{transform:rotate(50deg) rotateX(48deg);border-width:19px;border-color:#729eef #2e4da0 #a5ceff #374ab0}.orbit-three{transform:rotate(128deg) rotateX(43deg);border-width:12px;border-color:#bddfff #4b70c3 #27449b #89adf4}.orb-core{position:absolute;width:45%;height:45%;left:29%;top:28%;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:radial-gradient(circle at 32% 25%,#75a2e7,#284884 48%,#18294f 78%);box-shadow:inset -14px -18px 30px #070c2799,inset 4px 4px 18px #d4eaff44,0 20px 50px #0005;border:1px solid #7799d666}.core-mark{font-size:95px;font-weight:800;font-style:italic;letter-spacing:-12px;color:#c8e5ff;line-height:1.1;padding-right:15px}.core-mark span{font-size:50px;vertical-align:top;letter-spacing:-8px}.orb-core>span:last-child{font-size:7px;letter-spacing:2px;margin-top:12px;color:#c5dbfb}.art-label{position:absolute;background:#16223cdd;border:1px solid #6f8cc655;border-radius:30px;padding:10px 17px;backdrop-filter:blur(10px);font-size:10px;white-space:nowrap;box-shadow:0 8px 25px #0003}.art-label i{display:inline-block;width:6px;height:6px;background:#9ccfff;border-radius:50%;margin-right:8px}.label-one{top:20%;right:-2%}.label-two{bottom:17%;left:0}.art-spark{position:absolute;color:#c7e6ff;font-size:27px}.spark-one{top:10%;left:19%}.spark-two{right:6%;bottom:22%;font-size:19px}.coordinate{position:absolute;bottom:4%;width:100%;text-align:center;font-size:8px;letter-spacing:2.4px;color:#92a9cd}.benefit-strip{border-block:1px solid var(--border);background:#18243b6b}.benefit-strip>.wrap{display:flex;justify-content:space-between;gap:25px;padding-block:24px;color:#becde5;font-size:11px;letter-spacing:.4px}.benefit-strip span:before{content:'✦';margin-right:16px;color:#8db6f8}.section{padding-block:110px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px}h2{font-size:clamp(34px,3.8vw,53px);line-height:1.12;letter-spacing:-2px;font-weight:500;margin:0}p{color:var(--muted)}.intro-copy p{font-size:14px;line-height:1.9;margin-top:0}.intro-copy .lead{font-size:22px;line-height:1.5;color:#e8f0ff;max-width:460px}.intro-copy .text-link{margin-top:15px}.services{background:linear-gradient(145deg,#182741,#122039 48%,#17223b);border-block:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}.section-heading>p{font-size:13px;max-width:360px;line-height:1.85;margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{padding:32px;background:linear-gradient(155deg,#26395980,#15213a80);border:1px solid #a0c3ff30;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-5px);border-color:#86b7ff88}.card-number{font-size:9px;letter-spacing:1.9px;color:#b4cae9}.service-icon{font-size:42px;color:#a9d3ff;line-height:1;margin-block:37px 24px}h3{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:0}.service-card p{font-size:13px;line-height:1.9;margin-block:16px 30px}.service-card a{font-size:11px;display:flex;gap:14px;margin-top:auto;color:#c3deff}.steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps li{border-top:1px solid #6c91cc5c;padding-top:24px}.steps li>span{font-size:12px;color:#8bb9fa}.steps h3{margin-top:22px}.steps p{font-size:13px;line-height:1.9}.mendo-section{background:linear-gradient(115deg,#253b64,#18263f);border:1px solid #779cd444;border-radius:24px;padding:66px 76px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.mendo-section h2{font-size:39px}.mendo-section p:not(.eyebrow){font-size:13px;max-width:480px;line-height:1.9}.mendo-mark{font-size:180px;line-height:1;letter-spacing:-35px;font-weight:bold;font-style:italic;color:#b0d5ff;text-shadow:0 15px 35px #050f3066;text-align:center}.mendo-mark span{font-size:90px;vertical-align:top}.contact-section{text-align:center;padding-block:125px 105px}.contact-section h2{font-size:clamp(38px,4.7vw,65px)}.contact-section>p:not(.eyebrow){font-size:14px;line-height:1.9}.contact-section .actions{justify-content:center;gap:15px}.contact-section .contact-direct{margin-top:27px;font-size:11px!important}.contact-direct a{color:#c3dfff}footer{border-top:1px solid var(--border);padding-top:46px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:45px}.footer-top>p{font-size:18px;line-height:1.5;margin-top:0;color:#d5e3fa}.footer-contact{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#adbfdb}.footer-bottom{border-top:1px solid var(--border);padding-block:22px 28px;display:flex;justify-content:space-between;font-size:10px;color:#a6b8d2;gap:20px}.footer-bottom>div{display:flex;gap:23px}.skip-link{position:absolute;top:-100px;left:16px;z-index:5;background:#d0e7ff;color:#101728;padding:12px}.skip-link:focus{top:10px}
@media(min-width:1500px){.hero{min-height:730px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}nav{gap:20px}.hero{min-height:600px}h1{letter-spacing:-3px}.hero-description{font-size:15px}.hero .actions{gap:20px}.label-one{right:-3%;font-size:9px}.art-label{padding:8px 12px}.core-mark{font-size:75px}.core-mark span{font-size:36px}.orb-core>span:last-child{font-size:5px}.intro{gap:50px}.service-card{padding:25px}.mendo-section{padding:50px;gap:40px}.mendo-section h2{font-size:34px}.benefit-strip span:before{margin-right:8px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header{min-height:105px;align-items:flex-start;padding-top:24px;gap:15px}.wordmark{font-size:32px}.endorsement{font-size:7px;letter-spacing:1.5px;margin-top:9px}nav{justify-content:flex-end;gap:12px;flex-wrap:wrap;max-width:220px;font-size:10px}nav a:nth-child(3){display:inline}nav .nav-contact{padding:7px 12px}nav .nav-contact span{margin-left:4px}.hero{grid-template-columns:1fr;padding-block:44px 35px;gap:14px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:22px}h1{font-size:clamp(48px,11vw,74px);letter-spacing:-3px;line-height:1.08}.hero-description{font-size:15px;max-width:470px}.hero-art{max-width:440px;justify-self:center}.hero .actions{gap:23px}.small-note{font-size:10px}.benefit-strip>.wrap{flex-direction:column;gap:12px;padding-block:22px;font-size:11px}.section{padding-block:72px}.intro{grid-template-columns:1fr;gap:28px}.intro-copy .lead{font-size:20px}h2{font-size:40px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:35px}.section-heading>p{margin:0}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:29px}.service-icon{margin-block:26px 20px}.steps{grid-template-columns:1fr 1fr;gap:28px 23px}.steps h3{font-size:19px}.steps p{font-size:12px}.mendo-section{grid-template-columns:1fr;gap:28px;padding:35px 28px}.mendo-mark{font-size:120px;letter-spacing:-24px;text-align:left}.mendo-mark span{font-size:65px}.mendo-section h2{font-size:32px}.contact-section{padding-block:80px 65px}.contact-section h2{font-size:42px}.contact-section .actions{flex-direction:column;align-items:stretch;padding-inline:10px}.contact-direct a{display:block}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>p{font-size:15px}.footer-contact{width:100%;gap:8px}.footer-bottom{flex-direction:column;gap:13px}.core-mark{font-size:80px}.core-mark span{font-size:40px}.orb-core>span:last-child{font-size:6px}.label-one{right:0;font-size:9px}.label-two{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.source-globe{position:absolute;top:14%;left:-5%;width:110%;height:auto;filter:drop-shadow(0 20px 35px #0004)}

.hero-art{overflow:clip}.hero-copy,.intro-copy,.service-card,.mendo-section>div{min-width:0}

#jeff-brittain .jeff-portrait{display:block;width:100%;max-width:360px;height:auto;margin-top:28px;border-radius:18px}

#jeff-brittain h2{white-space:nowrap;font-size:clamp(26px,3vw,44px);letter-spacing:-1.2px}

.footer-contact strong{font-weight:700}

/* Project portfolio */
.projects-main{padding-top:40px}.projects-intro{max-width:850px;padding:40px 0 60px}.projects-intro h1{margin-bottom:24px}.projects-intro h1 span{color:var(--blue)}.projects-lead{font-size:clamp(22px,3vw,32px);color:var(--text);line-height:1.4}.projects-intro>p:last-of-type{max-width:650px;font-size:16px}.project-jump{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:32px}.project-jump a{padding:10px 17px;border:1px solid #647ca5;border-radius:24px;font-size:13px;min-height:44px;display:inline-flex;align-items:center}.project-category{padding:24px 0 58px;scroll-margin-top:28px}.project-category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px}.project-category-heading h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1px}.project-category-heading>p{font-size:13px;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{min-width:0;overflow:hidden;border:1px solid #a0c3ff30;border-radius:20px;background:linear-gradient(145deg,#243653,#142039);display:flex;flex-direction:column}.project-image-link{display:block;border-bottom:1px solid #a0c3ff30;background:#fff}.project-image-link img{display:block;width:100%;height:auto;aspect-ratio:1360/900;object-fit:cover}.project-card-copy{padding:27px;display:flex;flex-direction:column;flex:1}.project-card h3{font-size:24px;line-height:1.3;font-weight:600}.project-card p{font-size:14px;line-height:1.8}.project-card .project-caption{font-size:11px;color:#b8cdec;margin:0 0 13px}.project-card h4{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;color:#bdd8ff;margin:12px 0 8px}.project-card ul{padding-left:19px;margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.9}.project-card .text-link{margin-top:auto;min-height:44px;align-self:flex-start}.projects-cta{text-align:center;padding:60px 0 90px}.projects-cta h2{font-size:clamp(28px,4vw,46px)}.projects-cta .button{margin-top:18px}.header nav a[aria-current=page]{color:#c7e6ff;text-decoration:underline;text-underline-offset:7px}
@media(max-width:1050px){.header{flex-wrap:wrap;padding-block:28px;gap:24px}.header nav{flex-wrap:wrap;gap:12px 24px}.header nav>a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:650px){.project-grid{grid-template-columns:1fr}.projects-main{padding-top:10px}.projects-intro{padding-top:24px;padding-bottom:30px}.projects-intro h1{font-size:48px;letter-spacing:-2px}.project-card-copy{padding:22px}.project-jump{gap:8px}.project-jump a{font-size:12px;padding:10px 13px}.project-category-heading{align-items:center}.project-category-heading h2{font-size:28px}.project-category{padding-bottom:30px}}
.project-jump{max-width:none;width:100%}

/* Metallic gold accents — Jeff's October 20 design trial. */
:root{--gold:#f0d28a;--gold-metal:linear-gradient(112deg,#b98732 0%,#e8c46d 18%,#fff5cb 31%,#c59138 44%,#f5db92 58%,#fff7d6 69%,#bd8b35 84%,#edce86 100%)}
@supports(background-clip:text){h1>span,h2>span,.projects-intro h1 span,.brand-dot,.core-mark{color:var(--gold);background:var(--gold-metal);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px #0004)}}
.primary{background:var(--gold-metal);color:#171b28;border:1px solid #fff0b8;box-shadow:inset 0 1px 0 #fff9df,0 5px 26px #c99b3629}
.primary:hover{color:#171b28;box-shadow:inset 0 1px 0 #fff9df,0 7px 32px #dfb34845}
nav .nav-contact{border-color:#c9a454}.status-dot,.art-label i{background:#f1d382;box-shadow:0 0 12px #ecc86770}.benefit-strip span:before,.art-spark{color:#f1d382}.project-card h4{color:#efd593}.service-card:hover{border-color:#c9a454}.project-jump a:hover{color:#fff0bd;border-color:#d8b768}.header nav a[aria-current=page]{color:#f0d28a}