.gallery-page .gallery-hero{padding:48px 0 32px}.gallery-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;display:grid}.gallery-heading h1{text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.06}.gallery-heading .lead{max-width:48ch;margin:0 0 22px;font-size:1.07rem}.gallery-heading .gallery-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.gallery-page .gallery-section{padding:30px 0 72px}.gallery-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:stretch;gap:18px;padding:20px 0;display:flex}.gallery-controls label{grid-template-rows:auto minmax(46px,1fr);gap:7px;min-width:180px;font-size:.85rem;font-weight:600;display:grid}.gallery-controls>.btn{align-self:end}.gallery-controls .gallery-filter{flex:0 0 220px;min-width:0}.gallery-controls .gallery-search{flex:1;min-width:240px}.gallery-controls input,.gallery-controls select{font:inherit;background:var(--paper);color:var(--ink);border:1px solid #958575;border-radius:8px;width:100%;min-height:46px;padding:10px 12px;font-size:1rem;font-weight:400;line-height:1.4}.gallery-controls select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:pointer}.gallery-controls input::placeholder{color:#706355;opacity:1}.gallery-controls input:focus-visible,.gallery-controls select:focus-visible{outline:2px solid var(--ember);outline-offset:3px}@supports (appearance:base-select) and selector(select::picker(select)){@media (pointer:fine){.gallery-controls select{appearance:base-select}.gallery-controls select::picker(select){appearance:base-select}.gallery-controls select{align-items:center;gap:10px}.gallery-controls select::picker(select){font:400 1rem/1.4 var(--body);color:var(--ink);background:var(--paper);inline-size:anchor-size(width);overscroll-behavior:contain;scrollbar-color:#958575 var(--paper);scrollbar-width:thin;border:1px solid #958575;border-radius:12px;max-block-size:min(20rem,100dvh - 32px);max-inline-size:calc(100vw - 32px);margin-block:8px;padding:6px;overflow-y:auto;box-shadow:0 8px 24px #14121024}.gallery-controls select::picker-icon{color:var(--seo-muted);flex-shrink:0}.gallery-controls select:open::picker-icon{rotate:180deg}.gallery-controls select option{white-space:normal;overflow-wrap:anywhere;cursor:pointer;border-radius:6px;gap:8px;min-block-size:44px;padding:10px}.gallery-controls select option:hover{background:var(--cream)}.gallery-controls select option:checked{background:var(--ember-soft);font-weight:600}.gallery-controls select option::checkmark{color:var(--ink)}.gallery-controls select option:focus-visible{outline:2px solid var(--ember);outline-offset:-2px}}}.gallery-result-line{color:var(--seo-muted);justify-content:space-between;align-items:baseline;gap:18px;margin:18px 0 26px;font-size:.85rem;display:flex}.gallery-result-line p{margin:0}.gallery-result-line a{flex-shrink:0;font-weight:600}.gallery-grid{columns:3;column-gap:26px}.gallery-grid .case-study{break-inside:avoid;width:100%;margin-bottom:40px;display:inline-block}.seo-hero-grid:has(.case-study){align-items:start}.case-study{min-width:0}.case-study .case-study-image .marketing-compare{aspect-ratio:var(--case-aspect,4/5);box-shadow:none;background:#e9e2d8;border-radius:12px}.case-study .case-study-image img{object-fit:contain;background:#e9e2d8}.case-study .case-study-copy h2,.case-study .case-study-copy h3{text-wrap:balance;margin:9px 0 12px;font-size:1.4rem;line-height:1.2}.case-study-copy>p:not(.seo-credit):not(.seo-evidence):not(.case-classification){color:var(--seo-muted);font-size:.97rem;line-height:1.6}.case-study .case-classification{color:var(--seo-muted);margin:18px 0 0;font-size:.8rem;font-weight:600}.case-study .seo-credit{font-size:.73rem}.case-study .seo-evidence{font-size:.8rem}.gallery-empty{text-align:center;background:var(--paper);border-radius:12px;padding:56px 24px}.gallery-empty h3{font-size:1.5rem}.gallery-topic-index{columns:3;column-gap:40px;margin:25px 0 0}.gallery-topic-index a{break-inside:avoid;border-bottom:1px solid var(--line);padding:10px 0;font-weight:600;text-decoration:none;display:block}.gallery-topic-index a:hover{text-decoration:underline}.gallery-editorial-links{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:36px;padding-top:28px;display:grid}.gallery-editorial-links h3{margin-bottom:12px;font-size:1.5rem}.gallery-case-list{gap:58px;display:grid}.gallery-case-list .case-study{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.seo-hero-grid .case-study-image{max-width:min(100%,calc(570px * var(--case-aspect)));margin-inline:auto}.gallery-case-list .case-study-copy h3{font-size:1.8rem}.gallery-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0;display:grid}.gallery-principles h3{font-size:1.3rem}.gallery-principles p{color:var(--seo-muted)}.coverup-case-section{padding-top:0}.coverup-case-section .case-study{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}@media (max-width:1000px){.gallery-grid{columns:2}.gallery-heading{gap:30px}.gallery-topic-index{columns:2}}@media (max-width:700px){.gallery-heading,.gallery-case-list .case-study,.coverup-case-section .case-study{grid-template-columns:1fr;gap:24px}.gallery-heading h1{max-width:22ch}.gallery-controls{gap:14px}.gallery-controls label,.gallery-controls .gallery-filter{flex:1;min-width:0}.gallery-controls .gallery-search{flex-basis:100%;min-width:0}.gallery-result-line{flex-direction:column;align-items:start;gap:7px}.gallery-grid{column-gap:18px}.gallery-principles,.gallery-editorial-links{grid-template-columns:1fr;gap:20px}}@media (max-width:480px){.gallery-grid,.gallery-topic-index{columns:1}.gallery-page .gallery-hero{padding:24px 0 8px}.gallery-heading{gap:16px}.gallery-heading .lead{margin-bottom:16px;font-size:.97rem;line-height:1.5}.gallery-heading .gallery-actions{gap:10px}.gallery-controls{gap:10px;padding:14px 0}.gallery-controls label:not(.gallery-search){min-width:135px}.gallery-controls>.btn{text-align:left;background:0 0;border:0;border-radius:0;flex-basis:100%;justify-content:start;min-height:32px;padding:4px 0;text-decoration:underline}.gallery-result-line{margin:12px 0 18px}.gallery-page .gallery-section{padding-top:16px}.gallery-heading .gallery-actions{flex-direction:column;align-items:start}}@media (max-width:480px) and (pointer:coarse){.gallery-controls .gallery-filter{flex-basis:100%;grid-template-rows:minmax(46px,1fr);grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px}}@media (max-width:359px) and (pointer:coarse){.gallery-controls .gallery-filter{grid-template-rows:auto minmax(46px,1fr);grid-template-columns:1fr;gap:7px}}
