.ops-brand-page{--ops-brand-ink: #171717;--ops-brand-muted: #676767;--ops-brand-soft: #f5f5f3;--ops-brand-line: #deded9;--ops-brand-accent: #b51f2a;--ops-brand-max: 1220px;background:#fff;color:var(--ops-brand-ink);overflow:hidden}.ops-brand-page *{box-sizing:border-box}.ops-brand-wrap{width:min(var(--ops-brand-max),calc(100% - 40px));margin:0 auto}.ops-brand-section{padding:clamp(54px,7vw,92px) 0}.ops-brand-soft{background:var(--ops-brand-soft)}.ops-brand-rule{border-top:1px solid var(--ops-brand-line)}.ops-brand-kicker{margin:0 0 10px;color:var(--ops-brand-muted);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ops-brand-section h2,.ops-brand-section h3{margin:0;color:var(--ops-brand-ink);line-height:1.04;letter-spacing:-.025em}.ops-brand-section h2{max-width:930px;font-size:clamp(32px,4.6vw,58px)}.ops-brand-section h3{font-size:clamp(20px,2.2vw,27px)}.ops-brand-lead{max-width:860px;margin:18px 0 0;color:var(--ops-brand-muted);font-size:clamp(17px,2vw,21px);line-height:1.62}.ops-brand-copy{max-width:830px}.ops-brand-copy p{margin:0 0 22px;color:var(--ops-brand-muted);font-size:17px;line-height:1.72}.ops-brand-copy p:last-child{margin-bottom:0}.ops-brand-pull{margin:34px 0;padding:26px 0 26px 28px;border-left:4px solid var(--ops-brand-ink)}.ops-brand-pull p{margin:0;color:var(--ops-brand-ink);font-size:clamp(24px,3.4vw,40px);font-weight:700;line-height:1.12;letter-spacing:-.025em}.ops-brand-editorial{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:clamp(28px,5vw,72px);align-items:center}.ops-brand-editorial.is-reverse{grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr)}.ops-brand-editorial.is-reverse .ops-brand-media{order:2}.ops-brand-media{margin:0;min-width:0}.ops-brand-media img{display:block;width:100%;height:auto;border-radius:18px;background:#fff}.ops-brand-media.is-portrait{max-width:620px;justify-self:center}.ops-brand-media figcaption{margin-top:10px;color:var(--ops-brand-muted);font-size:12px;line-height:1.45}.ops-brand-media.is-soft img{box-shadow:0 16px 42px #00000012}.ops-brand-media.is-no-radius img{border-radius:0}.ops-brand-story{display:grid;grid-template-columns:minmax(180px,.36fr) minmax(0,1fr);gap:clamp(30px,6vw,86px);align-items:start}.ops-brand-side{position:sticky;top:24px;color:var(--ops-brand-muted);font-size:13px;line-height:1.5}.ops-brand-side strong{display:block;margin-bottom:5px;color:var(--ops-brand-ink);font-size:14px}.ops-brand-importer-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px;margin-top:32px}.ops-brand-importer,.ops-brand-import-help{border:1px solid var(--ops-brand-line);border-radius:20px;background:#fff}.ops-brand-importer{padding:clamp(22px,4vw,34px)}.ops-brand-import-help{padding:24px}.ops-brand-import-help h3{font-size:21px}.ops-brand-import-help ol{margin:16px 0 0;padding-left:20px;color:var(--ops-brand-muted);line-height:1.65}.ops-brand-import-help li+li{margin-top:8px}.ops-brand-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px}.ops-brand-url-row input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #aaa;border-radius:12px;background:#fff;color:#111;font:inherit}.ops-brand-url-row button,.ops-brand-upload-label,.ops-brand-save-selected{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid #111;border-radius:12px;background:#111;color:#fff;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.ops-brand-url-row button:disabled,.ops-brand-save-selected:disabled{opacity:.45;cursor:not-allowed}.ops-brand-import-note{margin:10px 0 0;color:var(--ops-brand-muted);font-size:12px;line-height:1.5}.ops-brand-import-status{min-height:22px;margin-top:13px;color:var(--ops-brand-muted);font-size:13px;line-height:1.5}.ops-brand-import-status.is-error{color:#9e1820}.ops-brand-import-status.is-success{color:#0b6e3c}.ops-brand-upload{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--ops-brand-line)}.ops-brand-upload-label{min-height:44px;background:transparent;color:#111}.ops-brand-upload small{color:var(--ops-brand-muted)}.ops-brand-results-wrap[hidden]{display:none!important}.ops-brand-results-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-top:26px}.ops-brand-results-head h3{font-size:22px}.ops-brand-results-head p{margin:4px 0 0;color:var(--ops-brand-muted);font-size:13px}.ops-brand-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.ops-brand-result{position:relative;min-width:0;border:1px solid var(--ops-brand-line);border-radius:13px;overflow:hidden;background:#fafafa}.ops-brand-result label{display:grid;cursor:pointer}.ops-brand-result__image{display:grid;width:100%;aspect-ratio:1.12;place-items:center;overflow:hidden;background:#fff}.ops-brand-result__image img{display:block;width:100%;height:100%;object-fit:contain}.ops-brand-result__meta{display:grid;gap:3px;padding:10px 11px}.ops-brand-result__meta strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ops-brand-result__meta small{color:var(--ops-brand-muted)}.ops-brand-result input{position:absolute;top:8px;right:8px;width:20px;height:20px;accent-color:#111}.ops-brand-results-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.ops-brand-results-actions a{color:#111;font-weight:750;text-underline-offset:3px}.ops-brand-proof{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(30px,6vw,78px);align-items:center}.ops-brand-proof .ops-brand-copy{max-width:720px}.ops-brand-proof .ops-brand-media{max-width:520px}.ops-brand-touchpoint-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:18px;margin-top:30px}.ops-brand-touchpoint-grid .ops-brand-media:first-child{grid-row:span 2;align-self:center}.ops-brand-touchpoint-grid .ops-brand-media img{height:100%;object-fit:cover}.ops-brand-touchpoint-grid .ops-brand-media:first-child img{min-height:430px}.ops-brand-stack{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--ops-brand-line)}.ops-brand-stack-row{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--ops-brand-line)}.ops-brand-stack-row strong{font-size:17px}.ops-brand-stack-row p{margin:0;color:var(--ops-brand-muted);line-height:1.5}.ops-brand-stack-row a{color:var(--ops-brand-ink);font-weight:700;white-space:nowrap;text-underline-offset:3px}.ops-brand-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.ops-brand-principle{padding-top:18px;border-top:3px solid var(--ops-brand-ink)}.ops-brand-principle p{margin:10px 0 0;color:var(--ops-brand-muted);line-height:1.55}.ops-brand-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.ops-brand-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid #111;border-radius:999px;background:#111;color:#fff!important;font-weight:750;text-decoration:none}.ops-brand-btn.is-secondary{background:transparent;color:#111!important}@media(max-width:989px){.ops-brand-editorial,.ops-brand-editorial.is-reverse,.ops-brand-importer-shell,.ops-brand-proof{grid-template-columns:1fr}.ops-brand-editorial.is-reverse .ops-brand-media{order:initial}.ops-brand-touchpoint-grid{grid-template-columns:1fr 1fr}.ops-brand-touchpoint-grid .ops-brand-media:first-child{grid-column:1 / -1;grid-row:auto}.ops-brand-touchpoint-grid .ops-brand-media:first-child img{min-height:0}}@media(max-width:749px){.ops-brand-wrap{width:min(100% - 28px,var(--ops-brand-max))}.ops-brand-story{grid-template-columns:1fr;gap:20px}.ops-brand-side{position:static}.ops-brand-pull{padding-left:20px}.ops-brand-url-row{grid-template-columns:1fr}.ops-brand-results{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-brand-touchpoint-grid{grid-template-columns:1fr}.ops-brand-touchpoint-grid .ops-brand-media:first-child{grid-column:auto}.ops-brand-stack-row{grid-template-columns:1fr;gap:8px}.ops-brand-stack-row a{justify-self:start}.ops-brand-principles{grid-template-columns:1fr}}@media(max-width:430px){.ops-brand-results{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/302/assets/ops-branding-page.css.map */