@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--night:#071723;--navy:#0a2131;--navy2:#102f40;--gold:#d6b17a;--white:#f2eee6;--muted:#a8b9c3;--border:#ffffff30}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #f7d28b;outline-offset:5px}.skip{position:absolute;top:-100px;left:15px;background:var(--gold);color:#081c2b;padding:12px;z-index:99}.skip:focus{top:15px}
.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:24px;background:#071824ee;position:relative;z-index:10;border-bottom:1px solid #ffffff18}.identity{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.identity-name{font:800 20px 'Manrope';letter-spacing:.1em}.identity-name span,.footer strong span{color:var(--gold)}.identity small{font-size:8px;letter-spacing:.23em;color:#aabfc9}.header nav{display:flex;align-items:center;gap:30px}.header nav a{font-size:12px;font-weight:700;color:#d1dce3;transition:color .2s}.header nav a:hover,.header nav a[aria-current=page]{color:var(--gold)}.header-action{border:1px solid #a88a5a;padding:12px 18px;font-size:10px;letter-spacing:.1em;font-weight:800;white-space:nowrap}.header-action span{margin-left:10px}.header-action:hover{background:var(--gold);color:#061827}.menu-toggle{display:none}
.hero{position:relative;min-height:690px;min-height:calc(100svh - 92px);display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero-image{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-3}.home-image{background-image:url('assets/solutions.webp');background-position:center 42%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#051724f5 0%,#051724dc 34%,#05172475 65%,#05172415 100%),linear-gradient(0deg,#071723 0%,transparent 30%)}.home-hero .hero-shade{background:linear-gradient(90deg,#051724f0 0%,#051724d2 42%,#0517244a 85%),linear-gradient(0deg,#071723 0%,transparent 35%)}.hero-inner{position:relative;width:min(1260px,91%);margin:0 auto;padding:80px 0 100px}.hero-inner>*{max-width:780px}.eyebrow{font-size:11px;letter-spacing:.23em;color:var(--gold);font-weight:800}.line{display:inline-block;width:32px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}.display-kicker{font-size:10px;letter-spacing:.16em;color:#bacbd4;margin-top:36px}.hero h1{font:600 clamp(48px,5.6vw,91px)/1.09 'Manrope',sans-serif;letter-spacing:-.06em;margin:21px 0 26px}.hero h1 em,.section-heading h2 em,.editorial h2 em,.large-statement em,.endcap h2 em{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.025em;color:#e1b978}.hero-description{font-size:clamp(16px,1.4vw,19px);line-height:1.8;color:#d3dce1;max-width:590px}.cta-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:17px 22px;font-size:11px;font-weight:800;letter-spacing:.08em;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}.btn.gold{background:#d7b079;color:#071b29}.btn.gold:hover{background:#f0ca92;color:#071b29}.btn.glass{background:#0a263654;border-color:#c9d7dd88;color:#fff}.btn.glass:hover{background:#ffffff20;border-color:#f2d2a2}.hero-side{position:absolute;right:4.5%;top:50%;transform:rotate(90deg) translateX(50%);transform-origin:right center;display:flex;gap:50px;font-size:9px;letter-spacing:.22em;color:#d6e1e7}.scroll-cue{position:absolute;bottom:30px;left:4.5%;font-size:10px;letter-spacing:.22em;font-weight:800;color:#d6e1e7}.scroll-cue span{margin-left:18px;color:var(--gold)}.interior-hero{min-height:650px;min-height:calc(85svh - 92px)}.interior-hero .hero-inner{padding-bottom:110px}
.statement{display:grid;grid-template-columns:30% 1fr;gap:30px;padding:110px 7%;background:#eee9df;color:#0b2737}.statement-num,.aside-label{font-size:11px;letter-spacing:.19em;color:#8a724e;font-weight:800}.large-statement{font:600 clamp(34px,4vw,61px)/1.22 'Manrope';letter-spacing:-.055em;margin:0 0 22px}.large-statement em{color:#98713d}.statement-detail{font-size:16px;line-height:1.8;color:#4b606c;max-width:650px}
.portfolio{padding:105px 5% 120px;background:#081c2a}.section-heading{max-width:1000px;margin-bottom:44px}.section-heading h2,.editorial h2,.endcap h2{font:600 clamp(34px,4vw,61px)/1.2 'Manrope';letter-spacing:-.055em;margin:18px 0}.section-heading p{color:#b8c9d4;line-height:1.85;max-width:680px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.portfolio-tile{height:385px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:30px;isolation:isolate;border:1px solid #d6b17a3a}.portfolio-tile:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--tile) center/cover no-repeat;transition:transform .5s ease}.portfolio-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#061723f7,#06172330 75%),linear-gradient(90deg,#06172388,transparent)}.portfolio-tile:hover:before{transform:scale(1.035)}.portfolio-tile>span{font-size:10px;letter-spacing:.18em;color:#e9c58d;font-weight:800}.portfolio-tile h3{font:600 42px 'Manrope';letter-spacing:-.05em;margin:0 0 5px}.portfolio-tile p{color:#d4dce1;margin:0 0 20px}.portfolio-tile b{font-size:11px;letter-spacing:.12em;color:#edc48a}.endcap{padding:105px 7%;background:linear-gradient(135deg,#112f40,#061825);text-align:center}.endcap .btn{margin-top:20px}.footer{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;padding:45px 5%;background:#04121e;border-top:1px solid #ffffff24}.footer strong{font:800 22px 'Manrope';letter-spacing:.06em}.footer p,.footer small{font-size:11px;color:#a7b9c5}.footer>div:nth-child(2){display:flex;gap:20px;align-items:start;flex-wrap:wrap;font-size:12px}.footer a:hover{color:var(--gold)}
.editorial{padding:115px 7%;display:grid;grid-template-columns:27% 1fr;gap:35px;background:#eee9df;color:#0c2838}.editorial-main{max-width:820px}.editorial h2 em{color:#9a7546}.editorial p{font-size:17px;line-height:1.9;color:#465b66}.inline-link{display:inline-block;margin-top:22px;border-bottom:1px solid #b48b4c;padding-bottom:8px;color:#173a50;font-size:12px;font-weight:800;letter-spacing:.13em}.capability-section{padding:110px 6%;background:#0a2332}.cap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.cap-grid.three{grid-template-columns:repeat(3,1fr)}.cap-grid article{padding:30px 21px;border:1px solid #65809665;background:#0e2e40;min-height:250px}.cap-grid article>span{font-size:10px;color:var(--gold);letter-spacing:.14em;font-weight:800}.cap-grid h3{font:700 19px 'Manrope';line-height:1.35;margin:28px 0 12px}.cap-grid p{color:#b9c9d3;font-size:13px;line-height:1.8}.disclosure{color:#98adba;font-size:12px;line-height:1.8;max-width:940px;margin-top:28px}
.story-reading{display:grid;grid-template-columns:30% 1fr;gap:5%;padding:90px 7% 120px;background:#ede8de;color:#183345}.story-rail{align-self:start;position:sticky;top:45px;display:flex;flex-direction:column;gap:22px}.story-rail>span,.story-rail small{font-size:10px;letter-spacing:.19em;color:#977649;font-weight:800}.story-rail strong{font:600 40px/1.2 'Playfair Display';color:#143344}.rail-line{width:70px;height:2px;background:#ba8e52}.story-prose{max-width:760px}.story-opening{font:600 clamp(27px,3vw,41px)/1.3 'Playfair Display';color:#193b4d;margin-bottom:38px}.story-prose p{font-size:17px;line-height:2;color:#394e5a;margin:0 0 24px}.story-prose blockquote{font:500 clamp(23px,2.2vw,33px)/1.5 'Playfair Display';color:#936a37;border-left:3px solid #c29a5c;margin:38px 0;padding:6px 0 6px 25px}.signature{text-align:right;font:italic 31px 'Playfair Display';margin-top:70px;color:#1c394b}.signature small{display:block;font:12px 'DM Sans';margin-top:8px;color:#687c86}
.contact-area{padding:105px 7% 120px;background:#ede8de;color:#123044}.contact-area .section-heading p{color:#516772}.contact-area .section-heading h2 em{color:#a47b45}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-options article{background:#0b2a3c;color:#f3f2eb;padding:44px;min-height:340px;display:flex;flex-direction:column;align-items:start}.contact-options article>span{color:var(--gold);font-size:11px;letter-spacing:.15em;font-weight:800}.contact-options h3{font:600 31px/1.2 'Manrope';letter-spacing:-.04em;margin:32px 0 12px}.contact-options p{color:#b9cbd5;line-height:1.8}.contact-options .btn{margin-top:auto}.contact-options .address{font-size:12px;margin-bottom:0}
@media(max-width:1050px){.header nav{gap:13px}.cap-grid{grid-template-columns:repeat(3,1fr)}.footer{grid-template-columns:1fr 1fr}.footer small{grid-column:1/-1}}
@media(max-width:720px){.header{height:74px;padding:0 5%}.identity-name{font-size:16px}.header-action{display:none}.menu-toggle{display:block;background:transparent;border:1px solid #ffffff50;color:white;padding:9px 13px;font-size:11px;font-weight:800}.menu-toggle span{margin-left:8px;color:var(--gold)}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#071824;padding:20px 6%;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #b99a6580}.header nav.open{display:flex}.header nav a{padding:13px 0;border-bottom:1px solid #ffffff18}.hero{min-height:680px}.hero-inner{width:90%;padding:70px 0 120px}.hero h1{font-size:clamp(39px,9.3vw,61px)}.hero-shade,.home-hero .hero-shade{background:linear-gradient(0deg,#071723 0%,#071723d5 40%,#07172366 100%)}.hero-side{display:none}.scroll-cue{left:5%}.statement,.editorial,.story-reading{grid-template-columns:1fr;padding:65px 6%}.story-rail{position:static;gap:10px}.story-rail strong{font-size:29px}.portfolio{padding:70px 6%}.portfolio-grid,.contact-options{grid-template-columns:1fr}.portfolio-tile{height:350px}.capability-section{padding:70px 6%}.cap-grid,.cap-grid.three{grid-template-columns:1fr}.cap-grid article{min-height:auto}.footer{grid-template-columns:1fr}.footer small{grid-column:auto}.contact-area{padding:70px 6%}.contact-options article{padding:30px;min-height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Option B refinement: approved Lumen branding, softer editorial contrasts,
   and a dark, comfortable long-form Story reading experience. */
.header .identity{display:flex;align-items:center;justify-content:center;min-width:190px}
.identity-logo{display:block;width:218px;max-height:74px;height:auto;object-fit:contain}
.statement,.editorial,.contact-area{background:linear-gradient(145deg,#c5c6c0 0%,#d3d0c7 54%,#b9c1c2 100%);color:#102b3b}
.statement-num,.aside-label{color:#675333}
.statement-detail,.editorial p,.contact-area .section-heading p{color:#354f5b}
.story-reading{background:radial-gradient(ellipse at 85% 6%,#1a4154 0%,#0b2235 55%,#071a2c 100%);color:#f0ede6;grid-template-columns:29% 1fr;gap:5%;padding-top:100px;padding-bottom:135px}
.story-rail>span,.story-rail small{color:#d7b57e}
.story-rail strong{color:#f0ede6}
.story-prose{max-width:770px}
.story-opening{color:#f5e8d1;font-size:clamp(29px,3.2vw,44px);line-height:1.4}
.story-prose p{color:#d8e0e2;font-size:18px;line-height:1.95;margin-bottom:27px}
.story-prose blockquote{color:#e6c18a;border-left-color:#d6b17a}
.signature{color:#f3e5c9}
.signature small{color:#a9bfca}
@media(max-width:720px){.header .identity{min-width:0}.identity-logo{width:158px;max-height:56px}.story-reading{padding-top:70px;padding-bottom:90px}.story-prose p{font-size:16.5px;line-height:1.9}}

/* Build 03 — readability and true branded footer */
.header .identity{min-width:220px;justify-content:flex-start}
.identity-logo{width:220px;height:78px;max-height:78px;object-fit:contain;object-position:left center}
.eyebrow{font-size:13px;letter-spacing:.15em;color:#edc78c;line-height:1.6}
.display-kicker,.portfolio-tile>span,.portfolio-tile b,.scroll-cue,.statement-num,.aside-label,.cap-grid article>span,.contact-options article>span,.story-rail>span,.story-rail small{font-size:12px;line-height:1.6}
.statement-num,.aside-label{color:#5e482a}
.contact-area .eyebrow,.statement .eyebrow,.editorial .eyebrow{color:#7d5724}
.contact-area .section-heading p,.statement-detail,.editorial p{color:#294653}
.contact-options p,.contact-options .address{color:#d6e3e9;font-size:15px}
.contact-options .address{margin-top:16px}
.cap-grid p,.portfolio-tile p{font-size:15px}
.disclosure{font-size:13px;color:#c1d1d9}
.footer{display:grid;grid-template-columns:minmax(240px,1fr) 1fr;gap:36px 50px;padding:54px 6% 24px;background:linear-gradient(140deg,#061725,#0b2637);border-top:2px solid #b48a4b}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.footer-logo-link{display:inline-flex;align-items:center}
.footer-logo{width:230px;height:108px;object-fit:contain;object-position:left center}
.footer-brand p{margin:0;color:#d0dce2;font-size:13px;line-height:1.7}
.footer-links{display:flex;justify-content:flex-end;align-items:center;gap:24px;flex-wrap:wrap}
.footer-links a{font-size:14px;color:#e2e8eb;transition:color .18s ease}
.footer-links a:hover,.footer-bottom a:hover{color:#f1c47c}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #9eb1bc40;padding-top:20px;color:#c0d0d9;font-size:12px;letter-spacing:.01em}
.footer-bottom a{color:#d3e0e7}
@media(max-width:720px){.header .identity{min-width:0}.identity-logo{width:160px;height:60px;max-height:60px}.footer{grid-template-columns:1fr;padding:38px 6% 25px;gap:25px}.footer-logo{width:205px;height:95px}.footer-links{justify-content:flex-start;gap:18px}.footer-bottom{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){.footer-links a{transition:none}}

/* Build 04: transparent Lumen treatment — integrated into navy surfaces, no rectangular badge */
.header{padding-left:3.2%;padding-right:4.5%}
.header .identity{min-width:255px;justify-content:flex-start;align-items:center}
.identity-logo{width:252px;height:auto;max-height:87px;object-fit:contain;object-position:left center;display:block}
.footer{background:linear-gradient(110deg,#061a2a,#081d2e);border-top:1px solid #d6b17a50}
.footer-brand{max-width:400px}
.footer-logo-link{display:inline-flex;align-items:center;max-width:290px}
.footer-logo{width:280px;height:auto;max-height:140px;object-fit:contain;object-position:left center;display:block}
.footer-brand p{color:#d1dce3;font-size:13px;letter-spacing:.015em;margin-top:4px}
.footer-links a{color:#d4e0e8;font-size:13px}
.footer-bottom{color:#b7c7d2}
@media(max-width:900px){.header .identity{min-width:185px}.identity-logo{width:200px}}
@media(max-width:720px){.header{padding-left:5%}.header .identity{min-width:0}.identity-logo{width:165px;max-height:65px}.footer-logo{width:235px;max-height:110px}}

/* Build 05: audit-driven finishing improvements */
.endcap-copy{max-width:660px;margin:10px auto 26px;color:#c6d6df;font-size:17px;line-height:1.8}
.eyebrow{font-size:12px;letter-spacing:.17em}
.disclosure{font-size:13px;color:#b6c9d4}
.footer a:hover,.header nav a:hover{color:#e8c58f}
@media(max-width:720px){.endcap-copy{font-size:16px}}

/* Build 06: prevent two-column founder story from colliding on phones,
   tablets, and browsers requesting a desktop-width viewport. */
.story-reading{grid-template-columns:minmax(0, 29%) minmax(0,1fr)}
.story-reading>*{min-width:0}
.story-opening,.story-rail strong{overflow-wrap:break-word}
@media(max-width:1100px){
 .story-reading{display:block;padding:64px clamp(22px,5vw,65px) 90px}
 .story-rail{position:static;display:block;margin:0 0 36px;padding:0 0 20px;border-bottom:1px solid #d6b17a55}
 .story-rail>span{display:block;margin-bottom:12px}
 .story-rail strong{display:block;font-size:clamp(25px,4.5vw,38px);line-height:1.3}
 .story-rail .rail-line{margin:16px 0}
 .story-rail small{display:block}
 .story-prose{width:100%;max-width:760px;margin:0 auto}
 .story-opening{font-size:clamp(27px,4.5vw,42px);line-height:1.38}
 .story-prose p{font-size:clamp(16px,2.15vw,19px);line-height:1.85}
 .story-prose blockquote{font-size:clamp(22px,3.5vw,30px)}
}
@media(max-width:480px){
 .story-reading{padding:45px 6% 75px}
 .story-rail{margin-bottom:28px}
 .story-opening{font-size:clamp(26px,7.5vw,34px)}
 .story-prose p{font-size:17px;line-height:1.85}
}