:root{color-scheme:light;--ink:#202a2b;--muted:#596563;--paper:#f7f5ef;--card:#fffdf8;--accent:#ad4126;--line:#d8ddd3;--soft:#e9ede3;--contrast:#172e2c;--max:1160px;--shadow:0 18px 60px #203b2910}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--ink:#eff3e9;--muted:#b4c4bb;--paper:#132321;--card:#1c302c;--accent:#ff9c7c;--line:#38514a;--soft:#233c34;--contrast:#0e1c1a;--shadow:0 18px 60px #0003}}
:root[data-theme="dark"]{color-scheme:dark;--ink:#eff3e9;--muted:#b4c4bb;--paper:#132321;--card:#1c302c;--accent:#ff9c7c;--line:#38514a;--soft:#233c34;--contrast:#0e1c1a;--shadow:0 18px 60px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}button,select{font:inherit}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.site-header{width:min(var(--max),calc(100% - 64px));margin:auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:750;text-decoration:none;letter-spacing:-.06em}.brand span,.eyebrow{color:var(--accent)}.header-tools,nav{display:flex;gap:24px;align-items:center}nav a{font-size:13px;text-decoration:none}.nav-cta{border:1px solid var(--line);padding:9px 16px;border-radius:999px}.theme-control{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.theme-control select{max-width:95px;padding:7px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.skip-link{position:absolute;top:8px;left:8px;z-index:10;padding:12px;background:var(--card);transform:translateY(-180%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.hero{padding:92px 0 35px;display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;margin:0 0 22px}.hero h1{font-size:clamp(46px,5.4vw,70px);line-height:1.04;font-weight:650;margin:0;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy{font-size:18px;max-width:510px;color:var(--muted);margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;padding:14px 20px;border-radius:7px;text-decoration:none;border:0;font-size:14px;font-weight:650;cursor:pointer}.primary{background:var(--ink);color:var(--paper)}.secondary{border:1px solid var(--line);color:var(--ink);background:transparent}.button:hover{box-shadow:var(--shadow)}.signal{grid-column:1/-1;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.section{padding:86px 0}.section h2{font-size:clamp(32px,4.2vw,52px);line-height:1.1;letter-spacing:-.045em;font-weight:620;margin:0 0 40px;max-width:850px}.grid{display:grid}.services{grid-template-columns:repeat(2,1fr);gap:16px}.services article{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.services article>span{font-family:monospace;font-size:12px;color:var(--accent)}h3{font-size:21px;line-height:1.3;font-weight:620;margin:22px 0 10px}.services p,.about-copy{color:var(--muted)}.services p{margin-bottom:0;max-width:450px}.contrast{background:var(--contrast);color:#eff3e9}.contrast .eyebrow{color:#ffae8d}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.outcomes strong{font-size:20px;font-weight:600}.outcomes p{color:#becbc2;font-size:15px}.logos{margin-top:52px;border-top:1px solid #426057;padding-top:34px}.logos .eyebrow{margin-bottom:6px}.experience-note{font-size:12px;color:#becbc2;margin:0 0 25px}.logo-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#38534b;border:1px solid #38534b;border-radius:10px;overflow:hidden}.logo-grid li{min-height:108px;background:var(--contrast);display:flex;align-items:center;justify-content:center;padding:25px}.logo-grid img{width:100%;height:46px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-copy{font-size:17px;padding-top:34px}.about-copy p:first-child{margin-top:0}.faq{padding-top:25px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:600;font-size:16px;cursor:pointer}.faq details p{max-width:760px;color:var(--muted);font-size:15px}.contact{background:var(--soft)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:var(--muted)}.contact-card{background:var(--card);padding:30px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.contact-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.email-address{display:block;margin-top:15px;font-size:14px}.profile-link{display:block;margin-top:18px;font-size:12px;color:var(--muted)}footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}
.system-art{position:relative;width:100%;aspect-ratio:1;max-width:420px;justify-self:end;background:radial-gradient(circle at 50% 50%,var(--soft),transparent 70%);isolation:isolate}.connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--line);stroke-width:1.5}.connections .pulse{stroke:var(--accent);stroke-width:1.5;opacity:.45;transform-origin:center;animation:none}.orbit{position:absolute;border:1px dashed var(--line);border-radius:50%;inset:14%;transform:rotate(-22deg)}.orbit-two{inset:5% 23%;transform:rotate(40deg)}.node{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);padding:13px 17px;font-size:13px;font-weight:650;line-height:1.3;min-width:110px}.node span{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px}.core{top:36%;left:34%;min-width:130px;font-size:22px;letter-spacing:-.04em;color:var(--accent);z-index:2;padding:18px}.storefront{top:12%;left:0}.data{top:10%;right:0}.operations{bottom:15%;right:-1%}.people{bottom:12%;left:0}.art-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font:9px monospace;letter-spacing:.13em;color:var(--muted)}@keyframes breathe{50%{transform:scale(1.15);opacity:.6}}.reveal{transition:opacity .55s ease,transform .55s ease}.reveal-pending{opacity:0;transform:translateY(16px)}
@media(max-width:1000px){.header-tools,nav{gap:14px}.theme-control>span{display:none}.hero{grid-template-columns:1.2fr 1fr}.node{padding:10px;font-size:11px;min-width:92px}.core{font-size:19px;min-width:115px;padding:14px}.node span{font-size:8px}.contact-inner{gap:40px}}
@media(max-width:760px){.wrap,.site-header{width:calc(100% - 36px)}.site-header{min-height:80px}.header-tools nav>a:not(.nav-cta){display:none}.hero{padding-top:55px;grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(43px,10vw,64px)}.hero-copy{font-size:17px}.system-art{max-width:340px;justify-self:center}.node{font-size:12px}.core{font-size:21px}.signal{margin-top:12px;display:block}.signal span{display:block;margin:8px 0}.services,.outcomes,.split,.contact-inner{grid-template-columns:1fr}.outcomes{gap:15px}.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-grid li{min-height:96px;padding:20px}.logo-grid img{height:40px}.split{gap:0}.about-copy{padding-top:0}.section{padding:64px 0}.faq{padding-top:5px}.contact-inner{gap:20px}.contact h2{margin-bottom:20px}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}

/* Each mark has an optical width/height, within an identical cell. */
.logo-grid li{min-height:120px;padding:24px;min-width:0}
.logo-grid img{width:min(100%,var(--logo-width,170px));height:var(--logo-height,56px);object-fit:contain;opacity:.9}
.logo-grid img.opaque-logo{filter:grayscale(1);border-radius:5px}
.logo-grid img.paper-logo{filter:grayscale(1) contrast(2) invert(1);mix-blend-mode:screen}
.brand{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
nav a{display:inline-flex;align-items:center;min-height:44px}
.theme-control select{min-height:44px;border-color:var(--muted)}
.nav-cta,.secondary{border-color:var(--muted)}
summary{min-height:44px;padding:8px 0}
.email-address,.profile-link{display:flex;align-items:center;min-height:44px;width:fit-content}
@media(max-width:760px){.logo-grid li{min-height:112px;padding:20px 15px}.logo-grid img{max-height:64px}}
@media(forced-colors:active){:focus-visible{outline-color:Highlight}.logo-grid img{filter:none;opacity:1}.logo-grid li{background:#172e2c;forced-color-adjust:none}}
/* Reflow long headings and links when visitors enlarge or space their text. */
.hero-content,.system-art{min-width:0}
h1,h2,h3,.contact a{overflow-wrap:anywhere}
.email-address,.profile-link{max-width:100%}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}}

/* Quiet icon with native, keyboard-accessible theme choices. */
.theme-control{position:relative;width:44px;height:44px;justify-content:center;color:var(--muted);border-radius:50%}.theme-control select{position:absolute;inset:0;width:44px;max-width:none;height:44px;padding:0;opacity:0;cursor:pointer}.theme-control:hover{color:var(--ink);background:var(--soft)}.theme-control:has(select:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.theme-control svg{pointer-events:none}

.art-wrap{position:relative;width:100%;max-width:420px;justify-self:end;padding-bottom:56px}.art-wrap .system-art{max-width:none}.motion-enabled .pulse{animation:breathe 4s ease-in-out infinite}.motion-paused .pulse{animation-play-state:paused}.motion-toggle{position:absolute;right:0;bottom:0;min-height:44px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.motion-toggle:hover{background:var(--soft);color:var(--ink)}.motion-toggle:focus-visible{outline-color:var(--ink)}
/* Twenty logos always use complete rows: four, two, or one columns. */
.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.art-wrap{max-width:340px;justify-self:center}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-grid img[alt="Lotus Cars of Orange County"]{max-height:78px}}
@media(max-width:400px){.logo-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}.motion-enabled .pulse{animation:none!important}}

.linkedin-icon{flex-shrink:0}.profile-link{gap:9px}.site-footer{flex-wrap:wrap;padding-top:26px;padding-bottom:26px;gap:12px 24px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 22px}.footer-links a,.privacy-settings{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.privacy-settings{background:transparent;color:inherit;border:0;padding:0;text-decoration:underline;cursor:pointer}.trademark-note{flex-basis:100%;font-size:11px;margin:0;max-width:740px}.policy{max-width:800px;padding-top:54px;padding-bottom:64px}.policy h1{font-size:clamp(36px,5vw,52px);line-height:1.15;letter-spacing:-.04em}.policy h2{font-size:24px;line-height:1.25;margin-top:36px}.policy p,.policy li{color:var(--muted)}.policy a{color:var(--ink);text-underline-offset:3px}.policy-date{font-size:13px}.consent-panel{position:relative;margin:24px auto 0;width:min(800px,calc(100% - 36px));padding:22px;background:var(--card);color:var(--ink);border:1px solid var(--muted);border-radius:12px;box-shadow:var(--shadow)}.consent-panel h2{font-size:19px;line-height:1.3;margin:0 0 10px;letter-spacing:0}.consent-panel p{font-size:13px;margin:0 0 14px;overflow-wrap:anywhere}.consent-panel .consent-status:empty{display:none}.consent-actions{display:flex;flex-wrap:wrap;gap:10px}.consent-actions button{min-height:44px;padding:10px 14px;font:inherit;font-size:13px;background:var(--paper);color:var(--ink);border:1px solid var(--muted);border-radius:6px;cursor:pointer}.consent-actions button:hover{background:var(--soft)}.consent-actions button:disabled{opacity:.6;cursor:default}.consent-panel:focus-within{z-index:21}

/* Compact bottom notice, with space reserved so it cannot cover the footer. */
html{scroll-padding-bottom:calc(var(--consent-height,0px) + 24px)}body{padding-bottom:var(--consent-height,0px)}a,button,select,summary{scroll-margin-bottom:calc(var(--consent-height,0px) + 24px)}
.consent-panel{position:fixed;z-index:20;left:18px;bottom:18px;margin:0;width:min(440px,calc(100% - 36px));max-height:45dvh;overflow:auto;padding:16px;border-radius:10px}.consent-panel h2{font-size:15px;margin-bottom:7px}.consent-panel p{font-size:12px;margin-bottom:10px}.consent-actions{gap:8px}.consent-actions button{font-size:12px;padding:8px 12px}.motion-toggle{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.motion-play{display:none}.motion-paused .motion-pause{display:none}.motion-paused .motion-play{display:block}

/* Footer preferences are a text control; keep keyboard focus visible and quiet. */
.footer-links .privacy-settings{font:inherit;font-size:12px;line-height:inherit;text-decoration:none;border-radius:0;box-shadow:none}.footer-links .privacy-settings:hover{text-decoration:underline;text-underline-offset:3px}.privacy-settings:focus-visible,.consent-actions button:focus-visible{outline:2px solid var(--muted);outline-offset:3px}

.contact-card .profile-link{display:flex;align-items:center;gap:12px;text-decoration:none}.profile-link span{text-decoration:underline;text-underline-offset:3px}.linkedin-icon{display:block;width:20px;height:20px;flex:0 0 20px}

/* Share one coordinate center across the HTML card and SVG pulse. */
.core{top:50%;left:50%;transform:translate(-50%,-50%)}.connections .pulse{transform-box:view-box;transform-origin:50% 50%}.logo-grid img.transparent-logo{filter:none;mix-blend-mode:normal}
@media(max-width:760px){.art-wrap{max-width:340px;justify-self:center}}

/* Personal wordmark: bold enough to stand alone, compact on small screens. */
.brand{font-size:clamp(27px,3vw,34px);font-weight:850;letter-spacing:-.045em;line-height:1;white-space:nowrap;flex-shrink:0}
@media(max-width:400px){.site-header{gap:12px}.header-tools{gap:8px}.nav-cta{padding:9px 12px}}

/* Keep partial brand rows centered without adding placeholder clients. */
.logo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;background:transparent;border:0;border-radius:0;overflow:visible}
.logo-grid li{flex:0 0 calc((100% - 3px)/4);border:1px solid #38534b;border-radius:4px}
@media(max-width:760px){.logo-grid li{flex-basis:calc((100% - 1px)/2)}}
@media(max-width:400px){.logo-grid li{flex-basis:100%}}