.pill-panel{width:260px}.pill-panel>a{min-height:44px}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
.case-card{display:block;min-width:0;text-decoration:none;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white);transition:border-color .2s,transform .2s}
.case-card:hover{border-color:var(--orange);color:var(--ink);transform:translateY(-3px)}
.case-card img{width:100%;height:205px;object-fit:cover;background:#f0ece5}
.case-card .case-card-copy{padding:20px}.case-card .eyebrow{font-size:0.75rem;margin-bottom:8px}
.case-card h3{font-size:1.3125rem;letter-spacing:-.035em}.case-card p{font-size:0.875rem;line-height:1.65;color:var(--muted);margin-top:12px}
.case-card .case-card-link{display:inline-block;font-size:0.875rem;margin-top:18px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.case-page{--accent:#526624;--wash:#edf1e3;--paper:#faf9f6;--ink:#413f54;--muted:#706d78;--orange:#f6521b;--line:#e6e3df;--white:#fff;margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.75 Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.case-page *{box-sizing:border-box}.case-page html{scroll-behavior:smooth}.case-page h1,.case-page h2,.case-page h3,.case-page p,.case-page figure{margin:0}
.case-page h1,.case-page h2,.case-page h3{line-height:1.15;font-weight:500;letter-spacing:-.04em}
.case-page h1{font:italic 500 clamp(2.5rem,6vw,4.75rem)/1.08 Georgia,serif;letter-spacing:-.045em;max-width:14ch;overflow-wrap:anywhere}
.case-page h2{font-size:clamp(1.5625rem,3vw,2.125rem);margin-bottom:22px}.case-page h3{font-size:1.25rem;margin-bottom:12px}
.case-page a{color:inherit;text-underline-offset:4px}.case-page a:hover{color:var(--accent)}.case-page button{font:inherit;color:inherit;cursor:pointer}
.case-page img{display:block;max-width:100%;height:auto}.case-page p+p{margin-top:20px}
.case-page a:focus-visible,.case-page button:focus-visible,.case-page summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.case-page .skip{position:fixed;left:20px;top:-90px;z-index:100;background:white;padding:12px}.case-page .skip:focus{top:12px}
.case-page .pill{max-width:calc(100vw - 32px);position:fixed;z-index:40;left:50%;top:20px;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:5px 8px;background:rgba(246,245,242,.94);backdrop-filter:blur(16px);border:1px solid #e2dfda;border-radius:40px;box-shadow:0 3px 5px #00000008;font-size:0.875rem}
.case-page .pill>a,.case-page .pill summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:44px;text-decoration:none;border-radius:30px;padding:5px 12px}
.case-page .pill>a:hover,.case-page .pill summary:hover{background:white;color:var(--ink)}.case-page .pill summary{list-style:none;cursor:pointer}.case-page .pill summary::-webkit-details-marker{display:none}
.case-page .menu-lines{width:11px;height:9px;border-block:1.5px solid currentColor}.case-page .pill details[open] .menu-lines{transform:rotate(90deg)}
.case-page .pill .divider{width:1px;height:18px;background:#d8d5d1;margin:0 3px}.case-page .pill svg{width:15px;height:15px}.case-page .social-text{font-size:0.875rem;font-weight:600}
.case-page .pill-panel{position:absolute;top:60px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);border:1px solid var(--line);border-radius:16px;background:white;padding:10px;box-shadow:0 16px 35px #413f5420}
.case-page .pill-panel>a{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:7px;text-decoration:none}.case-page .pill-panel>a:hover{background:#f6f4f0;color:var(--ink)}
.case-page .pill-panel .menu-contact{border-top:1px solid var(--line);border-radius:0;margin-top:7px;padding-top:15px}
.case-canvas{max-width:1320px;margin:auto;border-inline:1px dashed var(--line);padding:130px 40px 50px}
.case-reading{max-width:960px;margin:auto}.case-kicker{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--accent);font-size:0.875rem;margin-bottom:26px}
.case-intro{max-width:670px;margin-top:26px;font-size:1.1875rem;line-height:1.65;color:var(--muted)}
.case-credits{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);margin:32px 0;padding-top:22px;font-size:0.875rem;color:var(--muted)}
.case-credits strong{display:block;color:var(--ink);font-weight:500;margin-bottom:4px}.case-credits p+p{margin-top:8px}
.case-hero-media{background:var(--wash);border-radius:16px;overflow:hidden}.case-hero-media img{width:100%;max-height:600px;object-fit:contain}
.case-page figcaption{font-size:0.875rem;line-height:1.6;color:var(--muted);margin-top:12px}
.case-section{padding:56px 0;border-top:1px solid var(--line);margin-top:48px}.case-section+.case-section{margin-top:0}
.case-section .eyebrow{font-size:0.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.case-prose{max-width:660px}.case-prose p{color:var(--muted)}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:30px;align-items:start}
.case-gallery .media-image{background:var(--wash)}.case-gallery .media-image img{width:100%;height:320px;object-fit:contain}
.case-gallery.logos{grid-template-columns:repeat(3,minmax(0,1fr))}.case-gallery.logos .media-image{padding:28px}.case-gallery.logos .media-image img{height:140px}
.case-gallery.screens{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.case-gallery.screens .media-image{padding:14px 5px;background:#e9e8e5}.case-gallery.screens .media-image img{height:270px}
.case-gallery.editorial .media-image{padding:18px}.case-gallery.editorial .media-image img{height:400px;object-position:top}
.case-gallery.photography .media-image img{object-fit:cover;height:360px}.case-gallery .wide{grid-column:1/-1}.case-gallery .wide .media-image img{height:auto;max-height:540px}
.case-note{font-size:0.875rem;color:var(--muted);margin-top:20px}.case-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:0.875rem}.case-links a{display:inline-flex;align-items:center;min-height:44px}
.case-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;padding:28px;background:var(--wash);border-radius:14px}
.case-result strong{display:block;font-size:2.125rem;font-weight:500;line-height:1.2;color:var(--accent);letter-spacing:-.04em}.case-result span{display:block;font-size:0.875rem;line-height:1.6;margin-top:10px}
.case-page .case-card img{height:260px}.case-page .case-card h3{margin:0}.case-next{display:grid;grid-template-columns:1fr 1fr;align-items:center}.case-next .case-card-copy{padding:32px}
.case-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px;font-size:0.875rem;color:var(--muted)}
@media(max-width:768px){.case-canvas{padding:120px 28px 40px}.case-gallery.screens{grid-template-columns:repeat(3,minmax(0,1fr))}.case-results{padding:22px;gap:18px}.case-result strong{font-size:1.75rem}.case-gallery .media-image img{height:260px}}
@media(max-width:520px){.case-grid{grid-template-columns:1fr}.case-card img{height:240px}.case-canvas{padding:112px 22px 36px}.case-kicker{font-size:0.8125rem}.case-intro{font-size:1.0625rem}.case-credits{grid-template-columns:1fr;gap:18px}.case-section{padding:38px 0;margin-top:32px}.case-gallery,.case-gallery.logos{grid-template-columns:1fr}.case-gallery.screens{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery.screens .media-image img{height:240px}.case-gallery.photography .media-image img{height:340px}.case-gallery .media-image img{height:auto;max-height:420px}.case-gallery.logos .media-image img{height:120px}.case-results{grid-template-columns:1fr;gap:24px}.case-result{display:block}.case-result span{margin-top:10px}.case-next{grid-template-columns:1fr}.case-next .case-card-copy{padding:24px}.case-page .case-card img{height:230px}.case-page .media-dialog-head{align-items:flex-start}.case-page .media-dialog-actions{flex-direction:column}.case-page .media-size,.case-page .media-close{font-size:0.875rem}}
@media(prefers-reduced-motion:reduce){.case-card{transition:none}.case-card:hover{transform:none}}

.case-page .pill details{min-width:0}.case-page .pill summary{white-space:normal}.case-page.case-rocketpoint .case-gallery.logos .media-image{background:#171916}

h1,h2,h3,h4{text-wrap:balance}p,li,figcaption,small{text-wrap:pretty}

.pill,.case-page .pill{font-size:16px;padding:6px 10px;max-width:calc(100vw - 24px)}
.pill>a,.pill summary,.case-page .pill>a,.case-page .pill summary{min-height:52px;min-width:56px;padding:8px 16px;gap:12px}
.pill svg,.case-page .pill svg{width:22px;height:22px}
.pill .social-text,.case-page .social-text{font-size:18px}
.pill .menu-lines,.case-page .menu-lines{width:16px;height:12px;border-block-width:2px}
.pill .divider,.case-page .pill .divider{height:24px}
.pill-panel,.case-page .pill-panel{top:calc(100% + 8px);width:330px;font-size:16px}
.case-page.is-embedded .pill{display:none}
.case-page.is-embedded .case-canvas{padding-top:32px}
@media(max-width:360px){.pill>a,.pill summary,.case-page .pill>a,.case-page .pill summary{padding-inline:12px;min-width:50px}}