.portfolio-work{padding:100px 0;background:#f8f8f6}.portfolio-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;padding-bottom:48px}.portfolio-heading h2,.portfolio-seo h2,.portfolio-next h2{font-size:clamp(38px,5vw,76px);letter-spacing:-.05em;line-height:1.02;margin:14px 0 0}.portfolio-motion{background:transparent;border:1px solid #aaa;border-radius:30px;padding:12px 20px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.portfolio-motion:hover{background:#111;color:#fff}.portfolio-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;border-top:1px solid #d5d5ce;padding:54px 0}.portfolio-copy h3{font-size:clamp(30px,3vw,48px);line-height:1.05;letter-spacing:-.04em;margin:20px 0}.portfolio-copy p{font-size:17px;line-height:1.7;color:#555;max-width:430px}.portfolio-link{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;font-size:14px;border-bottom:1px solid #222;padding:13px 0;color:#111;text-decoration:none}.portfolio-browser{border:1px solid #d6d6cf;border-radius:9px;overflow:hidden;background:#efefea;box-shadow:0 12px 35px #0000000b}.portfolio-browser__bar{height:36px;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;letter-spacing:.03em;background:#e9e9e3;color:#555;border-bottom:1px solid #d6d6cf}.portfolio-browser__bar>span:first-child{letter-spacing:4px;color:#a5a59b;font-size:8px}.portfolio-viewport{height:330px;overflow:hidden;position:relative;background:#fff}.portfolio-scale{width:300%;transform:scale(.333333);transform-origin:top left;pointer-events:none}.portfolio-scale iframe{display:block;width:100%;height:1800px;border:0;pointer-events:none;animation:portfolio-pan 24s ease-in-out infinite;animation-delay:1s}.portfolio-row:nth-of-type(3) iframe{animation-delay:-9s}.portfolio-rmc{display:block;width:100%;height:auto;padding:24px 0;animation:portfolio-drift 12s ease-in-out infinite}.portfolio-paused iframe,.portfolio-paused .portfolio-rmc{animation-play-state:paused!important}.portfolio-browser:hover iframe{animation-play-state:paused}.portfolio-hero-proof{display:block!important;min-width:0}.portfolio-hero-proof figcaption{font-size:11px;line-height:1.6;color:#666;display:flex;justify-content:space-between;gap:20px;margin-top:25px}.portfolio-hero-proof figcaption a{color:#111;text-decoration:underline}.portfolio-seo{padding:90px 0;background:#111;color:#fff}.portfolio-seo .eyebrow{color:#b9b9ab}.portfolio-seo__intro{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end}.portfolio-seo__intro p{line-height:1.7;color:#c5c5be;font-size:17px}.portfolio-seo__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:56px 0 35px;border-top:1px solid #444;padding-top:28px}.portfolio-seo__steps span{color:#b9b9ab;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.portfolio-seo__steps h3{font-size:20px;letter-spacing:-.025em}.portfolio-seo__steps p{font-size:14px;line-height:1.7;color:#c5c5be}.portfolio-evidence{font-size:12px;color:#b9b9ab;line-height:1.7;max-width:980px}.portfolio-seo .portfolio-link{color:#fff;border-color:#888}.portfolio-next{padding:90px 0;background:#eeeee7}.portfolio-next>.shell{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.portfolio-next p{max-width:520px;color:#555;line-height:1.7;font-size:17px}.portfolio-actions{display:flex;align-items:flex-start;flex-direction:column;gap:22px}.portfolio-phone{font-size:22px;letter-spacing:-.02em}.portfolio-faq{padding:0;background:#fff}.portfolio-faq details{border-top:1px solid #ddd;padding:23px 0}.portfolio-faq summary{font-size:19px;line-height:1.4;cursor:pointer;padding-right:25px}.portfolio-faq p{font-size:16px;line-height:1.75;color:#555;max-width:900px}.contact-details{flex-wrap:wrap;gap:16px}.problem-options{flex-wrap:wrap}.contact-form textarea{min-height:95px}@keyframes portfolio-pan{0%,18%,100%{transform:translateY(0)}50%,70%{transform:translateY(-650px)}}@keyframes portfolio-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:900px){.portfolio-work,.portfolio-seo,.portfolio-next{padding:64px 0}.portfolio-row{grid-template-columns:1fr;gap:26px;padding:35px 0}.portfolio-heading{align-items:start;flex-direction:column;gap:24px}.portfolio-viewport{height:275px}.portfolio-seo__intro,.portfolio-next>.shell{grid-template-columns:1fr;gap:25px}.portfolio-seo__steps{grid-template-columns:1fr 1fr;gap:24px}.portfolio-hero-proof figcaption{display:block}.portfolio-hero-proof figcaption a{display:block;margin-top:8px}}@media(max-width:480px){.portfolio-viewport{height:230px}.portfolio-seo__steps{grid-template-columns:1fr}.portfolio-heading h2,.portfolio-seo h2,.portfolio-next h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.portfolio-scale iframe,.portfolio-rmc{animation:none!important}.portfolio-motion{display:none}}