.seo-main{--seo-space:clamp(24px,4vw,64px);width:92%;max-width:1800px;font-family:var(--ds-font);color:var(--ds-text);margin:22px auto clamp(64px,8vw,120px)}.seo-main :is(h1,h2,p,figure){margin:0}.seo-main :is(a):focus-visible{outline:2px solid var(--ds-accent);outline-offset:6px}.seo-main :is(h1,h2){letter-spacing:-.05em;text-wrap:balance;font-weight:450}.seo-window{border:1px solid var(--ds-line);background:var(--ds-panel);border-radius:20px;overflow:hidden;box-shadow:0 22px 50px #0003}.seo-chrome{padding:20px var(--seo-space);font:11px/1.5 var(--ds-mono);color:var(--ds-muted);border-bottom:1px solid var(--ds-line);justify-content:space-between;gap:20px;display:flex}.seo-hero{padding:var(--seo-space);grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);display:grid}.seo-intro h1{font-size:clamp(42px,4.4vw,76px);line-height:1.07}.seo-intro h1 em{color:var(--ds-muted);font-style:normal}.seo-intro>p{max-width:58ch;color:var(--ds-muted);margin-top:28px;font-size:clamp(16px,1.2vw,19px);line-height:1.75}.seo-link{border-bottom:1px solid #777;align-items:center;gap:26px;min-height:48px;margin-top:28px;font-size:16px;display:inline-flex}.seo-link span{color:var(--ds-accent)}.seo-hero-image{background:#292929;border-radius:10px;min-width:0;position:relative;overflow:hidden}.seo-hero-image img{aspect-ratio:4/4.5;object-fit:cover;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.2,1);display:block}.seo-hero-image figcaption{font:11px/1.5 var(--ds-mono);background:#181818e8;justify-content:space-between;gap:16px;padding:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.seo-hero-guide{display:block}.seo-hero-guide .seo-intro{grid-template-columns:1.1fr 1fr;align-items:start;column-gap:clamp(32px,6vw,90px);display:grid}.seo-hero-guide h1{grid-row:span 2}.seo-hero-guide .seo-intro>p{max-width:45ch;margin-top:6px}.seo-hero-guide .seo-link{place-self:start;margin-top:20px}.seo-body{max-width:1240px;padding:clamp(40px,5vw,72px) var(--seo-space);margin-inline:auto}.seo-copy section{grid-template-columns:.7fr 1.3fr;gap:24px clamp(32px,5vw,72px);scroll-margin-top:140px;display:grid}.seo-copy section+section{border-top:1px solid var(--ds-line);margin-top:32px;padding-top:32px}.seo-copy h2{text-wrap:pretty;font-size:clamp(24px,2.2vw,32px);line-height:1.2}.seo-copy p{color:var(--ds-muted);max-width:64ch;font-size:17px;line-height:1.75}.seo-copy p+p{margin-top:18px}.seo-work{padding:0 var(--seo-space) clamp(40px,5vw,64px)}.seo-work h2{margin-bottom:24px;font-size:clamp(28px,2.6vw,38px);line-height:1.2}.seo-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.seo-work-grid a{font:12px/1.6 var(--ds-mono);grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}.seo-work-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;grid-column:1/-1;width:100%;height:auto;display:block}.seo-work-grid a>span:last-child{color:var(--ds-accent)}.seo-related{margin-inline:var(--seo-space);border-top:1px solid var(--ds-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;padding-top:20px;display:flex}.seo-related>p{font:12px/1.5 var(--ds-mono);color:var(--ds-muted)}.seo-related>div{flex-wrap:wrap;gap:8px 32px;display:flex}.seo-related a{align-items:center;gap:18px;min-height:44px;font-size:16px;display:inline-flex}.seo-related a>span{color:var(--ds-accent)}@media (hover:hover){.seo-hero-image a:hover img{transform:scale(1.035)}.seo-related a:hover,.seo-work-grid a:hover{color:var(--ds-accent)}}@media (width<=900px){.seo-hero{grid-template-columns:1fr 1fr;gap:24px}.seo-intro h1{font-size:42px}.seo-work-grid{gap:16px}}@media (width<=620px){.seo-main{--seo-space:22px;margin-top:14px}.seo-hero{grid-template-columns:1fr;gap:32px}.seo-intro h1{font-size:clamp(34px,8.3vw,49px)}.seo-hero-guide .seo-intro{display:block}.seo-hero-guide .seo-intro>p{margin-top:24px}.seo-hero-image img{aspect-ratio:4/3}.seo-chrome{flex-wrap:wrap;gap:6px;font-size:9px}.seo-copy section{grid-template-columns:1fr;gap:14px}.seo-copy p{font-size:16px}.seo-work-grid{grid-template-columns:1fr;gap:32px}.seo-window{border-radius:16px}.seo-related{flex-direction:column;align-items:start}.seo-related>div{flex-direction:column;gap:0}.seo-hero-image figcaption{padding:12px;font-size:10px}}.seo-hero-landscape img{aspect-ratio:16/9;object-fit:contain}.seo-hero-landscape figcaption{position:static}@media (prefers-reduced-motion:reduce){.seo-main *{transition:none!important;animation:none!important}}