@font-face{font-family:"Portfolio Mono";src:url("../fonts/SF-Mono-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"Portfolio Mono";src:url("../fonts/SF-Mono-Bold.otf") format("opentype");font-weight:700;font-display:swap}
:root{--portfolio-page:#eee;--portfolio-paper:#fff;--portfolio-ink:#111;--portfolio-muted:#757575;--portfolio-line:#d5d5d5;--portfolio-signal:#0068e8}
html{background:var(--portfolio-page)!important}
body[data-project]{position:relative;width:min(calc(100% - 100px),1180px)!important;min-height:calc(100vh - 100px);margin:50px auto!important;border:1px solid var(--portfolio-ink);background:var(--portfolio-paper)!important;color:var(--portfolio-ink)!important;font-family:"Portfolio Mono",ui-monospace,monospace!important;font-size:12px!important;line-height:1.5!important;letter-spacing:0!important}
body[data-project] *{box-shadow:none!important;text-shadow:none!important}
body[data-project] *{border-radius:0!important}
body[data-project] :where(h1,h2,h3,h4,h5,h6,p,span,a,button,input,textarea,select,li,dt,dd,label,strong,small){font-family:inherit!important;letter-spacing:0!important}
body[data-project] :where(p,li,dd){text-transform:none}
body[data-project] :where(.eyebrow,.kicker,.meta,[class*="label"],[class*="index"],nav a,button){text-transform:uppercase}
body[data-project] :where(h1,h2,h3,h4,h5,h6){color:var(--portfolio-ink)!important}
body[data-project] h1{font-size:18px!important;line-height:1.35!important;font-weight:700!important}
body[data-project] h2{font-size:18px!important;line-height:1.4!important;font-weight:400!important}
body[data-project] h3{font-size:12px!important;line-height:1.5!important;font-weight:700!important}
body[data-project] :where(p,li,dd,small){font-size:12px!important;line-height:1.5!important}
body[data-project] :where(button,.button,[class*="button"],[class*="pill"],input,textarea,select){border-radius:0!important}
body[data-project] :where([class*="card"],[class*="panel"],[class*="tile"],[class*="node"],[class*="metric"],[class*="capture"]){border-radius:0!important}
body[data-project] :where(section,article,aside,div){background-image:none!important}
.portfolio-return{position:relative;z-index:10000;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:15px 20px;border-bottom:1px solid var(--portfolio-line);background:var(--portfolio-paper);color:var(--portfolio-ink);text-decoration:none;text-transform:uppercase}
.portfolio-return span:first-child{border-bottom:1px solid var(--portfolio-ink)}
.portfolio-return span:last-child{color:var(--portfolio-muted)}

/* Klaviyo integration */
body[data-project="klaviyo"]{--navy:var(--portfolio-ink);--ink:var(--portfolio-ink);--muted:var(--portfolio-muted);--line:var(--portfolio-line);--paper:var(--portfolio-paper);--white:var(--portfolio-paper);--yellow:var(--portfolio-paper);--lavender:var(--portfolio-page)}
body[data-project="klaviyo"] .topbar{top:0;border-bottom:1px solid var(--portfolio-line)!important;background:var(--portfolio-paper)!important}
body[data-project="klaviyo"] :where(.hero,.band,.site-footer){background:var(--portfolio-paper)!important}
body[data-project="klaviyo"] :where(.event-canvas,.map-node,.map-payload,.guide,.demo-card,.flow-card,.faq-item,.metric){border:1px solid var(--portfolio-line)!important;background:var(--portfolio-paper)!important}
body[data-project="klaviyo"] :where(.primary,.top-cta){border:1px solid var(--portfolio-ink)!important;background:var(--portfolio-ink)!important;color:var(--portfolio-paper)!important}
body[data-project="klaviyo"] :where(.secondary,.small-pill,.status-pill){border:1px solid var(--portfolio-line)!important;background:var(--portfolio-paper)!important;color:var(--portfolio-ink)!important}
body[data-project="klaviyo"] :where(.hero-visual,.event-canvas){transform:none!important}

/* Agent strategy */
body[data-project="agents"]{--cream:var(--portfolio-paper);--ink:var(--portfolio-ink);--muted:var(--portfolio-muted);--line:var(--portfolio-line);--accent:var(--portfolio-ink)}
body[data-project="agents"] :where(.bs-top,.bs-hero,.bs-shell,.bs-doc,.bs-sec,footer){background:var(--portfolio-paper)!important}
body[data-project="agents"] .bs-top{top:0;border-bottom:1px solid var(--portfolio-line)!important}
body[data-project="agents"] .bs-progress{background:var(--portfolio-ink)!important}
body[data-project="agents"] :where(.bs-pull,.bs-callout,.bs-prediction){border:1px solid var(--portfolio-ink)!important;border-radius:0!important;background:var(--portfolio-ink)!important;color:var(--portfolio-paper)!important}
body[data-project="agents"] :where(.bs-card,.bs-twocol>div,.bs-def,.bs-example,.bs-idea){border:1px solid var(--portfolio-line)!important;background:var(--portfolio-paper)!important}
body[data-project="agents"] .bs-toc{border-right:1px solid var(--portfolio-line)!important;background:var(--portfolio-paper)!important}
body[data-project="agents"] .bs-toc a.active{background:var(--portfolio-page)!important;color:var(--portfolio-ink)!important}

/* Developer and agent teardown */
body[data-project="developer"]{--ink:var(--portfolio-ink);--muted:var(--portfolio-muted);--line:var(--portfolio-line);--paper:var(--portfolio-paper);--wash:var(--portfolio-page);--accent:var(--portfolio-ink)}
body[data-project="developer"] :where(.hero,.motion-bridge,.benchmark-switcher,.benchmark-view,.section,.synthesis,footer){background:var(--portfolio-paper)!important}
body[data-project="developer"] :where(.chapter-nav a,.benchmark-tab,.filter,.toolbar,.equation,.eq,.audit-grid,.capture,.note,.journey-status,.motion-static-lane,.card,.pattern-card){border-color:var(--portfolio-line)!important;border-radius:0!important;background:var(--portfolio-paper)!important}
body[data-project="developer"] :where(.benchmark-tab.active,.filter.active,.pull,.result){background:var(--portfolio-ink)!important;color:var(--portfolio-paper)!important}
body[data-project="developer"] :where(.pin,.journey-runner){background:var(--portfolio-ink)!important;color:var(--portfolio-paper)!important}
body[data-project="developer"] .benchmark-switcher{border-block:1px solid var(--portfolio-line)!important}

/* Predictive delivery estimates */
body[data-project="delivery"]{--ink:var(--portfolio-ink);--muted:var(--portfolio-muted);--line:var(--portfolio-line);--paper:var(--portfolio-paper);--cream:var(--portfolio-paper);--green:var(--portfolio-ink);--blue:var(--portfolio-ink)}
body[data-project="delivery"] :where(.masthead,.hero,section,footer){background:var(--portfolio-paper)!important}
body[data-project="delivery"] :where(.checkout,.accuracy-jump,.moment,.evidence,.metric,.feature,.decision-card,.quote-card){border-color:var(--portfolio-line)!important;border-radius:0!important;background:var(--portfolio-paper)!important}
body[data-project="delivery"] :where(.accuracy-after,.improvement,.status,.badge){color:var(--portfolio-ink)!important}

/* Odin */
body[data-project="odin"]{--paper:var(--portfolio-paper);--ink:var(--portfolio-ink);--muted:var(--portfolio-muted);--line:var(--portfolio-line);--acid:var(--portfolio-ink);--signal:var(--portfolio-ink)}
body[data-project="odin"] :where(.site-header,.hero,.section,.manifesto,.boundary,.answer,.questions,.closing,.site-footer){background:var(--portfolio-paper)!important;color:var(--portfolio-ink)!important}
body[data-project="odin"] .site-header{top:0;border-bottom:1px solid var(--portfolio-line)!important}
body[data-project="odin"] :where(.button-primary,.button-inverse,.closing){border:1px solid var(--portfolio-ink)!important;background:var(--portfolio-ink)!important;color:var(--portfolio-paper)!important}
body[data-project="odin"] :where(.boundary-column,.boundary-core,.answer-card,.question-row,.source-row,.hero-specs>div){border-color:var(--portfolio-line)!important;border-radius:0!important;background:var(--portfolio-paper)!important}
body[data-project="odin"] :where(.hero-grid,.instrument-eye,.eye-orbits,.eye-scan){opacity:.18!important}

@media(max-width:700px){body[data-project]{width:calc(100% - 36px)!important;min-height:calc(100vh - 36px);margin:18px!important}.portfolio-return{padding:12px 15px}.portfolio-return span:last-child{display:none}body[data-project] h1,body[data-project] h2{font-size:18px!important}}

/* Native portfolio document system */
@font-face{font-family:"Carbon";src:url("../fonts/Carbon-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
body[data-project]{width:min(calc(100% - 100px),680px)!important;padding:0 42px 42px!important;overflow:visible!important}
body[data-project] .portfolio-return{margin:0 -42px 0!important;padding:0 20px!important;min-height:64px!important}
body[data-project] :where(h1,h2,h3,h4,h5,h6,.eyebrow,.kicker,.meta,[class*="label"],[class*="index"],th,dt){font-family:"Carbon","Portfolio Mono",monospace!important;text-transform:uppercase!important;font-weight:700!important;letter-spacing:0!important}
body[data-project] :where(h1,h2,h3,h4,h5,h6){text-transform:uppercase!important}
body[data-project] :where(h1,h2){font-size:18px!important;line-height:24px!important;margin-block:0 18px!important}
body[data-project] :where(h3,h4,h5,h6){font-size:12px!important;line-height:18px!important}
body[data-project] :where(p,li,dd,td,small){font-family:"Portfolio Mono",monospace!important;font-size:12px!important;line-height:18px!important}
body[data-project] :where([data-reveal]){opacity:1!important;transform:none!important}
body[data-project] :where(main,main>section,.shell,[class*="shell"],[class*="__in"]){width:100%!important;max-width:none!important;margin-inline:0!important}
body[data-project] main>section{min-height:0!important;padding:42px 0!important;border-top:1px solid var(--portfolio-line)!important}
body[data-project] main>section:first-of-type{border-top:0!important}
body[data-project] :where([class*="card"],[class*="panel"],[class*="tile"],[class*="metric"],[class*="capture"],details){padding:15px!important;border:1px solid var(--portfolio-line)!important;background:var(--portfolio-paper)!important}
body[data-project] :where([class*="grid"],[class*="list"],[class*="cards"],[class*="steps"],[class*="items"]){gap:11px!important}
body[data-project] :where(img,svg,canvas){max-width:100%}
body[data-project] :where(button,.button,[class*="button"],input,select,textarea){min-height:44px!important;padding:10px 15px!important;border:1px solid var(--portfolio-line)!important;background:var(--portfolio-paper)!important;color:var(--portfolio-ink)!important;font:400 12px/18px "Portfolio Mono",monospace!important;text-transform:uppercase!important}
body[data-project] :where(.primary,.button-primary,.button-inverse,[class*="active"]){border-color:var(--portfolio-ink)!important;background:var(--portfolio-ink)!important;color:var(--portfolio-paper)!important}

/* Remove inherited site chrome; the portfolio return bar is the page header. */
body[data-project="klaviyo"]>.topbar,
body[data-project="agents"]>.bs-top,
body[data-project="delivery"]>.masthead,
body[data-project="odin"]>.site-header{display:none!important}

/* Klaviyo */
body[data-project="klaviyo"] .hero{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;padding:42px 0!important;min-height:0!important}
body[data-project="klaviyo"] .hero-inner{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;min-height:0!important;padding:0!important}
body[data-project="klaviyo"] .hero-copy{padding:0!important}
body[data-project="klaviyo"] p.hero-copy{color:var(--portfolio-muted)!important}
body[data-project="klaviyo"] .hero-copy h1{max-width:26ch!important}
body[data-project="klaviyo"] .hero-copy p{margin:0 0 18px!important}
body[data-project="klaviyo"] .hero-actions{display:flex!important;gap:7px!important;margin-top:18px!important;flex-wrap:wrap!important}
body[data-project="klaviyo"] .hero-visual{height:520px!important;min-height:520px!important;padding:0!important}
body[data-project="klaviyo"] .event-canvas{min-height:340px!important;padding:15px!important}
body[data-project="klaviyo"] .hero-proof :where(strong,span){color:var(--portfolio-ink)!important}
body[data-project="klaviyo"] .flow-stage p{color:var(--portfolio-muted)!important}
body[data-project="klaviyo"] .event-feed{background:var(--portfolio-ink)!important;color:var(--portfolio-paper)!important}
body[data-project="klaviyo"] .event-feed :where(span,strong){color:var(--portfolio-paper)!important}
body[data-project="klaviyo"] .band{padding:42px 0!important}
body[data-project="klaviyo"] .band-inner{width:100%!important;max-width:none!important;margin:0!important}
body[data-project="klaviyo"] .section-heading{display:block!important;margin:0 0 24px!important}
body[data-project="klaviyo"] :where(.sync-map,.demo-layout,.flow-grid){grid-template-columns:1fr!important;gap:11px!important}
body[data-project="klaviyo"] :where(.map-node,.map-payload,.guide,.demo-card,.flow-card,.faq-item,.metric){padding:15px!important;min-height:0!important}
body[data-project="klaviyo"] .site-footer{padding:42px 0 0!important}

/* Agent strategy */
body[data-project="agents"] .bs-hero{padding:42px 0!important;min-height:0!important;color:var(--portfolio-ink)!important;background:var(--portfolio-paper)!important}
body[data-project="agents"] .bs-hero__in{padding:0!important}
body[data-project="agents"] .bs-hero h1{max-width:24ch!important;margin:18px 0!important;color:var(--portfolio-ink)!important}
body[data-project="agents"] .bs-hero p{max-width:none!important;margin:0!important;color:var(--portfolio-muted)!important}
body[data-project="agents"] .bs-hero__rule{display:none!important}
body[data-project="agents"] .bs-shell{display:block!important;padding:0!important}
body[data-project="agents"] .bs-toc{display:none!important}
body[data-project="agents"] .bs-sec{padding:42px 0!important}
body[data-project="agents"] .bs-sec h2{max-width:28ch!important;margin:0 0 18px!important}
body[data-project="agents"] :where(.bs-sub,.bs-doc p){margin-top:11px!important}
body[data-project="agents"] :where(.bs-pull,.bs-callout,.bs-prediction){margin:18px 0!important;padding:18px 20px!important}
body[data-project="agents"] .bs-pull p{font-size:12px!important;line-height:18px!important;max-width:none!important}
body[data-project="agents"] :where(.bs-twocol,.bs-grid){grid-template-columns:1fr 1fr!important;gap:0!important}
body[data-project="agents"] :where(.bs-twocol>div,.bs-cell,.bs-def,.bs-example,.bs-idea,.bs-ex){padding:15px!important}
body[data-project="agents"] :where(.bs-steps,.bs-defs,.bs-grid,.bs-tablewrap,.bs-curve,.bs-examples,.bs-shifts,.bs-ideas){margin-top:18px!important}
body[data-project="agents"] .bs-ex__media{height:auto!important;min-height:180px!important;margin-top:11px!important}
body[data-project="agents"] .bs-close{margin:42px 0 0!important;padding:18px 20px!important}
body[data-project="agents"] footer.bs-foot{padding:18px 0!important}

/* Predictive delivery estimates */
body[data-project="delivery"] .hero{padding:42px 0!important;min-height:0!important}
body[data-project="delivery"] .hero-grid{grid-template-columns:1fr!important;gap:24px!important}
body[data-project="delivery"] .hero-copy{padding:0!important}
body[data-project="delivery"] .hero h1{max-width:26ch!important}
body[data-project="delivery"] :where(.checkout,.accuracy-jump,.moment,.evidence,.metric,.feature,.decision-card,.quote-card){padding:15px!important}
body[data-project="delivery"] :where(.story-grid,.evidence-grid,.metrics-grid,.feature-grid,.decision-grid){gap:11px!important}
body[data-project="delivery"] :where(.story-intro,.section-intro,.outcome-inner,.next-inner){padding:0!important;margin:0 0 24px!important}
body[data-project="delivery"] .outcome{padding:42px 0!important;background:var(--portfolio-ink)!important;color:var(--portfolio-paper)!important}
body[data-project="delivery"] .outcome :where(h2,p){color:var(--portfolio-paper)!important}

/* Developer + agent teardown */
body[data-project="developer"]>.hero{padding:42px 0!important;min-height:0!important}
body[data-project="developer"]>.hero .shell{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:0!important}
body[data-project="developer"] .motion-bridge{min-height:0!important;padding:42px 0!important}
body[data-project="developer"] .motion-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:420px!important}
body[data-project="developer"] .benchmark-switcher{position:relative!important;top:auto!important;padding:11px 0!important}
body[data-project="developer"] :where(section,.section,.analysis,.comparison,.synthesis){padding:42px 0!important}
body[data-project="developer"] :where(.chapter-nav,.toolbar,.filters,.scorecards,.principles,.decision-grid,.audit-grid){gap:11px!important}
body[data-project="developer"] :where(.thesis-grid,.analysis-intro,.chapter-head,.comparison-grid){grid-template-columns:1fr!important;gap:18px!important}
body[data-project="developer"] :where(.note,.score,.principle,.decision-card,.pattern-card,.equation,.eq){padding:15px!important}
body[data-project="developer"] .capture{padding:0!important;overflow:hidden!important}

/* Odin */
body[data-project="odin"] .hero{min-height:0!important;padding:42px 0!important;display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
body[data-project="odin"] :where(.hero-grid,#signal-canvas){display:none!important}
body[data-project="odin"] :where(.hero-kicker,.hero-copy,.hero-instrument,.hero-specs){position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important}
body[data-project="odin"] .hero-copy{padding:0!important}
body[data-project="odin"] .hero-copy h1{margin:18px 0!important}
body[data-project="odin"] .hero-instrument{display:none!important}
body[data-project="odin"] .hero-specs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important}
body[data-project="odin"] .hero-specs>div{position:relative!important;min-height:72px!important;padding:15px!important}
body[data-project="odin"] :where(.manifesto-copy,.boundary-header,.answer-heading,.method-heading,.questions-heading,.limits-grid){grid-template-columns:1fr!important;gap:18px!important}
body[data-project="odin"] :where(.boundary-diagram,.slack-stage,.questions-grid){grid-template-columns:1fr!important;gap:11px!important}
body[data-project="odin"] :where(.source-row,.anatomy-item,.question-card,.method-list li){padding:15px!important}
body[data-project="odin"] .final-cta{padding:42px 20px!important}
body[data-project="odin"] .mobile-cta{display:none!important}
body[data-project="odin"] footer{padding:18px 0!important}
body[data-project="odin"] .portfolio-return span:first-child{display:block!important}

@media(max-width:700px){
  body[data-project]{width:calc(100% - 36px)!important;margin:18px!important;padding:0 15px 24px!important}
  body[data-project] .portfolio-return{margin:0 -15px!important;padding:0 15px!important}
  body[data-project] main>section,body[data-project] :where(.band,.bs-sec,.section,.analysis,.comparison,.synthesis){padding-block:32px!important}
  body[data-project="agents"] :where(.bs-twocol,.bs-grid),body[data-project="odin"] .hero-specs{grid-template-columns:1fr!important}
  body[data-project="klaviyo"] .hero-visual{height:620px!important;min-height:620px!important}
  body[data-project="klaviyo"] .event-canvas{min-height:620px!important}
}