@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--orange:#f07816;--ink:#17191c;--muted:#65686e;--line:#e2e3e5;--light:#f5f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,6.2vw,5.6rem);line-height:1.09;letter-spacing:-.055em;margin-bottom:25px;max-width:650px}h2{font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.2;letter-spacing:-.04em;margin-bottom:25px}h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em}em{font-style:normal;color:var(--orange)}p{color:var(--muted)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b14b00;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:23px max(5vw,24px);border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.brand{font-weight:800;font-size:20px;letter-spacing:.13em;line-height:1.15}.brand>span{display:block;letter-spacing:.055em}.brand-dot{color:var(--orange)}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#17191c;min-height:54px;padding:14px 27px;border:1px solid var(--orange);font-size:16px;font-weight:700;border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:#ff922f;transform:translateY(-2px)}.button.small{font-size:14px;min-height:45px;padding:10px 19px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#a64b08;margin-bottom:22px}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;max-width:1440px;margin:auto;padding:65px 5vw 0;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:32px 0 70px}.hero-description{font-size:21px;max-width:520px;line-height:1.5;color:#393c41}.hero-detail{font-size:16px;max-width:440px;margin-bottom:30px}.cta-note{display:block;font-size:13px;color:var(--muted);margin-top:12px}.hero-photo{position:relative;display:flex;align-items:flex-end;justify-content:center}.hero-photo>img{height:620px;width:100%;object-fit:contain;object-position:bottom;position:relative;z-index:1}.orange-orbit{position:absolute;width:480px;height:480px;border-radius:50%;background:#fff0e4;bottom:38px;right:-20px;border:45px solid #fff8f1}.photo-caption{position:absolute;bottom:54px;left:0;z-index:2;padding:17px 24px;background:#fff;border-left:4px solid var(--orange);box-shadow:0 8px 30px #17191c0d}.photo-caption span{display:block;font-size:11px;letter-spacing:.13em;color:var(--muted)}.photo-caption strong{font-size:15px}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:19px 0;font-size:12px;font-weight:700;letter-spacing:.09em}.hero-bottom a{color:#a64b08}.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:1300px;margin:auto;padding:40px 5vw 50px;gap:20px}.stats>div{border-left:1px solid var(--line);padding-left:35px}.stats strong{display:block;font-size:43px;font-weight:600;letter-spacing:-.04em;line-height:1.3}.stats span{font-size:15px;color:var(--muted)}.section{padding:85px max(5vw,24px);max-width:1440px;margin:auto}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.about-photo{position:relative}.about-photo img{width:100%;height:530px;object-fit:cover;border-radius:6px}.about-photo span{position:absolute;bottom:0;left:0;right:0;background:#17191cec;color:#fff;font-size:12px;letter-spacing:.12em;padding:19px}.text-link{font-weight:700;color:#a64b08;display:inline-block;border-bottom:1px solid var(--orange);margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:360px;margin-bottom:4px}.services{background:var(--light);max-width:none}.services>.section-heading,.service-grid{max-width:1296px;margin-left:auto;margin-right:auto}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service{display:grid;grid-template-columns:38% 62%;background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.service>img{width:100%;height:100%;object-fit:cover}.service>div{padding:30px 25px}.number{font-size:11px;letter-spacing:.09em;color:#a64b08;font-weight:700;display:block;margin-bottom:12px}.service p{font-size:15px;line-height:1.6}.service ul{padding-left:18px;font-size:14px;color:var(--muted);margin:20px 0 24px}.outline{background:transparent;border-color:#c4c7cc;padding:10px 19px;font-size:14px;min-height:45px}.outline:hover{background:#fff4e9;border-color:var(--orange)}.topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:42px}.topic-grid article{border-top:1px solid var(--line);padding-top:25px}.topic-grid img{height:68px;width:68px;object-fit:contain;margin-bottom:24px}.topic-grid h3{font-size:18px}.milestone{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;background:#17191c;color:#fff;max-width:none}.milestone p{color:#c8cbd0}.milestone .eyebrow{color:#ff9b49}.milestone>img{width:100%;border-radius:5px}.video-section .section-heading p{font-size:16px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.podcast-grid{grid-template-columns:repeat(2,1fr)}.video-cover{display:block;width:100%;aspect-ratio:16/9;position:relative;cursor:pointer;padding:0;border:0;background:#151619;overflow:hidden;border-radius:6px}.video-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-cover:hover img{transform:scale(1.05)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--orange);color:#17191c;width:56px;height:56px;border-radius:50%;display:grid;place-content:center;padding-left:3px;font-size:20px;box-shadow:0 3px 20px #0004}.video-label{display:flex;justify-content:space-between;font-size:14px;padding-top:14px;font-weight:600}.video-label span+span{font-weight:400;color:var(--muted);font-size:12px}.alternate{background:var(--light);max-width:none}.brands{border-bottom:1px solid var(--line);padding-top:30px}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.brand-grid article{display:flex;align-items:center;gap:30px}.brand-grid img{width:180px;height:90px;object-fit:contain}.brand-grid p{font-size:14px;margin:0}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:17px;font-weight:600;cursor:pointer}details p{font-size:15px;margin:16px 0 0}.contact{background:#17191c;color:#fff;display:grid;grid-template-columns:1.35fr .65fr;position:relative;overflow:hidden;max-width:none;padding-bottom:0;padding-top:65px;align-items:end}.contact>div{padding-bottom:65px;z-index:1}.contact .eyebrow{color:#ff9b49}.contact p,.contact .cta-note{color:#c8cbd0}.contact img{height:450px;width:100%;object-fit:contain;object-position:bottom}footer{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:24px;padding:38px max(5vw,24px);font-size:14px}footer p{margin:0}footer>a:last-of-type{justify-self:end;font-weight:600}footer small{grid-column:1/-1;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;font-size:12px}dialog{border:0;padding:18px;background:#111;color:#fff;width:min(1000px,94vw);max-height:92vh;border-radius:8px}dialog::backdrop{background:#000c}dialog iframe{width:100%;aspect-ratio:16/9;border:0;display:block}dialog p{margin:10px 0 0;font-size:14px;color:#fff}.close{display:block;margin:0 0 12px auto;cursor:pointer;border:1px solid #888;color:#fff;background:transparent;font-size:15px;padding:7px 15px;border-radius:4px}
@media(min-width:1600px){.services,.milestone,.alternate,.contact{padding-left:calc((100vw - 1296px)/2);padding-right:calc((100vw - 1296px)/2)}}@media(max-width:1050px){nav{gap:18px}.hero{grid-template-columns:1.1fr .9fr}.hero-photo>img{height:520px}.orange-orbit{width:350px;height:350px}.about{gap:40px}.service{grid-template-columns:32% 68%}.service>div{padding:25px 20px}.topic-grid{gap:15px}.podcast-grid{grid-template-columns:repeat(2,1fr)}.brand-grid article{display:block}.brand-grid p{margin-top:15px}.contact img{height:380px}}@media(max-width:720px){header{padding:17px 20px}.brand{font-size:16px}nav>a:not(.button){display:none}.button.small{font-size:12px;padding:9px 13px;min-height:40px}.hero{display:flex;flex-direction:column;padding:40px 24px 0}.hero-copy{padding:0 0 24px}.eyebrow{font-size:11px;letter-spacing:.11em}h1{font-size:3.25rem}.hero-description{font-size:19px}.hero-photo{height:360px}.hero-photo>img{height:360px}.orange-orbit{bottom:10px;right:50%;transform:translateX(50%);width:310px;height:310px}.photo-caption{bottom:20px;left:0;padding:10px 15px}.photo-caption strong{font-size:12px}.hero-bottom{font-size:9px;letter-spacing:.03em;gap:15px}.stats{padding:30px 24px;gap:10px}.stats>div{padding-left:12px}.stats strong{font-size:29px}.stats span{font-size:12px;display:block;line-height:1.4}.section{padding:55px 24px}.about,.milestone,.faq{grid-template-columns:1fr;gap:30px}.about-photo img{height:390px}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.service{grid-template-columns:33% 67%}.service h3{font-size:21px}.service>div{padding:24px 18px}.service p{font-size:14px}.service ul{font-size:13px}.topic-grid{grid-template-columns:repeat(2,1fr);gap:20px}.topic-grid h3{font-size:17px}.topic-grid img{height:55px;width:55px}.video-grid,.podcast-grid{grid-template-columns:1fr;gap:30px}.video-label span+span{font-size:14px}.brand-grid{grid-template-columns:1fr;gap:30px}.brand-grid article{display:flex;gap:20px}.brand-grid img{width:130px}.brand-grid p{font-size:13px;margin:0}.contact{grid-template-columns:1fr;padding-bottom:0}.contact>div{padding-bottom:25px}.contact img{height:300px;max-width:300px;justify-self:center}.contact h2{font-size:2.2rem}footer{grid-template-columns:1fr 1fr;padding:30px 24px}footer>a:last-of-type{justify-self:start;grid-column:1/-1}.faq h2{margin-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Service cards: continuous dark surface with orange calls to action. */
.service{background:#17191c;border-color:#303238;color:#fff}.service>img{background:#17191c}.service h3{color:#ff963f}.service .number{color:#ffb77d}.service p,.service ul{color:#f1f2f4}.service .button.outline{background:var(--orange);border-color:var(--orange);color:#17191c;font-weight:700}.service .button.outline:hover{background:#ff963f;border-color:#ff963f}.service :focus-visible{outline-color:#ffbd88}

/* Complete service artwork with breathing room. */
.service>.service-visual{padding:24px 0 24px 24px;display:flex;align-items:center;justify-content:center;min-width:0}
.service-visual img{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:5px}
.service .button.outline{background:#b94c00;border-color:#b94c00;color:#fff}
.service .button.outline:hover{background:#a64200;border-color:#a64200;color:#fff}
@media(max-width:720px){.service>.service-visual{padding:20px 0 20px 16px}.service-visual img{max-height:320px}}

/* Topics: three above, two centered below. */
.topic-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px;max-width:1080px;margin:44px auto 0}
.topic-grid article{grid-column:span 2;text-align:center;padding:30px 20px 16px}
.topic-grid article:nth-child(4){grid-column:2/span 2}
.topic-grid article:nth-child(5){grid-column:4/span 2}
.topic-grid img{width:96px;height:96px;margin:0 auto 22px}
.topic-grid h3{font-size:21px;line-height:1.4;max-width:280px;margin:0 auto}
@media(max-width:720px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.topic-grid article,.topic-grid article:nth-child(4),.topic-grid article:nth-child(5){grid-column:auto;padding:24px 8px 12px}.topic-grid article:last-child{grid-column:1/-1;max-width:280px;width:100%;justify-self:center}.topic-grid img{width:76px;height:76px}.topic-grid h3{font-size:17px}}

/* Closing portrait: larger artwork without a tall empty image box. */
.contact{grid-template-columns:1.1fr .9fr;padding-top:40px;column-gap:24px}
.contact>div{padding-bottom:48px}
.contact img{width:100%;height:auto;max-height:520px;object-fit:contain;align-self:end}
@media(max-width:1050px) and (min-width:721px){.contact{grid-template-columns:1.05fr .95fr}.contact h2{font-size:2.5rem}}
@media(max-width:720px){.contact{grid-template-columns:1fr;padding-top:45px;gap:0}.contact>div{padding-bottom:18px}.contact img{height:auto;width:100%;max-width:360px;max-height:none;justify-self:center}}

/* Brand projects: prominent logos and readable descriptions. */
.brands{padding-top:70px;padding-bottom:75px}
.brands>h2{margin-bottom:36px}
.brand-grid{gap:30px}
.brand-grid article{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;padding:38px 34px;background:#f5f6f7;border:1px solid #e2e3e5;border-radius:8px}
.brand-grid img{width:300px;max-width:100%;height:150px;object-fit:contain;flex-shrink:0}
.brand-grid p{font-size:18px;line-height:1.65;margin:0;max-width:440px;color:#393c41}
@media(max-width:720px){.brands{padding-top:50px;padding-bottom:50px}.brand-grid{gap:24px}.brand-grid article{display:flex;flex-direction:column;padding:30px 24px;gap:22px}.brand-grid img{width:270px;height:135px}.brand-grid p{font-size:17px;margin:0}}

/* Accessible social links across desktop and mobile. */
.footer-social{grid-column:1/-1;padding-top:8px}
.footer-social>p{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:12px}
.social-links{display:flex;flex-wrap:wrap;gap:14px}
.social-links .social-icon{display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--line);border-radius:10px;background:#f5f6f7;transition:transform .2s,background .2s}
.social-icon svg{width:26px;height:26px;display:block}
.social-icon.tiktok{color:#17191c}.social-icon.instagram{color:#c32a75}.social-icon.facebook{color:#1769d2}.social-icon.youtube{color:#e21a1a}
.social-icon:hover{background:#fff0e4;transform:translateY(-2px)}
@media(max-width:720px){.footer-social{padding-top:6px}.social-links{gap:14px}.social-links .social-icon{width:50px;height:50px}}

/* Mobile services: full-width artwork above readable content. */
@media(max-width:720px){
 .service{grid-template-columns:minmax(0,1fr)}
 .service>.service-visual{padding:24px 24px 0}
 .service-visual img{width:100%;max-width:300px;height:auto;max-height:380px;object-fit:contain}
 .service>div:not(.service-visual){padding:26px 24px 28px}
 .service h3{font-size:24px}
 .service p{font-size:16px;line-height:1.65}
 .service ul{font-size:15px;line-height:1.65}
 .service .number{font-size:12px}
 .service .button.outline{width:100%;min-height:48px;font-size:16px}
}
