@import url(https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=IBM+Plex+Mono:wght@400;500;600&display=swap);body.film{--bg:#F4F0E6;--bg-alt:#F4F0E6;--border:#C9C1AD;--text:#1B1814;--text-muted:#62594C;--orange:#7d2027;--blue:#5fa8c2;--blue-dark:#4a93ae;--blue-ink:#2c6b85;--font-head:'Bowlby One SC','Arial Black',Impact,sans-serif;--font-body:'IBM Plex Mono','Courier New',monospace;--font-serif:var(--font-head);--font-mono:'IBM Plex Mono','Courier New',monospace;--hair:rgba(27,24,20,.28);background-color:var(--bg);font-family:var(--font-mono);font-size:.95rem}body.film::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.11;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .25  0 0 0 0 .2  0 0 0 0 .12  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}body.film .case-title,body.film .page-hero-title,body.film h1,body.film h2,body.film h3,body.film h4{font-family:var(--font-head);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.08}body.film .serif-note,body.film h1 em,body.film h2 em,body.film h3 em{font-family:var(--font-head);font-style:normal;font-weight:400;font-size:1em;text-transform:uppercase;letter-spacing:0}body.film .about-note-text,body.film .blog-featured-title,body.film .journal-pen-note,body.film .journal-pen-tags span,body.film .large-text,body.film a,body.film blockquote,body.film button,body.film input,body.film label,body.film li,body.film p,body.film span,body.film textarea{font-family:var(--font-mono)}body.film em{font-family:inherit;font-style:italic}body.film .case-title,body.film .case-title *{font-family:var(--font-head)!important}body.film .btn,body.film .cookie-btn,body.film .nav-link{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.12em}body.film .nav-link{font-size:.68rem}body.film .site-header.scrolled{background:rgba(239,234,221,.88);border-bottom:1px solid var(--hair);box-shadow:none}body.film .site-header::before{display:none}body.film .btn{background:var(--blue);color:var(--text);border:1px solid var(--blue);box-shadow:none;font-size:.72rem;padding:.95em 1.9em;transition:background .25s,color .25s,border-color .25s}body.film .btn:hover{background:#86302c;border-color:#86302c;color:#fff;transform:none;box-shadow:none}body.film .btn-lg{padding:1.1em 2.4em}body.film .nav-cta{padding:.6em 1.3em}body.film .btn-outline{background:0 0;color:var(--text);border-color:var(--blue)}body.film .btn-outline:hover{background:var(--blue);border-color:var(--blue);color:var(--text)}body.film .btn-light{background:var(--bg);color:var(--text);border-color:var(--bg)}body.film .btn-light:hover{background:#fff;border-color:#fff;color:var(--text)}body.film .contact-info-item,body.film .hr,body.film .page-breadcrumb,body.film .post-meta,body.film .post-nav{border-color:var(--hair)}body.film .page-breadcrumb{border-bottom-width:1px}body.film .post-title{color:#86302c;font-size:clamp(2rem, 4.6vw, 3.6rem)}body.film .post-figure img,body.film .post-hero-img{filter:sepia(.15) contrast(1.03) saturate(.92)}body.film .contact-form input,body.film .contact-form textarea{background:0 0;border:0;border-bottom:1px solid var(--text);border-radius:0}.work-hero{padding:calc(var(--header-h) + var(--space-2xl)) 0 var(--space-xl)}.work-hero .work-meta{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-md)}.work-hero h1{font-size:clamp(3rem, 10.5vw, 9rem);color:#86302c}.work-hero h1 em{font-style:normal}.work-filter{display:flex;gap:1.6rem;flex-wrap:wrap;padding:var(--space-md) 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.filter-btn{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;background:0 0;border:0;color:var(--text-muted);padding:.2em 0;border-bottom:1px solid transparent}.filter-btn.active,.filter-btn:hover{color:var(--blue-ink);border-bottom-color:var(--blue)}.project{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding:var(--space-2xl) 0;border-bottom:1px solid var(--hair)}.project:nth-child(2n){grid-template-columns:1fr 1.35fr}.project:nth-child(2n) .project-visual{order:2}.project-visual{display:block;overflow:hidden;aspect-ratio:4/3;background:#16130f;position:relative}.project-visual img{width:100%;height:100%;object-fit:cover;filter:sepia(.18) contrast(1.05) saturate(.9);transition:transform 1s cubic-bezier(.2,.6,.2,1)}.project:hover .project-visual img{transform:scale(1.03)}.project-visual--phone{background:var(--blue)}.project-visual--phone img{object-fit:contain;padding:1.5rem;filter:none}.project-badge{position:absolute;top:1rem;left:1rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.55);padding:.3em .8em}.project-num{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;color:var(--text-muted)}.project-title{font-size:clamp(2rem, 4.4vw, 3.8rem);margin:.4rem 0 1rem}.project-desc{color:var(--text-muted);font-size:.95rem;max-width:42ch;margin-bottom:var(--space-lg)}.project-meta{border-top:1px solid var(--hair);margin-bottom:var(--space-lg);max-width:42ch}.project-meta div{display:flex;justify-content:space-between;padding:.6em 0;border-bottom:1px solid var(--hair);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.project-meta span:first-child{color:var(--text-muted)}.project-link{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--text);padding-bottom:.3em;transition:gap .25s;display:inline-flex;gap:.5rem}.project-link:hover{gap:1rem}.work-cta{text-align:center;padding:var(--space-2xl) 0 var(--space-3xl)}.work-cta h2{font-size:clamp(1.8rem, 4vw, 3.2rem);margin-bottom:var(--space-lg)}.work-cta h2 em{font-style:normal}@media (max-width:800px){.project,.project:nth-child(2n){grid-template-columns:1fr}.project:nth-child(2n) .project-visual{order:0}}body.film .site-header:not(.scrolled) .nav-cta{background:0 0;color:#fff;border-color:rgba(255,255,255,.85)}body.film .site-header:not(.scrolled) .nav-cta:hover{background:#fff;color:var(--text)}.cs-hero{padding:calc(var(--header-h) + var(--space-xl)) 0 var(--space-2xl);border-bottom:1px solid var(--hair)}.cs-hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,80px);align-items:center}body.film .back-link{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--text-muted);border:0;border-bottom:1px solid var(--hair);padding:0 0 .3em;border-radius:0;margin-bottom:var(--space-xl)}body.film .back-link:hover{color:var(--text);background:0 0;border-color:var(--text)}.cs-hero-meta{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-md)}body.film .cs-hero .case-title{font-size:clamp(2.8rem, 8vw, 6.6rem);color:#86302c;text-align:left;line-height:1.02;letter-spacing:0}.cs-hero-sub{font-size:1rem;color:var(--text-muted);max-width:44ch;margin-top:var(--space-lg)}.cs-hero-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xl)}.cs-hero-visual{position:relative;overflow:hidden;aspect-ratio:5/4;background:#16130f}.cs-hero-visual>img,.cs-hero-visual>picture{width:100%;height:100%;display:block}.cs-hero-visual img{width:100%;height:100%;object-fit:cover;filter:sepia(.18) contrast(1.05) saturate(.9)}@media (max-width:860px){.cs-hero-grid{grid-template-columns:1fr}}body.film .page-breadcrumb--dark{background:var(--bg);border-bottom:1px solid var(--hair)}body.film .page-breadcrumb--dark .breadcrumb-back{color:var(--text);font-weight:500}body.film .page-breadcrumb--dark .breadcrumb-sep{color:var(--text-muted)}body.film .page-breadcrumb--dark .breadcrumb-current{color:#86302c}body.film .cs-label{color:#86302c;font-family:var(--font-mono);letter-spacing:.2em}body.film .hr{background:var(--hair)}body.film section[aria-label="Project navigation"]{background:0 0!important;border-top:1px solid var(--hair)}body.film section[aria-label="Project navigation"] a,body.film section[aria-label="Project navigation"] span{font-size:.68rem!important}.mg-stage{position:relative;overflow:hidden;aspect-ratio:5/4.4}.mg-stage img{position:absolute;height:auto}.mg-insight,.mg-open,.mg-quote,.mg-review{display:none}.mg-lib{display:block;width:58%;left:21%;bottom:-14%;filter:drop-shadow(0 22px 28px rgba(60,28,20,.32))}body.film .cs-label{display:block;font-size:.65rem;text-transform:uppercase;margin-bottom:var(--space-md);font-weight:500}body.film ::selection{background:var(--blue);color:var(--text)}body.film :focus-visible{outline-color:var(--blue)}body.film .nav-link.active,body.film .nav-link:hover{color:var(--blue-ink)}body.film .nav-link::after{background:var(--blue)}body.film .site-header:not(.scrolled) .nav-link:hover{color:var(--blue-ink)}body.film .site-header:not(.scrolled) .nav-link::after{background:var(--blue)}body.film .nav-cta{background:var(--blue);border-color:var(--blue);color:var(--text)}body.film .site-header:not(.scrolled) .nav-cta{background:var(--blue);color:var(--text);border-color:var(--blue)}body.film .nav-cta:hover,body.film .site-header:not(.scrolled) .nav-cta:hover{background:#86302c;border-color:#86302c;color:#fff}body.film .about-body a,body.film .contact-info-item a,body.film .post-body a{color:var(--blue-ink);text-decoration-color:rgba(95,168,194,.6)}body.film .post-body a:hover{color:var(--orange)}body.film .post-body blockquote{border-left-color:var(--blue)}body.film .contact-form input:focus,body.film .contact-form textarea:focus{border-bottom-color:var(--blue);outline:0}body.film .cookie-btn-accept{background:var(--blue);border-color:var(--blue);color:var(--text)}body.film .cookie-btn-accept:hover{background:var(--blue-dark);border-color:var(--blue-dark)}body.film .mg-lesson::before,body.film .mg-steps li::before,body.film .project-num{color:var(--blue-ink)}body.film .mg-pills span{border-color:var(--blue);color:var(--blue-ink)}body.film .mg-next div{border-top-color:var(--blue)}body.film .ig-arrow:hover,body.film .receipts-arrow:hover{background:var(--blue);border-color:var(--blue);color:var(--text)}body.film .home-about{border-top-color:var(--blue)}body.film .home-about::before{border-top-color:rgba(95,168,194,.9)}body.film .site-header.scrolled{border-bottom-color:rgba(95,168,194,.7)}body.film .band-red{background:var(--orange);color:var(--bg)}body.film .band-red .cs-label,body.film .band-red .eyebrow,body.film .band-red h1,body.film .band-red h2,body.film .band-red h3,body.film .band-red p{color:var(--bg)!important}body.film .band-red .btn{background:var(--blue);border-color:var(--blue);color:var(--text)}body.film .band-red .btn:hover{background:var(--bg);border-color:var(--bg);color:var(--orange)}body.film .band-red .btn-outline{background:0 0;color:var(--bg);border-color:var(--bg)}body.film .band-red .btn-outline:hover{background:var(--bg);color:var(--orange)}body.film .band-blue{background:var(--blue);color:var(--text)}body.film .band-blue .cs-label,body.film .band-blue .eyebrow,body.film .band-blue h1,body.film .band-blue h2,body.film .band-blue h3{color:var(--text)!important}body.film .band-blue .btn{background:var(--orange);border-color:var(--orange);color:var(--bg)}body.film .band-blue .btn:hover{background:var(--text);border-color:var(--text);color:var(--bg)}body.film .band-blue .btn-outline{background:0 0;color:var(--text);border-color:var(--text)}body.film .band-blue .btn-outline:hover{background:var(--text);color:var(--blue)}.asterisks{text-align:center;font-family:var(--font-mono);letter-spacing:.7em;padding-left:.7em;color:var(--orange);font-size:1rem;line-height:1}body.film .project{border-bottom:0;position:relative}body.film .mg-section:not(:last-of-type)::after,body.film .project:not(:last-child)::after{content:"* * *";display:block;text-align:center;color:var(--orange);font-family:var(--font-mono);letter-spacing:.7em;padding-left:.7em;line-height:1}body.film .project:not(:last-child)::after{grid-column:1/-1;order:3;margin-top:var(--space-xl)}body.film .mg-section{border-bottom:0}body.film .mg-section:not(:last-of-type)::after{margin-top:var(--space-2xl)}body.film .site-footer{background:var(--bg);color:var(--text);border-top:1px solid var(--hair)}body.film .footer-col h4{color:var(--orange)}body.film .footer-brand img{filter:none!important}body.film .footer-bottom p,body.film .footer-brand p,body.film .footer-col ul li a,body.film .footer-legal a{color:var(--text-muted)}body.film .footer-col ul li a:hover,body.film .footer-legal a:hover{color:var(--orange)}body.film .footer-bottom{border-top-color:var(--hair)}body.film .social-link{border-color:var(--text);color:var(--text)}body.film .social-link:hover{background:var(--blue);border-color:var(--blue);color:var(--text)}.asterisks.band-red,body.film .band-red .asterisks{color:var(--bg)}.asterisks.band-red{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}body.film.work-fonts{--font-body:'Inter',system-ui,-apple-system,sans-serif;--font-mono:'Inter',system-ui,-apple-system,sans-serif;font-family:var(--font-body)}body.film.work-fonts .cookie-banner,body.film.work-fonts .mobile-nav,body.film.work-fonts .site-footer,body.film.work-fonts .site-header{--font-body:'IBM Plex Mono','Courier New',monospace;--font-mono:'IBM Plex Mono','Courier New',monospace}body.film.work-fonts .btn{letter-spacing:.08em}body.film .btn,body.film .cookie-btn,body.film .filter-btn.active,body.film .subject-tag{box-shadow:4px 4px 0 var(--text);transition:background .25s,color .25s,border-color .25s,box-shadow .15s,transform .15s}body.film .filter-btn.active{box-shadow:none}body.film .btn:hover,body.film .cookie-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--text)}body.film .btn:active,body.film .cookie-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--text)}body.film .band-red .btn{box-shadow:4px 4px 0 rgba(20,10,10,.75)}body.film .band-red .btn:hover{box-shadow:2px 2px 0 rgba(20,10,10,.75)}body.film .site-header .nav-cta{box-shadow:3px 3px 0 var(--text)}body.film .site-header .nav-cta:hover{box-shadow:1px 1px 0 var(--text);transform:translate(2px,2px)}body.film .subject-tag{box-shadow:2px 2px 0 var(--text)}