@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; --logo-start:#b778ff; --logo-end:#43e8ff; --tag-purple:#7b66db; --display:'Manrope',sans-serif; --mono:'DM Mono',monospace; --type-display:clamp(3.5rem,8.5vw,8.5rem); --type-section:clamp(2.4rem,7vw,6rem); --type-body:clamp(1rem,2vw,1.25rem); --type-meta:.66rem; --leading-tight:.95; --leading-body:1.6; }
[data-bs-theme="light"] { --ink:#141415; --paper:#f2f0eb; --muted:#625f5a; --line:#cfccc5; --panel:#e8e5df; --accent:#3b5d00; --link-hover:#4f7000; }
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"] { --display:'Plus Jakarta Sans',sans-serif; --body-copy:'Noto Sans',sans-serif; --mono:'DM Mono',monospace; }
body[data-page="inbox"] { --display:'Noto Sans',sans-serif; --heading:'Plus Jakarta Sans',sans-serif; --body-copy:'Noto Sans',sans-serif; --mono:'DM Mono',monospace; }
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; }
body[data-page="home"] .featured-cases .case-study-card:nth-child(2) .case-study-card-art { aspect-ratio:2/1; }
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 { font-size:clamp(2.25rem,5vw,4.5rem); letter-spacing:-.055em; line-height:.98; }
body[data-page="home"] .featured-cases .section-heading p { text-wrap:pretty; }
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"] .project-link>span,
body[data-page="home"] .project-link>small { font-family:'Plus Jakarta Sans',sans-serif; 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:1.25rem; color:var(--ink); font-size:1rem; font-weight:500; letter-spacing:-.01em; }
.brand-logo { display:block; width:2rem; height:2.35rem; flex:0 0 auto; background:var(--ink); -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; }
.navbar-brand:hover,.navbar-brand:focus,.nav-link:hover,.nav-link:focus { color:var(--muted); }
.navbar-nav { gap:.5rem; padding-block:1rem; }
.nav-link { color:var(--ink); padding:.6rem .7rem!important; font-family:'Noto Sans',sans-serif; 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; }
.case-studies-nav .dropdown-toggle { border:0; background:transparent; }
.case-studies-nav .dropdown-toggle::after { margin-left:.45rem; vertical-align:.16em; }
.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 { padding:.6rem .7rem; color:var(--ink); border-radius:.4rem; font:600 .76rem/1.3 'Noto Sans',sans-serif; }
.case-studies-nav .dropdown-item:hover,.case-studies-nav .dropdown-item:focus { color:#0b0b0c; background:var(--accent); }
.case-studies-nav .dropdown-item[aria-current="page"] { color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,transparent); }
.theme-toggle,.navbar-toggler { display:inline-flex; align-items:center; gap:.55rem; min-height:40px; padding:.45rem .7rem; color:var(--ink); background:transparent; border:1px solid var(--line); border-radius:999px; font-family:'Noto Sans',sans-serif; 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:40px; 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 clamp(5rem,10vw,9rem); }
.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; justify-content:center; align-items:center; gap:1rem; margin-bottom:2.25rem; }
.hero-glyph { display:block; width:50px; height:50px; margin:0; }
.hero-wordmark { display:block; width:177px; height:50px; background:var(--ink); transform:translateY(8px); -webkit-mask:url('assets/global/brand/instagram-wordmark.svg') center/contain no-repeat; mask:url('assets/global/brand/instagram-wordmark.svg') center/contain 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; }
.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:.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(--display); font-size:.76rem; font-weight:500; letter-spacing:.005em; line-height:1.2; }
.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; }
.case-study-card:hover,.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); }
.case-study-card:active { color:#0b0b0c; background:var(--accent); transform:translateY(-2px); }
.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; }
.case-study-card:hover .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 1rem; 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:1rem 0 2rem; color:var(--muted); line-height:1.6; }
.case-study-card-copy span { display:flex; justify-content:flex-start; align-items:center; gap:.5rem; margin-top:auto; padding-top:1rem; border-top:1px solid var(--line); font:500 .7rem var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.case-study-card-copy i { color:currentColor; font-style:normal; font-weight:300; opacity:.82; transform:translateX(.15rem); transition:opacity .2s,transform .25s; }
.case-study-card:hover .case-study-card-copy i,.case-study-card:focus-visible .case-study-card-copy i { opacity:1; transform:translateX(0); }
.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 { position:absolute; z-index:0; top:20px; right:0; width:50%; height:78%; overflow:hidden; opacity:.8; pointer-events:none; border-radius:48px 48px 0 0; -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 { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 0%; transform:scale(.75); transform-origin:50% 0%; }
body[data-page="inbox"]:not([data-case-study]) .case-study-hero-video video { object-fit:contain; object-position:50% 100%; border-radius:48px 48px 0 0; }
body[data-case-study="stories"] .case-study-hero-video video { object-fit:contain; object-position:50% 100%; border-radius:48px 48px 0 0; }
.case-study-lockup { width:min(100%,167px); aspect-ratio:297/71; 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; }
[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; }
.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:.98; }
.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:'Plus Jakarta Sans',sans-serif; 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:.98; }
.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:.98; }
.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-panel-nav [role="tablist"] { display:flex; gap:.5rem; }
.component-panel-nav button { display:flex; min-width:0; 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-lightbox-action { margin-top:1.25rem; color:var(--ink); background:transparent; border:0; border-bottom:1px solid currentColor; }
.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 { flex:0 0 auto; font:500 .66rem var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.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; }
.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:.98; }
.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; }
.doc-special-states,.doc-special-states>div { display:contents; }
.doc-special-states summary { display:none; }
@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:4rem; height:4rem; place-items:center; color:#0b0b0c; background:var(--accent); border-radius:50%; opacity:0; pointer-events:none; transform:translate(calc(var(--cursor-x,0px) - 50%),calc(var(--cursor-y,0px) - 50%)) scale(.72); 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.4rem; height:1.4rem; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.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:#000; border:1px solid var(--line); }
.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:#000; }
.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); }
.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); font:400 .58rem var(--mono); text-align:right; text-transform:uppercase; }
.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-frame figcaption { position:absolute; left:1rem; bottom:1rem; padding:.45rem .65rem; color:#f4f2ed; background:rgba(10,10,11,.72); border:1px solid rgba(255,255,255,.18); font:400 .64rem var(--mono); text-transform:uppercase; backdrop-filter:blur(10px); }
.media-frame figcaption.media-caption { display:flex; flex-direction:column; gap:.2rem; min-width:11rem; padding:.65rem .8rem; }
.media-caption span { color:#aaa7a3; font-size:.56rem; letter-spacing:.08em; }
.media-caption strong { color:#f4f2ed; font-size:.72rem; font-weight:500; letter-spacing:.03em; }
.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); }
.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); }
.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; color:var(--muted); font-size:.82rem; line-height:1.55; }
.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; }
.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; }
.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; }
.pattern-stage { position:relative; }
#direct-surface-patterns .section-heading,#stories-surface-patterns .section-heading { display:block; }
#direct-surface-patterns .section-number,#stories-surface-patterns .section-number { display:block; }
#direct-outcomes .section-heading,#stories-outcomes .section-heading { display:block; }
#stories-surface-patterns .pattern-video.wide-media { width:min(100%,720px); aspect-ratio:3/4; }
#stories-surface-patterns .pattern-video-grid { padding:clamp(1rem,3vw,3rem); }
#stories-surface-patterns .pattern-video video { width:auto; height:calc(100% - 1.75rem); max-width:100%; max-height:100%; aspect-ratio:9/19.5; object-fit:cover; border-radius:clamp(16px,2.2vw,27px); }
#direct-outcomes .section-number { display:block; }
.pattern-video { position:relative; overflow:hidden; background:#000; border:1px solid var(--line); }
.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:#000; }
.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:#000; }
.pattern-video-control { position:absolute; inset:50% auto auto 50%; z-index:2; display:grid; width:3.25rem; height:3.25rem; padding:0; place-items:center; color:#f4f2ed; background:rgba(10,10,11,.7); border:1px solid rgba(255,255,255,.4); border-radius:50%; transform:translate(-50%,-50%); backdrop-filter:blur(10px); transition:opacity .2s,background .2s,transform .2s; }
.pattern-video-control::before { margin-left:.15rem; content:'▶'; font-size:.9rem; }
.pattern-video-control[data-state="playing"]::before { margin-left:0; content:'Ⅱ'; font-size:1rem; }
.pattern-video-control:hover { color:#0b0b0c; background:#c8ff45; border-color:#c8ff45; transform:translate(-50%,-50%) scale(1.08); }
@media (hover:hover) { .pattern-video-control { opacity:0; } .pattern-video-item:hover .pattern-video-control,.pattern-video-control:focus-visible { opacity:1; } }
.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.15rem; flex:0 0 auto; flex-direction:column; justify-content:center; align-items:flex-start; gap:.28rem; color:var(--muted); text-align:left; white-space:nowrap; background:transparent; border:1px solid var(--line); border-radius:999px; font:500 .72rem var(--mono); line-height:1.2; transition:color .2s,background .2s,border-color .2s,transform .2s; }
.recent-project-pill:hover { color:var(--ink); border-color:var(--accent); transform:translateY(-2px); }
.recent-project-pill[aria-selected="true"] { color:#0b0b0c; background:#c8ff45; border-color:#c8ff45; }
.recent-project-pill small { color:#ff5964; font:500 .58rem var(--mono); letter-spacing:.06em; line-height:1; }
.recent-project-pill[aria-selected="true"] small { color:#0b0b0c; }
.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:min(calc(100% - 96px),720px); aspect-ratio:3/4; margin-left:96px; overflow:hidden; background:#000; border:1px solid var(--line); }
.recent-desktop-panel { width:100%; height:100%; }
.recent-desktop-media { display:grid; width:100%; height:100%; padding:clamp(.75rem,2vw,2rem); grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(.5rem,1.5vw,1.25rem); place-items:center; }
.recent-desktop-media.is-single { grid-template-columns:1fr; }
.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:#000; }
.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:#000; border-radius:clamp(16px,2.2vw,27px); }
.recent-media-item.is-placeholder { grid-template-rows:minmax(0,1fr) auto; gap:.75rem; color:var(--muted); background:transparent; }
.recent-media-item.is-placeholder p { margin:0; font:.62rem var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.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:clamp(1.25rem,3vw,2.5rem); 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-media-control { position:absolute; inset:50% auto auto 50%; z-index:2; display:grid; width:3.25rem; height:3.25rem; padding:0; place-items:center; color:#f4f2ed; background:rgba(10,10,11,.7); border:1px solid rgba(255,255,255,.4); border-radius:50%; transform:translate(-50%,-50%); backdrop-filter:blur(10px); transition:opacity .2s,background .2s,transform .2s; }
.recent-media-control::before { margin-left:.15rem; content:'▶'; font-size:.9rem; }
.recent-media-control[data-state="playing"]::before { margin-left:0; content:'Ⅱ'; font-size:1rem; }
.recent-media-control:hover { color:#0b0b0c; background:#c8ff45; border-color:#c8ff45; transform:translate(-50%,-50%) scale(1.08); }
.recent-mobile-stage { display:none; }
@media (hover:hover) { .recent-media-control[data-state="playing"] { opacity:0; } .recent-media-item:hover .recent-media-control,.recent-media-control:focus-visible { opacity:1; } }
.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:.98; }
.plugin-intro { display:grid; gap:clamp(2.5rem,6vw,6rem); align-items:center; }
.plugin-intro .section-heading { 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:#070609; }
.plugin-cover-video video { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; background:#070609; }
.plugin-cover-wrap figcaption { padding-top:.65rem; color:var(--muted); font:400 .62rem var(--mono); letter-spacing:.03em; line-height:1.5; text-transform:uppercase; }
.plugin-cover-control { position:absolute; inset:50% auto auto 50%; z-index:2; display:grid; width:3.25rem; height:3.25rem; padding:0; place-items:center; color:#f4f2ed; background:rgba(10,10,11,.7); border:1px solid rgba(255,255,255,.4); border-radius:50%; opacity:1; transform:translate(-50%,-50%); backdrop-filter:blur(10px); transition:opacity .2s,background .2s,transform .2s; }
.plugin-cover-control::before { margin-left:.15rem; content:'▶'; font-size:.9rem; }
.plugin-cover-control[data-state="playing"]::before { margin-left:0; content:'Ⅱ'; font-size:1rem; }
.plugin-cover-control:hover { color:#0b0b0c; background:#c8ff45; border-color:#c8ff45; transform:translate(-50%,-50%) scale(1.08); }
@media (hover:hover) { .plugin-cover-control[data-state="playing"]{opacity:0} .plugin-cover-video:hover .plugin-cover-control,.plugin-cover-control:focus-visible{opacity:1} }
.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; }
.video-caption { margin:.85rem 0 0; color:var(--muted); font:400 .68rem var(--mono); letter-spacing:.03em; text-transform:uppercase; }
.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; }
.testimonial-section-heading h2 { margin:0; font-size:clamp(2.25rem,5vw,4.5rem); font-weight:500; letter-spacing:-.055em; line-height:.98; }
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 { display:flex; flex-direction:column; gap:.6rem; min-height:160px; padding:1.5rem; background:var(--panel); border:1px solid var(--line); }
.project-link span { color:var(--muted); font:400 .66rem var(--mono); text-transform:uppercase; }
.project-link small { margin-top:auto; color:var(--muted); font:600 .66rem/1.35 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.project-link strong { margin-top:.3rem; font-size:clamp(2rem,3.5vw,2.75rem); font-weight:500; line-height:1.15; }
.project-link.is-interactive { transition:color .25s,background .25s,transform .3s cubic-bezier(.2,.75,.25,1); }
.project-link.is-interactive strong { display:flex; align-items:center; gap:.65rem; }
.project-link.text-end strong { justify-content:flex-end; }
.project-link.text-end small { text-align:right; }
.project-link.is-interactive i { color:currentColor; font-style:normal; font-weight:300; opacity:.82; transform:translateX(-.15rem); transition:opacity .2s,transform .25s; }
.project-link.is-interactive.text-end i { transform:translateX(.15rem); }
.project-link.is-interactive:hover,.project-link.is-interactive:focus-visible,.project-link.is-interactive:active { color:#0b0b0c; background:var(--accent); transform:translateY(-3px); }
.project-link.is-interactive:hover span,.project-link.is-interactive:focus-visible span,.project-link.is-interactive:active span,.project-link.is-interactive:hover small,.project-link.is-interactive:focus-visible small,.project-link.is-interactive:active small { color:rgba(11,11,12,.65); }
.project-link.is-interactive:hover i,.project-link.is-interactive:focus-visible i,.project-link.is-interactive:active 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 .68rem var(--mono); }
.footer-meta div { display:flex; align-items:center; gap:.75rem; }
.footer-meta a,.footer-meta .pending-link { display:inline-flex; min-height:24px; 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; }
.lightbox-track::-webkit-scrollbar { display:none; }
.lightbox-track.has-long-slide { touch-action:pan-y; }
.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 { 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.5rem; 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)} .navbar-brand{gap:2.5rem} .brand-logo{width:2.15rem;height:2.5rem} .navbar-nav{padding-block:0} .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}.plugin-intro .section-heading{display:block} .outcome-grid{grid-template-columns:repeat(2,1fr)} .split-section .section-heading{display:block} .footer-projects{gap:1px;background:var(--line)} .project-link{border:0} }
@media (min-width:768px) { .navbar-collapse{margin-right:.75rem} }
@media (min-width:768px) { body[data-page="home"] .hero-contributions{align-self:start} }
@media (min-width:768px) { body[data-page="home"] .recent-project-copy p{font-size:.9rem; line-height:1.55} }
@media (min-width:768px) { 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:min(100%,720px)} }
@media (min-width:768px) { .featured-cases .case-study-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)} }
@media (min-width:768px) { 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} }
@media (min-width:768px) { .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-float{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} }
@media (min-width:768px) { .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} }
@media (min-width:768px) { .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:992px) { .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} }
@media (min-width:992px) { body[data-page="inbox"] .process-journey::before{display:none} body[data-page="inbox"] .process-step::before{display:none} body[data-page="inbox"] .process-marker{display:none} }
@media (min-width:992px) { body[data-page="inbox"] .process-step{display:grid;grid-template-rows:auto 1fr} body[data-page="inbox"] .process-card{height:100%} }
@media (max-width:991.98px) { body[data-page="inbox"] .process-journey::before,body[data-page="inbox"] .process-step::before{display:none} body[data-page="inbox"] .process-step{padding-left:0} body[data-page="inbox"] .process-marker{display:none} }
@media (max-width:991.98px) { body[data-page="inbox"] .process-section{padding-top:2.5rem} }
@media (max-width:991.98px) { body[data-page="inbox"] .process-step{width:100%;max-width:34rem;margin-inline:auto} }
@media (max-width:991.98px) { 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{pointer-events:none;touch-action:auto;scale:1.15} }
@media (min-width:992px) { body[data-page="inbox"] .case-study-compact-overview{max-width:50%} body[data-page="inbox"] .case-study-hero-description{max-width:none} }
@media (min-width:992px) {
  body[data-page="inbox"] { --direct-section-space:clamp(6rem,8vw,8rem); --direct-heading-gap:clamp(2.75rem,4vw,3.75rem); }
  body[data-page="inbox"] .process-heading p,
  body[data-page="inbox"] .section-heading p,
  body[data-page="inbox"] .component-panel-heading p { font-size:1rem; }
  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"] .case-section { padding-block:var(--direct-section-space); }
  body[data-page="inbox"] .process-heading { max-width:720px; margin-bottom:var(--direct-heading-gap); }
  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"] .component-panel-layout { gap:clamp(2.5rem,4vw,4rem); }
  body[data-page="inbox"] .plugin-intro { gap:clamp(3rem,5vw,5rem); }
  body[data-page="inbox"] .plugin-unified-grid { margin-left:0; gap:clamp(3rem,5vw,5rem); }
}
@media (min-width:768px) { body[data-page="inbox"] .case-study-hero{padding-top:40px} body[data-page="inbox"] .case-study-hero-video{top:40px;height:calc(100% - 40px);-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"] .case-study-hero-video video{width:75%;height:100%;margin-inline:auto;transform:none} body[data-page="inbox"]:not([data-case-study]) .case-study-hero-video video{width:70%} body[data-case-study="stories"] .case-study-hero-video video{width:66%} body[data-page="inbox"] .case-study-lockup{width:125px} }
@media (min-width:768px) { 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]) .case-study-hero-video video{width:56%} }
@media (min-width:1200px) { body[data-case-study="stories"] .case-study-hero-video video{width:52%} }
@media (min-width:992px) { body[data-page="home"] .project-link{min-height:140px} }
@media (min-width:992px) { body[data-page="home"]{--home-section-space:clamp(6rem,8vw,8rem);--home-heading-gap:clamp(2.75rem,4vw,3.75rem)} 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 (min-width:992px) { body[data-page="inbox"] .project-link{min-height:140px} }
@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:4.5rem; }
  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 { gap:.65rem; margin-bottom:1rem; }
  body[data-page="home"] .hero-glyph { width:34px; height:34px; }
  body[data-page="home"] .hero-wordmark { width:120px; height:34px; transform:translateY(5px); }
  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:.65rem; margin-bottom:1.5rem; }
  body[data-page="home"] .hero-facts dt,
  body[data-page="home"] .hero-profile-description>span,
  body[data-page="home"] .hero-overview>div>span { font-size:.6rem; line-height:1.4; }
  body[data-page="home"] .hero-facts dt,
  body[data-page="home"] .hero-profile-description>span { margin-bottom:.35rem; }
  body[data-page="home"] .case-study-card-label { margin-bottom:.85rem; font-size:.6rem; line-height:1.4; }
  body[data-page="home"] .hero-facts dd { overflow-wrap:anywhere; font-size:.84rem; 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 ul { width:100%; gap:.45rem; overflow:visible; }
  body[data-page="home"] .hero-contributions li { max-width:100%; padding:.48rem .68rem; overflow-wrap:anywhere; font-size:.7rem; }
  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; font-size:clamp(2.35rem,11vw,3.5rem); line-height:.98; }
  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 h2 { font-size:clamp(2.35rem,11vw,3.5rem); }
  .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 .78rem; 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:-webkit-box; overflow:hidden; font-size:.9rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .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:16%; gap:.75rem; overflow-x:auto; 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; }
  .recent-mobile-track::-webkit-scrollbar { display:none; }
  .recent-mobile-slide { position:relative; aspect-ratio:3/4; flex:0 0 84%; overflow:hidden; background:#000; border:1px solid var(--line); scroll-snap-align:start; scroll-snap-stop:always; }
  .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 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-media-item.is-placeholder { padding-block:.8rem; }
  .recent-mobile-slide .recent-phone-placeholder { height:calc(100% - 1.75rem); }
}
@media (max-width:991.98px) {
  body[data-page="home"] .site-footer { padding-block:3rem calc(30px + env(safe-area-inset-bottom)); }
  body[data-page="home"] .footer-projects { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); }
  body[data-page="home"] .project-link { min-width:0; min-height:124px; gap:.3rem; padding:1rem; border:0; }
  body[data-page="home"] .project-link span { font-size:.56rem; line-height:1.3; }
  body[data-page="home"] .project-link small { margin-top:auto; font-size:.55rem; line-height:1.4; }
  body[data-page="home"] .project-link strong { gap:.35rem; margin-top:.15rem; font-size:clamp(1.2rem,4.5vw,1.7rem); line-height:1.2; white-space:nowrap; }
  body[data-page="home"] .footer-meta { flex-direction:column; justify-content:center; align-items:center; margin-top:2rem; text-align:center; }
  body[data-page="home"] .footer-meta div { justify-content:center; }
}
@media (max-width:991.98px) {
  body[data-page="inbox"] .site-footer { padding-block:3rem calc(30px + env(safe-area-inset-bottom)); }
  body[data-page="inbox"] .footer-projects { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); }
  body[data-page="inbox"] .project-link { min-width:0; min-height:124px; gap:.3rem; padding:1rem; border:0; }
  body[data-page="inbox"] .project-link small { margin-top:auto; font-size:.55rem; line-height:1.4; }
  body[data-page="inbox"] .project-link strong { gap:.35rem; margin-top:.15rem; font-size:clamp(1rem,4vw,1.45rem); line-height:1.2; }
  body[data-page="inbox"] .footer-meta { flex-direction:column; justify-content:center; align-items:center; margin-top:2rem; text-align:center; }
  body[data-page="inbox"] .footer-meta div { justify-content:center; }
}
@media (max-width:767.98px) {
  html,body { width:100%; max-width:100%; overflow-x:hidden; overflow-x:clip; }
  body[data-page="inbox"],body[data-page="inbox"] main,body[data-page="inbox"] .case-study-page { width:100vw; max-width:100vw; overflow-x:hidden; overflow-x:clip; }
  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"] .case-study-hero-video { border-radius:40px 40px 0 0; }
  body[data-page="inbox"] .case-study-hero-video video { border-radius:40px 40px 0 0; }
  body[data-page="inbox"] .case-study-lockup { width:96px; margin-bottom:1.25rem; }
  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"] .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"] .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:.98; }
  body[data-page="inbox"] .process-heading p,
  body[data-page="inbox"] .section-heading p { font-size:.96rem; 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"] .component-collage { height:min(145vw,560px); }
  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 { justify-content:center; }
  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"] .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"] .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; 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; }
}
@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-toggle::after { display:none; }
  .case-studies-nav .dropdown-menu { position:static!important; display:block; min-width:0; margin:0 0 .35rem .7rem; padding:.15rem 0 .15rem .8rem; background:transparent; border:0; border-left:1px solid var(--line); border-radius:0; box-shadow:none; transform:none!important; backdrop-filter:none; }
  .case-studies-nav .dropdown-item { min-height:40px; display:flex; align-items:center; padding:.5rem .7rem; }
}
@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} }
@media (prefers-reduced-motion:reduce) { .case-study-hero-video{display:none} }