/*
Theme Name: Roger That Computes
Description: An aviation-inspired business theme for Roger That Computes, LLC.
Version: 1.0.0
Text Domain: roger-that-computes
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#102837;--deep:#0b1d28;--paper:#f5f1e7;--gold:#e4b458;--ink:#19323f;--muted:#5c6b70}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c27b1d;outline-offset:5px}.wrap{width:min(1180px,90%);margin:auto}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}header{background:var(--deep);color:#fff;border-bottom:1px solid #ffffff20}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{text-decoration:none;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:25px;letter-spacing:1px;line-height:1}.wordmark small{display:block;color:var(--gold);font:10px/2 'DM Sans',sans-serif;letter-spacing:3px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{text-decoration:none;font-size:14px}.nav-links a:hover{color:var(--gold)}.nav-links .nav-contact{border:1px solid #e4b45880;padding:9px 18px;color:var(--gold)}.hero{background:var(--navy);color:var(--paper);position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:700px;height:700px;border:1px solid #ffffff09;border-radius:50%;right:-200px;top:-100px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:680px;padding:66px 0 76px;position:relative}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:31px;height:2px;background:var(--gold)}.hero .eyebrow{color:var(--gold)}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;line-height:1.02;margin:0;font-weight:700}h1{font-size:clamp(62px,6.6vw,91px);letter-spacing:-1px;margin:25px 0}h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{color:#c4cdd0;max-width:465px;font-size:18px}.actions{display:flex;gap:23px;align-items:center;margin:32px 0}.button{display:inline-block;background:var(--gold);color:var(--deep);font-size:14px;text-decoration:none;font-weight:700;padding:14px 23px;border:1px solid transparent}.button:hover{background:#f1ca7c}.text-link{font-size:14px;text-underline-offset:5px}.hero-art{margin:0;text-align:center}.hero-art img{width:110%;max-width:640px;margin-left:-5%;height:auto;filter:drop-shadow(0 25px 25px #0003)}.hero-art figcaption{font-size:10px;letter-spacing:3px;color:#aab6b9;margin-top:18px}.hero-note{font-size:11px!important;letter-spacing:1px}.strip{border-bottom:1px solid #19323f25;background:#e9e3d5}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding:19px 0;font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.strip span{display:flex;align-items:center;gap:10px}.strip b{color:#9d722c}section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:20px 0 40px}h2{font-size:clamp(43px,4.5vw,60px)}.section-heading>p{max-width:370px;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #19323f25}.service{padding:35px;border-right:1px solid #19323f25}.service:last-child{border:0}.number{display:block;font-size:11px;letter-spacing:2px;color:#9b712e;margin-bottom:45px}h3{font-size:30px}.service p{color:var(--muted);font-size:14px}.service ul{padding-left:18px;font-size:13px;color:var(--muted)}.about{background:#e9e3d5}.about-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:100px;align-items:start}.about h2{margin-top:24px}.about p{margin-top:0;color:#53636a}.about .lead{font-size:23px;color:var(--ink);line-height:1.55}.signature{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:600;margin-top:30px}.signature small{display:block;font:11px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:5px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.step{border-top:2px solid #b38a48;padding-top:20px}.step .number{margin-bottom:20px}.step p{font-size:14px;color:var(--muted)}.contact{background:var(--navy);color:var(--paper)}.contact-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:90px;align-items:center}.contact h2{margin:24px 0}.contact p{color:#c4cdd0}.contact-box{border:1px solid #e4b45855;padding:32px}.contact-box h3{font-size:31px}.contact-box p{font-size:14px}.draft-label{display:inline-block;color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:14px}.contact-box .small{font-size:12px;border-top:1px solid #ffffff20;padding-top:18px;margin-bottom:0}footer{background:var(--deep);color:#aab6bd;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:25px;padding:25px 0}.footer-inner a{text-underline-offset:4px}.preview-note{background:#fff6d9;border-bottom:1px solid #ddc783;text-align:center;padding:9px 20px;font-size:12px;color:#645025}.wp-content{padding:50px 0}.wp-content img{max-width:100%;height:auto}@media(max-width:800px){.hero-grid{gap:0;grid-template-columns:1fr;padding:55px 0;min-height:0}.hero-copy{max-width:580px}.hero-art{max-width:440px;margin:25px auto 0}.hero-art img{width:100%;margin:0}.nav{min-height:80px}.nav-links{gap:17px}.nav-links a{font-size:12px}.nav-links .nav-contact{padding:7px 11px}.strip .wrap{flex-wrap:wrap;justify-content:center;font-size:10px}.section-heading{display:block}.section-heading>p{margin-top:20px}.services{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid #19323f25}.number{margin-bottom:22px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.process{gap:25px}section{padding:65px 0}.footer-inner{flex-direction:column;gap:5px}}@media(max-width:480px){.wordmark{font-size:21px}.nav-links a:not(.nav-contact){display:none}h1{font-size:64px}.actions{gap:18px}.process{grid-template-columns:1fr}.contact-box{padding:24px}.hero-art{max-width:340px}.hero-art figcaption{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.audience-services{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-services .service{padding:40px}.audience-services .service p{max-width:440px}.contact-box a{overflow-wrap:anywhere}@media(max-width:800px){.audience-services{grid-template-columns:1fr}.audience-services .service{padding:30px}}
