@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Noto+Sans:wght@400;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root { --ink:#f4f2ed; --paper:#0b0b0c; --muted:#a6a3a0; --line:#2b2b2e; --panel:#151517; --accent:#c8ff45; --link-hover:#c8ff45; --lock-accent:#ffd84d; --logo-start:#b778ff; --logo-end:#43e8ff; --tag-purple:#7b66db; --font-heading:'Plus Jakarta Sans',sans-serif; --font-body:'Noto Sans',sans-serif; --font-mono:'DM Mono',monospace; --display:'Manrope',sans-serif; --heading:var(--font-heading); --body-copy:var(--font-body); --mono:var(--font-mono); --type-display:clamp(2.8rem,6.8vw,6.8rem); --type-section:clamp(2.4rem,7vw,6rem); --type-body:clamp(1rem,2vw,1.25rem); --type-meta:.66rem; --caption-short-size:.64rem; --caption-long-size:.82rem; --phone-stage-max-height:31.25rem; --phone-radius:8% / 3.7%; --phone-top-radius:8% 8% 0 0 / 3.7% 3.7% 0 0; --leading-tight:.95; --leading-body:1.6; }
@media (min-width:768px) { :root { --caption-short-size:calc(.64rem + 2px); --caption-long-size:calc(.82rem + 2px); } }
[data-bs-theme="light"] { --ink:#141415; --paper:#f2f0eb; --muted:#625f5a; --line:#cfccc5; --panel:#e8e5df; --accent:#247a00; --link-hover:#247a00; --lock-accent:#b77900; }
html { scroll-behavior:smooth; scroll-padding-top:6rem; }
body { margin:0; overflow-x:clip; color:var(--ink); background:var(--paper); font-family:var(--display); font-size:1rem; transition:color .25s,background .25s; }
body[data-page="home"] { --case-description-size:clamp(1.02rem,1.4vw,1.08rem); --home-section-title-size:clamp(1.9rem,4vw,3.5rem); --home-label-size:.76rem; --home-label-color:color-mix(in srgb,var(--ink) 62%,var(--muted)); --display:var(--font-heading); }
body[data-page="inbox"] { --case-description-size:clamp(1.02rem,1.4vw,1.08rem); --display:var(--font-body); }
body[data-page="inbox"] h1,
body[data-page="inbox"] h2,
body[data-page="inbox"] h3 { font-family:var(--heading); }
body[data-page="inbox"] h1 { color:var(--ink); }
body[data-page="inbox"] .project-link small,
body[data-page="inbox"] .project-link strong { font-family:var(--heading); }
body[data-page="home"] .hero-copy h1 { max-width:none; color:var(--ink); font-size:clamp(3rem,7.2vw,7rem); line-height:.92; white-space:nowrap; }
.home-title-image { display:block; width:min(100%,1452px); height:auto; margin-inline:auto; }
@media (min-width:768px) { .home-title-image { width:75%; } }
body[data-page="home"] .featured-cases .case-study-card:nth-child(2) .case-study-card-art { aspect-ratio:2/1; }
body[data-page="home"] .featured-cases .case-study-card:nth-child(2) .case-study-card-art img { object-position:center 42%; transform:scale(1.9); transform-origin:center 42%; }
body[data-page="home"] .featured-cases .case-study-card:nth-child(2):hover .case-study-card-art img,
body[data-page="home"] .featured-cases .case-study-card:nth-child(2):focus-visible .case-study-card-art img { transform:scale(1.95); }
body[data-page="home"] .hero-facts dd,
body[data-page="home"] .hero-profile-description p,
body[data-page="home"] .section-heading p,
body[data-page="home"] .case-study-card-copy p { font-family:var(--body-copy); }
body[data-page="home"] .recent-project-pill>span { font-family:var(--body-copy); font-size:.9rem; font-weight:600; line-height:1.2; }
body[data-page="home"] .recent-project-copy h3 { font-family:var(--body-copy); font-weight:700; }
body[data-page="home"] .recent-project-copy p { font-family:var(--body-copy); font-weight:400; }
body[data-page="home"] .section-heading { grid-template-columns:1fr; }
body[data-page="home"] .featured-cases .section-heading h2,
body[data-page="home"] .recent-projects .section-heading h2,
body[data-page="home"] #home-testimonial .section-heading h2 { font-size:var(--home-section-title-size); letter-spacing:-.055em; line-height:var(--leading-tight); }
body[data-page="home"] .featured-cases .section-heading p { text-wrap:pretty; }
body[data-page="home"] .hero-profile-description p { max-width:260px; }
body[data-page="home"] .hero-profile-description p,
body[data-page="home"] .section-heading p,
body[data-page="home"] .case-study-card-copy p,
body[data-page="home"] .recent-project-copy p { color:var(--ink); font-family:var(--body-copy); font-weight:400; text-align:left; }
body[data-page="home"] .section-heading p,
body[data-page="home"] .case-study-card-copy p,
body[data-page="home"] .recent-project-copy p { font-size:var(--case-description-size); line-height:1.55; }
body[data-page="home"] .hero-facts dt,
body[data-page="home"] .hero-profile-description>span,
body[data-page="home"] .hero-overview>div>span,
body[data-page="home"] .case-study-card-label,
body[data-page="home"] #home-testimonial .section-number { color:var(--home-label-color); font:400 var(--home-label-size)/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
body[data-page="home"] .project-link small { font-family:var(--font-heading); font-weight:600; }
a { color:inherit; text-decoration:none; }
a:not([aria-disabled="true"]):hover,a:not([aria-disabled="true"]):active,a:not([aria-disabled="true"]):focus-visible { color:var(--link-hover); }
.page-shell { width:min(100% - 2rem, 1440px); margin-inline:auto; }
.skip-link { position:fixed; left:1rem; top:-5rem; z-index:9999; padding:.75rem 1rem; color:#0b0b0c; background:var(--accent); }
.skip-link:focus { top:1rem; }
.site-header { background:color-mix(in srgb,var(--paper) 88%,transparent); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.navbar { min-height:76px; padding:0; }
.navbar-brand { display:inline-flex; align-items:center; gap:.75rem; color:var(--ink); font-family:var(--font-heading); font-size:1rem; font-weight:400; letter-spacing:-.025em; }
.brand-logo { display:block; width:2rem; height:2.35rem; flex:0 0 auto; background:linear-gradient(120deg,#ff667e,#b778ff,#43e8ff,#ff9d45,#ff667e); background-size:320% 100%; -webkit-mask:url('/assets/global/brand/am-logo-outline.svg') center/contain no-repeat; mask:url('/assets/global/brand/am-logo-outline.svg') center/contain no-repeat; animation:brand-logo-color-shift 10s linear infinite; }
[data-bs-theme="light"] .brand-logo { background:linear-gradient(120deg,#ff174f,#8f24ff,#00aeea,#ff6a00,#ff174f); background-size:320% 100%; filter:saturate(1.25) contrast(1.05); }
.navbar-brand:hover,.navbar-brand:focus,.nav-link:hover,.nav-link:focus { color:var(--muted); }
.navbar-nav { gap:.5rem; padding-block:1rem; }
.nav-link { display:inline-flex; min-height:44px; align-items:center; color:var(--ink); padding:.6rem .7rem!important; font-family:var(--font-body); font-size:.8rem; font-weight:600; }
.nav-link-icon { display:inline-flex; align-items:center; gap:.4rem; }
.nav-link-icon svg { width:.9rem; height:.9rem; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.nav-link-icon svg,
.component-lightbox-action svg,
.recent-more-cta svg { color:var(--lock-accent); }
.nav-link[aria-current="page"] { color:var(--accent); }
.case-studies-nav .dropdown-toggle { border:0; background:transparent; }
.case-studies-nav .dropdown-toggle::after { display:none; }
.case-studies-nav .dropdown-toggle.is-current { color:var(--accent); }
.case-studies-nav .dropdown-menu { min-width:11rem; margin-top:.45rem; padding:.45rem; color:var(--ink); background:color-mix(in srgb,var(--panel) 94%,transparent); border:1px solid var(--line); border-radius:.65rem; box-shadow:0 1rem 2.5rem rgba(0,0,0,.2); backdrop-filter:blur(18px); }
.case-studies-nav .dropdown-item { display:flex; min-height:44px; padding:.6rem .7rem; align-items:center; color:var(--ink); border-radius:.4rem; font:600 .76rem/1.3 var(--font-body); }
.case-studies-nav .dropdown-item:hover,.case-studies-nav .dropdown-item:focus { color:var(--paper); background:var(--accent); }
.case-studies-nav .dropdown-item[aria-current="page"] { color:var(--paper); background:var(--accent); }
.theme-toggle,.navbar-toggler { display:inline-flex; align-items:center; gap:.55rem; min-height:44px; padding:.45rem .7rem; color:var(--ink); background:transparent; border:1px solid var(--line); border-radius:999px; font-family:var(--font-body); font-size:.8rem; font-weight:600; }
.theme-icon { width:.85rem; height:.85rem; border:1px solid currentColor; border-radius:50%; background:linear-gradient(90deg,currentColor 50%,transparent 50%); }
.navbar-toggler { width:44px; border-radius:50%; box-shadow:none!important; }
.menu-lines,.menu-lines::after { display:block; width:16px; height:1px; background:currentColor; content:''; }
.menu-lines::after { transform:translateY(5px); }
.hero { min-height:0; padding:0 0 calc(clamp(5rem,10vw,9rem) - 20px); }
.hero-visual { position:relative; width:100%; height:clamp(320px,56svh,620px); margin:0; overflow:hidden; background:radial-gradient(circle at 14% 22%,rgba(129,52,175,.72),transparent 34%),radial-gradient(circle at 84% 18%,rgba(81,91,212,.68),transparent 33%),radial-gradient(circle at 78% 82%,rgba(252,175,69,.5),transparent 36%),linear-gradient(135deg,#120719,#06070d 48%,#180912); }
[data-bs-theme="light"] .hero-visual { background:radial-gradient(circle at 14% 22%,rgba(129,52,175,.42),transparent 34%),radial-gradient(circle at 84% 18%,rgba(81,91,212,.36),transparent 33%),radial-gradient(circle at 78% 82%,rgba(252,175,69,.3),transparent 36%),linear-gradient(135deg,#eadff0,#f7f1ed 48%,#eee5ed); }
.hero-scene { position:relative; width:100%; height:100%; overflow:hidden; isolation:isolate; --hero-phone-y:0px; --hero-color-y:0px; }
.hero-scene::after { position:absolute; z-index:1; inset:-18%; content:''; pointer-events:none; background:radial-gradient(circle at 18% 32%,rgba(193,53,132,.42),transparent 25%),radial-gradient(circle at 76% 28%,rgba(88,81,219,.4),transparent 27%),radial-gradient(circle at 66% 78%,rgba(253,91,55,.3),transparent 24%); mix-blend-mode:screen; opacity:.75; transform:translate3d(0,var(--hero-color-y),0) rotate(-4deg); filter:blur(18px) saturate(1.25); will-change:transform; }
.hero-phone-layer { position:absolute; z-index:1; inset:0; transform:translate3d(0,var(--hero-phone-y),0); will-change:transform; }
.hero-art { position:absolute; z-index:1; inset:-23% -8%; display:block; width:116%; height:146%; object-fit:cover; object-position:50% 62%; transform:scale(1.015); }
.hero-sticker { position:absolute; z-index:2; display:block; width:clamp(3rem,7.5vw,8.5rem); pointer-events:none; filter:drop-shadow(0 .75rem 1.2rem rgba(0,0,0,.28)); }
.hero-sticker img { display:block; width:100%; height:auto; }
.hero-sticker-laugh { top:20%; left:12%; transform:rotate(-38deg); }
.hero-sticker-heart { top:16%; right:14%; width:clamp(2.5rem,5.5vw,6rem); transform:rotate(42deg); }
.hero-sticker-candy { right:27%; bottom:8%; width:clamp(3.25rem,7vw,7.5rem); transform:rotate(-44deg); }
.hero-copy { position:relative; z-index:3; isolation:isolate; margin-top:clamp(-6rem,-7vw,-4rem); padding-top:clamp(5rem,8vw,7.5rem); text-align:center; }
.hero-copy::before { position:absolute; z-index:-1; top:0; bottom:0; left:50%; width:100vw; content:''; transform:translateX(-50%); background:color-mix(in srgb,var(--paper) 90%,transparent); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); pointer-events:none; }
.hero-prism { position:absolute; z-index:0; top:3.75rem; right:-4%; width:clamp(270px,42vw,620px); height:auto; opacity:.045; pointer-events:none; mix-blend-mode:screen; filter:saturate(1.15); transform:rotate(-7deg); -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%); animation:prism-drift 16s ease-in-out infinite alternate; }
[data-bs-theme="light"] .hero-prism { opacity:.035; mix-blend-mode:multiply; }
@keyframes prism-drift { from { transform:translate3d(0,0,0) rotate(-7deg) scale(1); } to { transform:translate3d(12px,-8px,0) rotate(-4deg) scale(1.035); } }
.eyebrow,.section-number,.subsection-label { margin:0 0 1rem; color:var(--muted); font:400 .7rem/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.section-number { white-space:nowrap; }
.section-number strong { margin-left:.55rem; color:inherit; font:inherit; letter-spacing:.08em; text-transform:uppercase; }
h1 { max-width:1200px; margin:0 auto; color:color-mix(in srgb,var(--ink) 85%,#4c67ff 15%); font-size:var(--type-display); font-weight:500; letter-spacing:-.065em; line-height:.9; }
.hero-copy h1 span { display:block; }
.hero-brand-lockup { display:flex; min-height:50px; justify-content:center; align-items:center; margin-bottom:2.25rem; }
.hero-wordmark { display:block; width:203px; height:50px; margin:0; background:var(--ink); -webkit-mask:url('/assets/global/brand/IGwordmark.svg?v=20260802') left center/auto 100% no-repeat; mask:url('/assets/global/brand/IGwordmark.svg?v=20260802') left center/auto 100% no-repeat; }
.hero-description { max-width:46rem; margin:2rem auto 0; color:var(--muted); font-size:clamp(1.05rem,2vw,1.35rem); line-height:1.55; }
.hero-tools { max-width:62rem; margin:3rem auto 0; padding-top:1.25rem; border-top:1px solid var(--line); }
.hero-tools>span { display:block; margin-bottom:1rem; color:var(--muted); font:400 .68rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.hero-tools ul { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin:0; padding:0; list-style:none; }
.hero-tools li { padding:.5rem .7rem; color:var(--muted); border:1px solid var(--line); border-radius:999px; font:400 .66rem var(--mono); }
.hero-overview { display:grid; max-width:72rem; margin:clamp(3.5rem,7vw,6rem) auto 0; padding-top:2rem; gap:2.5rem; border-top:1px solid var(--line); text-align:left; }
.hero-overview>div>span { display:block; margin-bottom:1.25rem; color:var(--muted); font:400 var(--type-meta)/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
body[data-page="home"] .hero-contributions>span { margin-bottom:.85rem; }
.hero-role>span { display:none!important; }
.hero-facts { display:grid; grid-template-columns:1fr; gap:1.25rem; margin:0 0 2rem; }
.hero-facts div { min-width:0; }
.hero-facts dt,.hero-profile-description>span { margin:0 0 .55rem; color:var(--muted); font:400 var(--type-meta)/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.hero-facts dd { margin:0; color:var(--ink); font-size:clamp(.95rem,1.5vw,1.08rem); line-height:1.45; }
.hero-profile-description p { margin:0; color:var(--ink); font-size:clamp(.95rem,1.5vw,1.08rem); line-height:1.65; }
.hero-contributions ul { display:flex; flex-wrap:wrap; gap:.6rem; margin:0; padding:0; list-style:none; }
.hero-contributions li { padding:.65rem 1rem; color:color-mix(in srgb,var(--ink) 88%,var(--tag-purple) 12%); background:transparent; border:1px solid color-mix(in srgb,var(--line) 82%,var(--tag-purple) 18%); border-radius:.5rem; font-family:var(--display); font-size:calc(.76rem + 3px); font-weight:500; letter-spacing:.005em; line-height:1.2; }
[data-bs-theme="light"] body[data-page="home"] .hero-contributions li { border-color:#aa9ae6; }
.case-study-grid { display:grid; gap:1rem; }
.case-study-card { display:flex; min-height:100%; flex-direction:column; overflow:hidden; color:var(--ink); background:var(--panel); border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .25s,box-shadow .35s,color .25s; }
body[data-page="home"] .case-study-card:hover,
body[data-page="home"] .case-study-card:focus-visible { color:var(--ink); border-color:var(--accent); box-shadow:0 1.5rem 4rem color-mix(in srgb,var(--accent) 12%,transparent); transform:translateY(-5px); }
body[data-page="home"] .case-study-card:active { color:var(--ink); background:color-mix(in srgb,var(--accent) 7%,var(--panel)); border-color:var(--accent); box-shadow:0 .6rem 1.6rem color-mix(in srgb,var(--accent) 12%,transparent); transform:translateY(-1px) scale(.995); }
.case-study-card-art { position:relative; overflow:hidden; aspect-ratio:16/9; background:radial-gradient(circle at 20% 20%,rgba(200,255,69,.28),transparent 25%),radial-gradient(circle at 80% 75%,rgba(94,88,255,.38),transparent 30%),#101114; }
.case-study-card-art::after { position:absolute; inset:0; content:''; background:linear-gradient(to top,rgba(0,0,0,.28),transparent 40%); pointer-events:none; }
.case-study-card-art img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .35s; }
body[data-page="home"] .case-study-card:hover .case-study-card-art img,
body[data-page="home"] .case-study-card:focus-visible .case-study-card-art img { filter:brightness(.92); transform:scale(1.025); }
.case-study-card-copy { display:flex; flex:1; flex-direction:column; padding:clamp(1.35rem,3vw,2rem); }
.case-study-card-label { margin:0 0 .4rem; color:var(--muted); font:600 var(--type-meta)/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.case-study-card-copy h3 { margin:0; font-size:clamp(1.5rem,3vw,2.4rem); font-weight:500; letter-spacing:-.04em; }
.case-study-card-copy p { margin:.7rem 0 0; color:var(--muted); line-height:1.6; }
.case-study-card-copy .case-study-card-arrow { display:block; align-self:flex-start; margin-top:0; padding:.55rem .1rem .1rem 0; color:var(--ink); border:0; font:300 1.75rem/1 var(--font-heading); letter-spacing:0; text-transform:none; transform:translateX(0); transition:color .2s,transform .25s; }
.case-study-card:hover .case-study-card-arrow,
.case-study-card:focus-visible .case-study-card-arrow { color:var(--accent); transform:translateX(.3rem); }
.case-study-hero { position:relative; isolation:isolate; overflow:hidden; padding-block:clamp(5rem,10vw,9rem); }
.case-study-hero-content { position:relative; z-index:2; }
.case-study-hero-video { --case-study-phone-width:75%; position:absolute; z-index:0; top:20px; right:0; width:50%; height:78%; overflow:hidden; opacity:.8; pointer-events:none; container-type:size; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 12%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 12%,transparent 100%); }
.case-study-hero-video video { position:absolute; bottom:0; left:50%; display:block; width:var(--case-study-phone-width); width:min(var(--case-study-phone-width),82.9cqh); height:auto; object-fit:contain; object-position:50% 100%; border-radius:10.6% 10.6% 0 0 / 8.8% 8.8% 0 0; transform:translateX(-50%); }
.case-study-lockup { width:min(100%,366px); aspect-ratio:606/66; margin-bottom:1.5rem; background:var(--ink); -webkit-mask:var(--case-lockup) left center/contain no-repeat; mask:var(--case-lockup) left center/contain no-repeat; }
.case-study-lockup.is-hero-tag { margin-top:56px; }
.case-study-eyebrow { display:flex; align-items:center; gap:.65rem; max-width:100%; margin-bottom:1.5rem; white-space:nowrap; }
.case-study-eyebrow img,.case-study-glyph-slot { display:block; width:20px; height:20px; flex:0 0 20px; }
.case-study-eyebrow p { min-width:0; margin:0; color:var(--muted); font-family:var(--mono); font-size:clamp(14px,4.6vw,20px); font-weight:400; letter-spacing:.04em; line-height:20px; text-transform:uppercase; white-space:nowrap; }
.case-study-hero h1 { max-width:none; margin:0; text-align:left; }
.case-study-title-image { display:block; width:auto; max-width:100%; height:clamp(4rem,7vw,6.4rem); object-fit:contain; object-position:left center; }
body[data-page="inbox"]:not([data-case-study]) { --direct-hero-title-width:clamp(12.7rem,58vw,17.2rem); --direct-section-title-size:clamp(1.9rem,4vw,3.5rem); --direct-label-size:.76rem; --direct-label-color:color-mix(in srgb,var(--ink) 62%,var(--muted)); }
body[data-page="inbox"]:not([data-case-study]) .case-study-hero-video { opacity:1; }
body[data-page="inbox"]:not([data-case-study]) .case-study-lockup,
body[data-page="inbox"]:not([data-case-study]) .case-study-title-image { width:min(100%,var(--direct-hero-title-width)); }
body[data-page="inbox"]:not([data-case-study]) .case-study-title-image { height:auto; }
body[data-page="inbox"]:not([data-case-study]) .challenge-content h2,
body[data-page="inbox"]:not([data-case-study]) .process-heading h2,
body[data-page="inbox"]:not([data-case-study]) .section-heading h2,
body[data-page="inbox"]:not([data-case-study]) .component-section-heading .component-active-title,
body[data-page="inbox"]:not([data-case-study]) .testimonial-section-heading h2 { font-size:var(--direct-section-title-size); letter-spacing:-.05em; line-height:1; }
body[data-page="inbox"]:not([data-case-study]) .challenge-content p,
body[data-page="inbox"]:not([data-case-study]) .process-heading p,
body[data-page="inbox"]:not([data-case-study]) .section-heading p,
body[data-page="inbox"]:not([data-case-study]) .component-panel-heading p { margin-top:1rem; color:var(--ink); font-size:var(--case-description-size); line-height:1.55; }
body[data-page="inbox"]:not([data-case-study]) .component-panel-heading p { margin-top:0; }
body[data-page="inbox"]:not([data-case-study]) .challenge-content .subsection-label,
body[data-page="inbox"]:not([data-case-study]) .process-heading>span,
body[data-page="inbox"]:not([data-case-study]) .section-heading .section-number,
body[data-page="inbox"]:not([data-case-study]) .component-section-heading .subsection-label,
body[data-page="inbox"]:not([data-case-study]) .component-mobile-panel-heading>.subsection-label,
body[data-page="inbox"]:not([data-case-study]) .testimonial-section-heading .subsection-label { margin-bottom:.75rem; color:var(--direct-label-color); font-size:var(--direct-label-size); }
body[data-page="inbox"]:not([data-case-study]) .process-heading,
body[data-page="inbox"]:not([data-case-study]) .section-heading { margin-bottom:clamp(1.75rem,3vw,2.75rem); }
body[data-page="inbox"]:not([data-case-study]) .component-section-heading { margin-bottom:1rem; }
[data-bs-theme="light"] .home-title-image,[data-bs-theme="light"] .case-study-title-image { filter:invert(1); }
.case-study-type { margin:1.5rem 0 0; color:var(--muted); font:400 .7rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.case-study-compact-overview { max-width:48rem; margin-top:1rem; }
.case-study-compact-overview .case-study-type { display:inline-flex; min-height:36px; margin:0; padding:.5rem .75rem; align-items:center; color:var(--muted); border:1px solid var(--line); border-radius:999px; font-family:var(--heading); font-weight:600; line-height:1.2; }
.case-study-hero-tag { display:inline-flex; min-height:36px; margin:0 0 1.25rem; padding:.5rem .75rem; align-items:center; color:var(--muted); border:1px solid var(--line); border-radius:999px; font-family:var(--heading); font-weight:600; line-height:1.2; }
.case-study-hero-description { max-width:46rem; margin:1.5rem 0 0; color:var(--ink); font-family:var(--body-copy); font-size:clamp(1rem,2vw,1.25rem); line-height:1.65; }
body[data-page="inbox"] .case-study-compact-overview .case-study-hero-description { margin-top:0; }
.case-study-overview { display:grid; gap:2.5rem; max-width:72rem; margin-top:clamp(2.5rem,5vw,4.5rem); padding-top:2rem; border-top:1px solid var(--line); }
.case-study-overview .hero-facts { margin:0; }
.case-study-short-description p { max-width:38rem; margin:0; color:var(--ink); font-size:clamp(1rem,2vw,1.25rem); line-height:1.65; }
.direct-page-layout,
.direct-page-content { display:contents; }
.direct-page-rail { display:none; }
.challenge-section { padding-block:clamp(3rem,6vw,5rem); }
.challenge-content { width:min(100%,60rem); margin-inline:auto; text-align:center; }
.challenge-content .subsection-label { display:block; }
.challenge-content h2 { margin:0; font-size:clamp(2.25rem,5vw,4.5rem); font-weight:500; letter-spacing:-.055em; line-height:var(--leading-tight); }
.challenge-content p { max-width:62ch; margin:1.5rem auto 0; color:var(--muted); font-family:var(--body-copy); font-size:var(--type-body); line-height:var(--leading-body); text-wrap:pretty; }
.process-heading { max-width:52rem; margin-bottom:clamp(3rem,6vw,5rem); }
.process-heading>span { display:block; margin-bottom:1rem; color:var(--muted); font:400 .68rem/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.process-heading h2 { margin:0; font-size:clamp(2.25rem,5vw,4.5rem); font-weight:500; letter-spacing:-.055em; line-height:var(--leading-tight); }
.process-heading p { margin:1.5rem 0 0; color:var(--muted); font-size:clamp(1rem,1.6vw,1.15rem); line-height:1.6; }
.process-journey { position:relative; display:grid; gap:2rem; }
.process-journey::before { position:absolute; top:.55rem; bottom:.55rem; left:.45rem; width:1px; background:var(--line); content:''; }
.process-step { position:relative; min-width:0; padding-left:2.5rem; }
.process-step::before { position:absolute; z-index:1; top:.2rem; left:0; width:.95rem; height:.95rem; background:var(--paper); border:2px solid var(--accent); border-radius:50%; content:''; }
.process-marker { display:flex; align-items:baseline; gap:.75rem; margin-bottom:1rem; }
.process-marker span { color:var(--muted); font:400 .62rem var(--mono); }
.process-marker strong { font-size:1rem; font-weight:500; }
.process-card { overflow:hidden; background:var(--panel); border:1px solid var(--line); opacity:0; transform:translateY(1.25rem); transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.25,1),border-color .25s,box-shadow .3s; }
.process-card.is-visible { opacity:1; transform:translateY(0); }
.process-visual { overflow:hidden; aspect-ratio:5/3; background:#000; }
.process-visual picture { display:block; width:100%; height:100%; }
.process-visual img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.75,.25,1); }
.process-step:nth-child(2) .process-visual { background:#000; }
.process-step:nth-child(2) .process-visual img { box-sizing:border-box; padding:6%; object-fit:contain; background:#000; }
@media (hover:hover) and (pointer:fine) {
  .process-card:hover { border-color:color-mix(in srgb,var(--accent) 65%,var(--line)); box-shadow:0 1.25rem 3rem rgba(0,0,0,.18); }
  .process-card:hover .process-visual img { transform:scale(1.02); }
}
.process-card-copy { padding:clamp(1.25rem,2.5vw,1.75rem); }
.process-card-copy h3 { margin:0; font-size:clamp(1.25rem,2vw,1.65rem); font-weight:500; letter-spacing:-.035em; }
.process-card-copy>p { margin:.85rem 0 1.25rem; color:var(--muted); font-size:.9rem; line-height:1.55; }
.process-card-copy ul { display:flex; flex-wrap:wrap; gap:.4rem; margin:0; padding:0; list-style:none; }
.process-card-copy li { padding:.55rem .8rem; color:color-mix(in srgb,var(--ink) 88%,var(--tag-purple) 12%); background:transparent; border:1px solid color-mix(in srgb,var(--line) 82%,var(--tag-purple) 18%); border-radius:999px; font-family:var(--font-heading); font-size:.76rem; font-weight:500; letter-spacing:.005em; line-height:1.2; }
.process-transition { display:grid; justify-items:center; gap:1rem; margin-top:clamp(4rem,9vw,8rem); padding-block:clamp(3rem,7vw,6rem); text-align:center; }
.process-transition h2 { margin:0; font-size:clamp(2.25rem,5vw,4.5rem); font-weight:500; letter-spacing:-.055em; line-height:var(--leading-tight); }
.process-transition i { color:var(--accent); font-size:1.5rem; font-style:normal; }
.process-transition p { max-width:32rem; margin:0; color:var(--muted); line-height:1.55; }
body[data-page="inbox"] .process-transition { margin-top:clamp(2rem,4.5vw,4rem); padding-bottom:0; }
.component-section { position:relative; }
.component-section-heading { margin-bottom:1.5rem; }
.component-section-heading .subsection-label { display:block; }
.component-section-heading .component-active-title { margin:0; font-size:clamp(2.25rem,5vw,4.5rem); font-weight:500; letter-spacing:-.055em; line-height:var(--leading-tight); }
.component-mobile-panel-heading,.component-mobile-disclosure-toggle { display:none; }
.component-panel-layout { display:grid; min-width:0; gap:clamp(2rem,5vw,5rem); }
.component-panel-nav { position:relative; z-index:4; align-self:start; }
.component-section.is-single-component .component-panel-nav { display:none; }
.component-panel-nav [role="tablist"] { display:flex; gap:.5rem; }
.component-panel-nav button { display:flex; min-width:0; min-height:44px; align-items:center; gap:.65rem; padding:.65rem .75rem; color:var(--muted); background:transparent; border:0; font:400 .68rem var(--mono); letter-spacing:.03em; text-align:left; transition:color .2s,background .2s,transform .2s; }
body[data-page="inbox"] .component-panel-nav button { font-family:var(--body-copy); font-size:.78rem; font-weight:600; letter-spacing:0; }
.component-panel-nav button:hover,.component-panel-nav button:focus-visible { color:var(--ink); }
.component-panel-nav button[aria-selected="true"] { color:var(--ink); }
.component-panel-nav button.is-nested { font-size:.62rem; }
.component-nav-dot { width:.55rem; height:.55rem; flex:0 0 auto; background:transparent; border:1px solid currentColor; border-radius:50%; transition:background .2s,box-shadow .2s,transform .2s; }
.component-panel-nav button[aria-selected="true"] .component-nav-dot { background:var(--accent); border-color:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent); transform:scale(1.08); }
.component-panel-nav [role="tablist"]:has(#component-tab-configurations[aria-selected="true"],#component-tab-best-practices[aria-selected="true"]) #component-tab-simplification { color:var(--ink); }
.component-panel-nav [role="tablist"]:has(#component-tab-variants[aria-selected="true"],#component-tab-nested[aria-selected="true"]) #component-tab-net-new { color:var(--ink); }
.component-panel-stage { min-width:0; touch-action:pan-y; }
.component-panel { opacity:0; transform:translateY(.55rem); transition:opacity .21s ease,transform .21s ease; }
.component-panel.is-active { opacity:1; transform:translateY(0); }
.component-panel[hidden] { display:none; }
.component-panel-heading { max-width:44rem; margin-bottom:clamp(2rem,4vw,3.5rem); scroll-margin-top:7rem; }
.component-panel-heading p { margin:0; color:var(--muted); font-size:clamp(.95rem,1.4vw,1.05rem); line-height:1.65; }
.component-panel-split-heading { display:none; }
.component-lightbox-action { margin-top:1.25rem; color:var(--ink); background:transparent; border:0; border-bottom:1px solid currentColor; }
.component-lightbox-action svg { width:.9rem; height:.9rem; margin:0; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.documentation-dialog { width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:0; overflow:hidden; color:var(--ink); background:var(--paper); border:0; }
.documentation-dialog::backdrop { background:rgba(0,0,0,.88); }
.documentation-shell { height:100%; overflow-y:auto; scroll-behavior:smooth; }
.documentation-bar { position:sticky; z-index:5; top:0; display:flex; min-height:76px; justify-content:space-between; align-items:center; padding:1rem clamp(1rem,4vw,4rem); background:color-mix(in srgb,var(--paper) 92%,transparent); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.documentation-bar>div { display:flex; flex-direction:column; gap:.1rem; }
.documentation-bar span { color:var(--muted); font:500 .58rem var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.documentation-bar strong { font-size:.95rem; font-weight:600; }
.documentation-bar button { position:relative; width:2.75rem; height:2.75rem; padding:0; color:var(--ink); background:transparent; border:1px solid var(--line); border-radius:50%; }
.documentation-bar button span::before,.documentation-bar button span::after { position:absolute; top:50%; left:50%; width:1rem; height:1px; background:currentColor; content:''; transform:translate(-50%,-50%) rotate(45deg); }
.documentation-bar button span::after { transform:translate(-50%,-50%) rotate(-45deg); }
.documentation-nav { position:sticky; z-index:4; top:76px; display:flex; padding:.75rem clamp(1rem,4vw,4rem); gap:1.25rem; overflow-x:auto; color:var(--muted); background:color-mix(in srgb,var(--paper) 94%,transparent); border-bottom:1px solid var(--line); scrollbar-width:none; backdrop-filter:blur(18px); }
.documentation-nav::-webkit-scrollbar { display:none; }
.documentation-nav a { position:relative; padding:.2rem 0 .55rem; flex:0 0 auto; font:500 .66rem var(--mono); letter-spacing:.04em; text-transform:uppercase; transition:color .2s ease; }
.documentation-nav a::after { position:absolute; right:0; bottom:0; left:0; height:2px; background:var(--accent); border-radius:999px; content:''; opacity:0; transform:scaleX(.35); transform-origin:center; transition:opacity .2s ease,transform .2s ease; }
.documentation-nav a[aria-current="location"] { color:var(--ink); }
.documentation-nav a[aria-current="location"]::after { opacity:1; transform:scaleX(1); }
.documentation-content { width:min(calc(100% - 2rem),1280px); margin-inline:auto; }
.documentation-intro { padding-block:clamp(3rem,6vw,5rem); }
.documentation-intro p,.doc-section-heading>.subsection-label { margin:0 0 1rem; color:var(--muted); font:500 .66rem var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.doc-section-heading>.subsection-label { display:block; }
.documentation-intro h2 { margin:0; font-size:clamp(3.5rem,9vw,8rem); font-weight:500; letter-spacing:-.065em; line-height:.9; }
.documentation-intro strong { display:block; max-width:48rem; margin-top:2rem; font-size:clamp(1.05rem,2vw,1.35rem); font-weight:500; line-height:1.5; }
.documentation-intro small { display:block; margin-top:1rem; color:var(--muted); font-size:.78rem; }
.documentation-section { padding-block:clamp(3rem,5vw,4.5rem); border-top:1px solid var(--line); scroll-margin-top:130px; }
.doc-section-heading { max-width:46rem; margin-bottom:2.25rem; }
.doc-section-heading h2,.doc-anatomy h2 { margin:0; font-size:clamp(2.25rem,5vw,4.5rem); font-weight:500; letter-spacing:-.055em; line-height:var(--leading-tight); }
.doc-section-heading p { margin:1.25rem 0 0; color:var(--muted); font-size:1rem; line-height:1.6; text-wrap:pretty; }
.doc-anatomy { display:grid; gap:clamp(2.5rem,6vw,6rem); align-items:center; }
.doc-anatomy .subsection-label { display:block; }
.doc-anatomy ol { margin:1.5rem 0 0; padding-left:1.35rem; color:var(--muted); line-height:1.7; }
.doc-anatomy li::marker { color:var(--ink); font-weight:600; }
.doc-anatomy li strong { color:var(--ink); font-weight:600; }
.doc-required { margin:1rem 0 0; color:var(--muted); font-size:.85rem; }
.doc-anatomy figure { margin:0; padding:clamp(1rem,3vw,2.5rem); background:#25272e; border-radius:clamp(1rem,3vw,2.5rem); }
.doc-anatomy img,.doc-example-card img,.doc-account-card img,.doc-matrix img,.doc-message-row img { display:block; width:100%; height:auto; }
.doc-example-card img,.doc-matrix img,.doc-message-row img { width:min(100%,320px); margin-inline:auto; }
.doc-matrix { padding:clamp(1rem,3vw,2.5rem); background:#25272e; border-radius:clamp(1rem,3vw,2.5rem); }
.doc-matrix-header,.doc-matrix-row { display:grid; grid-template-columns:minmax(90px,.65fr) repeat(2,minmax(0,1fr)); align-items:center; gap:clamp(.75rem,2vw,2rem); }
.doc-matrix-header { padding-bottom:1rem; color:var(--muted); font-size:.75rem; text-align:center; }
.doc-matrix-row { padding-block:1rem; border-top:1px solid color-mix(in srgb,#fff 12%,transparent); }
.doc-matrix-row h4 { margin:0; font-size:.9rem; font-weight:500; }
.doc-example-grid { display:grid; gap:1rem; }
.doc-example-card { display:flex; min-width:0; flex-direction:column; justify-content:center; gap:1rem; padding:clamp(1rem,2vw,1.75rem); background:#25272e; border-radius:clamp(1rem,3vw,2rem); }
.doc-example-card h3 { margin:0; font-size:.95rem; font-weight:500; text-align:center; }
.doc-account-grid { display:grid; gap:1rem; }
.doc-account-card { min-width:0; padding:1rem; background:#25272e; border-radius:clamp(1rem,3vw,2rem); }
.doc-account-card img { width:80%; margin-inline:auto; }
.doc-account-card h3 { margin:1.25rem 0 .5rem; font-size:1.35rem; }
.doc-account-card ul { margin:.5rem 0 0; padding-left:1.2rem; color:var(--muted); line-height:1.6; }
.doc-message-grid { display:grid; gap:1rem; }
.doc-message-row { display:grid; gap:1rem; padding:clamp(1.25rem,3vw,2.5rem); background:#25272e; border-radius:clamp(1rem,3vw,2rem); }
.doc-message-row h3 { margin:0; font-size:1.15rem; font-weight:500; }
.doc-message-row>div { min-width:0; }
.doc-message-row span { display:block; margin-bottom:.5rem; color:var(--muted); font:500 .62rem var(--mono); letter-spacing:.04em; text-transform:uppercase; }
@media (min-width:768px) { .documentation-content{width:min(calc(100% - 4rem),1280px)} .doc-anatomy{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)} .doc-example-grid{grid-template-columns:repeat(6,minmax(0,1fr))} .doc-example-card{grid-column:span 2}.doc-example-card:nth-child(-n+2){grid-column:span 3}.doc-account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.doc-message-row{grid-template-columns:minmax(130px,.55fr) repeat(2,minmax(0,1fr));align-items:center}.doc-message-row h3{align-self:center} }
@media (min-width:1100px) { .documentation-content{width:min(calc(100% - 7rem),1280px)} }
@media (max-width:767.98px) { .documentation-content{width:min(calc(100% - 2rem),1280px)} .documentation-nav{top:76px}.doc-matrix{overflow-x:auto}.doc-matrix-header,.doc-matrix-row{width:720px}.doc-example-grid{grid-template-columns:1fr}.doc-account-grid{grid-template-columns:1fr}.doc-message-row{grid-template-columns:1fr}.doc-message-row h3{margin-bottom:.5rem} }
.component-collage { position:relative; width:calc(100% + clamp(2rem,8vw,8rem)); height:clamp(650px,68vw,900px); margin-inline:calc(clamp(1rem,4vw,4rem) * -1); overflow:visible; isolation:isolate; background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 46%); }
.component-float { position:absolute; top:var(--float-y); left:var(--float-x); width:var(--float-width); cursor:grab; touch-action:none; transform:translate3d(calc(var(--float-scroll-x,0px) + var(--drag-x,0px)),calc(var(--float-scroll-y,0px) + var(--drag-y,0px)),0) rotate(var(--float-rotate)); transform-origin:center; }
.component-float.is-dragging { z-index:5; cursor:grabbing; }
.component-float img { display:block; width:100%; height:auto; filter:drop-shadow(0 1.1rem 1.75rem rgba(0,0,0,.22)); user-select:none; animation:component-float var(--float-duration,10s) var(--float-delay) ease-in-out infinite alternate; }
.component-float:nth-child(2n) img { animation-direction:alternate-reverse; }
.component-collage.is-motion-paused .component-float img { animation-play-state:paused; }
@keyframes component-float { from { transform:translate3d(0,0,0) rotate(0deg); } to { transform:translate3d(var(--ambient-x),var(--ambient-y),0) rotate(var(--rotation-drift)); } }
.component-drag-hint { position:absolute; z-index:8; top:.5rem; left:50%; display:flex; align-items:center; gap:.45rem; margin:0; padding:.55rem .75rem; color:var(--ink); background:color-mix(in srgb,var(--panel) 88%,transparent); border:1px solid var(--line); border-radius:999px; font:400 .62rem var(--mono); pointer-events:none; transform:translateX(-50%); backdrop-filter:blur(10px); animation:component-hint-away .45s 4s ease forwards; }
.component-drag-hint svg { width:1rem; height:1rem; fill:none; stroke:var(--accent); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.component-collage.has-interacted .component-drag-hint { display:none; }
@keyframes component-hint-away { to { opacity:0; transform:translate(-50%,-.5rem); } }
.component-drag-cursor { position:absolute; z-index:20; top:0; left:0; display:grid; width:2.75rem; height:2.75rem; place-items:center; color:var(--link-hover); background:transparent; opacity:0; pointer-events:none; transform:translate(calc(var(--cursor-x,0px) - 50%),calc(var(--cursor-y,0px) - 50%)) scale(.82); transition:opacity .14s,transform .16s cubic-bezier(.2,.75,.25,1); }
.component-drag-cursor.is-visible { opacity:1; transform:translate(calc(var(--cursor-x,0px) - 50%),calc(var(--cursor-y,0px) - 50%)) scale(1); }
.component-drag-cursor.is-grabbing { transform:translate(calc(var(--cursor-x,0px) - 50%),calc(var(--cursor-y,0px) - 50%)) scale(.86); }
.component-drag-cursor svg { width:1.9rem; height:1.9rem; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 1px 2px var(--paper)); }
.component-comparison-grid { margin-top:0; }
.component-feature-media { max-width:72rem; }
.component-net-new-media { width:100%; aspect-ratio:16/9; }
.component-demo-video { display:grid; padding:clamp(.75rem,2vw,2rem); place-items:center; overflow:hidden; background:transparent; border:0; }
.component-demo-video .pattern-video-item { width:100%; height:100%; }
.component-demo-video video { display:block; width:auto; height:auto; max-width:100%; max-height:100%; min-width:0; min-height:0; object-fit:contain; background:transparent; }
.component-sequence-controls { display:flex; justify-content:flex-end; align-items:center; gap:.75rem; margin-top:clamp(1.5rem,3vw,2.5rem); padding-top:1rem; border-top:1px solid var(--line); }
body[data-page="inbox"]:not([data-case-study]) #components .component-sequence-controls,
body[data-case-study="stories"] #stories-components .component-sequence-controls { border-top:0; }
.component-sequence-controls>span { color:var(--muted); font:400 .62rem var(--mono); }
.component-sequence-controls button { display:grid; width:2.75rem; height:2.75rem; padding:0; place-items:center; color:var(--ink); background:transparent; border:1px solid var(--line); border-radius:50%; transition:color .2s,background .2s,border-color .2s,transform .2s; }
.component-sequence-controls button:hover,.component-sequence-controls button:focus-visible { color:#0b0b0c; background:var(--accent); border-color:var(--accent); transform:translateY(-2px); }
.component-sequence-controls button[hidden] { display:block; visibility:hidden; }
.case-study-summary { display:grid; gap:1rem; max-width:70rem; margin-top:clamp(2.5rem,5vw,4.5rem); padding-top:1.5rem; border-top:1px solid var(--line); }
.case-study-summary>span { color:var(--muted); font:400 .68rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.case-study-summary>p { max-width:50rem; margin:0; color:var(--muted); font-size:clamp(1rem,2vw,1.25rem); line-height:1.6; }
.testimonial-grid { display:grid; gap:1rem; }
.testimonial-message { position:relative; max-width:46rem; padding:clamp(1.25rem,3vw,2rem); background:var(--panel); border:1px solid var(--line); border-radius:1.5rem 1.5rem 1.5rem .35rem; }
.testimonial-message.outgoing { justify-self:end; background:color-mix(in srgb,#4c67ff 18%,var(--panel)); border-radius:1.5rem 1.5rem .35rem 1.5rem; }
.testimonial-author { display:flex; align-items:center; gap:.75rem; }
.testimonial-avatar { display:grid; width:2.5rem; height:2.5rem; flex:0 0 auto; place-items:center; color:#0b0b0c; background:linear-gradient(135deg,#ff7a00,#ff0169 48%,#7638fa); border-radius:50%; object-fit:cover; font:500 .75rem var(--mono); text-transform:uppercase; }
.testimonial-author div { display:flex; flex-direction:column; gap:.15rem; }
.testimonial-author strong { font-size:.82rem; font-weight:600; }
.testimonial-author div>span { color:var(--muted); font:400 .62rem var(--mono); }
.testimonial-copy { margin:1.25rem 0 .75rem; }
.testimonial-copy p { margin:0; font-size:clamp(1rem,2vw,1.15rem); line-height:1.55; text-wrap:pretty; }
.testimonial-copy p+p { margin-top:1.25rem; }
.testimonial-status { display:block; color:var(--muted); text-align:right; }
.media-frame { position:relative; margin:0; overflow:hidden; background:var(--panel); border:1px solid var(--line); }
.media-frame img { display:block; width:100%; height:auto; }
.has-lightbox>img { cursor:zoom-in; transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .35s; }
.has-lightbox:hover>img { transform:scale(1.012); filter:brightness(.82); }
.expand-image { position:absolute; right:1rem; bottom:1rem; z-index:2; display:grid; width:2.25rem; height:2.25rem; padding:.58rem; place-items:center; color:#f4f2ed; background:rgba(10,10,11,.72); border:1px solid rgba(255,255,255,.3); border-radius:50%; backdrop-filter:blur(12px); transition:transform .2s,background .2s,border-color .2s; }
.expand-image:hover { transform:scale(1.08); background:#f4f2ed; color:#0b0b0c; border-color:#f4f2ed; }
.expand-image svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.media-caption { margin:0; }
.media-caption--short { font:500 var(--caption-short-size)/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.media-caption--long { color:var(--muted); font:400 var(--caption-long-size)/1.65 var(--body-copy); letter-spacing:normal; text-transform:none; }
.media-frame>.media-caption { position:absolute; left:1rem; bottom:1rem; max-width:calc(100% - 2rem); padding:.55rem .7rem; color:#f4f2ed; background:rgba(10,10,11,.72); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(10px); }
.placeholder-art { min-height:340px; background:radial-gradient(circle at 80% 15%,rgba(255,59,119,.8),transparent 25%),radial-gradient(circle at 22% 80%,rgba(115,80,255,.85),transparent 28%),linear-gradient(135deg,#171719,#26232d); }
.mock-ui { position:absolute; inset:15%; padding:8%; background:rgba(15,15,17,.76); border:1px solid rgba(255,255,255,.2); border-radius:1.25rem; box-shadow:0 30px 90px rgba(0,0,0,.35); transform:rotate(-5deg); }
.mock-ui span { display:block; height:13%; margin-bottom:9%; background:linear-gradient(90deg,rgba(255,255,255,.88) 0 12%,rgba(255,255,255,.17) 12% 70%,transparent 70%); border-radius:999px; }
.hero-media { min-height:450px; }
.case-section { padding-block:clamp(5.5rem,11vw,10rem); border-top:1px solid var(--line); }
.section-heading { display:grid; gap:1rem; margin-bottom:clamp(3rem,6vw,5.5rem); }
body[data-page="inbox"] .section-heading { display:block; }
.section-heading.no-section-label { grid-template-columns:1fr; }
.section-heading h2 { max-width:950px; margin:0; font-size:var(--type-section); font-weight:500; letter-spacing:-.065em; line-height:var(--leading-tight); }
.section-heading p { max-width:720px; margin:1.5rem 0 0; color:var(--muted); font-size:var(--type-body); line-height:var(--leading-body); }
body[data-page="inbox"] .challenge-content p,
body[data-page="inbox"] .process-heading p,
body[data-page="inbox"] .process-card-copy>p,
body[data-page="inbox"] .section-heading p,
body[data-page="inbox"] .component-panel-heading p { font-size:var(--case-description-size); }
.description-action { margin-top:1.5rem; }
.inline-link { color:var(--ink); border-bottom:1px solid currentColor; }
.inline-link:hover { color:var(--muted); }
.inline-out-link { display:inline-block; margin-left:.2em; color:var(--muted); font:.72em var(--mono); transform:translateY(-.06em); }
.inline-out-link:hover,.inline-out-link:focus-visible { color:var(--link-hover); }
.comparison-grid { display:grid; gap:1rem; }
.comparison-meta { display:flex; justify-content:flex-start; align-items:center; gap:.5rem; padding-bottom:1rem; }
.comparison-meta h3 { margin:0; font:400 .7rem var(--mono); text-transform:uppercase; }
.comparison-meta p { margin:0; color:var(--muted); font:400 .7rem var(--mono); }
.status-dot { display:inline-block; width:.6rem; height:.6rem; flex:0 0 auto; border-radius:50%; }
.status-dot.red { background:#ff4351; }
.status-dot.green { background:#35d77d; }
.comparison-item .media-frame { background:#000; }
.comparison-item .after { background:radial-gradient(circle at 20% 20%,rgba(200,255,69,.6),transparent 22%),radial-gradient(circle at 85% 78%,rgba(74,134,255,.8),transparent 30%),#191a19; }
.analytics-context { margin-top:1rem; padding:clamp(.85rem,1.5vw,1.1rem); background:var(--panel); border:1px solid var(--line); }
.analytics-context p { margin:0; }
body[data-page="inbox"]:not([data-case-study]) #components .analytics-context { width:min(100%,760px); margin:1rem auto 0; padding:0; background:transparent; border:0; }
body[data-page="inbox"]:not([data-case-study]) #components .analytics-context p { text-align:left; }
.split-section,.plugin-grid,.how-grid { display:grid; gap:3rem; }
.split-section .section-heading { margin-bottom:2rem; }
.arrow-link { display:inline-flex; gap:2.5rem; padding-bottom:.5rem; border-bottom:1px solid currentColor; font:500 .78rem var(--mono); text-transform:uppercase; }
.arrow-link.component-lightbox-action { gap:.5rem; }
.labeled-media { position:relative; padding-top:2.5rem; }
.status-label { position:absolute; top:0; right:0; font:400 .65rem var(--mono); text-transform:uppercase; }
.status-label i { display:inline-block; width:.45rem; height:.45rem; margin-right:.45rem; background:#70d76e; border-radius:50%; }
.labeled-media .media-frame { background:#000; }
.wide-media { aspect-ratio:16/9; min-height:0; }
.wide-media>img { width:100%; height:100%; object-fit:contain; background:#000; }
.practices { background:radial-gradient(circle at 70% 30%,rgba(255,94,31,.8),transparent 28%),radial-gradient(circle at 18% 70%,rgba(255,209,63,.55),transparent 25%),#211d1c; }
.patterns { background:radial-gradient(circle at 50% 60%,rgba(41,204,195,.8),transparent 25%),radial-gradient(circle at 15% 15%,rgba(148,75,255,.8),transparent 24%),#171925; }
.tag-list { display:flex; flex-wrap:wrap; gap:.5rem; margin:-2rem 0 2rem; }
.tag-list span,.tag-list button { padding:.55rem .75rem; color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:999px; font:400 .67rem var(--mono); transition:color .2s,background .2s,border-color .2s; }
body[data-page="inbox"] .tag-list span,
body[data-page="inbox"] .tag-list button { min-height:44px; padding:.7rem 1.15rem; font-family:var(--body-copy); font-size:.9rem; font-weight:600; line-height:1.2; }
body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .tag-list button { padding-inline:1.32rem; }
.tag-list button { cursor:pointer; }
.tag-list button:hover { color:var(--ink); background:color-mix(in srgb,var(--accent) 16%,transparent); border-color:var(--accent); }
.tag-list button[aria-pressed="true"] { color:#0b0b0c; background:#c8ff45; border-color:#c8ff45; }
body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .tag-list button[aria-pressed="true"] { color:var(--accent); background:transparent; border-color:var(--accent); }
.pattern-stage { position:relative; border:1px solid var(--line); }
#direct-surface-patterns .section-number,#stories-surface-patterns .section-number { display:block; }
#stories-surface-patterns .pattern-video.wide-media { width:min(100%,34rem); aspect-ratio:3/4; }
#stories-surface-patterns .pattern-video-grid { padding:1rem; }
#stories-surface-patterns .pattern-video video { width:auto; height:100%; max-width:100%; max-height:100%; aspect-ratio:9/19.5; object-fit:cover; border-radius:var(--phone-radius); }
#direct-surface-patterns .pattern-video video { height:100%; max-height:var(--phone-stage-max-height); border-radius:var(--phone-radius); }
#direct-outcomes .section-number { display:block; }
.pattern-video { position:relative; overflow:hidden; background:transparent; border:0; }
.pattern-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; height:100%; min-height:0; gap:clamp(.25rem,1vw,1rem); padding:clamp(.75rem,2vw,2rem); overflow:hidden; place-items:center; background:transparent; }
.pattern-video-grid.is-single { grid-template-columns:1fr; grid-template-rows:1fr; }
.pattern-video-item { position:relative; display:grid; width:100%; height:100%; min-width:0; min-height:0; place-items:center; overflow:hidden; }
.pattern-video-placeholder { color:var(--muted); border:1px dashed color-mix(in srgb,var(--line) 75%,var(--muted) 25%); }
.pattern-video-placeholder p { margin:0; font:500 .7rem var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.pattern-video video { display:block; width:auto; height:auto; max-width:100%; max-height:100%; min-width:0; min-height:0; object-fit:contain; background:transparent; }
.recent-projects .section-heading { margin-bottom:clamp(2rem,4vw,3.5rem); }
.recent-project-layout { min-width:0; }
.recent-project-pill-rail { display:flex; width:min(calc(100% - 96px),900px); gap:.6rem; margin:0 0 2rem 96px; padding-top:3px; overflow-x:auto; scrollbar-width:none; }
.recent-project-pill-rail::-webkit-scrollbar { display:none; }
.recent-project-pill { display:flex; min-height:44px; padding:.7rem 1.52rem; flex:0 0 auto; flex-direction:column; justify-content:center; align-items:flex-start; gap:.5rem; color:var(--muted); text-align:left; white-space:nowrap; background:transparent; border:1px solid var(--line); border-radius:999px; font:600 .9rem/1.2 var(--body-copy); transition:color .2s,background .2s,border-color .2s,transform .2s; }
.recent-project-pill:hover { color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,transparent); border-color:var(--accent); transform:translateY(-2px); }
.recent-project-pill[aria-selected="true"] { color:var(--accent); background:transparent; border-color:var(--accent); }
.recent-project-pill small { color:var(--ink); font:500 .58rem/1.2 var(--mono); letter-spacing:.06em; }
.recent-project-pill small[data-status="IN FLIGHT"] { color:#ff5964; }
[data-bs-theme="light"] .recent-project-pill small[data-status="IN FLIGHT"] { color:#982333; }
.recent-project-pill[aria-selected="true"] small { color:inherit; }
.recent-project-copy { width:min(100%,720px); margin:0 0 2rem 96px; }
.recent-project-copy h3 { margin:0 0 .65rem; font-size:clamp(1.15rem,2vw,1.45rem); font-weight:700; letter-spacing:-.025em; }
.recent-project-copy p { margin:0; color:var(--muted); font-size:clamp(1rem,2vw,1.25rem); line-height:1.6; }
.recent-desktop-stage { position:relative; width:calc(100% - 96px); margin-left:96px; overflow:visible; }
.recent-desktop-panel { width:100%; }
.recent-desktop-media { display:grid; width:100%; grid-template-columns:repeat(2,minmax(0,720px)); gap:clamp(.75rem,1.5vw,1.25rem); align-items:start; }
.recent-desktop-media.is-single { width:min(100%,720px); aspect-ratio:16/9; grid-template-columns:1fr; border:1px solid var(--line); }
.recent-desktop-media.is-single .recent-media-item { aspect-ratio:auto; }
.recent-desktop-media.is-comparison { grid-template-columns:repeat(2,minmax(0,280px)); justify-content:center; gap:40px; padding-top:clamp(1rem,2vw,1.5rem); border-bottom:1px solid var(--line); }
.recent-desktop-media .recent-media-item { aspect-ratio:3/4; border:0; }
.recent-desktop-media .recent-media-item.is-top-half-crop { aspect-ratio:auto; }
.recent-desktop-media.is-comparison .recent-crop-viewport { width:100%; }
.recent-media-item { position:relative; display:grid; width:100%; height:100%; min-width:0; min-height:0; padding:clamp(1rem,3vw,3rem); place-items:center; overflow:visible; background:transparent; }
.recent-media-item video { display:block; width:auto; height:calc(100% - 1.75rem); max-width:100%; min-width:0; min-height:0; aspect-ratio:9/19.5; object-fit:cover; background:transparent; border-radius:var(--phone-radius); }
.recent-media-item.is-top-half-crop { height:auto; padding:0; grid-template-rows:auto auto; gap:.75rem; place-items:normal; overflow:visible; }
.recent-crop-viewport { position:relative; width:min(57.4%,280px); aspect-ratio:9/9.75; justify-self:center; overflow:hidden; }
.recent-crop-viewport>img,
.recent-crop-viewport>video { position:absolute; top:0; left:0; display:block; width:100%; max-width:100%; height:auto; max-height:none; min-height:0; aspect-ratio:9/19.5; object-fit:cover; object-position:top center; background:transparent; border-radius:var(--phone-top-radius); transform:none; }
.recent-frame-label { position:absolute; z-index:2; bottom:1rem; left:1rem; padding:.45rem .65rem; color:#f4f2ed; background:rgba(10,10,11,.76); border:1px solid rgba(255,255,255,.2); border-radius:999px; backdrop-filter:blur(10px); }
body[data-page="home"] .recent-frame-label { font-size:var(--home-label-size); }
.recent-media-item.is-top-half-crop .recent-frame-label { position:static; display:inline-flex; justify-self:center; align-items:center; padding:0; color:var(--ink); background:transparent; border:0; border-radius:0; backdrop-filter:none; }
.recent-media-item.is-top-half-crop .recent-frame-label { grid-row:1; }
.recent-media-item.is-top-half-crop .recent-crop-viewport { grid-row:2; }
.recent-frame-label::before { display:inline-block; width:.48rem; height:.48rem; margin-right:.45rem; background:#ff5964; border-radius:50%; content:''; }
.recent-media-item:nth-child(2) .recent-frame-label::before { background:#70d76e; }
.recent-media-item.is-placeholder { grid-template-rows:minmax(0,1fr) auto; gap:.75rem; color:var(--muted); background:transparent; }
.recent-placeholder-caption { margin:0; }
.recent-media-item.is-placeholder .recent-state-label { color:#ff5964; font-weight:500; }
[data-bs-theme="light"] .recent-media-item.is-placeholder .recent-state-label { color:#982333; }
.recent-phone-placeholder { position:relative; width:auto; height:100%; max-width:100%; aspect-ratio:9/19.5; overflow:hidden; background:linear-gradient(165deg,#222227,#111114); border:1px solid #44444b; border-radius:var(--phone-radius); box-shadow:0 1rem 3rem rgba(0,0,0,.3); }
.recent-phone-placeholder::before { position:absolute; top:2.5%; left:50%; width:27%; height:2.2%; background:#050506; border-radius:999px; content:''; transform:translateX(-50%); }
.recent-phone-placeholder span { position:relative; display:block; width:72%; height:7%; margin:12% auto 0; background:#2e2e34; border-radius:999px; }
.recent-phone-placeholder span+span { width:58%; margin-top:8%; margin-left:12%; }
.recent-phone-placeholder span+span+span { width:64%; margin-top:5%; margin-right:12%; margin-left:auto; }
.recent-phone-placeholder i { position:relative; display:block; width:68%; height:12%; margin:12% 10% 0 auto; background:#29292f; border-radius:1rem; }
.recent-phone-placeholder i+i { width:55%; margin-top:5%; margin-right:auto; margin-left:10%; }
.recent-phone-placeholder i+i+i { width:74%; margin-top:8%; margin-right:10%; margin-left:auto; }
.recent-mobile-stage { display:none; }
.recent-more-link { display:flex; width:100%; margin-top:clamp(2rem,4vw,3rem); justify-content:center; }
.recent-more-cta { display:inline-flex; min-height:44px; padding:.5rem 0; justify-content:center; align-items:center; gap:.65em; color:var(--ink); background:transparent; border:0; font:500 clamp(1rem,1.3vw,1.15rem)/1.3 var(--mono); letter-spacing:.06em; text-decoration:none; text-transform:uppercase; white-space:nowrap; transition:color .2s; -webkit-tap-highlight-color:transparent; }
.recent-more-cta>span { padding-bottom:.2rem; border-bottom:1px solid currentColor; }
.recent-more-cta svg { width:.9em; height:.9em; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.recent-more-cta i { font-family:var(--mono); font-size:1.1em; font-style:normal; font-weight:400; line-height:1; transition:transform .2s; }
.recent-more-cta:focus-visible,
.recent-more-cta:active { color:var(--accent); background:transparent; }
.recent-more-cta:active i { transform:translateX(.18rem); }
@media (hover:hover) and (pointer:fine) {
  .recent-more-cta:hover { color:var(--accent); background:transparent; }
  .recent-more-cta:hover i { transform:translateX(.18rem); }
}
.plugin-section .section-heading h2 { font-size:clamp(2.4rem,7vw,6rem); }
body[data-page="inbox"] .section-heading h2,
body[data-page="inbox"] .plugin-section .section-heading h2 { font-size:clamp(2.25rem,5vw,4.5rem); letter-spacing:-.055em; line-height:var(--leading-tight); }
.plugin-intro { display:grid; gap:clamp(2.5rem,6vw,6rem); align-items:center; }
.plugin-intro .section-heading { display:block; margin:0; align-self:center; }
.plugin-intro .section-number { display:block; }
.plugin-copy { display:flex; min-width:0; flex-direction:column; justify-content:center; }
.plugin-copy .plugin-details { margin-top:1rem; }
.plugin-cover-wrap { display:grid; min-width:0; margin:0; grid-template-rows:minmax(0,1fr) auto; }
.plugin-cover-video { position:relative; width:min(100%,34rem); min-height:0; aspect-ratio:3/4; margin-inline:auto; overflow:hidden; background:transparent; }
.plugin-cover-video video { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; background:transparent; }
body[data-case-study="stories"] .plugin-cover-video { width:min(100%,34rem); padding:1rem; box-sizing:border-box; background:transparent; }
body[data-case-study="stories"] .plugin-cover-video video { inset:1rem; width:calc(100% - 2rem); height:calc(100% - 2rem); background:transparent; }
body[data-case-study="stories"] #stories-tooling .plugin-cover-video video { border-radius:1rem; }
.plugin-cover-wrap>.media-caption--long { padding-top:1rem; }
.plugin-unified-grid { display:grid; gap:clamp(3rem,7vw,7rem); align-items:start; }
.plugin-details .feature-label { margin:0 0 .5rem; color:var(--muted); font:400 .7rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.plugin-feature-list { display:grid; gap:1rem; margin:0 0 2.5rem; padding:0; list-style:none; }
.plugin-feature-list li { position:relative; padding:0 0 0 1.5rem; border:0; line-height:1.55; }
.plugin-feature-list li::before { position:absolute; top:.48em; left:.1rem; width:.65rem; height:.65rem; background:#86a96f; clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%); content:''; }
.plugin-more { min-width:0; }
.plugin-more summary { display:flex; min-height:48px; justify-content:space-between; align-items:center; padding:.85rem 0; color:var(--ink); border-block:1px solid var(--line); cursor:pointer; font-family:var(--body-copy); font-size:.9rem; font-weight:600; list-style:none; }
.plugin-more summary::-webkit-details-marker { display:none; }
.plugin-more summary span { color:#86a96f; font-size:1.1rem; font-weight:400; transition:transform .2s; }
.plugin-more[open] summary span { transform:rotate(90deg); }
.plugin-more-content { display:grid; gap:2rem; padding-top:2rem; }
.plugin-links { display:flex; flex-direction:column; align-items:flex-start; gap:1rem; }
.plugin-media-stack { display:flex; flex-direction:column; gap:clamp(3rem,6vw,6rem); min-width:0; }
.pending-cta { color:var(--muted); cursor:not-allowed; opacity:.55; }
.video-stage { display:flex; flex-direction:column; justify-content:space-between; aspect-ratio:3/4; padding:1.25rem; color:#f4f2ed; background:#000; border:1px solid var(--line); }
.video-stage video { width:100%; height:100%; object-fit:contain; background:#000; }
.video-stage .plugin-gif { width:100%; height:100%; object-fit:contain; background:#000; }
.play-mark { display:grid; width:4.5rem; height:4.5rem; margin:auto; place-items:center; padding-left:.2rem; background:rgba(10,10,11,.6); border:1px solid rgba(255,255,255,.5); border-radius:50%; }
.video-selector { display:flex; align-items:center; gap:.5rem; margin-top:1rem; }
.video-selector button { display:grid; width:2.75rem; height:2.75rem; padding:0; place-items:center; color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:50%; font:400 .65rem var(--mono); transition:color .2s,background .2s,border-color .2s,transform .2s; }
.video-selector button:hover { color:var(--ink); border-color:var(--accent); transform:translateY(-2px); }
.video-selector button[aria-selected="true"] { color:#0b0b0c; background:#c8ff45; border-color:#c8ff45; }
.video-selector button:disabled { opacity:.4; cursor:not-allowed; }
.mini-thumb { display:grid; width:100%; aspect-ratio:16/8; place-items:center; color:#eee; background:var(--panel); font:400 .65rem var(--mono); }
.how-grid { padding-top:clamp(4rem,8vw,7rem); border-top:1px solid var(--line); }
.how-grid h3 { margin:0 0 1.5rem; font-size:clamp(2.5rem,5vw,5rem); letter-spacing:-.055em; }
.how-grid p { max-width:650px; color:var(--muted); line-height:1.6; }
.how-grid .feature-label { margin:2.5rem 0 .25rem; font:400 .7rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.how-grid ul { margin:2.5rem 0 0; padding:0; list-style:none; }
.how-grid .feature-label+ul { margin-top:0; }
.how-grid li { padding:1rem 0; border-top:1px solid var(--line); }
.how-media { align-self:start; background:#0d1218; }
.plugin-anatomy-media { width:100%; }
.flowchart { display:flex; flex-direction:column; justify-content:center; min-height:680px; padding:clamp(2rem,6vw,5rem); background:var(--panel); border:1px solid var(--line); }
.flowchart div { padding:1.5rem; text-align:center; border:1px solid var(--line); font:500 .72rem var(--mono); text-transform:uppercase; }
.flowchart i { padding:1rem; text-align:center; color:var(--muted); font-style:normal; }
.outcome-grid { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); }
.outcome-grid article { position:relative; min-height:260px; padding:1.5rem; overflow:hidden; isolation:isolate; background:var(--paper); }
.outcome-grid article::after { position:absolute; z-index:0; top:-5.5rem; right:-5.5rem; width:12rem; height:12rem; background:radial-gradient(circle,var(--outcome-tint) 0%,color-mix(in srgb,var(--outcome-tint) 30%,transparent) 28%,transparent 70%); border-radius:50%; content:''; opacity:.13; pointer-events:none; }
.outcome-grid article>* { position:relative; z-index:1; }
.outcome-grid span { color:var(--muted); font:400 .66rem var(--mono); }
.outcome-icon { display:block; width:3rem; height:3rem; margin-top:1.5rem; fill:none; stroke:color-mix(in srgb,var(--muted) 66%,var(--outcome-tint) 34%); stroke-width:1.15; stroke-linecap:round; stroke-linejoin:round; opacity:.9; }
.outcome-grid article:nth-child(1) { --outcome-tint:#b8d76a; }
.outcome-grid article:nth-child(2) { --outcome-tint:#8e83c4; }
.outcome-grid article:nth-child(3) { --outcome-tint:#c47d93; }
.outcome-grid article:nth-child(4) { --outcome-tint:#70aebd; }
.outcome-grid article:nth-child(5) { --outcome-tint:#c19a66; }
.outcome-grid article:nth-child(6) { --outcome-tint:#bcc486; }
[data-bs-theme="light"] .outcome-grid article:nth-child(1) { --outcome-tint:#689400; }
[data-bs-theme="light"] .outcome-grid article:nth-child(2) { --outcome-tint:#7258d1; }
[data-bs-theme="light"] .outcome-grid article:nth-child(3) { --outcome-tint:#c43f70; }
[data-bs-theme="light"] .outcome-grid article:nth-child(4) { --outcome-tint:#16879f; }
[data-bs-theme="light"] .outcome-grid article:nth-child(5) { --outcome-tint:#b26300; }
[data-bs-theme="light"] .outcome-grid article:nth-child(6) { --outcome-tint:#7c8d00; }
[data-bs-theme="light"] .outcome-icon { stroke:color-mix(in srgb,var(--outcome-tint) 84%,#141415 16%); stroke-width:1.35; opacity:1; }
[data-bs-theme="light"] .outcome-grid article::after { opacity:.2; }
.outcome-grid p { margin:3rem 0 0; font-size:1.05rem; line-height:1.5; }
.outcome-scroll-hint { display:none; }
.outcome-testimonial-grid { margin-top:clamp(3rem,6vw,5rem); }
body[data-page="inbox"] .outcome-testimonial-grid { grid-template-columns:1fr; justify-items:center; }
body[data-page="inbox"] .outcome-testimonial-grid .testimonial-message { width:min(100%,65ch); max-width:65ch; }
body[data-page="inbox"] .outcome-grid.no-outcome-numbers article { min-height:220px; }
body[data-page="inbox"] .outcome-grid.no-outcome-numbers .outcome-icon { margin-top:0; }
body[data-page="inbox"] .outcome-grid.no-outcome-numbers p { margin-top:2.25rem; }
.testimonial-section-heading { width:min(100%,55rem); margin:clamp(5rem,9vw,8rem) auto 1.5rem; }
.testimonial-section-heading .subsection-label { display:block; margin-bottom:.75rem; }
.testimonial-section-heading h2 { margin:0; font-size:clamp(2.25rem,5vw,4.5rem); font-weight:500; letter-spacing:-.055em; line-height:var(--leading-tight); }
body[data-page="inbox"] .testimonial-section-heading+.outcome-testimonial-grid { margin-top:0; }
body[data-page="inbox"] .testimonial-author div>span { color:var(--muted); font-family:inherit; font-size:.82rem; font-weight:400; letter-spacing:0; line-height:1.4; }
.site-footer { padding-block:clamp(5rem,9vw,8rem) 2rem; border-top:1px solid var(--line); }
.footer-projects { display:grid; gap:1rem; }
.project-link { --project-link-title-size:clamp(2rem,3.5vw,2.75rem); display:flex; min-height:160px; padding:1.5rem; align-items:flex-end; gap:.65rem; background:var(--panel); border:1px solid var(--line); }
.project-link.text-end { justify-content:flex-end; }
.project-link-copy { display:flex; min-width:0; margin-top:auto; flex-direction:column; align-items:flex-start; gap:.3rem; }
.project-link.text-end .project-link-copy { align-items:flex-end; }
.project-link small { color:var(--muted); font:600 .66rem/1.35 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.project-link strong { font-size:var(--project-link-title-size); font-weight:500; line-height:1.15; }
.project-link.is-interactive { transition:color .2s,outline-color .2s; -webkit-tap-highlight-color:transparent; }
.project-link.text-end small { text-align:right; }
.project-link.is-interactive i { color:currentColor; font-size:var(--project-link-title-size); font-style:normal; font-weight:300; line-height:1.15; opacity:.82; transform:translateX(-.15rem); transition:opacity .2s,transform .25s; }
.project-link.is-interactive.text-end i { transform:translateX(.15rem); }
.project-link.is-interactive:focus-visible,
.project-link.is-interactive:active { color:var(--accent); background:var(--panel); outline:1px solid var(--accent); outline-offset:-1px; transform:none; }
.project-link.is-interactive:focus-visible small,
.project-link.is-interactive:active small { color:var(--accent); }
.project-link.is-interactive:focus-visible i,
.project-link.is-interactive:active i { opacity:1; transform:translateX(0); }
@media (hover:hover) and (pointer:fine) {
  .project-link.is-interactive:hover { color:var(--accent); background:var(--panel); outline:1px solid var(--accent); outline-offset:-1px; transform:none; }
  .project-link.is-interactive:hover small { color:var(--accent); }
  .project-link.is-interactive:hover i { opacity:1; transform:translateX(0); }
}
.is-disabled,.pending-link[aria-disabled="true"] { color:var(--muted); cursor:default; opacity:.72; }
.footer-meta { display:flex; justify-content:space-between; gap:1rem; margin-top:4rem; padding-top:1rem; color:var(--muted); border-top:1px solid var(--line); font:400 11px/1.5 var(--mono); letter-spacing:.08em; }
.footer-meta div { display:flex; align-items:center; gap:.75rem; }
.footer-meta a,.footer-meta .pending-link { display:inline-flex; min-height:44px; padding:.25rem; align-items:center; }
.load-error { min-height:70vh; padding-block:10rem; }
.image-lightbox { width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:0; color:#f4f2ed; background:rgba(5,5,6,.94); border:0; opacity:0; transition:opacity .2s,display .2s allow-discrete,overlay .2s allow-discrete; }
.image-lightbox[open] { opacity:1; }
.image-lightbox::backdrop { background:rgba(5,5,6,.85); backdrop-filter:blur(10px); }
.lightbox-panel { display:grid; grid-template-rows:auto minmax(0,1fr) auto; width:100%; height:100%; padding:1rem; }
.lightbox-bar { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding-bottom:1rem; }
.lightbox-bar p,.lightbox-hint { margin:0; color:#aaa7a3; font:400 .65rem var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.lightbox-copy { display:flex; flex-direction:column; gap:.45rem; }
.lightbox-meta { display:flex; align-items:center; gap:.5rem; letter-spacing:0!important; text-transform:none!important; }
.lightbox-description { max-width:46rem; color:#d2cfca!important; font-family:var(--display)!important; font-size:.78rem!important; letter-spacing:0!important; line-height:1.45; text-transform:none!important; }
.lightbox-description[hidden],.lightbox-tags[hidden] { display:none; }
.lightbox-tags { display:flex; flex-wrap:wrap; gap:.35rem; }
.lightbox-tags span { padding:.26rem .45rem; color:#aaa7a3; border:1px solid rgba(255,255,255,.2); border-radius:999px; font:400 .56rem var(--mono); text-transform:uppercase; }
.lightbox-actions { display:flex; gap:.5rem; }
.lightbox-close,.lightbox-zoom { position:relative; display:grid; width:2.75rem; height:2.75rem; flex:0 0 auto; place-items:center; color:#f4f2ed; background:transparent; border:1px solid rgba(255,255,255,.28); border-radius:50%; transition:transform .2s,background .2s,color .2s; }
.lightbox-close:hover,.lightbox-zoom:hover,.lightbox-zoom[aria-pressed="true"] { color:#0b0b0c; background:#f4f2ed; }
.lightbox-close:hover { transform:rotate(6deg); }
.lightbox-zoom svg { width:1.1rem; height:1.1rem; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; }
.lightbox-close span::before,.lightbox-close span::after { position:absolute; top:50%; left:50%; width:1rem; height:1px; background:currentColor; content:''; transform:translate(-50%,-50%) rotate(45deg); }
.lightbox-close span::after { transform:translate(-50%,-50%) rotate(-45deg); }
.lightbox-canvas { position:relative; min-height:0; overflow:hidden; }
.lightbox-track { display:flex; width:100%; height:100%; min-height:0; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; touch-action:pan-x pinch-zoom; }
.lightbox-track::-webkit-scrollbar { display:none; }
.lightbox-track.has-long-slide { touch-action:pan-y pinch-zoom; }
.lightbox-slide { display:grid; min-width:100%; height:100%; min-height:0; padding-inline:clamp(0rem,5vw,4rem); overflow:hidden; place-items:center; scroll-snap-align:center; scroll-snap-stop:always; }
.lightbox-slide img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; cursor:zoom-in; user-select:none; -webkit-user-drag:none; transform-origin:center; transition:transform .22s ease; }
.lightbox-slide.is-long { place-items:start center; overflow-y:auto; overscroll-behavior-y:contain; }
.lightbox-slide.is-long img { width:min(100%,1800px); height:auto; min-height:auto; cursor:auto; }
.image-lightbox.is-zoomed .lightbox-track { overflow:hidden; scroll-snap-type:none; touch-action:none; }
.image-lightbox.is-zoomed .lightbox-slide img { cursor:grab; touch-action:none; }
.image-lightbox.is-panning .lightbox-slide img,
.image-lightbox.is-pinching .lightbox-slide img { cursor:grabbing; transition:none; }
.lightbox-nav { position:fixed; top:50%; z-index:3; display:grid; width:3rem; height:3rem; place-items:center; color:#f4f2ed; background:rgba(10,10,11,.72); border:1px solid rgba(255,255,255,.3); border-radius:50%; font-size:1.2rem; transform:translateY(-50%); backdrop-filter:blur(12px); transition:background .2s,color .2s,transform .2s; }
.lightbox-nav:hover { color:#0b0b0c; background:#f4f2ed; transform:translateY(-50%) scale(1.08); }
.lightbox-prev { left:1rem; }
.lightbox-next { right:1rem; }
.lightbox-nav[hidden] { display:none; }
.lightbox-footer { padding-top:.75rem; }
.gallery-status { display:flex; align-items:center; gap:1rem; min-width:0; }
.gallery-status[hidden] { display:none; }
.gallery-counter { flex:0 0 auto; color:#aaa7a3; font:400 .65rem var(--mono); }
.gallery-thumbnails { display:flex; min-width:0; gap:.45rem; overflow-x:auto; scrollbar-width:none; }
.gallery-thumbnails::-webkit-scrollbar { display:none; }
.gallery-thumbnails button { width:3.25rem; height:2.75rem; flex:0 0 auto; padding:2px; overflow:hidden; background:transparent; border:1px solid transparent; border-radius:.25rem; opacity:.55; transition:opacity .2s,border-color .2s; }
.gallery-thumbnails button:hover,.gallery-thumbnails button[aria-current="true"] { border-color:#f4f2ed; opacity:1; }
.gallery-thumbnails img { width:100%; height:100%; object-fit:cover; }
.lightbox-hint { padding-top:.6rem; text-align:center; }
@starting-style { .image-lightbox[open] { opacity:0; } }
:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
@media (forced-colors:active) { :focus-visible{outline:3px solid Highlight} .status-dot,.status-label i{border:1px solid CanvasText} .tag-list button[aria-pressed="true"],.video-selector button[aria-selected="true"]{border:2px solid CanvasText} }
@media (min-width:768px) {
  .page-shell { width:min(100% - 4rem,1440px); }
  body[data-page="inbox"]:not([data-case-study]) { --direct-hero-title-width:clamp(14.5rem,25.4vw,23.2rem); }
  .navbar-brand { gap:.75rem; }
  .brand-logo { width:2.15rem; height:2.5rem; }
  .navbar-nav { padding-block:0; }
  .navbar-collapse { margin-right:.75rem; }
  .case-studies-nav .dropdown-menu { min-width:9rem; padding:.25rem; border-radius:0; }
  .case-studies-nav .dropdown-menu li+li { margin-top:.25rem; }
  .case-studies-nav .dropdown-item { border-radius:0; }
  .case-studies-nav .dropdown-menu:has(.dropdown-item:is(:hover,:focus)) .dropdown-item[aria-current="page"]:not(:is(:hover,:focus)) { color:var(--ink); background:transparent; }
  .section-heading { grid-template-columns:80px 1fr; }
  .hero-overview,
  .case-study-overview,
  .case-study-grid,
  .comparison-grid,
  .split-section,
  .plugin-intro,
  .plugin-unified-grid,
  .how-grid,
  .footer-projects,
  .testimonial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .case-study-summary { grid-template-columns:80px 1fr; }
  .split-section .section-heading { display:block; }
  .outcome-grid { grid-template-columns:repeat(2,1fr); }
  .footer-projects { gap:1px; background:var(--line); }
  .project-link { border:0; }
  body[data-page="home"] .hero-contributions { align-self:start; }
  body[data-page="home"] .recent-project-copy p { font-size:var(--case-description-size); line-height:1.55; }
  body[data-page="home"] .recent-project-pill-rail,
  body[data-page="home"] .recent-project-copy,
  body[data-page="home"] .recent-desktop-stage { margin-left:0; }
  body[data-page="home"] .recent-project-pill-rail { width:min(100%,900px); }
  body[data-page="home"] .recent-desktop-stage { width:100%; }
  .featured-cases .case-study-grid { grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); }
  body[data-page="home"] .featured-cases .case-study-card:nth-child(2) .case-study-card-art { height:auto; min-height:clamp(150px,20vw,300px); max-height:50%; flex:1 1 auto; aspect-ratio:auto; }
  body[data-page="home"] .featured-cases .case-study-card:nth-child(2) .case-study-card-copy { flex:0 0 auto; }
  .component-panel-layout { grid-template-columns:minmax(150px,190px) minmax(0,1fr); }
  .component-panel-nav { position:sticky; top:calc(76px + 2rem); }
  .component-panel-nav [role="tablist"] { position:relative; flex-direction:column; gap:.35rem; padding:.4rem 0; }
  .component-panel-nav [role="tablist"]::before { position:absolute; top:1.25rem; bottom:1.25rem; left:1.01rem; width:1px; background:var(--line); content:''; }
  .component-panel-nav button { position:relative; width:100%; }
  .component-panel-nav button.is-nested { width:calc(100% - 1.25rem); margin-left:1.25rem; }
  .component-panel-nav button.is-nested .component-nav-dot { width:.4rem; height:.4rem; }
  .component-nav-dot { background:var(--paper); }
}
@media (hover:hover) and (pointer:fine) { .component-collage{cursor:none} .component-drag-hint{display:none} }
@media (hover:none),(pointer:coarse) { .component-drag-cursor{display:none} }
@media (min-width:768px) {
  .plugin-unified-grid { margin-left:96px; }
  .plugin-details { grid-column:1; grid-row:1; }
  .plugin-more,
  .plugin-more-content { display:contents; }
  .plugin-more summary { display:none; }
  .plugin-more .plugin-links { grid-column:1; grid-row:2; }
  .plugin-more .plugin-media-stack { grid-column:2; grid-row:1 / span 2; }
  .pattern-video-item:first-child { transform:translateX(40px); }
  .pattern-video-item:nth-child(2) { transform:translateX(-40px); }
  .pattern-video-grid.is-single .pattern-video-item:first-child { transform:none; }
}
@media (min-width:1100px) { .page-shell{width:min(100% - 7rem,1440px)} .outcome-grid{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1200px), (min-width:992px) and (orientation:landscape) {
  .process-journey { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,2vw,2rem); }
  .process-journey::before { top:.5rem; right:0; bottom:auto; left:0; width:auto; height:1px; }
  .process-step { padding-left:0; }
  .process-step::before { top:.05rem; left:0; }
  .process-marker { position:relative; z-index:2; width:max-content; margin-bottom:1.5rem; padding-left:1.75rem; padding-right:.75rem; background:var(--paper); }
  body[data-page="inbox"] .process-heading { max-width:72rem; }
  body[data-page="inbox"] .process-heading h2 { white-space:nowrap; }
  body[data-page="inbox"] .process-card-copy>p { min-height:6.2em; }
  body[data-page="inbox"] .process-journey::before,
  body[data-page="inbox"] .process-step::before,
  body[data-page="inbox"] .process-marker { display:none; }
  body[data-page="inbox"] .process-step { display:grid; grid-template-rows:auto 1fr; }
  body[data-page="inbox"] .process-card { height:100%; }
  body[data-page="inbox"] .case-study-compact-overview { max-width:50%; }
  body[data-page="inbox"] .case-study-hero-description { max-width:none; }
}
@media (max-width:991.98px), (max-width:1199.98px) and (orientation:portrait) {
  body[data-page="inbox"] .process-journey::before,
  body[data-page="inbox"] .process-step::before,
  body[data-page="inbox"] .process-marker { display:none; }
  body[data-page="inbox"] .process-section { padding-top:2.5rem; }
  body[data-page="inbox"] .process-step { width:100%; max-width:34rem; margin-inline:auto; padding-left:0; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .tag-list { margin-top:-.75rem; }
  body[data-page="inbox"] .component-panel-layout,
  body[data-page="inbox"] .component-panel-stage,
  body[data-page="inbox"] .component-panel,
  body[data-page="inbox"] .component-panel-heading { width:100%; max-width:100%; min-width:0; }
  body[data-page="inbox"] .component-panel-heading p,
  body[data-page="inbox"] .component-active-title { max-width:100%; overflow-wrap:anywhere; }
  body[data-page="inbox"] .component-collage { width:100%; max-width:100%; margin-inline:auto; overflow:hidden; }
  body[data-page="inbox"] .component-float { scale:1.15; }
}
@media (min-width:768px) and (max-width:991.98px), (min-width:768px) and (max-width:1199.98px) and (orientation:portrait) {
  body[data-page="inbox"]:not([data-case-study]) #direct-setting-direction .process-journey { grid-template-columns:repeat(2,minmax(0,420px)); justify-content:center; gap:clamp(1rem,2vw,2rem); }
  body[data-page="inbox"]:not([data-case-study]) #direct-setting-direction .process-step { display:grid; width:100%; max-width:420px; margin:0; grid-template-rows:auto 1fr; }
  body[data-page="inbox"]:not([data-case-study]) #direct-setting-direction .process-step:nth-child(3) { grid-column:1 / -1; justify-self:center; }
  body[data-page="inbox"]:not([data-case-study]) #direct-setting-direction .process-card { height:100%; }
}
@media (max-width:991.98px), (max-width:1199.98px) and (orientation:portrait) {
  html { overflow-x:clip; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]),
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) main,
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .case-study-page { overflow-x:visible; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .site-header { background:var(--paper); -webkit-backdrop-filter:none; backdrop-filter:none; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-layout { display:block; width:100%; max-width:none; margin:0; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-content { display:block; width:100%; min-width:0; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-rail { position:-webkit-sticky; position:sticky; z-index:1010; top:76px; display:block; width:100%; min-width:0; background:var(--paper); }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-content>[id] { scroll-margin-top:calc(76px + 4.5rem); }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav { position:relative; display:block; width:100%; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; background:var(--paper); border-block:1px solid var(--line); scrollbar-width:none; scroll-padding-inline:1rem; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav::-webkit-scrollbar { display:none; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav ul { display:flex; width:max-content; min-width:100%; margin:0; padding:.5rem clamp(1rem,3.125vw,2rem); gap:.4rem; list-style:none; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav li { flex:0 0 auto; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav li.is-nested-item { display:none; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav-item { display:flex; min-height:44px; align-items:center; gap:.55rem; padding:.62rem .72rem; color:var(--muted); background:transparent; border:0; border-radius:999px; font:600 .72rem/1.3 var(--body-copy); text-align:left; white-space:nowrap; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) a.direct-page-nav-item { text-decoration:none; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav-item:focus-visible,
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav-item[aria-current="location"] { color:var(--ink); background:color-mix(in srgb,var(--ink) 7%,transparent); }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav-dot { width:.45rem; height:.45rem; flex:0 0 auto; background:var(--paper); border:1px solid currentColor; border-radius:50%; }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .direct-page-nav-item[aria-current="location"] .direct-page-nav-dot { background:var(--accent); border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent); }
  body[data-page="inbox"]:not([data-case-study]) .direct-page-content .component-panel-layout { display:block; }
  body[data-page="inbox"]:not([data-case-study]) .direct-page-content .component-panel-nav { display:none; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-section-heading { display:none; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-panel,
  body[data-page="inbox"]:not([data-case-study]) #components .component-panel[hidden] { display:block; opacity:1; transform:none; transition:none; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-mobile-panel-heading { display:block; margin-bottom:1.25rem; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-mobile-panel-heading>.subsection-label { display:block; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-mobile-panel-heading>div { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.75rem 1rem; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-mobile-panel-heading h2 { min-width:0; margin:0; font-size:var(--direct-section-title-size); font-weight:500; letter-spacing:-.05em; line-height:1; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-panel+.component-panel { margin-top:3.25rem; padding-top:3.25rem; border-top:1px solid var(--line); }
  body[data-page="inbox"]:not([data-case-study]) #components .component-sequence-controls { display:none; }
  body[data-page="inbox"]:not([data-case-study]) #components .is-nested-panel .component-mobile-panel-heading { margin-bottom:0; }
  body[data-page="inbox"]:not([data-case-study]) #components .is-nested-panel:not(.is-expanded)>.component-panel-content { display:none; }
  body[data-page="inbox"]:not([data-case-study]) #components .is-nested-panel.is-expanded>.component-panel-content { padding-top:2rem; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-mobile-disclosure-toggle { display:inline-flex; min-height:44px; padding:.5rem 0; align-items:center; gap:.65rem; color:var(--muted); background:transparent; border:0; font:600 .72rem/1.3 var(--body-copy); letter-spacing:.08em; text-transform:uppercase; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-mobile-disclosure-toggle::after { width:.5rem; height:.5rem; border-right:1px solid currentColor; border-bottom:1px solid currentColor; content:''; transform:translateY(-.12rem) rotate(45deg); transition:transform .2s; }
  body[data-page="inbox"]:not([data-case-study]) #components .component-mobile-disclosure-toggle[aria-expanded="true"] { color:var(--accent); }
  body[data-page="inbox"]:not([data-case-study]) #components .component-mobile-disclosure-toggle[aria-expanded="true"]::after { transform:translateY(.12rem) rotate(225deg); }
}
@media (min-width:1200px), (min-width:992px) and (orientation:landscape) {
  body[data-page="inbox"] { --direct-body-size:.9rem; --direct-body-leading:1.5; --direct-section-space:clamp(5.25rem,7vw,7rem); --direct-heading-gap:clamp(2.4rem,3.5vw,3.3rem); --direct-feature-gap:clamp(2.625rem,4.375vw,4.375rem); --direct-outer-gap:clamp(4.375rem,7.875vw,7rem); --direct-compact-section-space:clamp(4rem,5vw,5rem); --direct-short-section-space:clamp(3rem,4vw,4rem); --direct-compact-heading-gap:clamp(1.75rem,2.5vw,2.5rem); --direct-page-rail-width:190px; --direct-page-layout-gap:clamp(2.2rem,3.5vw,3.5rem); font-size:var(--direct-body-size); }
  body[data-page="inbox"]:not([data-case-study]) { --direct-hero-title-width:clamp(11.6rem,20.3vw,18.6rem); --direct-paragraph-max:400px; --direct-section-space:clamp(4.75rem,6.5vw,6.5rem); --direct-heading-gap:clamp(2rem,3vw,2.8rem); --direct-compact-section-space:clamp(3.75rem,4.5vw,4.5rem); --direct-short-section-space:clamp(2.75rem,3.5vw,3.5rem); --direct-compact-heading-gap:clamp(1.5rem,2vw,2rem); }
  body[data-page="inbox"] .direct-page-layout { display:grid; grid-template-columns:minmax(150px,var(--direct-page-rail-width)) minmax(0,1fr); gap:var(--direct-page-layout-gap); align-items:start; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-content,
  body[data-case-study="stories"] .case-study-hero-content { margin-left:calc(var(--direct-page-rail-width) + var(--direct-page-layout-gap)); transform:translateY(clamp(3rem,5vw,4.5rem)); }
  body[data-page="inbox"] .direct-page-content { display:block; min-width:0; }
  body[data-page="inbox"] .direct-page-content>.case-section.page-shell { width:100%; max-width:none; margin-inline:0; }
  body[data-page="inbox"] .direct-page-rail { display:block; min-width:0; align-self:stretch; padding-top:var(--direct-short-section-space); }
  body[data-page="inbox"] .direct-page-nav { position:sticky; z-index:4; top:calc(76px + 2rem); }
  body[data-page="inbox"] .direct-page-nav ul { position:relative; display:flex; margin:0; padding:.4rem 0; flex-direction:column; gap:.35rem; list-style:none; }
  body[data-page="inbox"] .direct-page-nav ul::before { position:absolute; top:1.25rem; bottom:1.25rem; left:1.01rem; width:1px; background:var(--line); content:''; }
  body[data-page="inbox"] .direct-page-nav li { position:relative; z-index:1; min-width:0; }
  body[data-page="inbox"] .direct-page-nav-item { position:relative; display:flex; width:100%; min-width:0; min-height:44px; align-items:center; gap:.65rem; padding:.65rem .75rem; color:var(--muted); background:transparent; border:0; font:600 .78rem/1.35 var(--body-copy); text-align:left; transition:color .2s,background .2s; }
  body[data-page="inbox"] a.direct-page-nav-item { text-decoration:none; }
  body[data-page="inbox"] .direct-page-nav-item:hover,
  body[data-page="inbox"] .direct-page-nav-item:focus-visible,
  body[data-page="inbox"] .direct-page-nav-item[aria-current="location"] { color:var(--ink); }
  body[data-page="inbox"] .direct-page-nav-item.is-nested { width:calc(100% - 1.25rem); margin-left:1.25rem; font-size:.72rem; }
  body[data-page="inbox"] .direct-page-nav-dot { width:.55rem; height:.55rem; flex:0 0 auto; background:var(--paper); border:1px solid currentColor; border-radius:50%; transition:background .2s,box-shadow .2s,transform .2s; }
  body[data-page="inbox"] .direct-page-nav-item.is-nested .direct-page-nav-dot { width:.4rem; height:.4rem; }
  body[data-page="inbox"] .direct-page-nav-item[aria-current="location"] .direct-page-nav-dot { background:var(--accent); border-color:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent); transform:scale(1.08); }
  body[data-page="inbox"] .direct-page-content .challenge-section { padding-block:var(--direct-short-section-space); }
  body[data-page="inbox"]:not([data-case-study]) .direct-page-content .challenge-content { margin-inline:0; text-align:left; }
  body[data-page="inbox"]:not([data-case-study]) .direct-page-content .challenge-content p { margin-inline:0; font-size:var(--case-description-size); line-height:var(--direct-body-leading); }
  body[data-page="inbox"] .case-study-hero { padding-bottom:clamp(4.5rem,9vw,8.1rem); }
  body[data-page="inbox"] .case-study-lockup.is-hero-tag { margin-top:50px; margin-bottom:1.35rem; }
  body[data-page="inbox"] .case-study-title-image { height:clamp(3.2rem,5.6vw,5.125rem); }
  body[data-page="inbox"] .case-study-hero-description { font-size:1.1rem; line-height:1.5; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-compact-overview { margin-top:2rem; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-description { font-size:1.35rem; line-height:normal; }
  body[data-page="inbox"] .challenge-content p,
  body[data-page="inbox"] .process-heading p,
  body[data-page="inbox"] .section-heading p,
  body[data-page="inbox"] .component-panel-heading p,
  body[data-page="inbox"] .process-card-copy>p { font-size:var(--case-description-size); line-height:var(--direct-body-leading); }
  body[data-page="inbox"] .case-study-short-description p,
  body[data-page="inbox"] .case-study-summary>p,
  body[data-page="inbox"] .plugin-feature-list,
  body[data-page="inbox"] .how-grid p,
  body[data-page="inbox"] .outcome-grid p,
  body[data-page="inbox"] .testimonial-copy p { font-size:var(--direct-body-size); line-height:var(--direct-body-leading); }
  body[data-page="inbox"] .process-heading p,
  body[data-page="inbox"] .section-heading p { max-width:65ch; text-wrap:pretty; }
  body[data-page="inbox"] .component-panel-heading { max-width:58ch; }
  body[data-page="inbox"] .component-panel-heading p,
  body[data-page="inbox"] .plugin-copy .section-heading p,
  body[data-page="inbox"] .plugin-feature-list { max-width:58ch; text-wrap:pretty; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-description,
  body[data-page="inbox"]:not([data-case-study]) .challenge-content p,
  body[data-page="inbox"]:not([data-case-study]) .process-heading p,
  body[data-page="inbox"]:not([data-case-study]) .section-heading p,
  body[data-page="inbox"]:not([data-case-study]) .component-panel-heading p { max-width:var(--direct-paragraph-max); }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-description { max-width:600px; }
  body[data-page="inbox"] .case-section { padding-block:var(--direct-section-space); }
  body[data-page="inbox"] .process-section,
  body[data-page="inbox"] .component-section,
  body[data-page="inbox"] .plugin-section,
  body[data-page="inbox"] .outcomes { padding-block:var(--direct-compact-section-space); }
  body[data-page="inbox"] .direct-page-content .process-journey { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-page="inbox"]:not([data-case-study]) .direct-page-content .process-journey { width:min(100%,calc(840px + clamp(1rem,2vw,2rem))); margin-inline:auto; }
  body[data-page="inbox"] .direct-page-content .process-step:nth-child(3) { width:calc(50% - clamp(.5rem,1vw,1rem)); grid-column:1 / -1; justify-self:center; }
  body[data-page="inbox"] .direct-page-content .process-heading h2 { white-space:normal; }
  body[data-page="inbox"] .process-heading { max-width:720px; margin-bottom:var(--direct-compact-heading-gap); }
  body[data-page="inbox"] .process-card-copy { padding:clamp(1.125rem,2.25vw,1.575rem); }
  body[data-page="inbox"] .process-card-copy h3 { font-size:clamp(1.125rem,1.8vw,1.485rem); }
  body[data-page="inbox"] .process-card-copy>p { min-height:5.6em; margin:.765rem 0 1.125rem; line-height:1.45; }
  body[data-page="inbox"] .section-heading { margin-bottom:var(--direct-heading-gap); }
  body[data-page="inbox"] #direct-surface-patterns .section-heading,
  body[data-page="inbox"] #direct-outcomes>.section-heading { max-width:720px; }
  body[data-page="inbox"] .direct-page-content .component-panel-layout { display:block; }
  body[data-page="inbox"] .direct-page-content .component-panel-nav { display:none; }
  body[data-page="inbox"] .component-panel-layout { gap:clamp(2.2rem,3.5vw,3.5rem); }
  body[data-page="inbox"] .component-section-heading { margin-bottom:1rem; }
  body[data-page="inbox"] .component-panel-heading { margin-bottom:var(--direct-compact-heading-gap); }
  body[data-page="inbox"] .component-collage { width:min(86%,760px); height:min(44vh,390px); margin-inline:auto; overflow:hidden; }
  body[data-page="inbox"] .component-float { top:var(--float-y-compact,var(--float-y)); width:var(--float-width); }
  body[data-page="inbox"] .component-comparison-grid,
  body[data-page="inbox"] .component-demo-video { width:min(100%,760px); margin-inline:auto; }
  body[data-page="inbox"] .component-feature-media { display:flex; width:100%; margin-inline:0; justify-content:flex-start; }
  body[data-page="inbox"] .component-feature-media .media-frame { display:inline-flex; width:auto; max-width:100%; height:auto; padding:1rem; align-items:center; justify-content:flex-start; background:#000; aspect-ratio:auto; }
  body[data-page="inbox"] .component-feature-media .media-frame img { width:auto; max-width:100%; height:min(calc(40vh - 2rem),318px); object-fit:contain; }
  body[data-page="inbox"] .component-demo-video { height:min(40vh,350px); aspect-ratio:auto; }
  body[data-page="inbox"] .component-comparison-grid .media-frame img { width:100%; height:100%; object-fit:contain; }
  body[data-page="inbox"] .component-comparison-grid .media-frame { height:min(32vh,280px); }
  body[data-page="inbox"]:not([data-case-study]) #components .component-panel-stage:has(#component-panel-configurations:not([hidden]))>.component-section-heading,
  body[data-page="inbox"]:not([data-case-study]) #components .component-panel-stage:has(#component-panel-best-practices:not([hidden]))>.component-section-heading { display:none; }
  body[data-page="inbox"]:not([data-case-study]) #component-panel-configurations .component-panel-content,
  body[data-page="inbox"]:not([data-case-study]) #component-panel-best-practices .component-panel-content { display:grid; grid-template-columns:minmax(16rem,1fr) minmax(0,30rem); column-gap:var(--direct-feature-gap); align-items:center; }
  body[data-page="inbox"]:not([data-case-study]) #component-panel-configurations .component-panel-heading,
  body[data-page="inbox"]:not([data-case-study]) #component-panel-best-practices .component-panel-heading { min-width:0; margin-bottom:0; align-self:center; }
  body[data-page="inbox"]:not([data-case-study]) #component-panel-configurations .component-panel-split-heading,
  body[data-page="inbox"]:not([data-case-study]) #component-panel-best-practices .component-panel-split-heading { display:block; margin-bottom:1rem; }
  body[data-page="inbox"]:not([data-case-study]) #component-panel-configurations .component-panel-split-heading .subsection-label,
  body[data-page="inbox"]:not([data-case-study]) #component-panel-best-practices .component-panel-split-heading .subsection-label { display:block; margin-bottom:.75rem; color:var(--direct-label-color); font-size:var(--direct-label-size); }
  body[data-page="inbox"]:not([data-case-study]) #component-panel-configurations .component-panel-split-heading h2,
  body[data-page="inbox"]:not([data-case-study]) #component-panel-best-practices .component-panel-split-heading h2 { margin:0; font-size:var(--direct-section-title-size); font-weight:500; letter-spacing:-.05em; line-height:1; }
  body[data-page="inbox"]:not([data-case-study]) #component-panel-configurations .component-feature-media,
  body[data-page="inbox"]:not([data-case-study]) #component-panel-best-practices .component-feature-media { width:min(100%,30rem); min-width:0; justify-self:end; }
  body[data-page="inbox"]:not([data-case-study]) #component-panel-configurations .component-feature-media .media-frame,
  body[data-page="inbox"]:not([data-case-study]) #component-panel-best-practices .component-feature-media .media-frame { width:100%; }
  body[data-page="inbox"]:not([data-case-study]) #component-panel-configurations .component-feature-media .media-frame img,
  body[data-page="inbox"]:not([data-case-study]) #component-panel-best-practices .component-feature-media .media-frame img { width:100%; height:auto; }
  body[data-page="inbox"]:not([data-case-study]) #component-panel-configurations .component-sequence-controls,
  body[data-page="inbox"]:not([data-case-study]) #component-panel-best-practices .component-sequence-controls { grid-column:1 / -1; }
  body[data-page="inbox"] .component-sequence-controls { margin-top:1rem; padding-top:.75rem; }
  body[data-page="inbox"] .tag-list { gap:.45rem; }
  body[data-page="inbox"] .tag-list span,
  body[data-page="inbox"] .tag-list button { min-height:40px; padding:.63rem 1.035rem; font-size:.81rem; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .tag-list button { padding-inline:1.19rem; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .tag-list { margin-top:calc(var(--direct-heading-gap) - 4rem); }
  body[data-page="inbox"] .plugin-intro { gap:var(--direct-feature-gap); }
  body[data-page="inbox"] .plugin-cover-video { width:min(100%,30rem); }
  body[data-page="inbox"] .plugin-copy .plugin-details { margin-top:.75rem; }
  body[data-page="inbox"] .plugin-details .feature-label { margin-bottom:.35rem; }
  body[data-page="inbox"] .plugin-feature-list { gap:.55rem; margin-bottom:0; line-height:1.35; }
  body[data-page="inbox"] .plugin-feature-list li { padding-left:1.35rem; line-height:1.35; }
  body[data-page="inbox"] .plugin-feature-list li::before { top:.42em; width:.585rem; height:.585rem; }
  body[data-page="inbox"]:not([data-case-study]) #direct-tooling .plugin-copy .section-heading { width:min(100%,var(--direct-paragraph-max)); align-self:flex-start; text-align:left; }
  body[data-page="inbox"]:not([data-case-study]) #direct-tooling .plugin-copy .section-heading p { margin-inline:0; }
  body[data-page="inbox"]:not([data-case-study]) #direct-tooling .plugin-details { width:min(100%,var(--direct-paragraph-max)); max-width:var(--direct-paragraph-max); align-self:flex-start; }
  body[data-page="inbox"]:not([data-case-study]) #direct-tooling .plugin-details .feature-label { margin-bottom:.75rem; }
  body[data-page="inbox"]:not([data-case-study]) #direct-tooling .plugin-feature-list { gap:.8rem; line-height:1.42; }
  body[data-page="inbox"]:not([data-case-study]) #direct-tooling .plugin-feature-list li { line-height:1.42; }
  body[data-page="inbox"] .plugin-unified-grid { margin-left:0; gap:var(--direct-feature-gap); }
  body[data-page="inbox"] .outcomes>.section-heading { margin-bottom:var(--direct-compact-heading-gap); }
  body[data-page="inbox"] .direct-page-content .outcome-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-page="inbox"]:not([data-case-study]) .direct-page-content .outcome-grid { width:min(100%,843px); margin-inline:auto; }
  body[data-page="inbox"]:not([data-case-study]) #direct-outcomes>.section-heading { width:min(100%,843px); max-width:843px; margin-inline:auto; text-align:center; }
  body[data-page="inbox"] .outcome-grid.no-outcome-numbers article { min-height:176px; padding:1.25rem; }
  body[data-page="inbox"] .outcome-grid.no-outcome-numbers .outcome-icon { width:2.7rem; height:2.7rem; }
  body[data-page="inbox"] .outcome-grid.no-outcome-numbers p { margin-top:1.25rem; line-height:1.4; }
  body[data-page="inbox"] .testimonial-section-heading { width:100%; margin:var(--direct-compact-section-space) 0 1.5rem; }
  body[data-page="inbox"]:not([data-case-study]) .testimonial-section-heading { width:min(100%,65ch); margin:var(--direct-compact-section-space) 0 1.5rem; text-align:left; }
  body[data-page="inbox"]:not([data-case-study]) #direct-outcomes .outcome-testimonial-grid { width:100%; row-gap:1.5rem; justify-items:center; }
  body[data-page="inbox"]:not([data-case-study]) #direct-outcomes .testimonial-message:nth-child(even) { justify-self:end; }
  body[data-page="inbox"] .testimonial-message { padding:clamp(1.125rem,2.7vw,1.8rem); }
  body[data-page="inbox"] .testimonial-copy { margin:1.125rem 0 .675rem; }
  body[data-page="inbox"] .testimonial-copy p+p { margin-top:1.125rem; }
  body[data-page="inbox"] .site-footer { padding-top:var(--direct-outer-gap); }
}
@media (min-width:768px) {
  body[data-page="inbox"] .case-study-hero { padding-top:36px; }
  body[data-page="inbox"] .case-study-hero-video { top:36px; height:calc(100% - 36px); -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.2) 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.2) 100%); }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-video { --case-study-phone-width:70%; }
  body[data-case-study="stories"] .case-study-hero-video { --case-study-phone-width:66%; }
  body[data-page="inbox"] .case-study-lockup { width:275px; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-compact-overview { max-width:50%; }
}
@media (min-width:1200px) {
  body[data-page="inbox"]:not([data-case-study]) { --direct-paragraph-max:600px; }
  body[data-page="inbox"]:not([data-case-study]) #direct-tooling { --direct-paragraph-max:400px; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-video { --case-study-phone-width:56%; }
  body[data-case-study="stories"] .case-study-hero-video { --case-study-phone-width:52%; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-content,
  body[data-case-study="stories"] .case-study-hero-content { width:min(calc(100vw - 8.75rem),1000px); max-width:100%; margin-inline:auto; }
  body[data-page="home"] .recent-desktop-media.is-comparison { justify-content:start; }
}
@media (min-width:992px) {
  body[data-page="home"] .page-shell,
  .site-header .page-shell { width:min(calc(100% - 8.75rem),1000px); }
  body[data-page="home"] .hero-brand-lockup { min-height:50px; }
  body[data-page="home"] .hero-wordmark { width:203px; height:50px; }
  body[data-page="home"] .featured-cases .case-study-grid,
  body[data-page="home"] .recent-project-layout,
  body[data-page="home"] .footer-projects,
  body[data-page="home"] .footer-meta { max-width:100%; }
  body[data-page="home"] .featured-cases .case-study-grid { grid-template-columns:minmax(0,1.28fr) minmax(0,1fr); }
  body[data-page="home"] .featured-cases .case-study-card:nth-child(1) .case-study-card-art,
  body[data-page="home"] .featured-cases .case-study-card:nth-child(2) .case-study-card-art { height:clamp(170px,18vw,210px); min-height:0; max-height:none; flex:0 0 auto; aspect-ratio:auto; }
  body[data-page="home"] .case-study-card-copy h3 { font-size:clamp(1.5rem,2.4vw,2rem); }
  body[data-page="home"] .project-link,
  body[data-page="inbox"] .project-link { min-height:140px; }
  body[data-page="home"] { --home-section-space:clamp(4.75rem,6.5vw,6.5rem); --home-heading-gap:clamp(2rem,3vw,2.8rem); }
  body[data-page="home"] .case-section { padding-block:var(--home-section-space); }
  body[data-page="home"] .section-heading { max-width:720px; margin-bottom:var(--home-heading-gap); }
}
@media (max-width:767.98px) { .navbar-collapse{position:absolute;top:76px;left:0;width:100%;padding-inline:1rem;background:var(--paper);border-bottom:1px solid var(--line)} .component-panel-nav{position:sticky;top:76px;max-width:100%;min-width:0;padding:.5rem 0;overflow:visible;background:color-mix(in srgb,var(--paper) 92%,transparent);border-block:1px solid var(--line);backdrop-filter:blur(14px)} .component-panel-nav [role="tablist"]{justify-content:flex-start;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x} .component-panel-nav [role="tablist"]::-webkit-scrollbar{display:none} .component-panel-nav button{flex:0 0 auto;padding:.65rem .45rem;font-size:.61rem} .component-collage{height:760px} .plugin-cover-video{min-height:0;aspect-ratio:auto} .plugin-cover-video video{position:relative;inset:auto;width:100%;height:auto;object-fit:contain} .pattern-video.wide-media{aspect-ratio:5/8} .pattern-video-grid{grid-template-columns:1fr;grid-template-rows:1fr} .pattern-video-grid:not(.is-single) .pattern-video-item:first-child{display:none} .pattern-video-grid.is-single{grid-template-rows:1fr} .lightbox-panel{padding:.75rem} .lightbox-nav{top:auto;bottom:4.8rem;width:2.75rem;height:2.75rem;transform:none} .lightbox-nav:hover{transform:scale(1.05)} .lightbox-prev{left:.75rem} .lightbox-next{right:.75rem} .lightbox-hint{font-size:.56rem} .footer-meta{flex-direction:column} }
@media (max-width:767.98px) {
  body[data-page="home"] .case-section { padding-block:3.25rem; }
  body[data-page="home"] .hero { padding-bottom:calc(4.5rem - 40px); }
  body[data-page="home"] .hero-visual { height:clamp(220px,38svh,280px); }
  body[data-page="home"] .hero-copy { margin-top:-2.25rem; padding-top:3.25rem; }
  body[data-page="home"] .hero-brand-lockup { min-height:34px; margin-bottom:1rem; }
  body[data-page="home"] .hero-wordmark { width:138px; height:34px; }
  body[data-page="home"] .hero-copy h1 { font-size:clamp(1.35rem,6.5vw,2rem); line-height:1; }
  body[data-page="home"] .hero-overview { margin-top:2.5rem; padding-top:1.5rem; gap:2rem; }
  body[data-page="home"] .hero-facts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-bottom:1.5rem; }
  body[data-page="home"] .hero-facts dt,
  body[data-page="home"] .hero-profile-description>span { margin-bottom:.35rem; }
  body[data-page="home"] .hero-contributions>span { margin-bottom:.65rem; }
  body[data-page="home"] .case-study-card-label { margin-bottom:.4rem; }
  body[data-page="home"] .hero-facts dd { overflow-wrap:anywhere; font-size:.94rem; line-height:1.35; }
  body[data-page="home"] .hero-profile-description p { max-width:100%; overflow-wrap:anywhere; font-size:.94rem; line-height:1.55; }
  body[data-page="home"] .hero-contributions { min-width:0; }
  body[data-page="home"] .hero-contributions>span { text-align:center; }
  body[data-page="home"] .hero-contributions ul { display:flex; width:100%; gap:.35rem; justify-content:center; overflow:visible; }
  body[data-page="home"] .hero-contributions li { display:inline-flex; width:auto; min-width:0; max-width:100%; padding:.52rem .62rem; flex:0 0 auto; align-items:center; font-size:calc(.72rem + 2px); text-align:left; white-space:nowrap; }
  body[data-page="home"] .hero-contributions li:last-child { display:none; }
  body[data-page="home"] .featured-cases { min-width:0; }
  body[data-page="home"] .featured-cases .section-heading { min-width:0; margin-bottom:2.25rem; }
  body[data-page="home"] .featured-cases .section-heading h2 { max-width:100%; overflow-wrap:anywhere; line-height:var(--leading-tight); }
  body[data-page="home"] .featured-cases .section-heading p { max-width:100%; font-size:.96rem; line-height:1.55; }
  body[data-page="home"] .featured-cases .case-study-grid { width:100%; min-width:0; grid-template-columns:minmax(0,1fr); }
  body[data-page="home"] .featured-cases .case-study-card { width:100%; min-width:0; transform:none; }
  body[data-page="home"] .featured-cases .case-study-card-art { width:100%; min-width:0; }
  body[data-page="home"] .featured-cases .case-study-card-copy { min-width:0; padding:1.25rem; }
  body[data-page="home"] .featured-cases .case-study-card-copy h3,
  body[data-page="home"] .featured-cases .case-study-card-copy p { max-width:100%; overflow-wrap:anywhere; }
  .recent-projects { padding-block:3.25rem; }
  .recent-projects .section-heading { margin-bottom:2.25rem; }
  .recent-projects .section-heading p { margin-top:1rem; font-size:.96rem; line-height:1.5; }
  .recent-project-pill-rail { display:flex; width:calc(100% + 1rem); min-width:0; min-height:44px; margin:0 -1rem 1.25rem 0; padding-right:1rem; gap:.5rem; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; }
  .recent-project-pill-rail::-webkit-scrollbar { display:none; }
  .recent-project-pill { min-height:44px; flex:0 0 auto; padding:.62rem 1.04rem; font-size:.66rem; }
  body[data-page="home"] .recent-project-pill>span { font-size:.84rem; }
  .recent-project-pill small { font-size:.52rem; }
  .recent-project-copy { width:100%; min-height:4.6rem; margin:0 0 1rem; }
  .recent-project-copy h3 { margin-bottom:.35rem; font-size:1.05rem; }
  .recent-project-copy p { display:block; overflow:visible; font-size:.9rem; line-height:1.45; -webkit-line-clamp:unset; }
  .recent-desktop-stage { display:none; }
  .recent-mobile-stage { display:block; min-width:0; }
  .recent-mobile-track { display:flex; width:calc(100% + 1rem); margin-right:-1rem; padding-right:0; align-items:flex-start; gap:.75rem; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scroll-behavior:smooth; scroll-padding-inline:0; scroll-snap-type:x mandatory; scrollbar-width:none; touch-action:pan-x pan-y; transition:height .25s ease; }
  .recent-mobile-track::-webkit-scrollbar { display:none; }
  .recent-mobile-slide { position:relative; aspect-ratio:3/4; flex:0 0 84%; overflow:hidden; background:transparent; border:0; scroll-snap-align:start; scroll-snap-stop:always; }
  .recent-mobile-media { display:grid; width:100%; height:100%; grid-template-columns:1fr; grid-template-rows:repeat(2,minmax(0,1fr)); gap:.35rem; }
  .recent-mobile-media.is-single { grid-template-columns:1fr; grid-template-rows:1fr; }
  .recent-mobile-slide.is-comparison { aspect-ratio:1.65/1; flex-basis:100%; }
  .recent-mobile-slide.is-comparison .recent-mobile-media { width:calc(100% - 1rem); grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:1fr; gap:25px; padding-top:1rem; }
  .recent-mobile-slide.is-active.is-comparison::after { position:absolute; z-index:3; right:1rem; bottom:1px; left:0; height:1px; background:var(--line); content:''; pointer-events:none; }
  .recent-mobile-slide.is-comparison .recent-media-item.is-top-half-crop { aspect-ratio:auto; }
  .recent-mobile-slide.is-comparison .recent-crop-viewport { width:100%; }
  .recent-mobile-slide:not(.is-comparison) .recent-mobile-media { padding:clamp(.75rem,3vw,1rem); border:1px solid transparent; }
  .recent-mobile-slide.is-active:not(.is-comparison) .recent-mobile-media { border-color:var(--line); }
  .recent-mobile-slide:not(.is-comparison) .recent-media-item { padding:0; }
  .recent-mobile-slide .recent-media-item { padding:clamp(.8rem,4vw,1.35rem); overflow:hidden; }
  .recent-mobile-slide .recent-media-item { width:100%; height:100%; }
  .recent-mobile-slide .recent-media-item.is-top-half-crop { padding:0; }
  .recent-mobile-slide video { width:auto; height:calc(100% - 1.75rem); max-width:100%; min-width:0; min-height:0; aspect-ratio:9/19.5; object-fit:cover; }
  .recent-mobile-slide .recent-crop-viewport>video { width:100%; height:auto; max-width:100%; max-height:none; }
  .recent-mobile-slide .recent-frame-label { bottom:.6rem; left:.6rem; padding:.35rem .5rem; }
  .recent-mobile-slide .recent-media-item.is-top-half-crop .recent-frame-label { padding:0; }
  .recent-mobile-slide .recent-media-item.is-placeholder { padding-block:.8rem; }
  .recent-mobile-slide .recent-phone-placeholder { height:calc(100% - 1.75rem); }
  body[data-page="home"] .recent-more-link { margin-top:4rem; }
}
@media (max-width:767.98px) and (orientation:portrait) {
  body[data-page="home"] .featured-cases .case-study-card { min-height:0; }
  body[data-page="home"] .featured-cases .case-study-card-copy { flex:none; }
  body[data-page="home"] .featured-cases .case-study-card-copy p { margin:.7rem 0 0; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-stage { width:min(100%,30rem); margin-right:auto; margin-left:0; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video.wide-media { width:100%; aspect-ratio:3/4; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video-grid { grid-template-columns:1fr; grid-template-rows:1fr; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video-grid:not(.is-single) .pattern-video-item:first-child { display:none; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video-item { transform:none; }
}
@media (max-width:950px) and (max-height:600px) and (orientation:landscape) {
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video.wide-media {
    width:min(100%,calc(100svh - 2rem));
    margin-inline:auto;
    aspect-ratio:5/8;
  }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video-grid {
    grid-template-columns:1fr;
    grid-template-rows:1fr;
  }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video-grid:not(.is-single) .pattern-video-item:first-child { display:none; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video-item { transform:none; }
}
@media (max-width:991.98px), (max-width:1199.98px) and (orientation:portrait) {
  body[data-page="home"] .site-footer,
  body[data-page="inbox"] .site-footer { padding-block:3rem calc(30px + env(safe-area-inset-bottom)); }
  body[data-page="home"] .footer-projects,
  body[data-page="inbox"] .footer-projects { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); }
  body[data-page="home"] .project-link,
  body[data-page="inbox"] .project-link { min-width:0; min-height:124px; gap:.3rem; padding:1rem; border:0; }
  body[data-page="home"] .project-link small,
  body[data-page="inbox"] .project-link small { line-height:1.4; }
  body[data-page="home"] .project-link strong { line-height:1.2; white-space:nowrap; }
  body[data-page="inbox"] .project-link strong { line-height:1.2; }
  body[data-page="home"] .project-link.is-interactive i,
  body[data-page="inbox"] .project-link.is-interactive i { line-height:1.2; }
  body[data-page="home"] .footer-meta,
  body[data-page="inbox"] .footer-meta { flex-direction:column; justify-content:center; align-items:center; margin-top:2rem; text-align:center; }
  body[data-page="home"] .footer-meta div,
  body[data-page="inbox"] .footer-meta div { justify-content:center; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  body[data-page="home"] .project-link small,
  body[data-page="inbox"] .project-link small { font-size:calc(.55rem + 7px); }
  body[data-page="home"] .project-link { --project-link-title-size:calc(clamp(1.2rem,4.5vw,1.7rem) + 7px); }
  body[data-page="inbox"] .project-link { --project-link-title-size:calc(clamp(1rem,4vw,1.45rem) + 7px); }
}
@media (max-width:767.98px) {
  html,body { width:100%; max-width:100%; }
  html { overflow-x:clip; }
  .navbar-brand { font-size:1.15rem; }
  .navbar-nav .nav-link { font-size:1rem; }
  .case-studies-nav .dropdown-item { font-size:.95rem; }
  body[data-page="home"] .project-link small,
  body[data-page="inbox"] .project-link small { font-size:calc(.55rem + 5px); }
  body[data-page="home"] .project-link { --project-link-title-size:calc(clamp(1.2rem,4.5vw,1.7rem) + 5px); }
  body[data-page="inbox"] .project-link { --project-link-title-size:calc(clamp(1rem,4vw,1.45rem) + 5px); }
  body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]),body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) main,body:is([data-page="inbox"]:not([data-case-study]),[data-case-study="stories"]) .case-study-page { width:100%; max-width:100%; overflow-x:visible; }
  body[data-page="inbox"]:not([data-case-study]) .image-lightbox.is-simplification-lightbox .lightbox-canvas { margin-inline:-.75rem; }
  body[data-page="inbox"]:not([data-case-study]) .image-lightbox.is-simplification-lightbox .lightbox-slide { padding-inline:0; }
  body[data-page="inbox"]:not([data-case-study]) .image-lightbox.is-simplification-lightbox .lightbox-slide img { width:100vw; max-width:100vw; }
  body[data-page="inbox"]:not([data-case-study]) .image-lightbox.is-simplification-lightbox .lightbox-track { touch-action:pan-x; }
  body[data-page="inbox"]:not([data-case-study]) .image-lightbox.is-simplification-lightbox.is-zoomed .lightbox-track { touch-action:none; }
  body[data-page="inbox"] .page-shell { width:calc(100vw - 2rem); max-width:calc(100vw - 2rem); margin-inline:auto; }
  body[data-page="inbox"] .case-study-hero-content,
  body[data-page="inbox"] .case-study-compact-overview,
  body[data-page="inbox"] .case-study-hero-description,
  body[data-page="inbox"] .process-heading { width:100%; max-width:100%; min-width:0; }
  body[data-page="inbox"] .case-study-hero-description,
  body[data-page="inbox"] .process-heading h2,
  body[data-page="inbox"] .process-heading p { overflow-wrap:anywhere; white-space:normal!important; }
  body[data-page="inbox"] .case-study-hero-description,
  body[data-page="inbox"] .process-heading h2,
  body[data-page="inbox"] .process-heading p { width:calc(100vw - 3rem); max-width:calc(100vw - 3rem); }
  body[data-page="inbox"] .case-study-hero { padding-block:20px 4.5rem; }
  body[data-page="inbox"] .case-study-hero-video { top:20px; height:60%; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero,
  body[data-case-study="stories"] .case-study-hero { padding-bottom:3rem; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-video,
  body[data-case-study="stories"] .case-study-hero-video { top:auto; bottom:0; height:68%; -webkit-mask-image:none; mask-image:none; }
  body[data-page="inbox"] .case-study-lockup { width:211px; margin-bottom:1.25rem; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-lockup,
  body[data-page="inbox"]:not([data-case-study]) .case-study-title-image,
  body[data-case-study="stories"] .case-study-lockup,
  body[data-case-study="stories"] .case-study-title-image { width:40vw; max-width:40vw; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-lockup.is-hero-tag,
  body[data-case-study="stories"] .case-study-lockup.is-hero-tag { margin-top:26px; }
  body[data-page="inbox"] .case-study-hero h1 { font-size:clamp(3.5rem,18vw,5rem); line-height:.92; }
  body[data-page="inbox"] .case-study-title-image { height:clamp(3.5rem,16vw,4.75rem); }
  body[data-page="inbox"]:not([data-case-study]) .case-study-title-image,
  body[data-case-study="stories"] .case-study-title-image { height:auto; }
  body[data-page="inbox"] .case-study-compact-overview { margin-top:1rem; }
  body[data-page="inbox"] .case-study-compact-overview .case-study-type { min-height:34px; padding:.45rem .65rem; font-size:.62rem; }
  body[data-page="inbox"] .case-study-hero-description { margin-top:0; font-size:.98rem; line-height:1.55; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-description,
  body[data-case-study="stories"] .case-study-hero-description { width:50%; max-width:50%; }
  body[data-page="inbox"] .case-section { padding-block:3.25rem; }
  body[data-page="inbox"] .section-heading { margin-bottom:2.25rem; }
  body[data-page="inbox"] .process-heading { margin-bottom:2rem; }
  body[data-page="inbox"] .process-heading h2,
  body[data-page="inbox"] .section-heading h2 { font-size:clamp(2.25rem,10vw,3.35rem); line-height:var(--leading-tight); }
  body[data-page="inbox"] .process-heading p,
  body[data-page="inbox"] .section-heading p { font-size:var(--case-description-size); line-height:1.55; }
  body[data-page="inbox"] .process-journey { gap:1.5rem; }
  body[data-page="inbox"] .process-step { padding-left:0; }
  body[data-page="inbox"] .process-card-copy { padding:1.15rem; }
  body[data-page="inbox"] .process-visual { aspect-ratio:5/3; }
  body[data-page="inbox"]:not([data-case-study]) #direct-setting-direction .process-card { height:auto; }
  body[data-page="inbox"]:not([data-case-study]) #direct-setting-direction .process-visual { aspect-ratio:2/1; }
  body[data-page="inbox"]:not([data-case-study]) #direct-setting-direction .process-card-copy>p { margin-top:.425rem; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-description,
  body[data-page="inbox"]:not([data-case-study]) .challenge-content p,
  body[data-page="inbox"]:not([data-case-study]) .process-heading p,
  body[data-page="inbox"]:not([data-case-study]) .process-card-copy>p,
  body[data-page="inbox"]:not([data-case-study]) .section-heading p,
  body[data-page="inbox"]:not([data-case-study]) .component-panel-heading p,
  body[data-page="inbox"]:not([data-case-study]) .plugin-feature-list li,
  body[data-page="inbox"]:not([data-case-study]) .outcome-grid p,
  body[data-page="inbox"]:not([data-case-study]) .testimonial-copy p { text-wrap:pretty; }
  body[data-page="inbox"]:not([data-case-study]) .project-link { --project-link-title-size:calc(1.1rem + 5px); }
  body[data-page="inbox"] .component-collage { height:min(145vw,560px); }
  body[data-page="inbox"] .component-float { pointer-events:none; touch-action:auto; }
  body[data-page="inbox"] .component-drag-hint { display:none; }
  body[data-page="inbox"] .component-panel-nav button { min-height:44px; padding:.65rem .7rem; font-size:.72rem; }
  body[data-page="inbox"] .tag-list { gap:.5rem; }
  body[data-page="inbox"] #direct-surface-patterns .tag-list { margin-bottom:.5rem; justify-content:center; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video.wide-media { width:100%; margin-inline:auto; aspect-ratio:3/4; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .pattern-video video { max-width:75%; max-height:75%; }
  body[data-page="inbox"] .tag-list span,
  body[data-page="inbox"] .tag-list button { min-height:44px; padding:.6rem .78rem; font-size:.78rem; }
  body[data-page="inbox"]:not([data-case-study]) #direct-surface-patterns .tag-list button { padding-inline:.9rem; }
  body[data-page="inbox"] .plugin-intro { gap:1.5rem; }
  body[data-page="inbox"] .plugin-intro .plugin-copy { order:1; }
  body[data-page="inbox"] .plugin-intro .plugin-cover-wrap { order:2; }
  body[data-page="inbox"] .plugin-cover-video { aspect-ratio:3/4; }
  body[data-page="inbox"] .plugin-cover-video video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
  body[data-page="inbox"]:not([data-case-study]) #direct-tooling .plugin-cover-video,
  body[data-page="inbox"]:not([data-case-study]) #direct-tooling .plugin-cover-video video { background:transparent; }
  body[data-page="inbox"] .plugin-copy .plugin-details { margin-top:.75rem; }
  body[data-page="inbox"] .plugin-unified-grid { gap:1.25rem; }
  body[data-page="inbox"] .plugin-feature-list { margin-bottom:0; }
  body[data-page="inbox"] .outcome-scroll-hint { display:flex; justify-content:space-between; align-items:center; margin:-1.25rem 0 1rem; color:var(--muted); font:600 .72rem/1.4 var(--body-copy); text-transform:uppercase; }
  body[data-page="inbox"] .outcome-grid { display:flex; width:calc(100% + 1rem); margin-right:-1rem; padding-right:16%; gap:.75rem; overflow-x:auto; overscroll-behavior-x:contain; scroll-padding-left:0; scroll-snap-type:x mandatory; scrollbar-width:none; touch-action:pan-x pan-y; background:transparent; border:0; }
  body[data-page="inbox"] .outcome-grid::-webkit-scrollbar { display:none; }
  body[data-page="inbox"] .outcome-grid article { flex:0 0 84%; border:1px solid var(--line); scroll-snap-align:start; scroll-snap-stop:always; transition:border-color .2s,box-shadow .2s; }
  body[data-page="inbox"] .outcome-grid article.is-active { border-color:transparent; box-shadow:inset 0 0 0 .5px var(--accent); }
  body[data-page="inbox"] .outcome-grid article[role="button"] { cursor:pointer; -webkit-tap-highlight-color:transparent; }
  body[data-page="inbox"] .outcome-grid article[role="button"]:focus-visible { outline:1px solid var(--accent); outline-offset:2px; }
  body[data-page="inbox"] .outcome-grid.no-outcome-numbers p { margin-top:1.125rem; }
  body[data-page="inbox"]:not([data-case-study]) .footer-meta { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:.5rem; text-align:center; }
  body[data-page="inbox"]:not([data-case-study]) .footer-meta>span { grid-column:2; grid-row:1; white-space:nowrap; }
  body[data-page="inbox"]:not([data-case-study]) .footer-meta>div { display:contents; }
  body[data-page="inbox"]:not([data-case-study]) .footer-meta a { min-width:0; padding-inline:0; font-family:var(--font-body); font-size:inherit; font-weight:600; letter-spacing:0; text-transform:none; }
  body[data-page="inbox"]:not([data-case-study]) .footer-meta a:first-child { grid-column:1; grid-row:1; justify-self:start; }
  body[data-page="inbox"]:not([data-case-study]) .footer-meta a:last-child { grid-column:3; grid-row:1; justify-self:end; }
}
@media (max-width:1199.98px) and (orientation:portrait) {
  body[data-page="inbox"]:not([data-case-study]) #direct-system-maintenance .component-collage { height:100svh; }
  body[data-page="inbox"]:not([data-case-study]) #direct-system-maintenance .component-float { top:var(--float-y-portrait,var(--float-y)); left:var(--float-x-portrait,var(--float-x)); width:var(--float-width-portrait,var(--float-width)); scale:1; }
}
@media (max-width:767.98px) {
  body[data-page="inbox"]:not([data-case-study]) #direct-system-maintenance .component-collage { height:min(132vw,520px); }
}

body[data-page="home"] #home-testimonial .section-heading,
body[data-page="inbox"]:not([data-case-study]) #direct-outcomes .testimonial-section-heading { width:min(100%,720px); max-width:720px; margin-inline:auto; text-align:center; }
body[data-page="home"] #home-testimonial .section-heading { display:block; margin-bottom:clamp(1.5rem,3vw,2.75rem); }
@media (min-width:992px) { body[data-page="home"] #home-testimonial .section-heading { margin-bottom:clamp(1rem,1.5vw,1.4rem); } }
body[data-page="home"] #home-testimonial .section-number { display:block; margin-bottom:.75rem; }
body[data-page="home"] #home-testimonial .testimonial-grid { grid-template-columns:1fr; justify-items:center; }
body[data-page="home"] #home-testimonial .testimonial-message { width:min(100%,46rem); }
body[data-page="home"] #home-testimonial .testimonial-author strong,
body[data-page="inbox"]:not([data-case-study]) #direct-outcomes .testimonial-author strong,
body[data-case-study="recent"] #recent-testimonial .testimonial-author strong { font-size:calc(.82rem + 3px); }
body[data-page="home"] #home-testimonial .testimonial-author div>span,
body[data-page="inbox"]:not([data-case-study]) #direct-outcomes .testimonial-author div>span,
body[data-case-study="recent"] #recent-testimonial .testimonial-author div>span { color:var(--muted); font-family:var(--body-copy); font-size:calc(.82rem + 3px); font-weight:400; letter-spacing:0; line-height:1.4; }
body[data-page="home"] #home-testimonial .testimonial-status,
body[data-page="inbox"]:not([data-case-study]) #direct-outcomes .testimonial-status,
body[data-case-study="recent"] #recent-testimonial .testimonial-status { font-size:calc(var(--caption-short-size) + 3px); }
@media (max-width:767.98px) {
  .case-studies-nav .dropdown-toggle { width:100%; text-align:left; }
  .case-studies-nav .dropdown-toggle { pointer-events:none; }
  .case-studies-nav .dropdown-menu { position:static!important; display:block; width:9rem; min-width:9rem; margin:.25rem 0 .5rem .7rem; padding:.25rem; background:color-mix(in srgb,var(--panel) 94%,transparent); border:1px solid var(--line); border-radius:0; box-shadow:none; transform:none!important; backdrop-filter:none; }
  .case-studies-nav .dropdown-item { min-height:44px; padding:.5rem .7rem; border-radius:0; }
}

/* Stories follows the Direct product-system layout and type system. */
body[data-case-study="stories"] {
  --direct-hero-title-width:clamp(12.7rem,58vw,17.2rem);
  --direct-section-title-size:clamp(1.9rem,4vw,3.5rem);
  --direct-label-size:.76rem;
  --direct-label-color:color-mix(in srgb,var(--ink) 62%,var(--muted));
}
body[data-case-study="stories"] .case-study-hero-video { opacity:1; }
body[data-case-study="stories"] .case-study-lockup,
body[data-case-study="stories"] .case-study-title-image { width:min(100%,var(--direct-hero-title-width)); }
body[data-case-study="stories"] .case-study-title-image { height:auto; }
body[data-case-study="stories"] .section-heading h2,
body[data-case-study="stories"] .component-section-heading .component-active-title,
body[data-case-study="stories"] .component-mobile-panel-heading h2 { font-size:var(--direct-section-title-size); letter-spacing:-.05em; line-height:1; }
body[data-case-study="stories"] .section-heading p,
body[data-case-study="stories"] .component-panel-heading p { margin-top:1rem; color:var(--ink); font-size:var(--case-description-size); line-height:1.55; }
body[data-case-study="stories"] .component-panel-heading p { margin-top:0; }
body[data-case-study="stories"] .component-panel-heading p+p { margin-top:1rem; }
body[data-case-study="stories"] .section-heading .section-number,
body[data-case-study="stories"] .section-heading .section-tag,
body[data-case-study="stories"] .component-section-heading .subsection-label,
body[data-case-study="stories"] .component-mobile-panel-heading>.subsection-label { margin-bottom:.75rem; color:var(--direct-label-color); font-size:var(--direct-label-size); }
body[data-case-study="stories"] .section-heading .section-tag { display:block; }
body[data-case-study="stories"] .section-heading { margin-bottom:clamp(1.75rem,3vw,2.75rem); }
body[data-case-study="stories"] .text-section { padding-block:clamp(3rem,6vw,5rem); }
body[data-case-study="stories"] .text-section .section-heading { margin-bottom:0; }
body[data-case-study="stories"] .text-section.is-centered .section-heading { width:min(100%,720px); margin-inline:auto; text-align:center; }
body[data-case-study="stories"] .text-section.is-centered .section-heading p { margin-inline:auto; }
body[data-case-study="stories"] .section-heading h2.has-desktop-lines span { display:inline; }
body[data-case-study="stories"] .stories-surface-map { display:none; }
body[data-case-study="stories"] .component-section-heading { margin-bottom:1rem; }
body[data-case-study="stories"] #stories-surface-patterns .tag-list button { padding-inline:1.32rem; }
body[data-case-study="stories"] #stories-surface-patterns .tag-list button[aria-pressed="true"] { color:var(--accent); background:transparent; border-color:var(--accent); }

@media (max-width:991.98px), (max-width:1199.98px) and (orientation:portrait) {
  body[data-case-study="stories"] .direct-page-content .component-panel-layout { display:block; }
  body[data-case-study="stories"] .direct-page-content .component-panel-nav { display:none; }
  body[data-case-study="stories"] #stories-components .component-section-heading { display:none; }
  body[data-case-study="stories"] #stories-components .component-panel,
  body[data-case-study="stories"] #stories-components .component-panel[hidden] { display:block; opacity:1; transform:none; transition:none; }
  body[data-case-study="stories"] #stories-components .component-mobile-panel-heading { display:block; margin-bottom:1.25rem; }
  body[data-case-study="stories"] #stories-components .component-mobile-panel-heading>.subsection-label { display:block; }
  body[data-case-study="stories"] #stories-components .component-mobile-panel-heading>div { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.75rem 1rem; }
  body[data-case-study="stories"] #stories-components .component-mobile-panel-heading h2 { min-width:0; margin:0; font-weight:500; }
  body[data-case-study="stories"] #stories-components .component-panel+.component-panel { margin-top:3.25rem; padding-top:3.25rem; border-top:1px solid var(--line); }
  body[data-case-study="stories"] #stories-components .component-sequence-controls { display:none; }
  body[data-case-study="stories"] #stories-components .is-nested-panel .component-mobile-panel-heading { margin-bottom:0; }
  body[data-case-study="stories"] #stories-components .is-nested-panel:not(.is-expanded)>.component-panel-content { display:none; }
  body[data-case-study="stories"] #stories-components .is-nested-panel.is-expanded>.component-panel-content { padding-top:2rem; }
  body[data-case-study="stories"] #stories-components .component-mobile-disclosure-toggle { display:inline-flex; min-height:44px; padding:.5rem 0; align-items:center; gap:.65rem; color:var(--muted); background:transparent; border:0; font:600 .72rem/1.3 var(--body-copy); letter-spacing:.08em; text-transform:uppercase; }
  body[data-case-study="stories"] #stories-components .component-mobile-disclosure-toggle::after { width:.5rem; height:.5rem; border-right:1px solid currentColor; border-bottom:1px solid currentColor; content:''; transform:translateY(-.12rem) rotate(45deg); transition:transform .2s; }
  body[data-case-study="stories"] #stories-components .component-mobile-disclosure-toggle[aria-expanded="true"] { color:var(--accent); }
  body[data-case-study="stories"] #stories-components .component-mobile-disclosure-toggle[aria-expanded="true"]::after { transform:translateY(.12rem) rotate(225deg); }
  body[data-case-study="stories"] #stories-surface-patterns .tag-list { margin-top:.75rem; }
}

@media (min-width:768px) {
  body[data-case-study="stories"] { --direct-hero-title-width:clamp(14.5rem,25.4vw,23.2rem); }
  body[data-case-study="stories"] .case-study-hero-video { --case-study-phone-width:70%; }
  body[data-case-study="stories"] .case-study-compact-overview { max-width:50%; }
}

@media (min-width:1200px), (min-width:992px) and (orientation:landscape) {
  body[data-case-study="stories"] {
    --direct-hero-title-width:clamp(11.6rem,20.3vw,18.6rem);
    --direct-paragraph-max:400px;
    --direct-section-space:clamp(4.75rem,6.5vw,6.5rem);
    --direct-heading-gap:clamp(2rem,3vw,2.8rem);
    --direct-compact-section-space:clamp(3.75rem,4.5vw,4.5rem);
    --direct-short-section-space:clamp(2.75rem,3.5vw,3.5rem);
    --direct-compact-heading-gap:clamp(1.5rem,2vw,2rem);
  }
  body[data-case-study="stories"] .case-study-compact-overview { margin-top:2rem; }
  body[data-case-study="stories"] .case-study-hero-description { max-width:600px; font-size:1.35rem; line-height:normal; }
  body[data-case-study="stories"] .section-heading p,
  body[data-case-study="stories"] .component-panel-heading p { max-width:var(--direct-paragraph-max); line-height:var(--direct-body-leading); text-wrap:pretty; }
  body[data-case-study="stories"] .text-section { padding-block:var(--direct-short-section-space); }
  body[data-case-study="stories"] .section-heading h2.has-desktop-lines span { display:block; }
  body[data-case-study="stories"] #stories-challenge .section-heading p { max-width:600px; }
  body[data-case-study="stories"] #stories-approach.has-visual { display:grid; grid-template-columns:minmax(0,1fr) minmax(17rem,22.5rem); column-gap:var(--direct-feature-gap); align-items:center; }
  body[data-case-study="stories"] #stories-approach.has-visual .section-heading { min-width:0; margin-bottom:0; }
  body[data-case-study="stories"] .stories-surface-map { position:relative; display:grid; width:min(100%,22.5rem); aspect-ratio:6/5; padding:clamp(1.25rem,2vw,1.75rem); justify-self:end; grid-template-rows:repeat(3,1fr); align-items:center; overflow:hidden; isolation:isolate; background:#09090b; border:1px solid #2b2b2e; }
  body[data-case-study="stories"] .stories-surface-map svg { position:absolute; z-index:-1; inset:10%; width:80%; height:80%; overflow:visible; }
  body[data-case-study="stories"] .stories-surface-map path { fill:none; stroke:#555466; stroke-width:.7; vector-effect:non-scaling-stroke; }
  body[data-case-study="stories"] .stories-surface-map-item { --surface-map-color:#ffd27d; display:flex; width:68%; min-height:3.5rem; padding:.75rem 1rem; align-items:center; gap:.8rem; color:#f4f2ed; background:#24232b; border:1px solid #555466; border-radius:.45rem; box-shadow:0 .65rem 1.4rem rgba(0,0,0,.24); }
  body[data-case-study="stories"] .stories-surface-map-item.is-1 { --surface-map-color:#ffd27d; justify-self:start; }
  body[data-case-study="stories"] .stories-surface-map-item.is-2 { --surface-map-color:#ff9d6d; justify-self:center; }
  body[data-case-study="stories"] .stories-surface-map-item.is-3 { --surface-map-color:#ef6f75; justify-self:end; }
  body[data-case-study="stories"] .stories-surface-map-item span { display:grid; width:1.35rem; height:1.35rem; flex:0 0 auto; place-items:center; color:#09090b; background:var(--surface-map-color); border-radius:50%; font:600 .52rem/1 var(--mono); }
  body[data-case-study="stories"] .stories-surface-map-item strong { font:500 .7rem/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
  body[data-case-study="stories"] #stories-surface-patterns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,30rem); column-gap:var(--direct-feature-gap); align-items:start; }
  body[data-case-study="stories"] #stories-surface-patterns .section-heading,
  body[data-case-study="stories"] #stories-outcomes>.section-heading { max-width:720px; }
  body[data-case-study="stories"] #stories-surface-patterns .section-heading { align-self:center; margin-bottom:0; }
  body[data-case-study="stories"] #stories-surface-patterns .pattern-demo-column { width:min(100%,30rem); min-width:0; justify-self:end; }
  body[data-case-study="stories"] #stories-surface-patterns .tag-list { margin:0 0 2rem; justify-content:flex-start; }
  body[data-case-study="stories"] #stories-surface-patterns .pattern-video.wide-media { width:100%; max-width:none; margin-inline:auto; aspect-ratio:3/4; }
  body[data-case-study="stories"] #stories-surface-patterns .pattern-video-grid { padding:1rem; }
  body[data-case-study="stories"] #stories-surface-patterns .pattern-video video { width:auto; height:100%; max-width:100%; max-height:100%; }
  body[data-case-study="stories"] #stories-components .component-panel-stage:has(#component-panel-configurations:not([hidden]))>.component-section-heading { display:none; }
  body[data-case-study="stories"] #component-panel-simplification .component-panel-content { display:block; }
  body[data-case-study="stories"] #component-panel-simplification .component-comparison-grid { width:100%; max-width:none; margin-inline:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-case-study="stories"] #component-panel-simplification .component-comparison-grid .media-frame { width:100%; height:auto; }
  body[data-case-study="stories"] #component-panel-simplification .component-comparison-grid .media-frame img { display:block; width:100%; height:auto; object-fit:contain; }
  body[data-case-study="stories"] #component-panel-configurations .component-panel-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,30rem); column-gap:var(--direct-feature-gap); align-items:center; }
  body[data-case-study="stories"] #component-panel-configurations .component-panel-heading { min-width:0; margin-bottom:0; align-self:center; }
  body[data-case-study="stories"] #component-panel-configurations .component-panel-split-heading { display:block; margin-bottom:1rem; }
  body[data-case-study="stories"] #component-panel-configurations .component-panel-split-heading .subsection-label { display:block; margin-bottom:.75rem; color:var(--direct-label-color); font-size:var(--direct-label-size); }
  body[data-case-study="stories"] #component-panel-configurations .component-panel-split-heading h2 { margin:0; font-size:var(--direct-section-title-size); font-weight:500; letter-spacing:-.05em; line-height:1; }
  body[data-case-study="stories"] #component-panel-configurations .component-feature-media { width:min(100%,30rem); min-width:0; justify-self:end; }
  body[data-case-study="stories"] #component-panel-configurations .component-feature-media .media-frame { width:100%; }
  body[data-case-study="stories"] #component-panel-configurations .component-feature-media .media-frame img { width:100%; height:auto; }
  body[data-case-study="stories"] #component-panel-configurations .component-sequence-controls { grid-column:1 / -1; }
  body[data-case-study="stories"] #stories-tooling .plugin-copy .section-heading { width:min(100%,var(--direct-paragraph-max)); align-self:flex-start; text-align:left; }
  body[data-case-study="stories"] #stories-tooling .plugin-copy .section-heading p { margin-inline:0; }
  body[data-case-study="stories"] .direct-page-content .outcome-grid { width:min(100%,843px); margin-inline:auto; }
  body[data-case-study="stories"] #stories-outcomes>.section-heading { width:min(100%,843px); max-width:843px; margin-inline:auto; text-align:center; }
}

@media (min-width:1200px) {
  body[data-case-study="stories"] { --direct-paragraph-max:700px; }
  body[data-case-study="stories"] .case-study-hero-video { --case-study-phone-width:56%; }
  body[data-case-study="stories"] .case-study-hero-description,
  body[data-case-study="stories"] #stories-challenge .section-heading p { max-width:700px; }
  body[data-case-study="stories"] .text-section .section-heading,
  body[data-case-study="stories"] #stories-surface-patterns .section-heading,
  body[data-case-study="stories"] #stories-outcomes>.section-heading,
  body[data-case-study="stories"] .component-section-heading,
  body[data-case-study="stories"] .component-panel-heading { width:min(100%,700px); max-width:700px; }
}

@media (max-width:767.98px) {
  body[data-case-study="stories"] #stories-challenge .section-heading { width:100%; max-width:none; }
  body[data-case-study="stories"] #stories-challenge .section-heading h2 { width:100%; max-width:none; font-size:clamp(1.2rem,6.2vw,1.5rem); letter-spacing:-.045em; white-space:nowrap; }
  body[data-case-study="stories"] #stories-challenge .section-heading p { width:100%; max-width:none; margin-inline:0; text-wrap:pretty; }
  body[data-case-study="stories"] #stories-tooling .plugin-copy,
  body[data-case-study="stories"] #stories-tooling .section-heading,
  body[data-case-study="stories"] #stories-tooling .section-heading>div,
  body[data-case-study="stories"] #stories-tooling .section-heading p { width:100%; max-width:none; }
  body[data-case-study="stories"] #stories-tooling .section-heading p { margin-inline:0; text-wrap:pretty; }
  body[data-page="inbox"]:not([data-case-study]) #direct-outcomes .outcome-grid article,
  body[data-case-study="stories"] #stories-outcomes .outcome-grid article { min-height:204px; }
  body[data-page="inbox"]:not([data-case-study]) #direct-outcomes .outcome-grid p,
  body[data-case-study="stories"] #stories-outcomes .outcome-grid p { overflow-wrap:normal; font-size:calc(1.05rem - 2px); hyphens:none; text-wrap:wrap; word-break:normal; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero { padding-bottom:calc(3rem - 20px); }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-video { --case-study-phone-width:85%; bottom:0; height:82%; }
  body[data-page="inbox"]:not([data-case-study]) .case-study-hero-description { font-size:calc(.98rem - 3px); line-height:1.5; }
  body[data-case-study="stories"] .case-study-hero { padding-bottom:calc(3rem - 20px); }
  body[data-case-study="stories"] .case-study-hero-video { --case-study-phone-width:85%; bottom:0; height:82%; }
  body[data-case-study="stories"] .case-study-hero-description { font-size:calc(.98rem - 3px); line-height:1.5; }
  body[data-case-study="stories"] .case-study-hero-description,
  body[data-case-study="stories"] .section-heading p,
  body[data-case-study="stories"] .component-panel-heading p,
  body[data-case-study="stories"] .outcome-grid p { text-wrap:pretty; }
  body[data-case-study="stories"] #stories-surface-patterns .tag-list { margin-bottom:.5rem; justify-content:center; }
}
body[data-case-study="stories"] #stories-components .component-section-heading,
body[data-case-study="stories"] #component-panel-simplification .component-mobile-panel-heading,
body[data-case-study="stories"] #component-panel-simplification .component-panel-heading { margin-inline:auto; text-align:center; }
body[data-case-study="stories"] #component-panel-simplification .component-panel-heading { padding-bottom:20px; }
body[data-case-study="stories"] #component-panel-simplification .component-panel-heading p { margin-inline:auto; }
body[data-page="inbox"]:not([data-case-study]) #direct-challenge .challenge-content { margin-inline:auto; text-align:center; }
body[data-page="inbox"]:not([data-case-study]) #direct-challenge .challenge-content p { margin-inline:auto; }
@media (min-width:768px) and (max-width:991.98px), (min-width:768px) and (max-width:1199.98px) and (orientation:portrait) {
  body[data-case-study="stories"] #component-panel-simplification .component-mobile-panel-heading>div { justify-content:center; }
}
@media (max-width:767.98px) {
  body[data-case-study="stories"] #component-panel-simplification .component-mobile-panel-heading,
  body[data-case-study="stories"] #component-panel-simplification .component-panel-heading { margin-inline:0; text-align:left; }
  body[data-case-study="stories"] #component-panel-simplification .component-mobile-panel-heading>div { justify-content:flex-start; }
  body[data-case-study="stories"] #component-panel-simplification .component-panel-heading p { margin-inline:0; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *,*::before,*::after{animation:none!important;transition:none!important} .hero-art{object-position:50% 50%} .component-drag-hint{opacity:1} .case-study-hero-video{display:none} }

@keyframes brand-logo-color-shift { to { background-position:200% 50%; } }