figure{margin:0}.film-gallery,.commercial-gallery,.poster-gallery,.photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.film-gallery{gap:30px}.video-card .media-button{aspect-ratio:var(--ratio);background:#e7e7e5}.video-card img{width:100%;height:100%;object-fit:contain}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffec;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:19px;padding-left:3px;box-shadow:0 2px 20px #0002}.duration{position:absolute;bottom:12px;left:12px;background:#0009;color:#fff;padding:1px 8px;font-size:12px;font-variant-numeric:tabular-nums}.two-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:750px;gap:30px}.content-story{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:5px 0 26px}.content-story h4{font-size:22px;font-weight:500;max-width:350px}.content-story p{font-size:16px;max-width:600px;color:var(--muted)}.evidence{margin:26px 0}.evidence summary{font-size:14px;cursor:pointer;color:var(--muted)}.evidence-gallery{margin-top:20px;max-width:500px}.design-pair{display:grid;grid-template-columns:1fr 2fr;gap:28px;margin-top:40px;align-items:center}.design-pair .media-button{background:#eee}.group-title{display:flex;align-items:baseline;justify-content:space-between;margin-top:40px;margin-bottom:18px;gap:20px}.group-title h4{font-size:16px;font-weight:500}.group-title p{color:var(--muted);font-size:13px}.interactive-work{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:80px}.interactive-work .media-button{aspect-ratio:4/7}.interactive-note{font-size:24px;line-height:1.6;font-weight:400;letter-spacing:-.025em}.photo-gallery .media-button{aspect-ratio:3/2}.photo-gallery img{height:100%;object-fit:contain}.project{border-top:1px solid var(--line);padding-top:40px;margin-top:40px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px}.project-number{font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:14px}.project h3{font-size:25px;font-weight:500;line-height:1.45;letter-spacing:-.03em}.project-problem{margin-top:22px;font-size:16px;color:#555;line-height:1.9}.project-result{margin-top:24px}.project-result h4{font-size:14px;font-weight:500;margin-bottom:9px}.project-result p{font-size:16px;line-height:1.9;color:#555}.project-tags{font-size:13px;color:var(--muted);margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.proof-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:25px 18px}.proof-gallery .media-button{height:300px;background:#eeefee;display:flex;align-items:center;justify-content:center;padding:12px}.proof-gallery .media-button img{width:auto;max-width:100%;max-height:100%;object-fit:contain}.proof-gallery .media-card:last-child:nth-child(odd){grid-column:1/-1}.proof-gallery .media-card:last-child:nth-child(odd) .media-button{height:240px}.phone-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px;align-content:start}.phone-gallery .media-button{border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 20px #00000007}.phone-gallery .media-caption{font-size:13px}.website-gallery{grid-template-columns:1fr 1fr;align-content:start;gap:25px 18px}.website-gallery .media-card:first-child{grid-column:1/-1}.website-gallery .media-caption{font-size:13px}.insight{border-top:1px solid var(--line);padding-top:36px;margin-top:48px}.insight-head{max-width:800px}.insight-head h3{font-size:25px;font-weight:500}.sample{font-size:14px;font-weight:500;color:var(--accent);margin:12px 0 16px}.insight-head>p:last-child{font-size:16px;color:#555}.charts{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.chart-box{background:#f1f2f4;padding:28px 24px;min-width:0;align-self:start}.chart-box h4{font-size:17px;font-weight:500;margin-bottom:22px}.chart-row{width:100%;display:grid;grid-template-columns:170px minmax(0,1fr) 62px;gap:12px;align-items:center;background:transparent;padding:9px 0;text-align:left}.chart-label{font-size:14px;line-height:1.45}.chart-row strong{font-size:13px;text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.bar-track{height:12px;background:#e0e3e8;display:block}.bar-fill{height:100%;display:block;background:var(--accent);min-width:2px}.muted-bar{background:#a6afbf}.chart-row:hover,.chart-row.selected{color:var(--accent)}.chart-detail{display:block;min-height:44px;font-size:12px;line-height:1.6;color:#4d5a77;margin-top:18px;padding-top:15px;border-top:1px solid #d9dee7}.chart-note{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}.findings{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}.findings h4{font-size:18px;font-weight:500;margin-bottom:12px}.findings p{font-size:16px;line-height:1.9;color:#555}.strategy{margin-top:28px;border-top:1px solid var(--line);padding-top:25px}.strategy>h4{font-size:17px;font-weight:500}.strategy>h4 span{font-size:12px;color:var(--muted);font-weight:400;margin-left:14px}.strategy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:20px}.strategy-grid h5{margin:0 0 9px;font-size:16px;font-weight:500}.strategy-grid p{font-size:14px;color:#555}.source-note{color:var(--muted);font-size:12px;margin-top:25px}.donut{width:200px;margin:0 auto 22px}.donut svg{display:block;width:100%}.donut text{font-size:19px;fill:var(--ink);font-family:Arial,sans-serif}.donut text.donut-label{font-size:10px;fill:var(--muted)}.legend-row{display:grid;grid-template-columns:10px 1fr 36px;gap:12px;width:100%;background:none;text-align:left;align-items:center;padding:7px 0;font-size:14px}.legend-key{width:9px;height:9px}.legend-row strong{font-size:13px;font-weight:500}.legend-row.selected,.legend-row:hover{color:var(--accent)}.viewer [hidden]{display:none!important}
@media(max-width:1100px){.project{gap:32px}.chart-row{grid-template-columns:145px minmax(0,1fr) 55px;gap:8px}.chart-box{padding:22px 18px}.chart-label{font-size:13px}.project h3{font-size:22px}.proof-gallery .media-button{height:250px}}
@media(max-width:700px){.film-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.film-gallery .media-card:last-child{max-width:240px;grid-column:1/-1}.commercial-gallery{grid-template-columns:1fr;gap:25px}.two-gallery{gap:16px}.play-icon{width:42px;height:42px;font-size:15px}.content-story{display:block}.content-story h4{font-size:19px;max-width:none}.content-story p{margin-top:14px;font-size:15px}.poster-gallery{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.poster-gallery .media-card:last-child{max-width:220px;grid-column:1/-1}.design-pair{grid-template-columns:1fr 1fr;gap:16px}.group-title{display:block;margin-top:30px}.group-title p{margin-top:7px}.interactive-work{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.interactive-note{font-size:18px}.photo-gallery{grid-template-columns:1fr;gap:26px}.project{display:block;padding-top:30px;margin-top:32px}.project h3{font-size:23px}.project-problem,.project-result p{font-size:16px}.project-copy{margin-bottom:28px}.proof-gallery{gap:25px 14px}.proof-gallery .media-button{height:250px;padding:8px}.proof-gallery .media-card:last-child:nth-child(odd) .media-button{height:200px}.phone-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.charts{grid-template-columns:1fr;gap:18px}.chart-box{padding:24px 18px}.chart-row{grid-template-columns:145px minmax(0,1fr) 58px;gap:8px}.chart-label{font-size:13px}.insight-head h3{font-size:23px}.findings{grid-template-columns:1fr;gap:24px}.findings h4{font-size:18px}.strategy-grid{grid-template-columns:1fr;gap:18px}.strategy-grid p{font-size:15px}.source-note{font-size:12px}.website-gallery{gap:22px 14px}.chart-detail{font-size:12px}}
@media(max-width:370px){.chart-row{grid-template-columns:120px minmax(0,1fr) 52px;gap:6px}.header nav a span{display:none}.intro h1{font-size:43px}.chart-box{padding:20px 12px}}
.chapter{scroll-margin-top:0}