@font-face{font-family:Case Manrope;src:url(/fonts/cases/manrope-latin-wght-normal.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}[data-project=muddbbit]{--paper:#f7f3ea;--paper-deep:#eee8dc;--ink:#171815;--muted:#6e706a;--line:#1718152e;--coral:#ea8e83;--red:#e34139;--yellow:#f2c900;--blue:#aec9ef;--clay:#c8aa8b;--navy:#182651;--green:#1f6b3a;--display:var(--font-display), "Arial Narrow", sans-serif;--body:"Case Manrope", Arial, sans-serif;--shell:min(1480px, calc(100vw - 80px))}[data-project=muddbbit] *{box-sizing:border-box}[data-project=muddbbit]{scroll-behavior:smooth;background:var(--paper);color:var(--ink);font-family:var(--body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:80px;font-size:16px;line-height:1.6}[data-project=muddbbit]::selection{background:var(--yellow);color:var(--ink)}[data-project=muddbbit] a{color:inherit;text-decoration:none}[data-project=muddbbit] button,[data-project=muddbbit] a{-webkit-tap-highlight-color:transparent}[data-project=muddbbit] button{font:inherit}[data-project=muddbbit] img{display:block}[data-project=muddbbit] h1,[data-project=muddbbit] h2,[data-project=muddbbit] h3,[data-project=muddbbit] p,[data-project=muddbbit] figure,[data-project=muddbbit] blockquote,[data-project=muddbbit] dl,[data-project=muddbbit] dd{margin:0}[data-project=muddbbit] ul,[data-project=muddbbit] ol{margin:0;padding:0}[data-project=muddbbit] :focus-visible{outline:3px solid var(--red);outline-offset:4px}[data-project=muddbbit] .page-shell{width:var(--shell);margin-inline:auto}[data-project=muddbbit] .eyebrow{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:600;line-height:1.3}[data-project=muddbbit] .site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3eaeb;border-bottom:1px solid #1718151f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:10px 32px;display:grid;position:fixed;top:0;left:0;right:0}[data-project=muddbbit] .site-header__brand{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;justify-self:start;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:inline-flex}[data-project=muddbbit] .skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:8px;padding:10px 14px;font-size:.72rem;font-weight:600;transition:transform .16s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}[data-project=muddbbit] .skip-link:focus{transform:translateY(0)}[data-project=muddbbit] .site-header__brand img{border-radius:50%}[data-project=muddbbit] .site-header nav{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:26px;font-size:.68rem;font-weight:600;display:flex}[data-project=muddbbit] .site-header nav a,[data-project=muddbbit] .site-header__brand,[data-project=muddbbit] .site-header__index{transition:opacity .18s}[data-project=muddbbit] .site-header nav a:hover,[data-project=muddbbit] .site-header__brand:hover{opacity:.55}[data-project=muddbbit] .site-header__index{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;justify-self:end;font-size:.68rem;font-weight:600}[data-project=muddbbit] .hero{background:var(--paper);padding-top:68px;position:relative;overflow:hidden}[data-project=muddbbit] .hero__pattern{background:var(--coral);border-bottom:1px solid #17181533;height:108px;overflow:hidden}[data-project=muddbbit] .hero__pattern-track{align-items:center;gap:18px;width:max-content;height:100%;padding-inline:20px;animation:34s linear infinite muddbbit-pattern-scroll;display:flex}[data-project=muddbbit] .hero__pattern-track img:nth-child(3n+2){filter:hue-rotate(44deg)saturate(1.35)}[data-project=muddbbit] .hero__pattern-track img:nth-child(3n+3){filter:hue-rotate(187deg)saturate(.82)}@keyframes muddbbit-pattern-scroll{to{transform:translate(-36%)}}[data-project=muddbbit] .hero__main{border-right:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);min-height:720px;display:grid}[data-project=muddbbit] .hero__copy{z-index:2;flex-direction:column;justify-content:center;padding:76px 6vw 66px 0;display:flex;position:relative}[data-project=muddbbit] .hero h1{font-family:var(--display);letter-spacing:-.045em;text-transform:uppercase;margin-top:10px;font-size:clamp(7rem,13vw,12.5rem);font-weight:700;line-height:.75}[data-project=muddbbit] .hero__subtitle{max-width:680px;font-family:var(--display);letter-spacing:-.02em;margin-top:34px;font-size:clamp(2.15rem,3.5vw,4.2rem);font-weight:600;line-height:.96}[data-project=muddbbit] .hero__summary{color:#4e504b;max-width:585px;margin-top:32px;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.65}[data-project=muddbbit] .text-link{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid;align-self:flex-start;align-items:center;gap:24px;margin-top:38px;padding-bottom:5px;font-size:.75rem;font-weight:600;display:inline-flex}[data-project=muddbbit] .text-link span{font-size:1rem;transition:transform .18s}[data-project=muddbbit] .text-link:hover span{transform:translateY(3px)}[data-project=muddbbit] .hero__visual{border-left:1px solid var(--line);background:#d8e4ea;min-height:720px;position:relative;overflow:hidden}[data-project=muddbbit] .hero__image{z-index:1;object-fit:cover;object-position:57% center;filter:saturate(.88)contrast(.98);transition:transform .8s cubic-bezier(.16,1,.3,1)}[data-project=muddbbit] .hero__visual:hover .hero__image{transform:scale(1.018)}[data-project=muddbbit] .hero__orb{z-index:2;aspect-ratio:1;mix-blend-mode:multiply;pointer-events:none;background:#f2c900d1;border-radius:50%;width:150px;position:absolute;top:8%;right:7%}[data-project=muddbbit] .hero__image-note{z-index:3;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f3eacc;border:1px solid #17181538;border-radius:100px;padding:8px 12px;font-size:.62rem;font-weight:600;position:absolute;bottom:22px;right:22px}[data-project=muddbbit] .hero__meta{border:1px solid var(--line);grid-template-columns:.7fr .7fr 1.65fr 1.2fr;display:grid}[data-project=muddbbit] .hero__meta div{min-height:104px;padding:24px 28px}[data-project=muddbbit] .hero__meta div+div{border-left:1px solid var(--line)}[data-project=muddbbit] .hero__meta dt{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:.65rem;font-weight:600}[data-project=muddbbit] .hero__meta dd{max-width:380px;font-size:.86rem;line-height:1.5}[data-project=muddbbit] .section{padding-block:150px}[data-project=muddbbit] .section-heading{grid-template-columns:minmax(150px,.36fr) minmax(0,1.64fr);align-items:start;gap:60px;margin-bottom:94px;display:grid}[data-project=muddbbit] .section-heading__meta{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;gap:34px;padding-top:14px;font-size:.7rem;font-weight:600;display:flex}[data-project=muddbbit] .section-heading h2{max-width:1100px;font-family:var(--display);letter-spacing:-.035em;font-size:clamp(3.5rem,6.8vw,7rem);font-weight:600;line-height:.92}[data-project=muddbbit] .section-heading--inverse .section-heading__meta{color:#ffffff94}[data-project=muddbbit] .section-heading--inverse h2{color:var(--paper)}[data-project=muddbbit] .section--overview{padding-top:170px}[data-project=muddbbit] .overview-intro,[data-project=muddbbit] .research-opening{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;gap:9vw;max-width:1180px;margin-left:auto;display:grid}[data-project=muddbbit] .overview-intro__lead,[data-project=muddbbit] .research-opening__lead{letter-spacing:-.035em;font-size:clamp(1.9rem,3.1vw,3.25rem);font-weight:500;line-height:1.17}[data-project=muddbbit] .overview-intro>p:last-child,[data-project=muddbbit] .research-opening>p:last-child{color:#4e504b;font-size:1.02rem;line-height:1.85}[data-project=muddbbit] .overview-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:104px;display:grid}[data-project=muddbbit] .overview-grid article{min-height:360px;padding:32px 44px 48px 0}[data-project=muddbbit] .overview-grid article+article{border-left:1px solid var(--line);padding-left:44px}[data-project=muddbbit] .overview-grid article>span,[data-project=muddbbit] .challenge-grid article>span,[data-project=muddbbit] .project-thesis>span,[data-project=muddbbit] .challenge-question>span,[data-project=muddbbit] .scope-note>span,[data-project=muddbbit] .reflection-grid article>span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;font-weight:600}[data-project=muddbbit] .overview-grid h3{font-family:var(--display);margin-top:52px;font-size:clamp(2rem,3vw,3rem);font-weight:600;line-height:.98}[data-project=muddbbit] .overview-grid p{color:#595b55;max-width:390px;margin-top:34px;font-size:.92rem;line-height:1.75}[data-project=muddbbit] .project-thesis{background:var(--yellow);border-radius:0 56px;grid-template-columns:.55fr 1.45fr;gap:60px;margin-top:92px;padding:54px 62px;display:grid}[data-project=muddbbit] .project-thesis>span{color:#1718159e;padding-top:9px}[data-project=muddbbit] .project-thesis p{max-width:950px;font-family:var(--display);letter-spacing:-.025em;font-size:clamp(2rem,3.4vw,3.6rem);font-weight:600;line-height:1.05}[data-project=muddbbit] .section--challenge{background:var(--navy);color:var(--paper)}[data-project=muddbbit] .challenge-question{border-bottom:1px solid #fff3;grid-template-columns:.45fr 1.55fr;gap:60px;padding:0 0 104px;display:grid}[data-project=muddbbit] .challenge-question>span{color:#ffffff8f;padding-top:12px}[data-project=muddbbit] .challenge-question p{max-width:1060px;color:var(--yellow);letter-spacing:-.035em;font-size:clamp(2.2rem,4vw,4.8rem);font-weight:500;line-height:1.13}[data-project=muddbbit] .challenge-grid{grid-template-columns:repeat(4,1fr);display:grid}[data-project=muddbbit] .challenge-grid article{min-height:380px;padding:38px 38px 50px 0}[data-project=muddbbit] .challenge-grid article+article{border-left:1px solid #fff3;padding-left:38px}[data-project=muddbbit] .challenge-grid article>span{color:#ffffffa8}[data-project=muddbbit] .challenge-grid h3{font-family:var(--display);margin-top:78px;font-size:2.7rem;font-weight:600;line-height:1}[data-project=muddbbit] .challenge-grid p{color:#ffffffb3;margin-top:26px;font-size:.88rem;line-height:1.75}[data-project=muddbbit] .section--role{background:var(--coral)}[data-project=muddbbit] .role-layout{grid-template-columns:minmax(320px,.78fr) minmax(480px,1.22fr);gap:8vw;display:grid}[data-project=muddbbit] .role-layout .section-heading{margin-bottom:0;display:block}[data-project=muddbbit] .role-layout .section-heading__meta{margin-bottom:50px}[data-project=muddbbit] .role-layout .section-heading h2{font-size:clamp(4rem,7.2vw,7.4rem)}[data-project=muddbbit] .role-content__lead{letter-spacing:-.03em;max-width:620px;margin-bottom:58px;font-size:clamp(1.75rem,2.6vw,2.7rem);font-weight:500;line-height:1.2}[data-project=muddbbit] .role-list{border-top:1px solid #17181552;list-style:none}[data-project=muddbbit] .role-list li{border-bottom:1px solid #17181552;grid-template-columns:64px 1fr;gap:16px;padding:22px 0;font-weight:600;display:grid}[data-project=muddbbit] .role-list li span{color:#1718158a;letter-spacing:.12em;font-size:.7rem;font-weight:600}[data-project=muddbbit] .scope-note{background:#f7f3ea6b;border:1px solid #17181554;border-radius:22px;grid-template-columns:.35fr 1.65fr;gap:32px;margin-top:54px;padding:30px;display:grid}[data-project=muddbbit] .scope-note>span{color:#17181594}[data-project=muddbbit] .scope-note p{font-size:.88rem;line-height:1.75}[data-project=muddbbit] .section--research{background:#f2efe8}[data-project=muddbbit] .category-explorer{--category-accent:var(--yellow);border:1px solid var(--line);background:var(--paper);border-radius:42px;margin-top:110px;transition:background .3s;overflow:hidden}[data-project=muddbbit] .category-explorer--yellow{--category-accent:var(--yellow)}[data-project=muddbbit] .category-explorer--blue{--category-accent:var(--blue)}[data-project=muddbbit] .category-explorer--clay{--category-accent:var(--clay)}[data-project=muddbbit] .category-explorer--red{--category-accent:var(--red)}[data-project=muddbbit] .category-explorer__tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}[data-project=muddbbit] .category-explorer__tabs button{min-height:74px;color:var(--muted);cursor:pointer;letter-spacing:.08em;text-align:left;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:18px;padding:20px 28px;font-size:.75rem;font-weight:600;transition:background .18s,color .18s;display:flex}[data-project=muddbbit] .category-explorer__tabs button+button{border-left:1px solid var(--line)}[data-project=muddbbit] .category-explorer__tabs button:hover{color:var(--ink)}[data-project=muddbbit] .category-explorer__tabs button[aria-selected=true]{background:var(--category-accent);color:var(--ink)}[data-project=muddbbit] .category-explorer__tabs button span{opacity:.55}[data-project=muddbbit] .category-explorer__panel{grid-template-columns:.58fr .8fr .62fr;gap:6vw;min-height:430px;padding:58px;animation:.28s both muddbbit-panel-in;display:grid}@keyframes muddbbit-panel-in{0%{opacity:0;transform:translateY(8px)}}[data-project=muddbbit] .category-explorer__symbol{background:var(--category-accent);min-height:250px;font-family:var(--display);border-radius:160px 160px 34px 34px;align-self:stretch;place-items:center;font-size:clamp(5rem,9vw,9rem);font-weight:700;line-height:1;display:grid;position:relative}[data-project=muddbbit] .category-explorer__symbol i{border:6px solid var(--ink);border-radius:50%;width:24px;height:24px;position:absolute;bottom:24px;right:24px}[data-project=muddbbit] .category-explorer__body,[data-project=muddbbit] .category-explorer__object{align-self:center}[data-project=muddbbit] .category-explorer__body h3{font-family:var(--display);letter-spacing:-.03em;margin:20px 0 28px;font-size:clamp(3.1rem,5.2vw,5.4rem);font-weight:600;line-height:.93}[data-project=muddbbit] .category-explorer__body>p:last-child,[data-project=muddbbit] .category-explorer__object>p:last-child{color:#50524d;line-height:1.8}[data-project=muddbbit] .category-explorer__object{border-left:1px solid var(--line);padding-left:38px}[data-project=muddbbit] .category-explorer__object .eyebrow{margin-bottom:22px}[data-project=muddbbit] .category-explorer__note{border-top:1px solid var(--line);color:var(--muted);padding:20px 58px;font-size:.72rem}[data-project=muddbbit] .wide-figure{margin-top:120px}[data-project=muddbbit] .wide-figure__image{aspect-ratio:2.82;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}[data-project=muddbbit] .wide-figure__image img{object-fit:contain}[data-project=muddbbit] .wide-figure figcaption{color:var(--muted);justify-content:space-between;gap:30px;padding-top:18px;font-size:.72rem;display:flex}[data-project=muddbbit] .wide-figure figcaption span{letter-spacing:.08em;text-transform:uppercase;font-weight:600}[data-project=muddbbit] .section--system{background:var(--paper)}[data-project=muddbbit] .system-story{grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);align-items:center;gap:7vw;display:grid}[data-project=muddbbit] .system-story__image{aspect-ratio:1.25;background:#d9e5eb;border-radius:0 100px 0 0;position:relative;overflow:hidden}[data-project=muddbbit] .system-story__image img{object-fit:cover;object-position:58% center}[data-project=muddbbit] .system-story__copy h3,[data-project=muddbbit] .architecture-grid h3,[data-project=muddbbit] .brand-system__copy h3{max-width:690px;font-family:var(--display);letter-spacing:-.035em;margin:25px 0 32px;font-size:clamp(3.25rem,5.4vw,5.8rem);font-weight:600;line-height:.95}[data-project=muddbbit] .system-story__copy>p:not(.eyebrow),[data-project=muddbbit] .architecture-grid>div>p,[data-project=muddbbit] .brand-system__copy>p{color:#50524d;max-width:650px;line-height:1.85}[data-project=muddbbit] .system-story__copy>p+p{margin-top:20px}[data-project=muddbbit] .translation-flow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:18px;margin-block:126px;padding:34px;display:grid}[data-project=muddbbit] .translation-flow>span{font-family:var(--display);align-items:center;gap:18px;font-size:2.2rem;font-weight:600;display:flex}[data-project=muddbbit] .translation-flow>span span{font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600}[data-project=muddbbit] .translation-flow i{color:var(--coral);font-size:1.5rem;font-style:normal}[data-project=muddbbit] .architecture-grid{grid-template-columns:minmax(380px,.8fr) minmax(0,1.2fr);align-items:center;gap:7vw;display:grid}[data-project=muddbbit] .architecture-grid ol{border-top:1px solid var(--line);margin-top:42px;list-style:none}[data-project=muddbbit] .architecture-grid li{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr;padding:16px 0;font-size:.88rem;font-weight:600;display:grid}[data-project=muddbbit] .architecture-grid li span{color:var(--muted);font-size:.68rem}[data-project=muddbbit] .architecture-grid__image{aspect-ratio:1.414;background:#fff;position:relative}[data-project=muddbbit] .architecture-grid__image img{object-fit:contain}[data-project=muddbbit] .architecture-grid figcaption{color:var(--muted);padding-top:14px;font-size:.72rem}[data-project=muddbbit] .brand-system{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);align-items:center;gap:7vw;margin-top:150px;padding-top:150px;display:grid}[data-project=muddbbit] .brand-system__poster{aspect-ratio:1.414;border-radius:46px;position:relative;overflow:hidden}[data-project=muddbbit] .brand-system__poster img{object-fit:cover}[data-project=muddbbit] .swatches{flex-wrap:wrap;gap:10px;margin-top:42px;display:flex}[data-project=muddbbit] .swatch{letter-spacing:.08em;text-transform:uppercase;border:1px solid #17181529;border-radius:100px;align-items:center;min-height:38px;padding:8px 16px;font-size:.65rem;font-weight:600;display:inline-flex}[data-project=muddbbit] .swatch--coral{background:var(--coral)}[data-project=muddbbit] .swatch--red{background:var(--red);color:#fff}[data-project=muddbbit] .swatch--yellow{background:var(--yellow)}[data-project=muddbbit] .swatch--blue{background:var(--blue)}[data-project=muddbbit] .swatch--navy{background:var(--navy);color:#fff}[data-project=muddbbit] .section--output{color:var(--paper);background:#1b1d1b;overflow:hidden}[data-project=muddbbit] .output-intro{justify-content:space-between;align-items:end;gap:40px;margin-left:27%;display:flex}[data-project=muddbbit] .output-intro p{color:#ffffffb8;max-width:760px;font-size:1.08rem;line-height:1.8}[data-project=muddbbit] .output-intro span{color:#ffffffa8;letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.68rem;font-weight:600}[data-project=muddbbit] .screen-rail{scroll-snap-type:x mandatory;scrollbar-color:var(--coral) #ffffff1f;gap:44px;margin-top:88px;padding:20px max(40px,50vw - 740px) 70px;display:flex;overflow-x:auto}[data-project=muddbbit] .screen-rail__item{scroll-snap-align:start;flex:0 0 310px}[data-project=muddbbit] .screen-rail__phone{aspect-ratio:1125/2436;background:#fff;border:7px solid #fffffff0;border-radius:42px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000052}[data-project=muddbbit] .screen-rail__phone:hover{transform:translateY(-10px)}[data-project=muddbbit] .screen-rail__phone img{object-fit:cover}[data-project=muddbbit] .screen-rail figcaption{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;gap:18px;padding-top:22px;font-size:.72rem;font-weight:600;display:flex}[data-project=muddbbit] .screen-rail figcaption span{color:var(--coral)}[data-project=muddbbit] .wide-figure--app{margin-top:100px}[data-project=muddbbit] .wide-figure--app .wide-figure__image{aspect-ratio:1.414;border-color:#ffffff29}[data-project=muddbbit] .wide-figure--app figcaption{color:#ffffff8f}[data-project=muddbbit] .section--archive{background:#dce7eb}[data-project=muddbbit] .board-archive{border-top:1px solid #17181542}[data-project=muddbbit] .board-archive__item{border-bottom:1px solid #17181542;grid-template-columns:1fr 72px 230px 30px;align-items:center;gap:22px;padding:32px 0;display:grid}[data-project=muddbbit] .board-archive__image{aspect-ratio:2.82;background:#fff;position:relative;overflow:hidden}[data-project=muddbbit] .board-archive__image img{object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}[data-project=muddbbit] .board-archive__item:hover .board-archive__image img{transform:scale(1.018)}[data-project=muddbbit] .board-archive__item>span{color:var(--muted);letter-spacing:.1em;font-size:.7rem;font-weight:600}[data-project=muddbbit] .board-archive__item>strong{font-family:var(--display);font-size:1.65rem;font-weight:600}[data-project=muddbbit] .board-archive__item>i{font-size:1.2rem;font-style:normal;transition:transform .18s}[data-project=muddbbit] .board-archive__item:hover>i{transform:translate(3px,-3px)}[data-project=muddbbit] .section--reflection{background:var(--paper)}[data-project=muddbbit] .reflection-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;display:grid}[data-project=muddbbit] .reflection-grid article{min-height:500px;padding:44px 7vw 56px 0}[data-project=muddbbit] .reflection-grid article+article{border-left:1px solid var(--line);padding-left:7vw;padding-right:0}[data-project=muddbbit] .reflection-grid h3{max-width:620px;font-family:var(--display);letter-spacing:-.03em;margin:64px 0 32px;font-size:clamp(2.8rem,4.8vw,5rem);font-weight:600;line-height:.96}[data-project=muddbbit] .reflection-grid p,[data-project=muddbbit] .reflection-grid ul{color:#50524d;max-width:650px;font-size:.95rem;line-height:1.85}[data-project=muddbbit] .reflection-grid ul{padding-left:1.15rem}[data-project=muddbbit] .reflection-grid li+li{margin-top:10px}[data-project=muddbbit] .section--reflection blockquote{max-width:1210px;color:var(--red);font-family:var(--display);letter-spacing:-.035em;text-align:center;margin:120px auto 0;font-size:clamp(3rem,6.2vw,6.8rem);font-weight:600;line-height:.98}[data-project=muddbbit] .footer{color:var(--paper);background:#1b1d1b;border-top:1px solid #ffffff29;padding-block:52px}[data-project=muddbbit] .footer .page-shell{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}[data-project=muddbbit] .footer div>div{align-items:center;gap:16px;display:flex}[data-project=muddbbit] .footer div>div span,[data-project=muddbbit] .footer a,[data-project=muddbbit] .footer p{color:#ffffffa3;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:600}[data-project=muddbbit] .footer a{border-bottom:1px solid #ffffff73;padding-bottom:3px}[data-project=muddbbit] .footer p{justify-self:end}@media (max-width:1120px){[data-project=muddbbit]{--shell:min(100% - 48px, 1080px)}[data-project=muddbbit] .site-header nav{display:none}[data-project=muddbbit] .site-header,[data-project=muddbbit] .hero__main{grid-template-columns:1fr 1fr}[data-project=muddbbit] .hero__copy{padding-right:5vw}[data-project=muddbbit] .hero h1{font-size:clamp(6.2rem,14vw,9.5rem)}[data-project=muddbbit] .challenge-grid{grid-template-columns:repeat(2,1fr)}[data-project=muddbbit] .challenge-grid article:nth-child(3){border-top:1px solid #fff3;border-left:0;padding-left:0}[data-project=muddbbit] .challenge-grid article:nth-child(4){border-top:1px solid #fff3}[data-project=muddbbit] .category-explorer__panel{gap:4vw;padding:44px}[data-project=muddbbit] .translation-flow{grid-template-columns:1fr 1fr}[data-project=muddbbit] .translation-flow i{display:none}[data-project=muddbbit] .board-archive__item{grid-template-columns:1fr 50px 180px 24px}}@media (max-width:820px){[data-project=muddbbit]{--shell:calc(100vw - 36px)}[data-project=muddbbit] .site-header{min-height:62px;padding-inline:18px}[data-project=muddbbit] .site-header__index{font-size:.61rem}[data-project=muddbbit] .hero{padding-top:62px}[data-project=muddbbit] .hero__pattern{height:82px}[data-project=muddbbit] .hero__pattern-track img{width:60px;height:60px}[data-project=muddbbit] .hero__main{flex-direction:column;min-height:auto;display:flex}[data-project=muddbbit] .hero__copy{min-height:620px;padding:74px 0 62px}[data-project=muddbbit] .hero h1{font-size:clamp(6rem,27vw,11rem)}[data-project=muddbbit] .hero__subtitle{font-size:clamp(2.15rem,8.8vw,4.4rem)}[data-project=muddbbit] .hero__summary{max-width:590px}[data-project=muddbbit] .hero__visual{border-top:1px solid var(--line);border-left:0;min-height:620px}[data-project=muddbbit] .hero__meta{grid-template-columns:1fr 1fr}[data-project=muddbbit] .hero__meta div:nth-child(3){border-left:0}[data-project=muddbbit] .hero__meta div:nth-child(n+3){border-top:1px solid var(--line)}[data-project=muddbbit] .section{padding-block:100px}[data-project=muddbbit] .section-heading{margin-bottom:62px;display:block}[data-project=muddbbit] .section-heading__meta{margin-bottom:30px;padding-top:0}[data-project=muddbbit] .section-heading h2{font-size:clamp(3.6rem,14.5vw,6.8rem)}[data-project=muddbbit] .overview-intro,[data-project=muddbbit] .research-opening,[data-project=muddbbit] .project-thesis,[data-project=muddbbit] .challenge-question,[data-project=muddbbit] .role-layout,[data-project=muddbbit] .system-story,[data-project=muddbbit] .architecture-grid,[data-project=muddbbit] .brand-system{grid-template-columns:1fr}[data-project=muddbbit] .overview-intro,[data-project=muddbbit] .research-opening{gap:36px}[data-project=muddbbit] .overview-grid{grid-template-columns:1fr;margin-top:72px}[data-project=muddbbit] .overview-grid article{min-height:auto;padding:28px 0 44px}[data-project=muddbbit] .overview-grid article+article{border-top:1px solid var(--line);border-left:0;padding-left:0}[data-project=muddbbit] .overview-grid h3{margin-top:32px}[data-project=muddbbit] .project-thesis{gap:26px;padding:40px 30px}[data-project=muddbbit] .challenge-question{gap:32px}[data-project=muddbbit] .challenge-grid{grid-template-columns:1fr}[data-project=muddbbit] .challenge-grid article,[data-project=muddbbit] .challenge-grid article+article,[data-project=muddbbit] .challenge-grid article:nth-child(3){border-top:1px solid #fff3;border-left:0;min-height:auto;padding:32px 0 46px}[data-project=muddbbit] .challenge-grid h3{margin-top:44px}[data-project=muddbbit] .role-layout{gap:72px}[data-project=muddbbit] .scope-note{grid-template-columns:1fr}[data-project=muddbbit] .category-explorer{border-radius:26px;margin-top:72px}[data-project=muddbbit] .category-explorer__tabs{grid-template-columns:1fr 1fr}[data-project=muddbbit] .category-explorer__tabs button:nth-child(3){border-top:1px solid var(--line);border-left:0}[data-project=muddbbit] .category-explorer__tabs button:nth-child(4){border-top:1px solid var(--line)}[data-project=muddbbit] .category-explorer__panel{grid-template-columns:1fr;gap:44px;padding:30px}[data-project=muddbbit] .category-explorer__symbol{min-height:260px}[data-project=muddbbit] .category-explorer__object{border-top:1px solid var(--line);border-left:0;padding:28px 0 0}[data-project=muddbbit] .category-explorer__note{padding-inline:30px}[data-project=muddbbit] .wide-figure{margin-top:72px}[data-project=muddbbit] .wide-figure__image{aspect-ratio:1.8}[data-project=muddbbit] .wide-figure figcaption{flex-direction:column;gap:5px}[data-project=muddbbit] .system-story{gap:58px}[data-project=muddbbit] .system-story__image{aspect-ratio:1/.86;border-radius:0 70px 0 0}[data-project=muddbbit] .translation-flow{margin-block:86px;padding-inline:0}[data-project=muddbbit] .architecture-grid,[data-project=muddbbit] .brand-system{gap:62px}[data-project=muddbbit] .architecture-grid figure{grid-row:1}[data-project=muddbbit] .brand-system{margin-top:100px;padding-top:100px}[data-project=muddbbit] .brand-system__poster{border-radius:28px}[data-project=muddbbit] .output-intro{margin-left:0;display:block}[data-project=muddbbit] .output-intro span{margin-top:28px;display:block}[data-project=muddbbit] .screen-rail{gap:28px;margin-top:58px;padding-inline:18px}[data-project=muddbbit] .screen-rail__item{flex-basis:min(72vw,310px)}[data-project=muddbbit] .board-archive__item{grid-template-columns:1fr 40px 24px;gap:14px}[data-project=muddbbit] .board-archive__image{grid-column:1/-1}[data-project=muddbbit] .board-archive__item>strong{font-size:1.4rem}[data-project=muddbbit] .reflection-grid{grid-template-columns:1fr}[data-project=muddbbit] .reflection-grid article{min-height:auto;padding:38px 0 70px}[data-project=muddbbit] .reflection-grid article+article{border-top:1px solid var(--line);border-left:0;padding:70px 0 50px}[data-project=muddbbit] .section--reflection blockquote{margin-top:84px;font-size:clamp(3.2rem,13vw,6.4rem)}[data-project=muddbbit] .footer .page-shell{grid-template-columns:1fr auto;gap:34px}[data-project=muddbbit] .footer p{grid-column:1/-1;justify-self:start}}@media (max-width:520px){[data-project=muddbbit] .hero__copy{min-height:580px}[data-project=muddbbit] .hero__summary{font-size:.93rem}[data-project=muddbbit] .hero__visual{min-height:500px}[data-project=muddbbit] .hero__meta{grid-template-columns:1fr}[data-project=muddbbit] .hero__meta div,[data-project=muddbbit] .hero__meta div:nth-child(3){border-top:1px solid var(--line);border-left:0;min-height:auto;padding:18px}[data-project=muddbbit] .section{padding-block:82px}[data-project=muddbbit] .section-heading h2,[data-project=muddbbit] .role-layout .section-heading h2{font-size:clamp(3.5rem,17vw,5.8rem)}[data-project=muddbbit] .overview-intro__lead,[data-project=muddbbit] .research-opening__lead{font-size:1.7rem}[data-project=muddbbit] .project-thesis p{font-size:2.05rem}[data-project=muddbbit] .challenge-question p{font-size:2.25rem}[data-project=muddbbit] .role-content__lead{font-size:1.65rem}[data-project=muddbbit] .role-list li{grid-template-columns:42px 1fr;font-size:.9rem}[data-project=muddbbit] .category-explorer__tabs button{gap:8px;min-height:68px;padding:16px;font-size:.64rem}[data-project=muddbbit] .category-explorer__body h3,[data-project=muddbbit] .system-story__copy h3,[data-project=muddbbit] .architecture-grid h3,[data-project=muddbbit] .brand-system__copy h3{font-size:3.25rem}[data-project=muddbbit] .category-explorer__note{padding:16px 22px}[data-project=muddbbit] .wide-figure__image{aspect-ratio:1.45}[data-project=muddbbit] .translation-flow{grid-template-columns:1fr}[data-project=muddbbit] .translation-flow>span{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:15px}[data-project=muddbbit] .architecture-grid__image,[data-project=muddbbit] .brand-system__poster{aspect-ratio:1/.82}[data-project=muddbbit] .wide-figure--app .wide-figure__image{aspect-ratio:1/.78}[data-project=muddbbit] .screen-rail__phone{border-radius:34px}[data-project=muddbbit] .footer div>div span{display:none}}@media (prefers-reduced-motion:reduce){[data-project=muddbbit]{scroll-behavior:auto}[data-project=muddbbit] *,[data-project=muddbbit] :before,[data-project=muddbbit] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-project=muddbbit] a.site-header__index{white-space:nowrap;text-decoration:none}[data-project=muddbbit] a.site-header__index:hover,[data-project=muddbbit] a.site-header__index:focus-visible{opacity:.55}