/* FLUXIVO typography and brand refinement. Uses fonts already on Windows. */
:root{--bg:#101113;--panel:#1b1d20;--ink:#faf9f6;--muted:#c0c2c7;--yellow:#ffcf32;--orange:#ff782b;--red:#f04438;--cream:#f7f5f0;--line:#ffffff2b}
body{font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
h1{font-size:clamp(54px,6.2vw,92px)}h2{font-size:clamp(35px,3.7vw,56px)}h3{line-height:1.25;letter-spacing:-.02em}
.hero h1{line-height:1.08;font-weight:750}.hero .outline{color:var(--ink);-webkit-text-stroke:0}.hero .yellow{color:var(--yellow)}.hero h1 .yellow{position:relative}.hero p{font-size:17px;max-width:470px;line-height:1.85;color:#caced4}.hero-grid{gap:55px}.hero-top .eyebrow{font-size:11px;letter-spacing:1.35px}.hero-location{font-size:12px}.hero-bottom{font-size:11px;letter-spacing:2px}.hero-bottom span+span{border-left:1px solid #ffffff35;padding-left:25px}
header{height:106px;border-top:3px solid var(--orange)}nav{font-size:14px;gap:25px}.nav-cta{font-size:13px;padding:13px 20px;border-radius:5px;background:var(--yellow)}.brand{font-size:28px;letter-spacing:-.8px}.brand small{font-size:8px;letter-spacing:1.7px}.brand-mark{color:var(--orange)}.brand-mark>span{color:var(--yellow)}.brand-logo{width:190px;height:76px;display:block;object-fit:contain;background:#fff;border-radius:5px}.footer-brand .brand-logo{width:210px;height:110px}
.button{font-size:14px;padding:16px 24px;border-radius:5px;min-height:52px}.text-link{font-size:14px;line-height:1.7}.eyebrow{font-size:12px;letter-spacing:1.7px}.large-copy{font-size:22px;line-height:1.8;letter-spacing:0}.section-head>p{font-size:15px}.cream p{color:#50535a}.cream .service-short{color:#5c6066;font-size:14px}.service-row h3{font-size:27px;letter-spacing:-.025em}.row-number{font-size:13px;color:#62656b}.service-row{padding-block:28px;border-bottom-color:#17171324}.service-row:hover{background:#ece9e1}.work-meta h3{font-size:23px}.work-meta span{font-size:12px;color:#bfc3cb}.work-card>p,.portfolio-note{font-size:15px;line-height:1.8}.work-card .art{border-radius:8px}.art-edit{border-radius:8px}.process-section{background:#1a1c1f}.process-grid article>span{font-size:12px}.process-grid h3{font-size:28px}.process-grid p{font-size:16px;color:#c1c5cd}.faq summary{font-size:17px;font-weight:600;line-height:1.6}.faq details p{font-size:16px}.ticker{font-size:17px;letter-spacing:.4px}.project-shortcuts>span{font-size:11px;letter-spacing:1.2px}.project-shortcuts a{font-size:14px;line-height:1.6}.quick-contact{font-size:13px;padding:13px 18px;border-radius:7px}.breadcrumbs{font-size:13px;color:#bdc2ca}.breadcrumbs a{color:var(--ink)}.page-intro h1{font-size:clamp(48px,5.9vw,84px);line-height:1.14}.lede{font-size:20px;line-height:1.8;color:#c4c8cf;max-width:720px}.contact-form{background:#1b1e22;border:1px solid var(--line);border-radius:10px}.contact-form h2{font-size:30px}.contact-form label{font-size:14px;font-weight:600;letter-spacing:0}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px;line-height:1.6;padding:13px 12px;background:#121417;border:1px solid #ffffff35;border-radius:5px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aeb3bc}.contact-form .consent{font-size:13px;line-height:1.7}.consent input{width:17px;height:17px;padding:0}.form-note,#form-status,#email-fallback p{font-size:13px;line-height:1.8}.contact-detail h2{font-size:15px;letter-spacing:.4px}.contact-detail a{color:#d1d4da}.filters button{font-size:14px;padding:10px 20px}.footer-grid h2{font-size:14px;letter-spacing:.3px}.footer-grid a:not(.brand),.footer-grid p{font-size:14px;line-height:1.8}.footer-grid{grid-template-columns:1fr 1fr 1.5fr 1fr;gap:30px}.footer-bottom{font-size:11px;letter-spacing:.4px}.footer-title{font-weight:700;letter-spacing:-.045em}.legal p{font-size:17px;line-height:1.9}.deliverables li{line-height:1.55}
@media(min-width:1500px){.hero h1{font-size:98px}}
@media(max-width:1100px){nav{gap:16px;font-size:13px}.hero-grid{gap:30px}.hero h1{font-size:65px}.footer-grid{grid-template-columns:1fr 1fr}.brand-logo{width:155px;height:68px}.service-short{display:none}}
@media(max-width:760px){header{height:86px}.brand-logo{width:150px;height:65px}.menu-toggle{font-size:13px;min-height:42px}.brand{font-size:25px}nav{top:85px;font-size:16px}.nav-cta{font-size:15px}.hero h1{font-size:clamp(48px,10.8vw,76px);letter-spacing:-.03em;line-height:1.1}.hero p{font-size:16px;line-height:1.85}.hero-top .eyebrow{font-size:9px;line-height:1.8;letter-spacing:1px}.hero-bottom{gap:18px}.hero-bottom span+span{padding-left:18px}.section{padding-block:62px}.large-copy{font-size:19px;line-height:1.8}.service-row h3{font-size:22px}.eyebrow{font-size:11px}.page-intro h1{font-size:clamp(42px,8.7vw,64px)}.lede{font-size:18px}.work-meta{flex-direction:column;align-items:start}.work-meta h3{font-size:22px}.process-grid p{font-size:16px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid h2{margin-bottom:12px}.footer-grid p{margin-top:12px}.footer-title{font-size:58px}.footer-title>span{font-size:55px}.footer-bottom{font-size:11px}.breadcrumbs{font-size:12px}.quick-contact{font-size:12px}.project-shortcuts a{font-size:14px}.contact-form{padding:25px 18px}.contact-form h2{font-size:27px}.ticker{font-size:14px}.ticker b{padding-inline:15px}.contact-email{font-size:clamp(26px,7.5vw,36px)}}