/* Editorial redesign 1.0.117 — small previews navigate; story photographs enlarge. */
:root{--paper:#f4f3ee;--card:#fffefb;--edge:#d9ded8;--quiet:#5e6c68;--forest:#244a42}
[hidden]{display:none!important}
.page-intro,.project-head{padding-block:48px 30px}
.page-intro h1,.project-head h1{font-size:clamp(32px,4.2vw,52px);line-height:1.08;letter-spacing:-.035em;max-width:850px;margin-block:18px}
.page-intro p,.project-head .lead{font-size:16px;line-height:1.7;max-width:740px}
.catalog{padding-block:8px 64px;scroll-margin-top:calc(var(--header-height) + 16px)}
.catalog-tools{display:flex;gap:24px;align-items:end;justify-content:space-between;padding-block:18px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.catalog-filters{display:flex;flex-wrap:wrap;gap:7px;max-width:760px}
.catalog-filters button{font:inherit;font-size:12px;min-height:36px;border:1px solid var(--edge);padding:8px 13px;border-radius:24px;background:transparent;color:var(--ink);cursor:pointer}
.catalog-filters button[aria-pressed=true]{background:var(--forest);color:white;border-color:var(--forest)}
.catalog-search{display:grid;gap:7px;font-size:11px;letter-spacing:.04em;min-width:210px;color:var(--quiet)}
.catalog-search input{width:100%;border:1px solid var(--edge);border-radius:5px;background:var(--card);padding:10px 12px;min-height:40px;font:inherit;font-size:14px;color:var(--ink)}
.catalog-summary{display:flex;justify-content:space-between;gap:20px;padding-block:18px;font-size:12px;color:var(--quiet)}
.catalog-summary p{margin:0}.catalog-summary p:focus{outline:none}
.catalog-grid,.work-grid,.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.catalog-card,.work-card.catalog-card,.journal-card.catalog-card{margin:0;background:var(--card);border:1px solid var(--edge);border-radius:9px;overflow:hidden;box-shadow:0 2px 6px #162e2504;min-width:0}
.catalog-card:hover{border-color:#76988b;box-shadow:0 5px 20px #183d3310}
.catalog-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.catalog-link:focus-visible{outline:3px solid var(--forest);outline-offset:-3px;border-radius:9px}
.catalog-thumb{display:flex;align-items:center;justify-content:center;height:164px;padding:10px;background:#e9ede6;border-bottom:1px solid var(--edge);flex-shrink:0;overflow:hidden}
.catalog-card .catalog-thumb img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;aspect-ratio:auto;margin:0;background:transparent}
.catalog-copy{padding:19px;display:flex;flex-direction:column;flex:1;min-width:0}
.catalog-meta{font-size:10px;color:var(--quiet);letter-spacing:.055em;line-height:1.6;text-transform:uppercase}
.catalog-card h3{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.27;letter-spacing:-.025em;font-weight:500;margin:10px 0 10px}
.catalog-card p{font-size:13px;line-height:1.65;color:#4b5c56;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catalog-read{display:flex;justify-content:space-between;gap:18px;font-size:12px;font-weight:600;color:var(--forest);margin-top:auto;padding-top:10px}
.catalog-pagination{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:30px;padding-top:24px;border-top:1px solid var(--edge);font-size:13px}
.catalog-pagination button{border:1px solid var(--edge);background:var(--card);border-radius:5px;padding:10px 16px;min-height:42px;font:inherit;cursor:pointer}
.catalog-pagination button:disabled{opacity:.4;cursor:default}
.portfolio-clips{padding-bottom:50px}.portfolio-clips details{padding:18px 22px;border:1px solid var(--edge);border-radius:8px;background:var(--card)}
.portfolio-clips summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px}.portfolio-clips summary span{font-size:12px;color:var(--forest)}
.portfolio-clips details[open] summary{margin-bottom:22px}
.service-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-card{display:block;border:1px solid var(--edge);border-radius:9px;background:var(--card);overflow:hidden;color:inherit;text-decoration:none}
.service-card:hover{border-color:#76988b}.service-card-photo{display:flex;align-items:center;justify-content:center;height:158px;padding:10px;background:#e9ede6;border-bottom:1px solid var(--edge)}
.service-card .service-card-photo img{height:100%;width:100%;object-fit:contain}
.service-card>div{padding:22px}.service-card h3{font-size:22px;line-height:1.25;margin:10px 0;font-weight:500;letter-spacing:-.025em}.service-card p{font-size:14px;line-height:1.65;margin-bottom:18px;color:var(--quiet)}
.service-index{padding-block:28px 55px}.service-index .section-top h2{font-size:30px}.landing-proof{padding-block:20px;gap:30px;font-size:13px}.landing-proof p{max-width:650px;font-size:14px}
.landing-block{padding-block:45px}.landing-block h2{font-size:30px}.landing-block p{font-size:15px;line-height:1.8}.landing-main{gap:40px}.landing-main>figure{margin:0;padding:20px;border:1px solid var(--edge);border-radius:8px;background:var(--card);align-self:start}.landing-main>figure img{max-height:300px;width:100%;object-fit:contain}
/* Long stories have a readable measure and a bounded media archive. */
.project-figure,.article-cover,.project-film{max-width:960px;margin:16px auto 32px;padding:20px;border:1px solid var(--edge);border-radius:9px;background:var(--card)}
.project-figure img,.article-cover img{width:100%;height:auto;max-height:340px;object-fit:contain}.project-figure button{display:block;width:100%}
.project-film .project-video,.project-video{display:block;width:auto;max-width:100%;height:auto;max-height:360px;margin:0 auto;object-fit:contain}
.related-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;margin:0}
.related-video-grid figure{margin:0;padding:14px;background:#f0f2eb;border:1px solid var(--edge);border-radius:7px;min-width:0}
.related-video-grid video{max-height:300px;max-width:100%;width:auto;margin:auto;object-fit:contain}
.related-video-grid figcaption{font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.6;margin-top:12px;color:var(--quiet)}
.reading{max-width:760px;font-size:17px;line-height:1.9;margin-bottom:44px}.reading h2{font-size:26px;margin:36px 0 16px}.reading p{margin-bottom:22px}
.reading .work-credit{padding:18px 22px;border:1px solid var(--edge);border-radius:6px;background:#eaf0e6;margin:24px 0}
.reading .article-social{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.article-archive{margin:38px 0}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.archive-figure{margin:0!important;padding:12px;border:1px solid var(--edge);border-radius:8px;background:var(--card)}
.archive-figure img{width:100%;height:210px!important;object-fit:contain}.archive-figure video{max-height:300px;max-width:100%;margin:auto;display:block}.archive-figure figcaption{font:11px/1.65 Arial,sans-serif;margin-top:12px}
.photo-gallery{max-width:440px;align-self:start}.photo-gallery img{max-height:300px;object-fit:contain}.editorial-layout{gap:40px}
.origins-hero{padding-block:40px!important;gap:40px!important}.origins-hero h1{font-size:44px!important}.origins-hero .origins-photo img{max-height:290px;object-fit:contain}.origins-chapter{padding:32px!important;margin-block:30px!important;border:1px solid var(--edge)!important;border-radius:9px;background:var(--card);gap:32px!important}.origins-chapter h2{font-size:28px!important}.origins-photo img,.origins-photo video{max-height:300px!important;object-fit:contain}.origins-copy p{font-size:16px!important;line-height:1.85!important}
/* About is now a compact overview; each story has its own stable, linkable page. */
.bio-overview{display:grid;grid-template-columns:minmax(0,1fr)280px;gap:64px;align-items:center;padding-block:48px 46px}.bio-overview h1{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.04em;margin:20px 0}.bio-overview h1 em{font:italic 1em Georgia,serif}.bio-overview p{font-size:15px;line-height:1.85;max-width:670px}.bio-overview .bio-visual{margin:0}.bio-overview .bio-visual img{width:100%;height:230px;max-height:230px;object-fit:contain}.bio-overview .button{margin-top:16px}
.story-index-heading{padding-block:32px 18px;border-top:1px solid var(--edge);scroll-margin-top:calc(var(--header-height) + 20px)}.story-index-heading h2{font-size:30px;margin:15px 0}.story-index-heading p{font-size:14px;color:var(--quiet)}
.biography-card .catalog-meta{font-size:9px}.biography-card .catalog-thumb{height:148px}
.biography-story{padding-block:36px 50px;max-width:1120px}.story-back{display:inline-block;font-size:13px;color:var(--forest);margin-bottom:28px;min-height:32px}
.biography-story .bio-chapter,.biography-story .bio-chapter:nth-child(even){display:grid;grid-template-columns:minmax(0,1fr)300px;gap:34px;padding:30px;border:1px solid var(--edge);border-radius:10px;background:var(--card);margin:0;align-items:start}
.biography-story .bio-chapter .bio-chapter-copy{grid-column:1;grid-row:1;min-width:0}.biography-story .bio-chapter .bio-chapter-media{grid-column:2;grid-row:1;min-width:0}
.biography-story h1{font-size:36px;line-height:1.18;letter-spacing:-.035em;margin:16px 0 28px}.biography-story .bio-chapter p{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.9;max-width:66ch}.biography-story .bio-chapter .eyebrow{font-size:10px;line-height:1.6}
.biography-story .bio-visual{margin:0}.biography-story .bio-visual img,.biography-story .bio-visual video{height:auto;max-height:300px;max-width:100%;width:100%;object-fit:contain}.biography-story .bio-visual figcaption{font-family:Arial,sans-serif;font-size:11px;line-height:1.7;padding-top:12px}
.biography-story .bio-chapter-extras{padding-top:26px;border-top:1px solid var(--edge);gap:24px}.biography-story .bio-chapter-extras .bio-visual{padding:14px;border:1px solid var(--edge);border-radius:8px;background:#f6f7f1}
.biography-story .bio-archive-videos{grid-template-columns:1fr;gap:12px}.story-pagination{display:flex;justify-content:space-between;gap:30px;padding-top:26px;font-size:13px;line-height:1.6}.story-pagination a{max-width:45%;text-decoration:underline;text-underline-offset:4px}
.home-work .catalog-card:last-child{grid-column:auto}.selected .section-top h2,.journal .section-top h2{font-size:34px}.selected,.journal{padding-block:55px}.cta{padding-block:48px}.cta h2{font-size:38px}.brands-section{padding-block:50px}
@media(max-width:1000px){.catalog-grid,.work-grid,.journal-grid,.service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tools{align-items:start}.catalog-search{min-width:180px}.catalog-thumb{height:150px}.bio-overview{gap:30px;grid-template-columns:minmax(0,1fr)220px}.biography-story .bio-chapter,.biography-story .bio-chapter:nth-child(even){grid-template-columns:minmax(0,1fr)240px;padding:24px;gap:28px}.biography-story h1{font-size:32px}.biography-story .bio-chapter p{font-size:16px}.biography-story .bio-visual img,.biography-story .bio-visual video{max-height:260px}}
@media(max-width:700px){.page-intro,.project-head{padding-block:30px 22px}.page-intro h1,.project-head h1{font-size:34px}.catalog-tools{display:grid;gap:16px}.catalog-search{min-width:0;max-width:none}.catalog-filters{gap:6px}.catalog-filters button{min-height:40px;font-size:11px;padding:7px 11px}.catalog-summary>span{display:none}.catalog-grid,.work-grid,.journal-grid{grid-template-columns:1fr;gap:16px}.catalog-card .catalog-link{display:grid;grid-template-columns:112px minmax(0,1fr)}.catalog-card .catalog-thumb{height:100%;min-height:156px;padding:7px;border-bottom:0;border-right:1px solid var(--edge)}.catalog-copy{padding:14px}.catalog-card h3{font-size:18px;margin-block:7px}.catalog-card p{font-size:12px;-webkit-line-clamp:2;margin-bottom:10px}.catalog-meta{font-size:9px}.catalog-read{font-size:11px}.catalog-pagination{gap:12px;font-size:11px}.catalog-pagination button{padding:9px 12px}.service-card-grid{grid-template-columns:1fr;gap:18px}.service-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.service-card-photo{height:100%;min-height:180px;padding:7px;border-bottom:0;border-right:1px solid var(--edge)}.service-card>div{padding:18px}.service-card h3{font-size:21px}.service-card p{font-size:13px}.service-index .section-top h2,.landing-block h2{font-size:27px}.landing-proof{display:grid;gap:12px}.project-figure,.article-cover,.project-film{padding:12px;margin-block:8px 28px}.project-figure img,.article-cover img{max-height:260px}.related-video-grid{gap:12px}.related-video-grid figure{padding:9px}.related-video-grid video{max-height:240px}.reading{font-size:16px;line-height:1.85}.reading h2{font-size:25px}.archive-grid{grid-template-columns:1fr;gap:18px}.archive-figure img{height:240px!important}.origins-hero h1{font-size:34px!important}.origins-chapter{padding:20px!important;margin-block:24px!important}.origins-chapter h2{font-size:27px!important}.bio-overview{grid-template-columns:1fr;gap:24px;padding-block:30px}.bio-overview h1{font-size:36px}.bio-overview .bio-visual{display:none}.story-index-heading h2{font-size:27px}.biography-story{padding-top:26px}.biography-story .bio-chapter,.biography-story .bio-chapter:nth-child(even){display:flex;flex-direction:column;gap:26px;padding:20px}.biography-story h1{font-size:30px}.biography-story .bio-chapter-media{width:100%;padding-top:22px;border-top:1px solid var(--edge)}.biography-story .bio-visual img,.biography-story .bio-visual video{max-height:290px}.biography-story .bio-chapter-extras{grid-template-columns:1fr}.story-pagination{flex-direction:column;gap:18px}.story-pagination a{max-width:100%}.portfolio-clips summary{font-size:14px}.portfolio-clips summary span{font-size:11px}.selected .section-top h2,.journal .section-top h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.page-intro{padding-block:32px 22px}.page-intro h1{font-size:clamp(30px,3.5vw,44px);margin-block:14px}.page-intro p{margin-block:12px 4px}.page-intro>p:first-of-type:first-letter{font:inherit;color:inherit}.catalog-summary{padding-block:14px}

.responsive-review{display:flex;flex-wrap:wrap;gap:24px;padding:24px}.responsive-review h2{font:18px Arial,sans-serif}.responsive-review iframe{border:1px solid #bbc9bf;border-radius:8px;background:#f4f3ee}.review-phone{width:390px;height:780px}.review-tablet{width:768px;height:900px}

.service-index{padding-top:12px}.service-index .section-top{margin-bottom:22px}.service-index .section-top h2{margin-top:12px}.service-landing .landing-intro{padding-bottom:30px}

.feature-photo img,.company-team img{max-height:330px;object-fit:contain}.service-card:not(:has(.service-card-photo)){display:block}

.landing-main .service-demo-video{display:block;width:auto;max-width:100%;max-height:340px;height:auto;object-fit:contain;margin:auto}.landing-main>figure figcaption a{display:block;margin-top:10px;text-decoration:underline;text-underline-offset:3px}