/* Deepak's personal portfolio: build, teach, and show the work. */
.hero-description{max-width:680px;font-size:1.18rem}
.hero-copy{padding:4rem 0 2rem}
.hero-stack{width:min(960px,100%);height:340px;margin-top:3.4rem}
.stack-tile{width:280px;margin-left:-140px}
.stack-web{--deck-x:-270px;--deck-y:24px;--deck-angle:-10deg}
.stack-system{--deck-x:270px;--deck-y:24px;--deck-angle:10deg}
.stack-face{min-height:284px;padding:1.65rem;animation-duration:4.2s;box-shadow:0 10px 0 -6px #1557a618,0 35px 50px -32px #0b2a5580}
.stack-face strong{font-size:1.65rem;max-width:230px;line-height:1.13;margin-top:1.2rem}
.stack-face small{font-size:.82rem;max-width:none;line-height:1.55}
.stack-label{font-size:.61rem}.stack-graphic{height:78px}
.stack-cta{display:block;font-size:.69rem;font-weight:600;margin-top:1.25rem;opacity:.8}
.stack-tile:hover,.stack-tile:focus-visible{z-index:5;transform:translate3d(var(--deck-x),-12px,65px) rotate(0deg)}
.stack-tile:hover .stack-face{box-shadow:0 35px 65px -26px #0b2a5555}
.stack-tile:focus-visible{outline-offset:10px;border-radius:20px}
.stack-products{display:flex;justify-content:center;align-items:center;gap:10px}
.stack-products i{display:block;width:38px;height:53px;border-radius:7px;border:1px solid #85aed0;background:#fff9;box-shadow:0 10px 16px -12px #1557a6;transform:rotate(-12deg)}
.stack-products i:nth-child(2){height:66px;background:#1557a6;border-color:#1557a6;transform:rotate(3deg)}
.stack-products i:nth-child(3){transform:rotate(12deg)}
.stack-products b{position:absolute;right:8px;bottom:0;font-size:1.8rem;font-weight:400}
.capability-card .text-link{margin-top:1.5rem;font-size:.85rem;line-height:1.5}

/* One forward card, two side cards and a fourth layer behind them. */
.projects.depth-ready{--project-width:clamp(270px,40%,450px);height:560px;padding:0;margin:0;display:block;overflow:hidden;perspective:1800px;scroll-snap-type:none;touch-action:pan-y;isolation:isolate;border-radius:28px}
.projects.depth-ready .project{position:absolute;left:50%;top:64px;width:var(--project-width);min-width:0;flex:none;scroll-snap-align:none;transform:var(--project-transform,translateX(-50%));transform-origin:50% 150px;transition:transform .9s cubic-bezier(.22,1,.36,1);opacity:1;will-change:auto}
.projects.depth-ready .project-cover{height:320px;box-shadow:0 26px 40px -27px #0b2a5555;backface-visibility:hidden}
.projects.depth-ready .project-info{transition:opacity .35s,visibility .35s}
.projects.depth-ready .tags{display:none}
.projects.depth-ready .project:not(.is-active) .project-info,.projects.depth-ready .project:not(.is-active) .tags{opacity:0;visibility:hidden;pointer-events:none}
.projects.depth-ready .project:not(.is-active) .project-cover{cursor:pointer}
.projects.depth-ready .project[data-depth="2"] .project-cover{filter:brightness(.93)}
.projects:focus-visible{outline:2px solid #38a8f5;outline-offset:8px}
.project-selectors{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem;margin-top:.25rem}
.project-selectors button{padding:.55rem 1rem;line-height:1.2;border-radius:100px;border:1px solid #c6dcf0;background:#f2f9ff;color:var(--blueberry);font-size:.8rem;transition:background .3s,color .3s,transform .3s}
.project-selectors button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.project-selectors button:hover{transform:translateY(-2px)}
.carousel-hint{text-align:center;font-size:.72rem;color:var(--muted);margin-top:1rem}
.brand-band{padding:2.5rem 0;border-block:1px solid #d9e7f4;background:#f6fbff}
.brand-band .eyebrow{margin-bottom:1.3rem}
.brand-window{overflow:hidden}.brand-track{display:flex;width:max-content;animation:brand-travel 28s linear infinite}
.brand-set{display:flex;align-items:center;justify-content:space-around;gap:3rem;min-width:100vw;padding-inline:2.5rem;white-space:nowrap;font-size:clamp(1.6rem,3vw,3rem);font-weight:650;letter-spacing:-.045em}
.brand-set>span:not([class]){font-size:1.3rem;color:#99b8d4;font-weight:400}
.ticker-store{color:#5d4de0}.ticker-docs{color:#263e6a}.ticker-skin{color:#6f4b8e}
.brand-window:hover .brand-track,.brand-window:focus-within .brand-track{animation-play-state:paused}
@keyframes brand-travel{to{transform:translateX(-50%)}}

.tool-library{display:grid;grid-template-columns:.9fr 1.5fr;gap:1.5rem 3rem;padding-top:4rem}
.tool-library>div>p:not(.eyebrow){font-size:.9375rem;line-height:1.7;color:var(--muted)}
.tool-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.tool-links>a{padding:1.1rem 1.3rem;border:1px solid #bdd6eb;border-radius:15px;background:#fff9;transition:transform .45s,background .3s}
.tool-links>a:hover{transform:translateY(-5px) rotate(-1deg);background:#fff}
.tool-links strong{display:block;font-size:1rem;font-weight:600;letter-spacing:-.03em;color:var(--blue)}
.tool-links span{display:block;font-size:.75rem;color:var(--muted);margin-top:.35rem;line-height:1.5}
.tool-note{font-size:.6875rem;line-height:1.6;color:var(--muted);margin-top:.5rem}
.tool-library>.tool-note{grid-column:1/-1}

.automation-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:4rem;align-items:start}
.automation-layout .backend-intro{position:static}
.automation-principles{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:1rem;max-width:440px}
.automation-principles li{font-size:.875rem;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}
.automation-principles strong{color:var(--navy);display:block;font-weight:600}
.automation-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem;margin-top:1.8rem}.automation-actions .text-link{font-size:.875rem}
.flow-demo{padding:1.4rem;border-radius:26px;background:linear-gradient(135deg,#f2f9ff,#e6f2fc);border:1px solid #c9dfef}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.demo-heading .mini-label{font-size:.54rem}
.demo-badge{font-size:.6rem;line-height:1.5;padding:.3rem .5rem;border:1px solid #bed5e9;background:#fff8;border-radius:6px;color:var(--blueberry);white-space:nowrap}
.demo-scenarios{display:flex;gap:.5rem}
.demo-scenarios button{padding:.5rem .9rem;background:#fff8;border:1px solid #bed4e8;border-radius:10px;font-size:.75rem;color:var(--blueberry)}
.demo-scenarios button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.flow-board.system-diagram{position:relative;max-width:none;margin:1.3rem 0;padding:1.6rem;min-height:390px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;background:radial-gradient(circle at var(--light-x,75%) var(--light-y,10%),#fff,#e7f2fd);border-radius:20px;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .3s ease-out}
.flow-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#a5c2db;stroke-width:2;vector-effect:non-scaling-stroke}
.flow-edge.is-complete{stroke:#1557a6;stroke-width:3}.flow-edge.is-running{stroke:#38a8f5;stroke-dasharray:7 5;stroke-width:3;animation:flow-dashes .7s linear infinite}
.automation-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-height:148px;padding:1rem;border:1px solid #bdd5eb;border-radius:16px;background:linear-gradient(145deg,#fff,#eff8ff);box-shadow:0 7px 0 -2px #c7daeb,0 20px 23px -18px #0b2a554d;transition:transform .45s,border-color .35s,background .35s;animation:node-float 6s ease-in-out infinite alternate;transform-style:preserve-3d}
.automation-node:nth-of-type(2){animation-delay:-1.5s}.automation-node:nth-of-type(3){grid-column:2;grid-row:2;animation-delay:-3s}.automation-node:nth-of-type(4){grid-column:1;grid-row:2;animation-delay:-4.5s}
.node-number{font-size:.5rem;font-weight:650;color:var(--blueberry);letter-spacing:.07em}.automation-node .line-icon{width:31px;height:31px;margin:.8rem 0;color:var(--blue)}
.automation-node strong{font-size:.86rem;line-height:1.3;letter-spacing:-.025em;font-weight:600}.automation-node small{font-size:.62rem;color:var(--blueberry);margin-top:.3rem}
.automation-node.is-running{animation:none;transform:translate3d(0,-8px,26px) scale(1.04);border-color:#38a8f5;background:#e0f2ff;box-shadow:0 8px 0 -2px #8ec1ea,0 22px 28px -16px #1557a680}
.automation-node.is-complete{border-color:#78b0dc;background:#eaf5ff}.automation-node.is-complete small{color:#1557a6;font-weight:650}
.automation-node.is-error{animation:none;background:#edf1f7;border-color:#526887;border-style:dashed}.automation-node.is-error small{color:#334766}
.automation-node.is-skipped{animation:none;opacity:.55}
.demo-invalid{display:flex;align-items:flex-start;gap:.55rem;font-size:.72rem;color:var(--muted);line-height:1.5;margin:1.1rem 0}.demo-invalid input{margin-top:.15rem;accent-color:var(--blue)}
.demo-controls{display:flex;align-items:center;gap:1.2rem}.demo-controls .text-link{font-size:.75rem}.demo-controls button:disabled{opacity:.5;cursor:default}
.flow-status{min-height:4.2rem;font-size:.8rem;line-height:1.6;color:var(--navy);padding-top:1rem}
@keyframes node-float{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-5px) rotate(1deg)}}
@keyframes flow-dashes{to{stroke-dashoffset:-24}}
.faq-list details>.text-link{margin-bottom:1.5rem;font-size:.875rem}.contact-copy>.text-link{color:#c8e6ff;margin-top:1.5rem}
@media(max-width:1000px){.stack-tile{width:230px;margin-left:-115px}.stack-web{--deck-x:-24vw}.stack-system{--deck-x:24vw}.stack-face{min-height:275px;padding:1.4rem}.stack-face strong{font-size:1.45rem}.automation-layout{gap:2.5rem}.demo-heading{display:block}.demo-badge{display:inline-block;margin-top:.5rem}.flow-demo{padding:1.1rem}.flow-board.system-diagram{padding:1.1rem;gap:2rem}.node-number{font-size:.44rem}.automation-node strong{font-size:.78rem}.automation-node{padding:.85rem}}
@media(max-width:760px){
 .hero-copy{padding:2.5rem 0 1.5rem}.hero-description{font-size:1.03rem;max-width:420px}.role-line{font-size:.65rem;gap:.35rem}.role-line span{padding:.28rem .55rem}
 .hero-stack{height:285px;margin-top:2.8rem}.stack-tile{width:190px;margin-left:-95px}.stack-web{--deck-x:-20vw;--deck-y:16px;--deck-angle:-9deg}.stack-system{--deck-x:20vw;--deck-y:16px;--deck-angle:9deg}.stack-face{min-height:245px;padding:1.1rem}.stack-label{font-size:.46rem;letter-spacing:.045em}.stack-face strong{font-size:1.18rem;margin-top:.9rem}.stack-face small{font-size:.7rem}.stack-graphic{height:57px}.stack-cta{font-size:.58rem;margin-top:1rem}.stack-products i{width:26px;height:40px}.stack-products i:nth-child(2){height:52px}.stack-products{gap:7px}
 .projects.depth-ready{--project-width:min(68%,285px);height:505px;border-radius:20px;perspective:1500px}.projects.depth-ready .project{top:64px;transform-origin:50% 125px}.projects.depth-ready .project-cover{height:270px;padding:1rem}.project-selectors{gap:.4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;margin-inline:auto}.project-selectors button{font-size:.69rem;white-space:nowrap;padding:.6rem .7rem}.carousel-hint{font-size:.65rem;max-width:310px;margin-inline:auto}
 .brand-band{padding:2rem 0}.brand-set{gap:1.8rem;padding-inline:1.5rem;font-size:1.6rem}.brand-track{animation-duration:23s}.brand-band .eyebrow{font-size:.6rem}
 .capability-grid{grid-template-columns:1fr}.capability-card{padding:1.6rem}.capability-card p{font-size:.92rem}.capability-card .text-link{font-size:.86rem}.capability-card .line-icon{margin-bottom:1.4rem}.capability-card h3{font-size:1.4rem}
 .tool-library{grid-template-columns:1fr;gap:1.5rem;padding-top:2.5rem}.tool-links{gap:.6rem}.tool-links>a{padding:1rem}.tool-links strong{font-size:.9rem}.tool-links span{font-size:.7rem}
 .automation-layout{grid-template-columns:1fr;gap:2rem}.automation-principles{max-width:none}.flow-demo{padding:1rem}.demo-heading{display:flex}.demo-badge{margin:0;font-size:.54rem}.demo-heading .mini-label{font-size:.48rem}.flow-board.system-diagram{min-height:365px;padding:1.1rem;gap:2rem}.automation-node{min-height:138px;padding:.85rem}.automation-node strong{font-size:.8rem}.node-number{font-size:.46rem}.flow-status{min-height:4.8rem}
 .faq-list details>.text-link{font-size:.8rem}.site-footer>span:nth-child(3){font-size:.7rem}
}
@media(max-width:380px){.stack-tile{width:166px;margin-left:-83px}.stack-web{--deck-x:-17vw}.stack-system{--deck-x:17vw}.stack-face{padding:.95rem;min-height:242px}.stack-label{font-size:.42rem}.stack-face strong{font-size:1.04rem}.stack-face small{font-size:.65rem}.stack-cta{font-size:.51rem}.demo-heading{display:block}.demo-badge{margin-top:.5rem}.flow-board.system-diagram{gap:1.7rem;padding:.85rem}.automation-node{padding:.7rem}.automation-node strong{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.projects.depth-ready .project{transition:none}.brand-track{animation:none;transform:none}.brand-set[aria-hidden=true]{display:none}.flow-board.system-diagram,.automation-node{animation:none!important;transform:none!important}.flow-edge{animation:none!important}.hero-stack .stack-face{animation:none!important}}

/* Supplied personal logo: preserve its artwork, gradient and proportions. */
:root{--personal-brand:#284d81}
.wordmark.personal-wordmark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;line-height:0;border-radius:8px}
.personal-wordmark:focus-visible{outline-color:var(--personal-brand);outline-offset:4px}
/* Frame the uploaded PNG's artwork without changing its transparent pixels. */
.personal-logo-frame{position:relative;display:block;width:112px;aspect-ratio:1414/1013;overflow:hidden}
.personal-logo{position:absolute;display:block;left:-19.872702%;top:-48.766041%;width:141.442716%;height:auto;max-width:none;aspect-ratio:1;object-fit:contain}
@media(max-width:760px){.personal-logo-frame{width:90px}}
@media(max-width:380px){.personal-logo-frame{width:84px}}

/* A full-width, stationary skills row with mouse-only vertical repulsion. */
.pillar-window{width:100%;overflow-x:auto;overflow-y:hidden;padding:48px 0;margin:0 0 1rem;scrollbar-width:thin;scrollbar-color:#c9dff2 transparent;overscroll-behavior-x:contain}
.pillar-strip{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(150px,1fr) auto minmax(150px,1fr);gap:clamp(.7rem,1.25vw,1.5rem);align-items:center;justify-content:initial;width:100%;min-width:980px;max-width:none;padding:0 clamp(18px,2.1vw,36px);margin:0;border:0;transform:none;animation:none;letter-spacing:0}
.pillar-slot{display:flex;align-items:center;justify-content:center;min-width:0;min-height:80px}
.pillar-slot .pillar-card{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:80px;padding:1rem .65rem;border:1px solid #c9dff2;border-radius:16px;background:linear-gradient(135deg,#fff,#eef8ff);color:var(--navy);box-shadow:0 8px 24px #1557a60a;font-size:clamp(.875rem,1.2vw,1.2rem);font-weight:550;line-height:1.3;letter-spacing:0;white-space:nowrap;transform:translate3d(0,var(--pointer-y,0px),0);transition:transform .24s cubic-bezier(.2,.8,.2,1);animation:none}
.pillar-strip>.pillar-separator[aria-hidden]{min-width:12px;font-size:1.2rem;color:#7ca9d8;transform:none;animation:none}
.ticker-homeos,.ticker-physio{color:var(--navy)}

/* Open up tightly tracked letters without changing the typeface. */
h1,h2,.hero h1,.manifesto h2,.editorial-heading h2,.backend-intro h2,.faq-intro h2{letter-spacing:-.025em}
.hero h1{font-size:clamp(1.3rem,6vw,5.5rem)}
h3,.project-info h3,.process-grid h3,.capability-card h3,.build-explainer h3,.note-card h3,.backend-cards h3,.tool-links strong,.stack-face strong{letter-spacing:-.01em}
.store-wordmark,.docs-wordmark,.mannah-wordmark,.studio-wordmark{letter-spacing:-.02em}
.ribbon-line,.brand-set{letter-spacing:-.02em}
.about-copy .large-copy,.manifesto-bottom p,.automation-node strong,.service summary{letter-spacing:0}
@media(max-width:760px){.pillar-window{padding:40px 0}.pillar-strip{gap:14px;padding-inline:20px;min-width:980px}.pillar-slot,.pillar-slot .pillar-card{min-height:72px}.pillar-slot .pillar-card{font-size:.875rem}.pillar-strip>.pillar-separator[aria-hidden]{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.pillar-slot .pillar-card{transform:none;transition:none}}

/* Ten short labels follow a single cursor wave; there is no travelling track. */
.pillar-window{padding-block:64px}
.pillar-strip{grid-template-columns:repeat(9,minmax(68px,1fr) auto) minmax(68px,1fr);gap:clamp(4px,.6vw,10px);min-width:980px;padding-inline:clamp(16px,2vw,32px)}
.pillar-slot,.pillar-slot .pillar-card{min-height:76px}
.pillar-slot .pillar-card{padding:.9rem .4rem;font-size:clamp(.875rem,1.15vw,1.125rem);transform:translate3d(0,var(--pointer-y,0px),0) rotate(var(--pointer-tilt,0deg));transition:none;border-radius:14px}
.pillar-strip>.pillar-separator[aria-hidden]{min-width:8px;font-size:.75rem}

/* Live source wordmarks and unchanged original brand marks. */
.native-logo{display:inline-flex;align-items:center;justify-content:center;gap:0;white-space:nowrap;line-height:1.15;font-family:var(--font);letter-spacing:-.025em}
.logo-store{font-weight:600;color:oklch(19.6% .011 285.9)}
.logo-store>span:first-child{white-space:pre}
.store-gradient{background:linear-gradient(120deg,oklch(54.5% .244 275),oklch(76.2% .148 226.5));background-clip:text;-webkit-background-clip:text;color:transparent}
.logo-docs{font-weight:600}.logo-docs>span:first-child{color:oklch(37% .105 259)}.logo-docs>span:last-child{color:oklch(64% .145 30)}
.logo-studio{gap:.6rem;font-weight:600;color:#102a43}.logo-studio img{width:40px;height:40px;object-fit:contain}
.logo-clinic{gap:10px;color:#23372b;letter-spacing:0}.logo-clinic img{width:40px;height:40px}.logo-clinic>span{text-align:left}.logo-clinic strong{display:block;font-size:1em;font-weight:600;letter-spacing:-.02em}.logo-clinic small{display:block;font-size:.75rem;font-weight:400;letter-spacing:.09em;color:#4d6046;margin-top:4px}
.project-brand{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;max-width:100%;min-height:76px;font-size:clamp(.875rem,6cqw,1.65rem);transform:translateZ(40px)}
.project-brand .native-logo,.project-brand .project-name{max-width:100%;font-size:inherit;letter-spacing:-.01em}
.project-brand .logo-store{font-size:clamp(1rem,7cqw,1.8rem);letter-spacing:-.025em}
.project-brand .logo-docs{font-size:clamp(1.6rem,10cqw,2.5rem)}
.project-brand .logo-studio img,.project-brand .logo-clinic img{width:28px;height:28px;flex-shrink:0}
.project-brand .logo-clinic small{font-size:.75rem;letter-spacing:.02em}
.project-name{font-weight:550;white-space:nowrap}
.store-cover{--project-accent:oklch(54.5% .244 275);--project-tint:#fff;color:oklch(19.6% .011 285.9);background:radial-gradient(ellipse at var(--light-x,80%) var(--light-y,15%),oklch(76.2% .148 226.5 / .12),transparent 65%),linear-gradient(135deg,#fff,#f0f5ff)}
.studio-cover{--project-accent:#1a4a8f;--project-tint:#fff;color:#102a43;background:radial-gradient(ellipse at var(--light-x,80%) var(--light-y,15%),#a9c4e845,transparent 65%),linear-gradient(135deg,#fff,#eef5ff)}
.clinic-cover{--project-accent:#174b3b;--project-tint:#fcfdfa;color:#23372b;background:radial-gradient(ellipse at var(--light-x,80%) var(--light-y,15%),#c3dea855,transparent 65%),linear-gradient(135deg,#fcfdfa,#eaf0e3)}
.portfolio-cover{--project-accent:#46505d;--project-tint:#fff;color:#28313b;background:radial-gradient(ellipse at var(--light-x,80%) var(--light-y,15%),#e5e9ef,transparent 65%),linear-gradient(135deg,#fff,#f1f3f6)}
.mannah-cover{--project-accent:#6f4b8e;--project-tint:#f3eefa;color:#24212a;background:radial-gradient(ellipse at var(--light-x,80%) var(--light-y,15%),#b9a4d866,transparent 65%),linear-gradient(135deg,#fff,#f0eaf7)}
.logo-skin{gap:.6rem;color:#6f4b8e;font-weight:550}.logo-skin img{width:40px;height:40px;object-fit:contain}.project-brand .logo-skin img{width:28px;height:28px;flex-shrink:0}
.projects.depth-ready .project.is-outside{opacity:0;visibility:hidden;pointer-events:none}
.projects.depth-ready .project-cover .cover-top{font-size:.75rem;letter-spacing:.03em;line-height:1.4;align-items:flex-start}
.projects.depth-ready .project-info h3{font-size:clamp(.875rem,4.5cqw,1.2rem);white-space:nowrap;letter-spacing:-.01em}
.projects.depth-ready .project-role{font-size:.75rem;letter-spacing:.02em;line-height:1.45}
.projects.depth-ready .cover-bottom{font-size:.75rem;line-height:1.45;flex-wrap:wrap;gap:.45rem}
.project-selectors button{font-size:.875rem}
.brand-track{animation-duration:65s}
.brand-set{min-width:100vw;gap:2.7rem;padding-inline:2rem;letter-spacing:0}
.brand-item{display:inline-flex;align-items:center;justify-content:center;min-height:68px;flex-shrink:0;color:var(--navy);font-size:clamp(1.4rem,2.2vw,2rem);text-decoration:none}
.brand-item .project-name{font-size:inherit;letter-spacing:-.015em;font-weight:500;color:#28313b}
.brand-item .native-logo{font-size:inherit}.brand-item .logo-clinic{font-size:1.5rem}
.brand-set>.brand-separator{font-size:1.2rem;color:#99b8d4;font-weight:400}
@media(max-width:760px){
 .pillar-window{padding-block:60px}.pillar-strip{min-width:980px;gap:8px;padding-inline:16px}.pillar-slot,.pillar-slot .pillar-card{min-height:72px}.pillar-slot .pillar-card{font-size:.875rem}
 .projects.depth-ready{--project-width:min(80%,320px)}
 .project-brand{min-height:66px}.project-brand .logo-clinic small{font-size:.75rem}
 .project-selectors{display:flex;flex-wrap:wrap;max-width:none;gap:.5rem;margin-top:.7rem}.project-selectors button{font-size:.875rem;max-width:100%;white-space:normal;padding:.55rem .75rem}
 .brand-set{gap:2rem;padding-inline:1.5rem}.brand-track{animation-duration:58s}.brand-item{font-size:1.4rem}.brand-item .logo-clinic{font-size:1.4rem}
}
@media(prefers-reduced-motion:reduce){.pillar-slot .pillar-card{transform:none}.brand-track{animation:none}}

/* Supplied brand artwork stays in its own colors, with no image filters. */
.brand-band{background:#fff}
.brand-item .supplied-logo{display:block;width:auto;height:48px;max-width:250px;object-fit:contain;filter:none;opacity:1}
.brand-item .supplied-clinic{height:42px}.brand-item .supplied-fitphysio{height:42px}
.brand-item .supplied-studio{height:64px}.brand-item .supplied-mannah{height:76px}
.brand-item .supplied-docs{height:52px}.brand-item .supplied-sellerstack{height:44px}
.logo-plaque{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:12px 16px;border-radius:16px;background:var(--logo-surface,#fff);box-shadow:0 8px 30px #00000008;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.project-brand .supplied-logo{display:block;width:100%;max-width:220px;height:auto;max-height:90px;object-fit:contain;filter:none;opacity:1}
.project-brand .supplied-docs{max-width:158px}.project-brand .supplied-studio{max-width:178px}
.project-brand .supplied-fitphysio{max-width:128px}.project-brand .supplied-sellerstack{max-width:176px}
.project-brand .supplied-clinic{max-width:236px}.project-brand .supplied-mannah{max-width:236px}
.project-cover:hover .logo-plaque,.project-cover:focus-visible .logo-plaque{transform:translateY(-4px) scale(1.035)}
.supplied-trip-logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#0b2425;font-weight:700;letter-spacing:-.025em;line-height:1.2;font-size:1.5rem}
.supplied-trip-logo img{display:block;width:46px;height:46px;flex-shrink:0;filter:none}
.project-brand .supplied-trip-logo{font-size:clamp(1rem,7cqw,1.5rem)}
.plaque-docs{--logo-surface:#f9f9fe}.plaque-clinic{--logo-surface:#fbfdf9}
.plaque-fitphysio{--logo-surface:#f4f4f5}.plaque-sellerstack{--logo-surface:#fcfefe}
.plaque-trips{--logo-surface:#fcfaf4}

/* Radiance, diagram accents and the folded corner all use the same brand pair. */
.store-cover{--brand-primary:#5150fa;--brand-secondary:#00c3f9;--brand-ink:#15141a;--brand-light:#f0f5ff}
.docs-cover{--brand-primary:#1a3e76;--brand-secondary:#d66555;--brand-ink:#1a3e76;--brand-light:#f9f9fe}
.mannah-cover{--brand-primary:#68577d;--brand-secondary:#9c8cad;--brand-ink:#534071;--brand-light:#f4f0f8}
.studio-cover{--brand-primary:#022754;--brand-secondary:#315f91;--brand-ink:#022754;--brand-light:#edf4fc}
.clinic-cover{--brand-primary:#25392d;--brand-secondary:#65816b;--brand-ink:#25392d;--brand-light:#f2f7ef}
.fitphysio-cover{--brand-primary:#0b121b;--brand-secondary:#66717b;--brand-ink:#0b121b;--brand-light:#f4f4f5}
.trips-cover{--brand-primary:#005d62;--brand-secondary:#00766e;--brand-ink:#0b2425;--brand-light:#fcfaf4}
.sellerstack-cover{--brand-primary:#0083d3;--brand-secondary:#00bbef;--brand-ink:#0e1928;--brand-light:#eef9ff}
.project-cover:is(.store-cover,.docs-cover,.mannah-cover,.studio-cover,.clinic-cover,.fitphysio-cover,.trips-cover,.sellerstack-cover){--project-accent:var(--brand-primary);--project-tint:var(--brand-light);color:var(--brand-ink);background:radial-gradient(ellipse at var(--light-x,82%) var(--light-y,12%),color-mix(in srgb,var(--brand-secondary) 24%,transparent),transparent 64%),radial-gradient(ellipse at 8% 92%,color-mix(in srgb,var(--brand-primary) 13%,transparent),transparent 62%),linear-gradient(135deg,#fff,var(--brand-light))}
.project-cover:is(.store-cover,.docs-cover,.mannah-cover,.studio-cover,.clinic-cover,.fitphysio-cover,.trips-cover,.sellerstack-cover) .cover-top{opacity:.9}
.project-docs .cover-pill{color:#1a3e76;background:#d665551a;border-color:#d6655555}
.project-store .project-scene{color:#5150fa}
.project-mannah .project-scene{color:#68577d}.project-studio .project-scene{color:#022754}
.brand-track{animation-duration:72s}
@media(max-width:760px){
 .brand-item .supplied-logo{height:40px;max-width:220px}.brand-item .supplied-mannah{height:64px}.brand-item .supplied-studio{height:56px}
 .brand-item .supplied-clinic{height:34px}.brand-item .supplied-fitphysio{height:36px}
 .brand-item .supplied-trip-logo{font-size:1.35rem}.brand-item .supplied-trip-logo img{width:40px;height:40px}
 .project-brand .logo-plaque{padding:10px 12px;border-radius:12px}
 .brand-track{animation-duration:64s}
}
@media(prefers-reduced-motion:reduce){.logo-plaque{transition:none}.project-cover:hover .logo-plaque,.project-cover:focus-visible .logo-plaque{transform:none}.brand-track{animation:none}}