/*
Theme Name: Agência F5 — Clareza em Movimento
Theme URI: https://agenciaf5.com.br/
Author: Agência F5
Description: Tema institucional editorial para a Agência F5, compatível com Elementor Pro.
Version: 1.0.0
Text Domain: agencia-f5
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..125,100..900&family=DM+Mono&display=swap');
:root{--ink:#0D1824;--paper:#F2EEE6;--sand:#E7E0D5;--signal:#FF4A2D;--muted:rgba(13,24,36,.68);--line:rgba(13,24,36,.2);--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}.f5-wrap{width:min(100% - 40px,1440px);margin:auto}.f5-header{position:absolute;top:0;left:0;right:0;z-index:10;color:#fff}.f5-header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.f5-logo{width:166px;height:46px;object-fit:contain;object-position:left center}.f5-nav{display:flex;gap:32px;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.f5-nav a{position:relative}.f5-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--signal);transition:width .2s var(--ease)}.f5-nav a:hover:after{width:100%}.f5-outline{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.32);padding:13px 15px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.f5-menu{display:none;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:11px}.f5-hero{position:relative;min-height:860px;display:flex;align-items:flex-end;padding:0 0 84px;overflow:hidden;background:var(--ink);color:#fff}.f5-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.8}.f5-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,36,.98),rgba(13,24,36,.88) 35%,rgba(13,24,36,.25) 72%,rgba(13,24,36,.55));pointer-events:none}.f5-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:84px 1fr;gap:48px;width:min(100% - 40px,1440px);margin:auto}.f5-rail{border-right:1px solid rgba(255,255,255,.18);padding-bottom:4px}.f5-rail span{font:10px 'DM Mono',monospace;letter-spacing:.15em;color:rgba(255,255,255,.5);writing-mode:vertical-rl}.f5-rail i{display:block;width:1px;height:64px;background:var(--signal);margin-top:340px}.f5-hero-main{display:grid;grid-template-columns:minmax(0,8fr) minmax(220px,4fr);gap:42px;align-items:end}.f5-kicker,.f5-eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}.f5-kicker:before,.f5-eyebrow:before{content:"";display:inline-block;width:35px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}.f5-hero h1,.f5-heading{margin:23px 0 34px;font-size:clamp(58px,8vw,142px);font-weight:900;letter-spacing:-.085em;line-height:.82;text-transform:uppercase}.f5-hero h1 strong,.f5-heading strong{color:var(--signal)}.f5-intro{max-width:440px;color:rgba(255,255,255,.72);font-size:18px;line-height:1.55}.f5-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--signal);color:#fff;padding:16px 20px;font:700 10px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;transition:transform .16s var(--ease)}.f5-cta:hover{transform:translateY(-3px)}.f5-hero .f5-cta{margin-top:28px}.f5-side-note{border-left:1px solid rgba(255,255,255,.2);padding-left:28px}.f5-side-note small{font:10px 'DM Mono',monospace;letter-spacing:.14em;color:rgba(255,255,255,.5);text-transform:uppercase}.f5-side-note p{font-size:22px;font-weight:700;line-height:1.08}.f5-side-note b{display:block;color:var(--signal);font-size:53px;letter-spacing:-.06em}.f5-ticker{background:var(--signal);overflow:hidden;padding:12px 0;font-size:24px;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}.f5-ticker-track{white-space:nowrap;word-spacing:20px}.f5-section{padding:128px 0}.f5-section-grid{display:grid;grid-template-columns:84px 1fr;gap:48px}.f5-rail-light{border-right:1px solid var(--line)}.f5-rail-light span{font:10px 'DM Mono',monospace;letter-spacing:.15em;color:rgba(13,24,36,.52);writing-mode:vertical-rl}.f5-two-col{display:grid;grid-template-columns:5fr 7fr;gap:70px}.f5-heading{font-size:clamp(48px,5.5vw,88px);margin:22px 0 28px}.f5-muted{color:var(--muted);font-size:18px;line-height:1.55}.f5-image{position:relative;overflow:hidden}.f5-image img{width:100%;height:100%;object-fit:cover}.f5-design-image{aspect-ratio:4/3;margin-top:48px}.f5-caption{position:absolute;left:16px;bottom:16px;background:var(--paper);padding:9px 12px;font:9px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.f5-caption:before{content:"";display:inline-block;width:28px;height:1px;background:var(--signal);vertical-align:middle;margin-right:8px}.f5-services{border-top:1px solid var(--line)}.f5-service{width:100%;display:grid;grid-template-columns:55px 1fr 28px;gap:16px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:25px 0;color:var(--ink);cursor:pointer}.f5-service-number{font:10px 'DM Mono',monospace;color:var(--signal);padding-top:5px}.f5-service h3{margin:0;font-size:clamp(25px,2.6vw,45px);letter-spacing:-.06em;line-height:.95}.f5-service-icon{border:1px solid var(--line);width:24px;height:24px;text-align:center;line-height:22px}.f5-service-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s var(--ease),opacity .2s}.f5-service.is-open .f5-service-content{max-height:150px;opacity:1;margin-top:16px}.f5-tags span{display:inline-block;border:1px solid var(--line);padding:6px 8px;margin:10px 5px 0 0;font:9px 'DM Mono',monospace;text-transform:uppercase}.f5-tags span:first-child{border-color:var(--signal);color:var(--signal)}.f5-dark{background:var(--ink);color:#fff}.f5-dark .f5-rail-light{border-color:rgba(255,255,255,.15)}.f5-dark .f5-rail-light span{color:rgba(255,255,255,.5)}.f5-dark .f5-muted{color:rgba(255,255,255,.64)}.f5-method{display:grid;grid-template-columns:5fr 7fr;gap:70px}.f5-video{aspect-ratio:3/2;margin-top:5px}.f5-video:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,24,36,.8),transparent 65%)}.f5-play{position:absolute;z-index:1;left:16px;bottom:16px;border:0;background:var(--paper);padding:13px 15px;color:var(--ink);font:9px 'DM Mono',monospace;text-transform:uppercase}.f5-process{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15);margin-top:1px}.f5-process article{background:var(--ink);padding:24px;min-height:200px;border-top:1px solid var(--signal)}.f5-process b{font:10px 'DM Mono',monospace;color:var(--signal)}.f5-process h3{margin:42px 0 10px;font-size:21px}.f5-process p{margin:0;color:rgba(255,255,255,.58);font-size:14px;line-height:1.5}.f5-sand{background:var(--sand)}.f5-operation-grid{display:grid;grid-template-columns:7fr 5fr}.f5-operation-copy{background:var(--paper);border:1px solid var(--line);padding:42px}.f5-operation-copy .f5-system{display:grid;grid-template-columns:1fr 1fr;gap:34px 25px;margin-top:35px}.f5-system article{border-left:2px solid var(--ink);padding-left:15px}.f5-system article:first-child{border-color:var(--signal)}.f5-system small{font:9px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.f5-system h3{margin:9px 0;font-size:21px}.f5-system p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.f5-operation-image{min-height:430px}.f5-contact{background:var(--paper);position:relative}.f5-contact-grid{display:grid;grid-template-columns:6fr 5fr;gap:80px}.f5-contact-form{border-top:1px solid var(--line);padding-top:20px}.f5-contact-form label{display:block;border-bottom:1px solid var(--line);padding:16px 0;font:9px 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.f5-contact-form input,.f5-contact-form textarea{display:block;width:100%;border:0;outline:0;background:none;color:var(--ink);padding-top:10px;font:700 21px Archivo;letter-spacing:-.03em;text-transform:none}.f5-contact-form textarea{resize:vertical}.f5-footer{background:var(--ink);color:#fff;padding:34px 0}.f5-footer-inner{display:flex;justify-content:space-between;align-items:flex-end}.f5-footer p{max-width:310px;margin:18px 0 0;color:rgba(255,255,255,.5);font-size:14px;line-height:1.5}.f5-footer small{font:9px 'DM Mono',monospace;color:rgba(255,255,255,.5);letter-spacing:.12em;text-transform:uppercase}
@media(max-width:900px){.f5-wrap{width:min(100% - 32px,700px)}.f5-nav,.f5-header .f5-outline{display:none}.f5-menu{display:block}.f5-hero{min-height:760px;padding-bottom:52px}.f5-hero-content,.f5-section-grid{grid-template-columns:1fr;gap:30px}.f5-rail,.f5-rail-light{display:none}.f5-hero-main,.f5-two-col,.f5-method,.f5-contact-grid{grid-template-columns:1fr;gap:42px}.f5-hero h1{font-size:clamp(54px,14vw,86px)}.f5-side-note{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:20px 0 0}.f5-side-note p{max-width:280px}.f5-side-note b{display:inline;font-size:45px;margin-left:10px}.f5-section{padding:82px 0}.f5-heading{font-size:clamp(48px,13vw,75px)}.f5-operation-grid{grid-template-columns:1fr}.f5-operation-image{min-height:360px}.f5-contact-grid{gap:50px}.f5-footer-inner{display:block}.f5-footer-inner small{display:block;margin-top:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}