/* Chris's violet direction. Typography and content layouts stay in styles.css. */
.hero-teamline{display:block;font-size:15px;line-height:1.4;margin:0 0 10px;color:#39204f!important;font-weight:650!important;letter-spacing:-.3px}
.viral-badge{position:absolute;top:15px;right:12px;z-index:3;display:flex;flex-direction:column;align-items:center;padding:8px 10px;background:#e62d42;color:white;border-radius:5px;transform:rotate(7deg);box-shadow:0 3px 14px #0003}.viral-badge strong{font-size:23px;font-weight:900;letter-spacing:-.6px;line-height:1}.viral-badge small{font-size:6px;letter-spacing:1.2px;font-weight:700;margin-top:4px}.post-views.has-engagement{top:55px;font-size:33px;line-height:1.05}.post-views.has-engagement small{font-size:9px;line-height:1.5;margin-top:4px}
.metrics-demo-label{position:absolute;top:117px;left:12px;z-index:3;background:#fff3c3;color:#472d14;padding:5px 7px;border-radius:4px;font-size:7px;letter-spacing:.5px;font-weight:750}
.engagement-block{padding-bottom:11px;margin-bottom:9px;border-bottom:1px solid var(--line)}.engagement-row{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:flex-start}.engagement-stat{display:grid;grid-template-columns:14px auto;column-gap:5px;align-items:center}.engagement-stat svg{width:13px;height:13px}.engagement-stat strong{font-size:11px;font-weight:700}.engagement-stat small{grid-column:2;font-size:7px;color:var(--muted)}.engagement-note{font-size:8px!important;line-height:1.5!important;margin-top:8px!important;color:var(--muted)}.is-demo .engagement-note{color:#8b4a19!important;font-weight:600}.project-text .engagement-block{margin:18px 0}.project-text .engagement-stat strong{font-size:16px}.project-text .engagement-stat small{font-size:9px}.project-text .engagement-note{font-size:10px!important}
@media(max-width:680px){.hero-teamline{font-size:14px}.viral-badge{right:18px;top:19px;padding:10px 13px}.viral-badge strong{font-size:31px}.viral-badge small{font-size:7px}.post-views.has-engagement{top:61px;left:18px;font-size:40px}.post-views.has-engagement small{font-size:10px}.metrics-demo-label{top:136px;left:18px;font-size:9px}.engagement-stat strong{font-size:14px}.engagement-stat small{font-size:9px}.engagement-stat svg{width:15px;height:15px}.engagement-row{gap:16px}.engagement-note{font-size:10px!important}}
:root{--paper:#f2edff;--ink:#251538;--muted:#665577;--line:#d6cae9;--accent:#7541e8;--soft:#ece1ff}
body{background:radial-gradient(ellipse at 97% 5%,#baa1f9aa 0,transparent 39%),radial-gradient(ellipse at 4% 75%,#b69af477 0,transparent 43%),linear-gradient(135deg,#faf7ff 0%,#e9deff 48%,#e1d7fa 100%);background-attachment:fixed}
.sidebar{background:linear-gradient(160deg,#34204f 0%,#251137 55%,#3c2064 100%);color:#faf5ff;border-color:#49325e}
.sidebar-caption,.sidebar .tiny-label,.sidebar-bottom small{color:#c4b2dc}
.sidebar .wordmark-dot,.sidebar .note-star{color:#b89aff}.sidebar-note{border-color:#614a755e}.nav-link:hover{background:#ffffff14}.nav-link.active{background:linear-gradient(110deg,#8754ec,#6334b4);box-shadow:0 5px 20px #12052322}.nav-count{color:#e2d1ff}.sidebar .location-dot{background:#bf9cff}
.topbar{background:#ffffff20;border-color:#c9b8e033}.topbar-title{color:#573b72}
.intro h1>span{color:#7840d9;background:linear-gradient(100deg,#6d35c6,#aa4fe0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.button.primary{background:linear-gradient(110deg,#39204f,#6940a1);box-shadow:0 5px 15px #49227919}.button.primary:hover{background:linear-gradient(110deg,#7541e8,#934fc5)}
.portrait-frame{box-shadow:0 16px 45px #5d328521}.portrait-frame>img{filter:none}.portrait-stamp{background:linear-gradient(135deg,#9958ee,#6633ba)}
.profile-disciplines>span{background:#ffffff44}.filter-button.active{background:#543080}.filter-button:hover:not(.active){background:#ffffff66}
.post-card{background:#fffdfd;border-color:#d8c9ee;box-shadow:0 7px 24px #57317e09}.post-footnote{color:#7e6d8b}
.results-section{background:radial-gradient(ellipse at 100% 0,#9a5ee67a,transparent 65%),linear-gradient(115deg,#2b163e,#503077 65%,#683ba0);box-shadow:0 12px 30px #4a24721a}
.results-heading .eyebrow,.result-value span,.result-item>p,.results-bottom>p{color:#e0d0f4}
.qualification-section{background:linear-gradient(125deg,#e3d4ff,#f6f0ff);border:1px solid #d7c0f0}.qualification-step{background:#ffffffbc;border-color:#d8c7ec}.qualification-step>span{background:#e9dcfa;color:#6b32ac}
.approach-section{background:linear-gradient(130deg,#d9c5f4,#efe4ff);border:1px solid #ccb4e8}.process-grid article,.approach-signoff{border-color:#bfa5db}.process-grid article>span,.process-grid p{color:#67507c}
.skill-tags span{background:#eee3fa;color:#5d3b78}.google-pin{background:#e9dcfa}.google-business{border-color:#c6b2dd}
.brand-item{background:linear-gradient(135deg,#eeeaf1,#dcd7e2);border:1px solid #cfc6d9;box-shadow:inset 0 1px 0 #fff8,0 3px 12px #39274608}.brand-item.brand-dark{background:linear-gradient(135deg,#494051,#302938);border-color:#51445e;box-shadow:inset 0 1px 0 #ffffff12,0 3px 12px #39274608}.brand-section .eyebrow{color:#715583}
.brand-emblems{display:flex;align-items:flex-end;gap:8px;height:88px;margin-bottom:13px}.brand-emblems .brand-tiger{width:72px;height:72px;margin:0}.brand-emblems .brand-burj{width:40px;height:88px;object-fit:contain}
.post-media.is-system{background:linear-gradient(140deg,#30203f,#48255c)}.system-node{border-color:#795395}.system-node.accent{color:#dfb8ff;border-color:#ad74d3}.system-art .code-label,.system-connector{color:#c59bde}
.mobile-nav{background:#fcf9fff5;border-color:#ceb9e5;box-shadow:0 -5px 25px #54306d0a}.mobile-nav a.active{color:#7541e8}
dialog{background:#fbf8ff}.project-text{background:#fbf8ff}.project-viewer{background:#1e142a}.project-placeholder{background:linear-gradient(130deg,#eadbff,#d1b9ed)}
.qualification-section{align-items:center}.qualification-pills{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.qualification-pills span{border:1px solid #cbb1e6;border-radius:20px;padding:5px 10px;font-size:9px}.demo-cta{margin:3px 0 15px}.demo-preview{position:relative;border:1px solid #cdb7e5;padding:0;background:#f3edff;border-radius:9px;overflow:hidden;max-width:300px;width:100%;justify-self:center;box-shadow:0 12px 35px #57317e15}.demo-preview>img{width:100%;height:auto}.demo-play{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;white-space:nowrap;padding:11px 15px;border-radius:25px;background:#6133a9;color:white;font-size:9px;font-weight:650;box-shadow:0 3px 18px #3a135e40}.demo-play svg{width:14px;height:14px}.demo-preview:hover .demo-play{background:#8a4cdb}
.post-views{position:absolute;top:47px;left:12px;z-index:2;color:#fff;font-size:25px;font-weight:750;letter-spacing:-1px;text-shadow:0 2px 12px #0009}.post-views small{display:block;font-size:8px;letter-spacing:.4px;font-weight:500}.metrics-source{font-size:9px;color:var(--muted);margin-top:14px}.external-viewer>a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:440px}.external-viewer img{max-height:80dvh;max-width:100%;object-fit:contain}.external-watch{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;padding:14px 20px;border-radius:7px;background:#7541e8;color:#fff;font-size:12px;font-weight:650;box-shadow:0 5px 20px #0005}.external-watch svg{width:16px;height:16px}
@media(max-width:680px){.post-views{top:55px;left:17px;font-size:32px}.post-views small{font-size:10px}.external-viewer>a{min-height:0}.external-viewer img{max-height:52dvh}.external-watch{bottom:20px}.metrics-source{font-size:10px}}
@media(max-width:680px){body{background-attachment:scroll}.hero-description{font-size:11px}.intro .eyebrow{font-size:6px}.portrait-frame{box-shadow:0 8px 24px #5d32851a}}
@media(max-width:680px){.intro{grid-template-columns:minmax(0,1fr) 112px;gap:18px 13px;align-items:center;padding-top:25px}.intro-copy{display:contents}.intro .eyebrow{grid-column:1/-1;font-size:7px;letter-spacing:.65px;white-space:normal}.intro h1{grid-column:1;grid-row:2;font-size:clamp(30px,10vw,42px);margin:0;line-height:1.02}.portrait-composition{grid-column:2;grid-row:2;margin:0}.portrait-frame{aspect-ratio:.72}.portrait-topline{font-size:4px}.portrait-stamp{width:38px;height:38px;font-size:5px;right:-5px;top:14px}.portrait-caption{padding:30px 8px 12px}.portrait-caption strong{font-size:11px}.hero-description{grid-column:1/-1;grid-row:3;font-size:13px;line-height:1.7;max-width:none}.hero-links{grid-column:1/-1;grid-row:4;margin:0;gap:17px;flex-wrap:nowrap}.hero-links .button{font-size:10px}.hero-links .text-link{font-size:10px}}
@media(max-width:370px){.intro{grid-template-columns:minmax(0,1fr) 95px;gap:17px 10px}.intro h1{font-size:30px}.hero-links{gap:11px}.hero-links .text-link{font-size:9px}.hero-description{font-size:12px}.portrait-topline{font-size:3.5px}.brand-grid{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}