/* Responsive project screenshots link to the live site or complete concept. */
.page-seo-branch-preview main{overflow-x:clip}
.seo-method--branch .seo-method__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:clamp(32px,5vw,82px)}
.seo-method--branch .seo-method__intro h2{max-width:11ch;font-size:clamp(3.2rem,5.4vw,5.5rem);line-height:.98}
.seo-method--branch .seo-method__grid>ol{grid-column:1/-1}
.seo-method--branch .seo-method__grid>ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:clamp(48px,6vw,90px);border-top:1px solid rgba(255,255,255,.28)}
.seo-method--branch .seo-method__grid>ol li{display:block;min-width:0;padding:28px 0 0;border:0}
.seo-method--branch .seo-method__grid>ol li>span{display:block;margin-bottom:38px}
.seo-method--branch .seo-method__grid>ol li h3{max-width:16ch}

.branch-excerpt__pitch{min-width:0}
.branch-excerpt__pitch{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.branch-excerpt__pitch>div{max-width:35rem}
.branch-excerpt__eyebrow{margin:0 0 13px;color:#ff8156;font-size:.68rem;font-weight:750;letter-spacing:.12em;line-height:1.35;text-transform:uppercase}
.branch-excerpt__pitch h3{max-width:15ch;margin:0;font-family:var(--display);font-size:clamp(2rem,3.5vw,3.6rem);font-weight:560;letter-spacing:-.055em;line-height:.98}
.branch-excerpt__intro{max-width:43ch;margin:14px 0 0;color:#b8b4ad;font-size:.96rem;line-height:1.5}
.branch-excerpt__actions{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:12px}
.branch-excerpt__cta{flex:none;display:inline-flex;align-items:center;gap:20px;min-height:54px;padding:0 18px;background:#f05a24;color:#fff;font-size:.72rem;font-weight:750;letter-spacing:.045em;line-height:1.2;text-align:left;text-transform:uppercase;transition:background .2s,transform .2s}
.branch-excerpt__secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.55);color:#fff;font-size:.72rem;font-weight:750;letter-spacing:.045em;line-height:1.2;text-transform:uppercase;transition:border-color .2s,background .2s}
.branch-excerpt__secondary:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.branch-excerpt__secondary:focus-visible{outline:3px solid #fff;outline-offset:4px}
.branch-excerpt__secondary span{font-size:1.05rem}
.branch-excerpt__cta:hover{transform:translateY(-2px);background:#d94312}
.branch-excerpt__cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.branch-excerpt__cta span{font-size:1.05rem}
.branch-excerpt__figure{grid-column:1/-1;width:100%;min-width:0;margin:0}
.branch-excerpt__caption{display:flex;justify-content:space-between;gap:16px;margin-bottom:11px;color:#c8c1b5;font-size:.66rem;font-weight:700;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}
.branch-excerpt__caption span:last-child{font-weight:500;letter-spacing:.04em;text-align:right}
.branch-excerpt__site{position:relative;display:block;overflow:hidden;background:#24211d;aspect-ratio:16/9}
.branch-excerpt__site picture{display:block;width:100%;height:100%}
.branch-excerpt__site img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.branch-excerpt__site:hover img{transform:scale(1.012)}
.branch-excerpt__site:focus-visible{outline:3px solid #f05a24;outline-offset:5px}
.branch-excerpt__link-label{position:absolute;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);display:inline-flex;align-items:center;gap:18px;min-height:48px;padding:12px 17px;background:#f05a24;color:#fff;font-size:.76rem;font-weight:750;letter-spacing:.025em;text-transform:uppercase;transition:background .2s,transform .2s}
.branch-excerpt__site:focus-visible{outline-offset:4px}

.seo-links--horizontal{padding:clamp(64px,6vw,96px) 0}
.seo-links--horizontal .seo-links__grid{grid-template-columns:minmax(0,1fr);gap:clamp(36px,4vw,58px)}
.seo-links--horizontal h2{max-width:14ch}
.seo-links--horizontal .seo-links__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.seo-links--horizontal .seo-links__items a{grid-template-columns:minmax(0,1fr) auto;align-content:start;min-width:0;min-height:202px;gap:16px 12px;padding:28px 24px 26px 0;border-right:1px solid var(--line);transition:color .25s}
.seo-links--horizontal .seo-links__items a:not(:first-child){padding-left:28px}
.seo-links--horizontal .seo-links__items a:last-child{padding-right:0;border-right:0}
.seo-links--horizontal .seo-links__items a:hover{padding-left:0}
.seo-links--horizontal .seo-links__items a:not(:first-child):hover{padding-left:28px}
.seo-links--horizontal .seo-links__items span{font-size:clamp(1.65rem,2.3vw,2.4rem);line-height:1.02}
.seo-links--horizontal .seo-links__items small{grid-column:1/3;grid-row:2;max-width:37ch;font-size:.88rem;line-height:1.45}
.seo-links--horizontal .seo-links__items b{grid-column:2;grid-row:1;align-self:start;line-height:1;transition:transform .25s}
.seo-links--horizontal .seo-links__items a:hover b{transform:translate(3px,-3px)}
.seo-page-faq--branch .faq-layout{display:block}
.seo-page-faq--branch .faq-layout h2{font-size:clamp(3rem,5.6vw,6.4rem);margin-bottom:clamp(34px,4vw,58px)}
.seo-page-faq--branch .faq-list{max-width:1160px}

@media(max-width:1050px){
  .seo-links--horizontal .seo-links__items a{padding-right:16px}
  .seo-links--horizontal .seo-links__items a:not(:first-child),.seo-links--horizontal .seo-links__items a:not(:first-child):hover{padding-left:16px}
}
@media(max-width:900px){
  .seo-method--branch .seo-method__grid{grid-template-columns:minmax(0,1fr);gap:38px}
  .seo-method--branch .seo-method__intro h2{max-width:13ch;font-size:clamp(3rem,8vw,5rem)}
  .seo-method--branch .seo-method__grid>ol{grid-column:auto}
  .seo-method--branch .seo-method__grid>ol{grid-template-columns:1fr;gap:0;margin-top:14px}
  .seo-method--branch .seo-method__grid>ol li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.2)}
  .seo-method--branch .seo-method__grid>ol li>span{margin:0}
  .branch-excerpt__pitch{align-items:flex-start;flex-direction:column;gap:19px}
  .branch-excerpt__actions{width:100%;max-width:340px}
  .branch-excerpt__pitch h3{max-width:16ch}
  .branch-excerpt__caption{display:block}
  .branch-excerpt__caption span{display:block}
  .branch-excerpt__caption span:last-child{margin-top:4px;text-align:left}
  .seo-links--horizontal .seo-links__items{grid-template-columns:1fr}
  .seo-links--horizontal .seo-links__items a,.seo-links--horizontal .seo-links__items a:not(:first-child),.seo-links--horizontal .seo-links__items a:not(:first-child):hover{min-height:0;padding:22px 0;border-right:0}
  .seo-links--horizontal .seo-links__items span{font-size:clamp(1.6rem,5vw,2.2rem)}
}
@media(max-width:700px){
  .branch-excerpt__site{aspect-ratio:430/670}
  .branch-excerpt__site img{object-position:center top}
  .branch-excerpt__pitch h3{font-size:clamp(2rem,9vw,3rem)}
  .branch-excerpt__cta{width:100%;justify-content:space-between}
  .branch-excerpt__actions{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .branch-excerpt__site img,.branch-excerpt__cta{transition:none}
}