@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750&family=Space+Mono&display=swap');
:root{--paper:#f7f7f2;--ink:#151615;--muted:#666963;--line:#dcddd4;--lime:#d9fa55;--radius:12px;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #719016;outline-offset:6px}img,video{display:block;width:100%}button{color:inherit}::selection{background:var(--lime);color:var(--ink)}.wrap{max-width:var(--max);padding:0 5vw;margin:auto}.mono,.eyebrow{font-family:'Space Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.035em;text-transform:uppercase}.muted{color:var(--muted)}.skip{position:fixed;top:12px;left:12px;transform:translateY(-180%);background:var(--lime);padding:12px;z-index:99}.skip:focus{transform:none}.nav{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;letter-spacing:-1px}.brand-mark{height:27px;width:27px}.nav-links{display:flex;align-items:center;gap:32px;font-size:13px}.nav-links a{position:relative}.nav-links a:not(.nav-contact):after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--ink);transition:width .25s}.nav-links a:hover:after{width:100%}.nav-contact{background:var(--ink);color:var(--paper);padding:13px 21px;border-radius:40px}.nav-contact:hover{background:#363a2a}.status{display:flex;align-items:center;gap:8px}.status:before{content:'';height:6px;width:6px;border-radius:50%;background:#637d12;box-shadow:0 0 0 4px #d9fa5550}.hero{padding-top:68px;padding-bottom:38px}.hero-top{display:flex;justify-content:space-between;margin-bottom:27px}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:5vw;align-items:end}.hero h1{font-size:clamp(62px,7.6vw,116px);line-height:.96;letter-spacing:-.075em;font-weight:600;margin:0 0 28px}.hero h1 .last{display:block}.hero-copy{font-size:17px;line-height:1.65;max-width:385px;color:#585c53;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:26px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;border:1px solid var(--ink);border-radius:40px;background:transparent;font-size:13px;font-weight:550;transition:background .2s,transform .2s}.pill.primary{background:var(--lime);border-color:var(--lime)}.pill:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.text-link{font-size:13px;display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid #aaa;padding:8px 0}.arrow{font-size:21px;font-weight:400}.hero-media{position:relative;overflow:hidden;border-radius:var(--radius);background:#22271e;aspect-ratio:1.18}.hero-media video{height:100%;object-fit:cover}.hero-media:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 60%,#10140ed9)}.media-caption{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:white;z-index:1}.media-caption .mono{font-size:9px}.media-caption b{display:block;font-weight:450;margin-top:5px;font-size:13px}.icon-button{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff6b;background:#ffffff16;color:white;display:grid;place-items:center}.hero-foot{display:flex;justify-content:space-between;align-items:center;margin-top:54px;padding-top:21px;border-top:1px solid var(--line)}.hero-foot span{font-size:10px}.hero-foot .outline-link{font-size:12px}.client-band{display:grid;grid-template-columns:1fr 3fr;align-items:center;border-top:1px solid var(--line);padding:40px 0 56px;gap:30px}.client-names{display:flex;justify-content:space-around;align-items:center;gap:25px;font-size:27px;font-weight:600;letter-spacing:-1px}.client-names .anything{font-weight:450}.client-names .mysa{letter-spacing:-1.5px;font-size:33px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:50px;gap:30px}.section-heading h2{font-size:clamp(42px,5vw,74px);letter-spacing:-.06em;line-height:1.05;font-weight:500;margin:15px 0 0}.section-heading p{max-width:305px;font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:4px}.work-section{background:#191d18;color:#f7f7f2;border-radius:26px 26px 0 0}.work-section .muted,.work-section .section-heading p{color:#9da498}.work-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:56px 5vw;align-items:start}.project:nth-child(2){margin-top:110px}.project .project-image{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1.5;background:#252a22}.project video,.project img{height:100%;object-fit:cover;transition:transform .5s}.project a:hover video,.project a:hover img{transform:scale(1.025)}.project .project-image .open{position:absolute;right:20px;bottom:20px;background:var(--lime);color:#171b15;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:transform .3s}.project a:hover .open{transform:rotate(45deg)}.project .meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a9afa4;padding:20px 0 11px}.project h3{font-size:25px;letter-spacing:-.04em;font-weight:500;margin:0}.project p{font-size:13px;line-height:1.7;color:#a9afa4;max-width:450px;margin-top:10px}.work-index{border-top:1px solid #444b3e;margin-top:75px}.index-row{display:grid;grid-template-columns:70px 1.4fr 1fr 40px;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid #444b3e;transition:color .2s}.index-row:hover{color:var(--lime)}.index-row .name{font-size:22px;letter-spacing:-.04em}.index-row .mono{color:#a9afa4}.reel-banner{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center;margin-top:65px;padding:30px 0}.reel-banner h3{font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:12px 0 16px}.reel-banner p{font-size:14px;color:#a9afa4;line-height:1.65;max-width:360px}.reel-cover{border-radius:10px;overflow:hidden;position:relative;background:#232b20;aspect-ratio:1.7;border:0;padding:0}.reel-cover img{height:100%;object-fit:cover;opacity:.9}.play-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:11px;color:var(--ink)}.play-label span{display:grid;place-items:center;border-radius:50%;height:60px;width:60px;background:var(--lime);font-size:20px}.reel-banner .pill{border-color:#9da498;color:var(--paper)}.reel-banner .pill:hover{background:var(--lime);color:var(--ink)}.about-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:7vw}.portrait{width:100%;aspect-ratio:1;object-fit:cover;object-position:top;border-radius:12px;background:#d5d6cb}.portrait-frame{max-width:340px}.portrait-caption{font-size:11px;display:flex;justify-content:space-between;margin-top:15px}.about h2{font-size:clamp(40px,4.8vw,70px);font-weight:500;letter-spacing:-.06em;line-height:1.08;margin:18px 0 30px}.about p{line-height:1.75;font-size:16px;color:var(--muted);max-width:610px}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:27px;margin-top:32px}.credentials strong{display:block;font-size:32px;letter-spacing:-.06em;font-weight:500}.credentials small{display:block;font-size:11px;color:var(--muted);margin:8px 0 20px}.credentials a{font-size:12px;border-bottom:1px solid #aaa}.expertise{padding-top:0}.expertise-list{margin-top:40px}.expertise details{border-top:1px solid var(--line)}.expertise details:last-child{border-bottom:1px solid var(--line)}.expertise summary{list-style:none;display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:20px;padding:27px 0;cursor:pointer;font-size:31px;letter-spacing:-.035em}.expertise summary::-webkit-details-marker{display:none}.expertise summary .plus{font-size:25px;font-weight:400;transition:transform .2s}.expertise details[open] summary .plus{transform:rotate(45deg)}.expertise details p{max-width:610px;color:var(--muted);margin:0 0 30px 80px;line-height:1.8}.tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 35px 80px}.tools span{font-size:11px;padding:8px 12px;background:#edeee6;border-radius:20px}.contact{background:var(--lime);padding:78px 0 55px}.contact-top{display:flex;justify-content:space-between}.contact h2{font-size:clamp(62px,8vw,118px);font-weight:500;letter-spacing:-.065em;line-height:1.02;max-width:900px;margin:35px 0}.contact-actions{display:flex;gap:30px;align-items:center}.contact .pill.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.contact .pill.primary:hover{background:transparent;color:var(--ink)}.contact-note{font-size:12px;line-height:1.7;max-width:290px;color:#455027}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #8aa437;padding-top:29px;margin-top:65px;font-size:11px}.footer-links{display:flex;gap:25px}.footer-links a:hover{text-decoration:underline}.case-intro{padding:65px 0 45px}.case-back{font-size:12px;display:inline-flex;gap:15px;margin-bottom:35px}.case-intro .eyebrow{color:var(--muted)}.case-intro h1{font-size:clamp(55px,7vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.02;max-width:960px;margin:18px 0 24px}.case-deck{font-size:20px;line-height:1.55;max-width:680px;color:var(--muted)}.case-info{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--line);padding-top:26px;margin-top:35px}.case-info dd{margin:10px 0 0;font-size:13px;line-height:1.6}.case-info dt{color:var(--muted)}.case-video{width:100%;background:#191d18;border-radius:14px;overflow:hidden;position:relative}.case-video video{aspect-ratio:16/9;object-fit:contain;max-height:75vh}.case-video img{aspect-ratio:16/9;object-fit:cover}.case-video-caption{display:flex;justify-content:space-between;gap:25px;margin-top:16px;font-size:11px;color:var(--muted)}.case-body{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;padding:75px 0 85px}.case-body h2{font-size:36px;letter-spacing:-.05em;font-weight:500;margin:0 0 22px}.case-body p{line-height:1.85;font-size:16px;color:var(--muted);margin:0 0 24px}.case-body .case-section{border-top:1px solid var(--line);padding-top:27px;margin-bottom:42px}.case-body .case-section:first-child{border:0;padding:0}.case-body h3{font-size:22px;font-weight:500;letter-spacing:-.03em;margin:0 0 12px}.case-note{border-left:3px solid var(--lime);padding-left:20px;font-size:13px!important}.case-next{display:block;border-top:1px solid var(--line);padding:33px 0 55px}.case-next div{display:flex;justify-content:space-between;align-items:center}.case-next h2{font-size:clamp(35px,4vw,55px);font-weight:500;letter-spacing:-.05em;margin:15px 0 0}.case-next .arrow{font-size:45px}.video-dialog{border:0;padding:0;border-radius:12px;max-width:1000px;width:90vw;background:#191d18;color:white}.video-dialog::backdrop{background:#10140fe8;backdrop-filter:blur(8px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #ffffff2b}.dialog-bar button{border:1px solid #ffffff52;background:transparent;color:white;width:35px;height:35px;border-radius:50%;font-size:22px}.dialog-content video{width:100%;max-height:70vh}.dialog-content iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.dialog-footer{padding:18px 25px;font-size:12px;color:#a9afa4}.dialog-footer a{text-decoration:underline}.video-fallback{display:none;padding:25px;line-height:1.6}.video-fallback.active{display:block}.video-fallback a{text-decoration:underline}.inview{animation:enter .7s both}@keyframes enter{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.wrap{padding:0 75px}}@media(max-width:950px){.hero-grid{gap:30px}.hero h1{font-size:76px}.hero-copy{font-size:15px}.hero-media{aspect-ratio:.85}.nav-links{gap:22px}.hero-actions{gap:15px}.pill{padding:14px 20px;gap:15px}.client-band{grid-template-columns:1fr 2fr}.about-grid{gap:6vw;grid-template-columns:.9fr 1.2fr}.section{padding:75px 0}.project:nth-child(2){margin-top:70px}.case-body{gap:40px}.case-info{grid-template-columns:1fr 1fr}.expertise{padding-top:0}}
@media(max-width:650px){.wrap{padding:0 23px}.nav{min-height:77px}.brand{font-size:20px;gap:8px}.brand-mark{width:23px;height:23px}.nav-links{gap:16px;font-size:12px}.nav-links a[href*='#about']{display:none}.nav-contact{padding:11px 15px}.hero{padding-top:35px}.hero-top{margin-bottom:30px}.hero-top .mono{font-size:9px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(67px,16vw,94px);max-width:480px;margin-bottom:25px}.hero-copy{max-width:370px;font-size:16px}.hero-media{aspect-ratio:1.3}.hero-actions{gap:25px}.hero-foot{margin-top:31px;padding-top:18px}.hero-foot span{font-size:8px;max-width:190px;line-height:1.8}.client-band{grid-template-columns:1fr;padding:29px 0 38px;gap:24px}.client-names{justify-content:space-between;font-size:22px}.client-names .mysa{font-size:28px}.section{padding-top:60px;padding-bottom:60px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:35px}.section-heading h2{font-size:49px}.section-heading p{max-width:320px}.work-section{border-radius:19px 19px 0 0}.work-grid{grid-template-columns:1fr;gap:35px}.project:nth-child(2){margin:0}.project h3{font-size:25px}.project .meta{padding-top:17px}.project p{margin-bottom:0}.work-index{margin-top:40px}.index-row{grid-template-columns:35px 1fr 24px;gap:15px;padding:23px 0}.index-row>.mono:nth-child(3){display:none}.index-row .name{font-size:18px}.reel-banner{grid-template-columns:1fr;margin-top:30px;gap:23px;padding:20px 0}.reel-banner h3{font-size:36px}.reel-cover{order:-1}.about-grid{grid-template-columns:1fr;gap:32px}.portrait-frame{max-width:230px}.about h2{font-size:49px}.about p{font-size:15px}.credentials{gap:20px}.credentials strong{font-size:28px}.expertise{padding-top:0}.expertise summary{grid-template-columns:30px 1fr 24px;gap:14px;font-size:23px;padding:24px 0}.expertise details p,.tools{margin-left:44px}.expertise details p{font-size:14px}.contact{padding:50px 0 35px}.contact h2{font-size:64px;margin:32px 0}.contact-top .mono{font-size:9px}.contact-actions{align-items:flex-start;flex-direction:column;gap:20px}.footer{align-items:flex-start;flex-direction:column;margin-top:45px;padding-top:22px;gap:20px}.footer-links{gap:22px}.case-intro{padding-top:35px;padding-bottom:30px}.case-intro h1{font-size:59px}.case-deck{font-size:17px}.case-back{margin-bottom:25px}.case-info{gap:22px}.case-info dd{font-size:12px}.case-video{border-radius:9px}.case-video-caption{font-size:10px;line-height:1.6}.case-body{grid-template-columns:1fr;gap:22px;padding:50px 0 35px}.case-body h2{font-size:31px}.case-body p{font-size:15px}.case-body .case-section{margin-bottom:30px}.case-next{padding:25px 0 40px}.case-next h2{font-size:36px}.video-dialog{width:94vw}.dialog-bar{padding:15px}.dialog-footer{padding:15px}.dialog-bar .mono{font-size:9px}}
/* Editorial homepage. All project media comes from Michael's actual portfolio. */
h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}
.hero{padding-top:46px;padding-bottom:28px}.hero-top{margin-bottom:28px}.hero-grid{grid-template-columns:.82fr 1.18fr;align-items:center;gap:4vw}.hero h1{font-size:clamp(65px,6.5vw,104px);line-height:.96;letter-spacing:-.07em}.hero h1 .last{white-space:nowrap}.hero-copy{font-size:16px;line-height:1.65;max-width:410px}.hero-media{aspect-ratio:1.55}.hero-media video{object-fit:cover}.featured-label{position:absolute;top:23px;left:25px;z-index:2;color:white;text-shadow:0 1px 5px #0009;font-size:10px}.media-caption b{font-size:27px;letter-spacing:-.045em;margin-top:7px;font-weight:600}.featured-type{display:block;font-size:11px;margin-top:4px;color:#e0e4d9}.media-caption .mono{font-size:8px}.hero-foot{margin-top:32px}.reel-button{background:none;border:0;padding:0;gap:12px}.reel-play{display:grid;place-items:center;width:43px;height:43px;border:1px solid #a8ada0;border-radius:50%;padding-left:2px;font-size:14px;transition:background .2s}.reel-button:hover .reel-play{background:var(--ink);color:var(--paper)}.client-band{padding:28px 0 35px}.work-section{background:var(--paper);color:var(--ink);border-radius:0;border-top:1px solid var(--line)}.work-section .muted,.work-section .section-heading p{color:var(--muted)}.section-heading h2{font-size:clamp(43px,5vw,72px)}.work-grid{grid-template-columns:1fr 1fr;gap:4vw}.project:nth-child(2){margin-top:0}.project .project-image{aspect-ratio:1.65;background:#e4e6dc}.project .meta,.project p{color:var(--muted)}.project h3{font-size:27px}.case-brief{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--line);margin-top:20px;font-size:12px}.case-brief>span{color:var(--muted)}.case-brief strong{font-weight:500}.case-cta{display:inline-flex;align-items:center;gap:25px;padding-top:5px;font-size:13px;font-weight:550}.case-cta>span{font-size:20px}.work-index,.index-row{border-color:var(--line)}.index-row .mono{color:var(--muted)}.index-row:hover{color:#647b17}.reel-banner{border-bottom:1px solid var(--line);padding-bottom:35px}.reel-banner p{color:var(--muted)}.reel-banner .pill{color:var(--ink);border-color:#8b9281}.reel-banner .pill:hover{color:var(--ink);background:var(--lime)}.about-grid{grid-template-columns:.65fr 1.35fr;gap:8vw}.about h2{font-size:clamp(45px,4.8vw,67px)}.profile-card{margin-top:30px;border-top:1px solid var(--line);padding-top:30px}.profile-photo{width:128px;height:128px;object-fit:cover;border-radius:50%;background:#e4e6dc}.profile-card h3{font-size:28px;font-weight:550;letter-spacing:-.055em;line-height:1.2;margin:22px 0 10px}.profile-card h3 span{display:block;font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:8px}.profile-card p{font-size:10px}.profile-socials{display:flex;gap:22px;margin-top:26px;font-size:12px}.profile-socials a{border-bottom:1px solid var(--line);padding-bottom:7px}.about-profile{position:sticky;top:35px;align-self:start}.footer-links{flex-wrap:wrap}.section{padding-top:80px;padding-bottom:80px}.expertise{padding-top:0}
@media(min-width:1100px){.hero-grid{grid-template-columns:.84fr 1.16fr}.hero h1{font-size:clamp(80px,6.6vw,108px)}}
@media(min-width:651px) and (max-width:1050px){.hero h1{font-size:clamp(60px,7vw,76px)}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}.hero-media{aspect-ratio:1.08}.hero h1 .last{white-space:normal}.hero-actions{gap:18px;flex-wrap:wrap}}
@media(max-width:650px){.nav{flex-wrap:wrap;padding:17px 0 14px;gap:17px;min-height:85px}.brand{font-size:20px}.nav-links{width:100%;justify-content:space-between;gap:15px;font-size:12px}.nav-links a[href*='#about']{display:inline-flex}.nav-contact{background:none;color:var(--ink);padding:0;border-radius:0}.nav-contact:hover{background:none;color:#647b17}.hero{padding-top:30px}.hero-top{gap:20px;align-items:flex-start;margin-bottom:25px}.hero-top .status{max-width:160px;font-size:8px;line-height:1.7;align-items:flex-start}.hero-top .status:before{flex-shrink:0;margin-top:4px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(57px,13.5vw,85px)}.hero h1 .last{white-space:nowrap}.hero-copy{font-size:15px;max-width:360px}.hero-media{aspect-ratio:1.35}.hero-actions{gap:20px;flex-wrap:wrap}.reel-button{font-size:12px}.reel-play{width:38px;height:38px}.media-caption{left:20px;right:20px;bottom:20px}.featured-label{top:18px;left:20px;font-size:9px}.media-caption b{font-size:26px}.hero-foot{margin-top:28px}.client-band{padding:26px 0;gap:20px}.section{padding:55px 0}.section-heading h2{font-size:45px}.work-grid{grid-template-columns:1fr;gap:37px}.project h3{font-size:24px}.project .project-image{aspect-ratio:1.55}.case-brief{font-size:11px}.about-grid{grid-template-columns:1fr;gap:34px}.about-profile{position:static}.profile-card{display:grid;grid-template-columns:88px 1fr;gap:0 20px;padding-top:23px;margin-top:20px}.profile-photo{width:88px;height:88px;grid-row:1/4}.profile-card h3{font-size:25px;margin:0 0 7px}.profile-card h3 span{font-size:12px;margin-top:5px}.profile-card p{margin:0}.profile-socials{margin-top:18px;grid-column:2;gap:18px;font-size:11px}.about h2{font-size:49px;margin-top:0}.expertise{padding-top:0}.footer-links{gap:18px}.case-intro h1{font-size:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.inview{transform:none;opacity:1}}

.featured-label{left:auto;right:22px;top:22px;background:#151615bb;padding:8px 11px;border-radius:20px;text-shadow:none}.media-caption .mono{color:#fff}@media(max-width:650px){.featured-label{right:16px;top:16px;font-size:8px}}

.contra-feature{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.contra-feature strong{font-size:23px;font-weight:500;letter-spacing:-.04em;line-height:1.2}.contra-feature>span:last-child{font-size:12px;line-height:1.6}.contra-feature:hover>span:last-child{text-decoration:underline}.source-film{display:block;position:relative}.source-film:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10140ecf);pointer-events:none}.original-play{position:absolute;bottom:30px;left:30px;right:30px;z-index:1;display:flex;align-items:center;gap:15px;color:white;font-size:14px}.original-play>span{display:grid;place-items:center;background:var(--lime);color:var(--ink);width:50px;height:50px;border-radius:50%;padding-left:3px}.source-film:hover .original-play>span{background:white}.work-grid{row-gap:45px}@media(max-width:650px){.client-names{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;text-align:center}.contra-feature{grid-column:1/-1;gap:10px;margin-top:23px;padding-top:21px}.contra-feature strong{font-size:22px}.original-play{left:18px;right:18px;bottom:18px;font-size:11px;gap:10px}.original-play>span{width:37px;height:37px}.work-grid{row-gap:34px}}

/* Staggered title lines keep the original editorial layout. */
.hero-line{display:block}.hero h1 .last.hero-line{display:block}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.project .open{transition:transform .3s cubic-bezier(.22,1,.36,1),background .2s}.project a:hover .open{transform:rotate(45deg)}.pill .arrow,.case-cta>span{transition:transform .3s cubic-bezier(.22,1,.36,1)}.pill:hover .arrow,.case-cta:hover>span{transform:translate(3px,-3px)}}

/* Inline vector arrows avoid platform-specific emoji rendering. */
.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.16em;flex-shrink:0}.open .arrow-icon{width:24px;height:24px}.case-cta .arrow-icon{width:20px;height:20px}.source-film .arrow-icon{width:18px;height:18px}

/* Guided case-study walkthrough */
.walkthrough{display:grid;grid-template-columns:240px minmax(0,1fr);gap:7vw;padding:80px 0}.walk-nav{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:16px}.walk-nav>a{font-size:13px;padding:8px 0;border-bottom:1px solid var(--line)}.walk-nav>a:hover{color:#607b13}.walk-section{padding:0 0 55px;margin-bottom:45px;border-bottom:1px solid var(--line);scroll-margin-top:35px}.walk-section h2{font-size:clamp(30px,3.2vw,48px);line-height:1.12;letter-spacing:-.045em;margin:18px 0 24px}.walk-section p{font-size:17px;line-height:1.75;color:#585c53}.walk-takeaway{padding:22px;background:var(--lime);border-radius:12px;color:var(--ink)!important}.walk-split{display:grid;grid-template-columns:1fr 1fr;gap:25px}.walk-section h3{font-size:21px;letter-spacing:-.025em}.walk-section details{border-top:1px solid var(--line);padding:20px 0}.walk-section summary{cursor:pointer;font-weight:600;line-height:1.5}.decision-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:28px 0;background:#fff}.decision-card img{aspect-ratio:16/9;object-fit:cover}.decision-card>div{padding:25px}.decision-card h3{margin:0 0 15px}.decision-card p{font-size:15px;margin:10px 0}.decision-card strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink)}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.flow-steps>div{border-top:3px solid #b5cc6b;padding-top:20px}.flow-steps p{font-size:15px}.client-observation{background:#ebece4;padding:28px;border-radius:14px;margin:25px 0}.client-observation>span:last-child{font-size:13px}.walk-section .case-note{font-size:12px;line-height:1.7}@media(max-width:800px){.walkthrough{grid-template-columns:1fr;gap:40px;padding-top:40px}.walk-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.walk-nav>span{grid-column:1/-1}.walk-split{grid-template-columns:1fr}.walk-section{padding-bottom:30px;margin-bottom:30px}.flow-steps{grid-template-columns:1fr}.walk-section p{font-size:16px}.decision-card>div{padding:20px}}