:root{--bg:#f5f3ee;--paper:#fffdf9;--ink:#0c1824;--muted:#687785;--line:rgba(12,24,36,.11);--blue:#1678e8;--cyan:#2bb9c8;--navy:#07131f;--navy2:#0d2232;--cream:#fbf7ef;--shadow:0 28px 90px rgba(12,24,36,.10);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:80}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(22,120,232,.09),rgba(22,120,232,0) 67%);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 34px;position:sticky;top:0;z-index:70;background:rgba(245,243,238,.82);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(22,120,232,.18)}.brand-mark img{width:100%;height:100%;display:block}.brand strong,.brand small{display:block}.brand strong{font:800 13px Manrope}.brand small{font:600 9px Manrope;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.nav nav{display:flex;gap:29px}.nav nav a,.nav-cta{font-size:12px;color:#64727f;text-decoration:none}.nav nav a:hover{color:var(--ink)}.nav-cta{padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.65);color:var(--ink)}
.hero{min-height:calc(100vh - 78px);max-width:1440px;margin:auto;padding:66px 52px 80px;display:grid;grid-template-columns:1fr .95fr;gap:42px;align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:-10% -20%;background:radial-gradient(circle at 74% 42%,rgba(22,120,232,.12),transparent 27%),radial-gradient(circle at 25% 72%,rgba(43,185,200,.08),transparent 25%);z-index:-1}.hero-copy{max-width:700px;position:relative;z-index:3}.eyebrow{font:800 10px Manrope;letter-spacing:.18em;color:#7d8b97;text-transform:uppercase}.accent-label{display:flex;align-items:center;gap:9px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(43,185,200,.10);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(43,185,200,0)}}.hero h1{font:800 clamp(55px,6.1vw,94px)/.93 Manrope;letter-spacing:-.07em;margin:23px 0 27px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#1685ed,#23a9d7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:720px;color:#465663;font-size:19px;line-height:1.62;margin:0 0 15px}.hero-support{max-width:700px;color:#75838e;font-size:13px;line-height:1.8;margin:0 0 18px}.hero-detail{font-size:12px;color:#344552}.hero-detail b{color:var(--ink)}.hero-proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-proof-row span{padding:9px 12px;border:1px solid var(--line);background:rgba(255,255,255,.68);border-radius:999px;color:#687782;font-size:10px}.hero-proof-row b{color:var(--ink);font-weight:800}.actions{display:flex;gap:20px;align-items:center;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 19px;border-radius:999px;text-decoration:none;font-weight:800;font-size:12px;transition:.28s ease;cursor:pointer;border:0}.btn.primary{background:var(--ink);color:#fff;box-shadow:0 15px 35px rgba(12,24,36,.18)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(12,24,36,.24)}.btn.small{padding:12px 16px;font-size:11px;margin-top:25px}.btn.dark{background:var(--ink);color:#fff}.text-link,.arrow-link{color:#4d5b68;text-decoration:none;font-weight:800;font-size:12px}.text-link:hover,.arrow-link:hover{color:var(--blue)}.light-link{color:#dbe8f1}.hero-visual{height:690px;position:relative;display:grid;place-items:center}.hero-frame-back{position:absolute;width:72%;height:83%;border:1px solid rgba(22,120,232,.16);border-radius:52px;transform:translate(26px,24px);background:linear-gradient(135deg,rgba(22,120,232,.05),rgba(43,185,200,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.hero-portrait-stage{width:100%;height:100%;position:relative;display:grid;place-items:center}.portrait-card{width:min(530px,84%);height:650px;position:relative;border-radius:44px;overflow:hidden;background:#cddae5;box-shadow:0 45px 110px rgba(8,24,39,.18);border:1px solid rgba(255,255,255,.9);transform:rotate(.8deg)}.portrait-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(22,120,232,.12),transparent 35%,rgba(4,16,27,.05));z-index:1;pointer-events:none}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block;filter:saturate(.98) contrast(1.04)}.portrait-overlay{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;padding:22px 22px 19px;border-radius:22px;background:linear-gradient(180deg,rgba(7,19,31,.16),rgba(7,19,31,.88));backdrop-filter:blur(14px);color:#fff}.portrait-overlay span,.portrait-overlay small{display:block}.portrait-overlay span{font:800 11px Manrope;letter-spacing:.12em}.portrait-overlay small{font-size:10px;color:#d1dce4;margin-top:4px}.hero-speaker-badge{position:absolute;left:3%;top:15%;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(12,24,36,.09);background:rgba(255,255,255,.86);border-radius:17px;box-shadow:0 20px 50px rgba(12,24,36,.12);backdrop-filter:blur(18px)}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(43,185,200,.10)}.hero-speaker-badge b,.hero-speaker-badge small{display:block}.hero-speaker-badge b{font:800 10px Manrope}.hero-speaker-badge small{font-size:9px;color:#7a8793;margin-top:2px}.floating-card{position:absolute;right:1%;bottom:10%;z-index:4;max-width:255px;padding:17px 18px;border-radius:21px;background:rgba(7,19,31,.94);border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;gap:14px;align-items:center;box-shadow:0 30px 75px rgba(7,19,31,.22)}.floating-card b{font:800 31px Manrope;color:#63c7ff}.floating-card span{font-size:10px;line-height:1.5;color:#c9d5de}.hero-orbit{position:absolute;border:1px solid rgba(22,120,232,.12);border-radius:50%;pointer-events:none}.orbit-one{width:580px;height:580px;animation:spin 20s linear infinite}.orbit-two{width:710px;height:710px;border-color:rgba(43,185,200,.09);animation:spin 28s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
.proof{max-width:1280px;margin:auto;padding:0 52px 90px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.proof div{padding:28px 0}.proof div+div{border-left:1px solid var(--line);padding-left:30px}.proof strong{display:block;font:800 43px Manrope;letter-spacing:-.06em}.proof span{font-size:11px;color:var(--muted)}
.section{max-width:var(--max);margin:auto;padding:125px 34px}.section-dark{max-width:none;background:var(--navy);color:#fff}.section-soft-blue{max-width:none;background:linear-gradient(145deg,#eef5ff,#f7fbff)}.section-cream{max-width:none;background:linear-gradient(145deg,#fbf7ef,#f5f7f8)}.section-soft-mint{max-width:none;background:linear-gradient(145deg,#edf9f6,#f8fbfa)}.section-head{max-width:880px;margin:0 auto 54px}.section-head.compact{max-width:930px}.section-head h2,.contact h2,.film-copy h2{font:800 clamp(48px,5.5vw,80px)/.96 Manrope;letter-spacing:-.065em;margin:17px 0 20px}.section-head h2 em,.contact h2 em,.film-copy h2 em{font-style:normal;color:var(--blue)}.section-head>p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.8}
.approach{padding-top:92px}.lens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.lens{min-height:335px;padding:26px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.67);box-shadow:0 18px 55px rgba(12,24,36,.045);transition:.35s}.lens:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(12,24,36,.09)}.lens>span,.problem>span,.cap>span{font:800 9px Manrope;letter-spacing:.12em;color:#82909b}.lens-icon{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);font:700 25px Manrope;margin:30px 0 25px}.lens h3{font:800 27px Manrope;letter-spacing:-.04em;margin:0 0 10px}.lens p{color:#6b7985;font-size:12px;line-height:1.75;min-height:88px}.lens b{font:800 9px Manrope;color:var(--ink);letter-spacing:.06em}
.media-shell{padding:18px;border:1px solid rgba(12,24,36,.09);border-radius:36px;background:rgba(255,255,255,.55);box-shadow:0 30px 90px rgba(12,24,36,.08)}.media-grid{display:grid;grid-template-columns:1.36fr .64fr;gap:18px;align-items:stretch}.video-frame{position:relative;background:#0b1722;border-radius:27px;overflow:hidden;min-height:520px;box-shadow:0 25px 70px rgba(12,24,36,.13)}.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(22,120,232,.05),transparent 45%,rgba(0,0,0,.13))}.video-tag,.video-grid .video-frame>span{position:absolute;left:18px;bottom:18px;padding:8px 11px;border-radius:9px;background:rgba(8,20,31,.76);border:1px solid rgba(255,255,255,.14);color:#fff;font:800 8px Manrope;letter-spacing:.13em;z-index:3}.play-ring{position:absolute;right:18px;top:18px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);font-size:11px;z-index:3}.media-note{padding:40px 30px;display:flex;flex-direction:column;justify-content:center}.big-index{font:800 11px Manrope;color:var(--blue)}.media-note h3{font:800 40px/1.1 Manrope;letter-spacing:-.05em;margin:13px 0 17px}.media-note p{color:#687782;font-size:13px;line-height:1.8}.media-highlights{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 24px}.media-highlights span{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.72);font-size:10px;color:#72808b}.media-highlights b{display:block;color:var(--ink);font:800 9px Manrope;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.speaking-premium-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;align-items:stretch}.speaking-copy-card{padding:39px;border:1px solid rgba(22,120,232,.10);border-radius:31px;background:rgba(255,255,255,.76);box-shadow:0 25px 75px rgba(22,120,232,.07)}.icon-badge{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font:800 21px Manrope;margin-bottom:23px}.icon-blue{background:#dfedff;color:var(--blue)}.card-kicker{font:800 9px Manrope;letter-spacing:.14em;color:#7e8b97}.speaking-copy-card h3{font:800 35px/1.1 Manrope;letter-spacing:-.045em;margin:15px 0 14px}.speaking-copy-card p{font-size:13px;color:#667681;line-height:1.78;margin:0 0 13px}.consultation-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.consultation-points span{padding:12px 13px;border-radius:13px;background:#f3f7fa;border:1px solid rgba(12,24,36,.06);font-size:9px;color:#71808c}.consultation-points b{display:block;color:var(--ink);font:800 9px Manrope;margin-bottom:4px}.speaking-gallery{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr 1fr;gap:12px;min-height:560px}.speak-photo{position:relative;overflow:hidden;border-radius:24px;margin:0;background:#dbe4ec;box-shadow:0 18px 55px rgba(12,24,36,.08)}.speak-photo.speak-main{grid-row:1/3}.speak-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:.7s}.speak-photo.speak-main img{object-position:50% 36%}.speak-photo:hover img{transform:scale(1.035)}.speak-photo figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:13px 14px;border-radius:15px;background:rgba(7,19,31,.72);backdrop-filter:blur(12px);color:#fff}.speak-photo figcaption b,.speak-photo figcaption span{display:block}.speak-photo figcaption b{font:800 10px Manrope}.speak-photo figcaption span{font-size:9px;color:#ced9e1;margin-top:3px}
.people-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}.person-card{display:grid;grid-template-columns:.92fr 1.08fr;min-height:410px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.78);overflow:hidden;box-shadow:0 18px 55px rgba(12,24,36,.055);transition:.4s}.person-card:hover{transform:translateY(-5px);box-shadow:0 28px 75px rgba(12,24,36,.10)}.person-card.featured{grid-column:1/3;grid-template-columns:1fr 1fr;min-height:460px}.person-card .person-image{position:relative;overflow:hidden;background:#dce5ec;min-height:100%}.person-card .person-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.75s}.person-joy .person-image img{object-position:center 42%}.person-talha .person-image img{object-position:center 50%}.person-rana .person-image img{object-position:center 42%}.person-card:hover .person-image img{transform:scale(1.035)}.person-copy{padding:31px 30px;display:flex;flex-direction:column;justify-content:center}.person-copy>span{font:800 9px Manrope;letter-spacing:.14em;color:#82909b}.person-copy h3{font:800 31px/1.08 Manrope;letter-spacing:-.045em;margin:11px 0 14px}.person-copy p{font-size:12px;color:#667681;line-height:1.78;margin:0 0 11px}.person-context{font-size:11px!important;color:#8a96a1!important}.person-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.person-tags b{padding:7px 9px;border-radius:999px;background:#eef4fb;color:#486273;font:800 8px Manrope}.image-kicker{position:absolute;left:14px;top:14px;padding:8px 10px;border-radius:999px;background:rgba(7,19,31,.67);backdrop-filter:blur(8px);color:#fff;font:800 8px Manrope;letter-spacing:.11em}.person-talha,.person-rana{min-height:390px}.person-talha .person-image,.person-rana .person-image{height:390px}
.case-card{display:grid;grid-template-columns:1.1fr .9fr;min-height:535px;border-radius:31px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 30px 90px rgba(12,24,36,.11);text-decoration:none;color:var(--ink)}.case-image{position:relative;background:linear-gradient(140deg,#081a2a,#0d3550 50%,#06131f);overflow:hidden}.case-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,rgba(43,185,200,.22),transparent 32%),linear-gradient(130deg,rgba(22,120,232,.16),transparent 50%)}.case-image:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.09);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px rgba(255,255,255,.015),0 0 0 180px rgba(255,255,255,.01)}.case-brand{position:absolute;z-index:2;left:46px;bottom:43px;color:#fff}.case-brand img{width:68px;height:68px;object-fit:contain;display:block;margin-bottom:12px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.22))}.case-brand span,.case-brand small{display:block}.case-brand span{font:800 20px Manrope}.case-brand small{font:800 8px Manrope;letter-spacing:.13em;color:#8fc7ea;margin-top:3px}.case-content{padding:55px 50px;display:flex;flex-direction:column;justify-content:center}.case-content h3{font:800 53px/.98 Manrope;letter-spacing:-.06em;margin:17px 0 19px}.case-content p{font-size:14px;color:#697782;line-height:1.8}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0 28px}.metrics b{padding:15px;border-radius:14px;background:#f4f7f9;font:800 24px Manrope}.metrics small{display:block;font:600 8px DM Sans;color:#7d8a95;margin-top:3px}.case-btn{font:800 10px Manrope;color:var(--blue)}.case-btn i{font-style:normal;margin-left:6px}
.problems{background:linear-gradient(145deg,#fbf7ef,#f5f7f8)}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.problem{min-height:470px;padding:26px;border:1px solid rgba(12,24,36,.10);border-radius:26px;background:rgba(255,255,255,.70);box-shadow:0 20px 65px rgba(12,24,36,.055);transition:.35s}.problem:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(12,24,36,.09)}.problem-icon{width:72px;height:72px;border-radius:21px;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);font:800 29px Manrope;margin:25px 0 31px}.problem h3{font:800 27px/1.1 Manrope;letter-spacing:-.04em;margin:11px 0 12px}.problem p{font-size:12px;color:#687782;line-height:1.75;min-height:93px}.problem ul{padding-left:17px;color:#75828d;font-size:10px;line-height:1.9;margin:0 0 20px}.problem b{font:800 9px Manrope;color:var(--ink)}.problem b i{font-style:normal;margin-left:5px;color:var(--blue)}
.capabilities{background:#fffdf9}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cap{position:relative;min-height:390px;padding:27px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#fff,#f9fbfc);text-decoration:none;color:var(--ink);box-shadow:0 16px 48px rgba(12,24,36,.04);transition:.35s}.cap:hover{transform:translateY(-7px);box-shadow:0 30px 80px rgba(12,24,36,.09);border-color:rgba(22,120,232,.22)}.cap-icon{width:68px;height:68px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf3ff,#edf9f8);color:var(--blue);font:800 26px Manrope;margin:25px 0 28px}.cap h3{font:800 25px Manrope;letter-spacing:-.04em;margin:0 0 12px}.cap p{font-size:11px;line-height:1.8;color:#6d7a85;min-height:84px}.cap small{display:block;font:700 9px Manrope;color:#89949d;letter-spacing:.04em}.cap i{position:absolute;right:25px;top:25px;font-style:normal;color:#7f8b96;font-size:15px}.business{background:radial-gradient(circle at 75% 25%,rgba(22,120,232,.17),transparent 25%),linear-gradient(135deg,#07131f,#0a1c2b)}.split-head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start;max-width:var(--max);margin:auto}.split-head h2{font:800 clamp(48px,5.4vw,76px)/.95 Manrope;letter-spacing:-.065em;margin:17px 0 19px}.split-head h2 em{font-style:normal;color:#4fc5ef}.section-intro-dark,.section-intro{max-width:700px;font-size:14px;line-height:1.8}.section-intro-dark{color:#9eb0bf}.logo-lockup{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:rgba(255,255,255,.05);min-width:185px}.logo-lockup img{width:50px;height:50px;object-fit:contain}.logo-lockup span{font:800 12px Manrope;color:#fff}.business-body{max-width:var(--max);margin:62px auto 0;display:grid;grid-template-columns:1fr .9fr;gap:45px;align-items:end}.business-copy>span{font:800 9px Manrope;letter-spacing:.15em;color:#5ec9f2}.business-copy h3{font:800 52px Manrope;letter-spacing:-.06em;margin:8px 0}.business-copy p{max-width:660px;color:#a8b8c5;font-size:13px;line-height:1.85}.business-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.business-stats b{font:800 35px Manrope;color:#fff;padding:21px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.035)}.business-stats small{display:block;font:600 9px DM Sans;color:#9aabb8;margin-top:5px}.xpace{background:#f1f4f6}.xpace .logo-lockup{background:#fff;border-color:var(--line);box-shadow:0 18px 55px rgba(12,24,36,.06)}.xpace .logo-lockup span{color:var(--ink)}.xpace-logo img{width:68px;height:68px}.timeline{max-width:var(--max);margin:70px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.timeline>div{padding:27px 25px;border-top:1px solid rgba(12,24,36,.16);position:relative}.timeline>div:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue);top:-5px;left:25px;box-shadow:0 0 0 7px rgba(22,120,232,.09)}.timeline span{font:800 10px Manrope;color:var(--blue);letter-spacing:.13em}.timeline h3{font:800 22px Manrope;margin:12px 0 7px}.timeline p{font-size:11px;color:#6e7c87;line-height:1.75}
.audience-visual-strip{display:grid;grid-template-columns:1.05fr .95fr .95fr;grid-template-rows:240px 240px;gap:13px;margin-bottom:18px}.audience-visual-strip figure{position:relative;margin:0;overflow:hidden;border-radius:24px;background:#dfe6eb;box-shadow:0 18px 55px rgba(12,24,36,.08)}.audience-visual-strip figure:first-child{grid-row:1/3}.audience-visual-strip img{width:100%;height:100%;object-fit:cover;display:block;transition:.7s}.audience-visual-strip figure:hover img{transform:scale(1.035)}.audience-visual-strip figure:first-child img{object-position:center 42%}.audience-visual-strip figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:13px;border-radius:15px;background:rgba(7,19,31,.70);backdrop-filter:blur(11px);color:#fff}.audience-visual-strip figcaption b,.audience-visual-strip figcaption span{display:block}.audience-visual-strip figcaption b{font:800 10px Manrope}.audience-visual-strip figcaption span{font-size:9px;color:#d1dbe3;margin-top:3px}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-grid article{padding:27px;border:1px solid rgba(12,24,36,.08);border-radius:22px;background:rgba(255,255,255,.66)}.channel-grid article>span{font:800 8px Manrope;letter-spacing:.13em;color:#82909a}.channel-grid strong{display:block;font:800 43px Manrope;letter-spacing:-.06em;color:var(--blue);margin:17px 0 2px}.channel-grid h3{font:800 20px Manrope;margin:0}.channel-grid p{font-size:10px;color:#71808b}.channel-link{font:800 9px Manrope;color:var(--ink);text-decoration:none}.channel-link i{font-style:normal;color:var(--blue)}.youtube-total{margin-top:13px;padding:19px 22px;border-radius:18px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.youtube-total span{font-size:11px;color:#b7c7d3}.youtube-total b{font:800 29px Manrope;color:#65c9f0}.youtube-total a{font:800 9px Manrope;color:#fff;text-decoration:none}
.production{background:#fff}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.video-grid .video-frame{min-height:450px}.production-chain{margin-top:14px;display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#f7f9fa;color:#687782;font-size:10px}.production-chain b{color:var(--blue)}.film{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.film-media{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;align-items:end}.film-photo,.film-poster{overflow:hidden;border-radius:25px;box-shadow:0 25px 70px rgba(12,24,36,.10)}.film-photo{height:520px}.film-poster{height:390px}.film-photo img,.film-poster img{width:100%;height:100%;object-fit:cover;display:block}.film-copy h3{font:800 13px Manrope;letter-spacing:.13em;margin:24px 0 7px}.film-copy p{font-size:13px;color:#687782;line-height:1.8}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.link-card{min-height:190px;border-radius:23px;padding:25px;text-decoration:none;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 55px rgba(12,24,36,.09)}.link-card span,.link-card small{display:block}.link-card span{font:800 8px Manrope;letter-spacing:.13em;opacity:.7}.link-card b{display:block;font:800 25px Manrope;letter-spacing:-.04em;margin-top:31px}.link-card small{font-size:9px;opacity:.65;margin-top:4px}.link-card i{position:absolute;right:24px;top:24px;font-style:normal}.link-blue{background:linear-gradient(135deg,#116bd3,#2caec0)}.link-navy{background:linear-gradient(135deg,#07131f,#1a3850)}.link-red{background:linear-gradient(135deg,#141414,#b71f2e)}.link-purple{background:linear-gradient(135deg,#24134d,#7354d7)}.link-green{background:linear-gradient(135deg,#0a4b42,#1e9b86)}.link-professional{background:linear-gradient(135deg,#193b58,#2e6e98)}
.booking{background:radial-gradient(circle at 80% 20%,rgba(22,120,232,.18),transparent 27%),linear-gradient(135deg,#07131f,#0b1e2d)}.booking-head{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 310px;gap:40px;align-items:end}.booking-head h2{font:800 clamp(49px,5.5vw,78px)/.96 Manrope;letter-spacing:-.065em;margin:17px 0}.booking-head h2 em{font-style:normal;color:#5bc9f2}.booking-head p{max-width:760px;color:#a9b9c6;font-size:14px;line-height:1.8}.booking-note{padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.045)}.booking-note span{display:block;font:800 8px Manrope;letter-spacing:.14em;color:#78d1f2}.booking-note b{display:block;font:800 16px Manrope;line-height:1.45;margin-top:10px}.booking-grid{max-width:var(--max);margin:55px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.service-picker{display:grid;gap:8px}.service-option{display:grid;grid-template-columns:38px 1fr 18px;gap:10px;align-items:center;text-align:left;padding:17px 18px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.045);color:#fff;cursor:pointer;transition:.25s}.service-option:hover,.service-option.active{background:rgba(22,120,232,.16);border-color:rgba(91,201,242,.34);transform:translateX(4px)}.service-option>span{font:800 9px Manrope;color:#6ccdf0}.service-option b,.service-option small{display:block}.service-option b{font:800 13px Manrope}.service-option small{font-size:9px;color:#99abb8;margin-top:3px}.service-option i{font-style:normal;color:#77cfee}.booking-form{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:rgba(255,255,255,.055);backdrop-filter:blur(14px)}.form-top{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.10)}.form-top span{display:block;font:800 8px Manrope;letter-spacing:.14em;color:#78d1f2}.form-top strong{display:block;font:800 22px Manrope;margin-top:4px}.booking-form label{display:block;font:700 9px Manrope;color:#c8d3dc;margin:13px 0}.booking-form input,.booking-form textarea{display:block;width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,.13);color:#fff;padding:12px 13px;font:500 12px DM Sans;outline:none}.booking-form input:focus,.booking-form textarea:focus{border-color:rgba(91,201,242,.55)}.booking-form textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:9px;margin-top:18px}.booking-form .btn.primary{background:#fff;color:var(--ink)}.btn.ghost{border:1px solid rgba(255,255,255,.18);color:#fff;background:transparent}.form-note{display:block;color:#8ea0ad;font-size:8px;margin-top:13px;line-height:1.6}.contact-last{padding-top:95px}.contact-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end}.contact h2{margin-top:15px}.contact p{color:#a9b9c6;font-size:14px;max-width:640px}.contact-actions{display:flex;gap:10px;margin-top:25px}.contact-card{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.045)}.contact-name{font:800 11px Manrope;letter-spacing:.13em;margin-bottom:18px}.contact-row{padding:15px 0;border-top:1px solid rgba(255,255,255,.10)}.contact-row span{display:block;font:800 8px Manrope;letter-spacing:.12em;color:#78d1f2;margin-bottom:4px}.contact-row a,.contact-row p{margin:0;color:#d4e0e8;text-decoration:none;font-size:11px}.light-border{border-color:rgba(255,255,255,.18)}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 34px;background:#06111b;color:#91a4b2;font-size:9px;letter-spacing:.06em}footer strong{color:#fff;font:800 9px Manrope}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:1100px){.nav{padding:0 22px}.nav nav{gap:18px}.hero{grid-template-columns:1fr .9fr;padding:50px 30px 70px}.hero-visual{height:620px}.portrait-card{height:590px}.lens-grid,.problem-grid,.cap-grid{grid-template-columns:repeat(2,1fr)}.media-grid,.speaking-premium-grid{grid-template-columns:1fr}.media-note{padding:30px}.speaking-gallery{min-height:510px}.people-grid{grid-template-columns:1fr}.person-card.featured{grid-column:auto}.person-card.featured,.person-card{grid-template-columns:1fr 1fr}.case-card{grid-template-columns:1fr 1fr}.business-body{grid-template-columns:1fr}.booking-head{grid-template-columns:1fr}.booking-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.channel-grid,.link-grid{grid-template-columns:1fr 1fr}.audience-visual-strip{grid-template-columns:1fr 1fr;grid-template-rows:310px 240px}.audience-visual-strip figure:first-child{grid-row:1/2}.film{grid-template-columns:1fr}.film-media{max-width:780px}.timeline{grid-template-columns:1fr 1fr;row-gap:20px}}
@media(max-width:700px){.nav{height:70px;padding:0 15px}.nav nav{display:none}.nav-cta{padding:9px 12px}.hero{display:block;min-height:auto;padding:40px 18px 65px}.hero h1{font-size:51px;margin-top:18px}.hero-lead{font-size:17px}.hero-visual{height:520px;margin-top:18px}.hero-frame-back{width:82%;height:86%;transform:translate(15px,18px)}.portrait-card{height:485px;width:87%;border-radius:34px}.hero-speaker-badge{left:-1px;top:9%}.floating-card{right:-1px;bottom:5%;max-width:225px}.proof{padding:0 18px 60px;grid-template-columns:1fr 1fr}.proof div+div{border-left:0;padding-left:0}.proof div{padding:18px 0}.proof strong{font-size:35px}.section{padding:88px 18px}.section-head h2,.contact h2,.film-copy h2{font-size:44px}.lens-grid,.problem-grid,.cap-grid{grid-template-columns:1fr}.lens{min-height:290px}.media-shell{padding:9px;border-radius:25px}.video-frame{min-height:330px}.media-note{padding:27px 18px}.media-note h3{font-size:33px}.media-highlights{grid-template-columns:1fr}.speaking-copy-card{padding:28px}.consultation-points{grid-template-columns:1fr}.speaking-gallery{grid-template-columns:1fr 1fr;grid-template-rows:260px 200px;min-height:auto}.speak-photo.speak-main{grid-row:1/3}.speak-photo figcaption span{display:none}.person-card.featured,.person-card{grid-template-columns:1fr;min-height:auto}.person-card .person-image,.person-talha .person-image,.person-rana .person-image{height:300px}.person-copy{padding:25px 21px}.case-card{grid-template-columns:1fr}.case-image{min-height:310px}.case-content{padding:32px 25px}.case-content h3{font-size:42px}.metrics{grid-template-columns:1fr 1fr}.metrics b:last-child{grid-column:1/3}.split-head{grid-template-columns:1fr}.logo-lockup{width:max-content}.business-stats{grid-template-columns:1fr 1fr}.business-stats b:last-child{grid-column:1/3}.timeline{grid-template-columns:1fr}.timeline>div{padding-left:22px}.audience-visual-strip{display:grid;grid-template-columns:1fr;grid-template-rows:360px 230px 230px}.audience-visual-strip figure:first-child{grid-row:auto}.channel-grid,.link-grid{grid-template-columns:1fr}.youtube-total{align-items:flex-start;flex-direction:column}.video-grid{grid-template-columns:1fr}.video-grid .video-frame{min-height:330px}.production-chain{justify-content:flex-start}.film-media{grid-template-columns:1fr 1fr}.film-photo{height:360px}.film-poster{height:270px}.booking-grid{margin-top:38px}.form-actions{flex-direction:column}.contact-actions{flex-direction:column;align-items:flex-start}footer{flex-direction:column;padding:20px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}
/* Shared inner-page components */
.h1{max-width:1000px}.proofwall-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.proofwall-grid>b{padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.72);font:800 28px Manrope;letter-spacing:-.04em}.proofwall-grid small{display:block;font:600 9px DM Sans;color:#7c8994;letter-spacing:.03em;margin-top:5px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.why-grid>div{padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.70)}.why-grid h3{font:800 18px Manrope;margin:0 0 8px}.why-grid p{font-size:11px;color:#6b7985;line-height:1.75;margin:0}.framework-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.framework-grid>div{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 15px 45px rgba(12,24,36,.045)}.framework-grid span{font:800 9px Manrope;color:var(--blue);letter-spacing:.12em}.framework-grid h3{font:800 21px Manrope;margin:28px 0 8px}.framework-grid p{font-size:11px;color:#6b7985;line-height:1.75}.inner-hero{max-width:var(--max);margin:auto;padding:120px 34px 70px}.inner-hero h1{font:800 clamp(55px,7vw,98px)/.94 Manrope;letter-spacing:-.07em;margin:20px 0 28px}.inner-hero h1 em{font-style:normal;color:var(--blue)}.inner-hero>p{max-width:780px;color:#647481;font-size:18px;line-height:1.8}.inner-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}.inner-proof span{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.68);color:#7a8793;font-size:10px}.inner-proof b{display:block;color:var(--ink);font:800 10px Manrope;margin-bottom:5px}.media-detail-grid{max-width:var(--max);margin:auto;padding:30px 34px 120px;display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.media-detail-grid .video-frame{min-height:560px}.media-story-card{padding:34px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 25px 70px rgba(15,28,43,.07)}.media-story-card h2{font:800 38px/1.1 Manrope;letter-spacing:-.045em;margin:20px 0}.media-story-card p{font-size:14px;color:#687782;line-height:1.8}.media-story-cards{max-width:var(--max);margin:auto;padding:0 34px 120px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.media-story-cards article{padding:30px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 15px 45px rgba(15,28,43,.045)}.media-story-cards article span{font:800 9px Manrope;letter-spacing:.15em;color:#7f8b97}.media-story-cards h3{font:800 27px/1.18 Manrope;letter-spacing:-.035em;margin:16px 0 10px}.media-story-cards p{font-size:13px;color:#687782;line-height:1.8}.media-closing{max-width:var(--max);margin:0 auto 110px;padding:55px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:30px}.media-closing h2{font:800 clamp(48px,6vw,78px)/.95 Manrope;letter-spacing:-.06em;margin:12px 0 0}.media-closing em{font-style:normal;color:var(--blue)}
@media(max-width:980px){.proofwall-grid,.framework-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.media-detail-grid{grid-template-columns:1fr}.inner-proof{grid-template-columns:1fr 1fr}.media-story-cards{grid-template-columns:1fr}}
@media(max-width:620px){.proofwall-grid,.framework-grid,.why-grid{grid-template-columns:1fr}.inner-hero{padding:85px 18px 50px}.inner-hero h1{font-size:48px}.inner-hero>p{font-size:15px}.inner-proof{grid-template-columns:1fr 1fr}.media-detail-grid{padding:20px 18px 80px}.media-detail-grid .video-frame{min-height:320px}.media-story-card{padding:25px}.media-story-card h2{font-size:31px}.media-story-cards{padding:0 18px 80px}.media-closing{margin-bottom:70px;padding:40px 18px;align-items:flex-start;flex-direction:column}}

/* VERSION 4 — mobile editorial refinement + compact navigation */
.nav-actions{display:flex;align-items:center;gap:9px}.menu-trigger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.82);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;box-shadow:0 10px 30px rgba(12,24,36,.07)}.menu-trigger span{width:4px;height:4px;border-radius:50%;background:var(--ink);display:block}.site-menu{position:fixed;inset:78px 0 0;z-index:69;background:rgba(7,19,31,.96);color:#fff;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.28s ease;overflow:auto;backdrop-filter:blur(24px)}.site-menu.open{opacity:1;visibility:visible;transform:none}.site-menu-inner{max-width:1180px;margin:auto;padding:28px 34px 60px}.site-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.site-menu .eyebrow{color:#9db0bf}.menu-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:25px;line-height:1;cursor:pointer}.site-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.site-menu-grid a{padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:#fff;text-decoration:none;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease}.site-menu-grid a:hover{transform:translateY(-3px);border-color:rgba(91,197,255,.38);background:linear-gradient(145deg,rgba(30,130,232,.18),rgba(255,255,255,.045))}.site-menu-grid small{font:800 9px Manrope;letter-spacing:.14em;color:#82d9e7}.site-menu-grid b{font:800 21px/1.15 Manrope;letter-spacing:-.03em;margin-top:16px}.site-menu-grid span{font-size:11px;line-height:1.65;color:#aebdca;margin-top:8px}

@media(max-width:700px){
  body{background:#f3f1ec}.nav{height:66px;padding:0 14px}.nav nav{display:none}.nav-actions{gap:7px}.nav-cta{padding:9px 11px;font-size:10px}.menu-trigger{display:flex}.site-menu{inset:66px 0 0}.site-menu-inner{padding:20px 14px 42px}.site-menu-grid{grid-template-columns:1fr 1fr;gap:8px}.site-menu-grid a{min-height:145px;padding:17px 15px;border-radius:18px}.site-menu-grid b{font-size:16px;margin-top:13px}.site-menu-grid span{font-size:9.5px;line-height:1.5}.site-menu-grid small{font-size:7.5px}

  /* Hero: less poster-like, more editorial on small screens */
  .hero{padding:34px 14px 48px}.hero h1{font-size:47px;line-height:.94;letter-spacing:-.065em}.hero-lead{font-size:16px;line-height:1.58}.hero-support{font-size:12px;line-height:1.72}.hero-detail{font-size:11px;line-height:1.7}.hero-proof-row{gap:6px}.hero-proof-row span{padding:8px 10px;font-size:9px}.actions{gap:10px;margin-top:24px}.btn{padding:13px 16px;font-size:11px}.hero-visual{height:455px;margin-top:8px}.hero-frame-back{width:90%;height:84%;border-radius:32px;transform:translate(8px,15px)}.portrait-card{width:91%;height:430px;border-radius:31px;transform:rotate(.4deg);box-shadow:0 30px 65px rgba(8,24,39,.16)}.portrait-overlay{left:12px;right:12px;bottom:12px;padding:16px;border-radius:17px}.portrait-overlay span{font-size:9px}.portrait-overlay small{font-size:8px}.hero-speaker-badge{left:2px;top:8%;padding:10px 11px;border-radius:14px}.hero-speaker-badge b{font-size:9px}.hero-speaker-badge small{font-size:8px}.floating-card{right:0;bottom:3%;max-width:205px;padding:13px 14px;border-radius:17px}.floating-card b{font-size:25px}.floating-card span{font-size:9px}.orbit-one{width:430px;height:430px}.orbit-two{width:510px;height:510px}

  .proof{padding:0 14px 42px;gap:5px}.proof div{padding:13px 8px;border-radius:15px;background:rgba(255,255,255,.55);border:1px solid var(--line)}.proof strong{font-size:27px}.proof span{font-size:8px}
  .section{padding:64px 14px}.section-head{margin-bottom:28px}.section-head h2,.contact h2,.film-copy h2{font-size:39px;line-height:.98;margin:12px 0 16px}.section-head>p{font-size:13px;line-height:1.72}

  /* Compact editorial cards — remove the huge empty desktop proportions */
  .lens-grid,.problem-grid{grid-template-columns:1fr 1fr;gap:8px}.lens,.problem{min-height:235px!important;padding:18px 15px!important;border-radius:20px!important;box-shadow:0 12px 35px rgba(12,24,36,.055)!important}.lens:nth-child(2),.problem:nth-child(2){transform:translateY(13px)}.lens:nth-child(4),.problem:nth-child(4){transform:translateY(13px)}.lens-icon{width:48px;height:48px;border-radius:15px;font-size:20px;margin:15px 0 18px}.lens h3,.problem h3{font-size:22px!important;line-height:1.05!important;margin:0 0 9px!important}.lens p,.problem p{font-size:9.5px!important;line-height:1.6!important}.lens b,.problem b{font-size:8px!important;margin-top:16px}.lens:nth-child(3),.problem:nth-child(3){background:linear-gradient(145deg,#0b1b29,#122d42);color:#fff}.lens:nth-child(3) p,.problem:nth-child(3) p{color:#b9c8d3}.lens:nth-child(3) b,.problem:nth-child(3) b{color:#7ed7ff}

  .media-shell{padding:7px;border-radius:21px;box-shadow:0 18px 50px rgba(12,24,36,.09)}.video-frame{min-height:255px;border-radius:17px}.media-note{padding:22px 16px}.media-note h3{font-size:28px}.media-note p{font-size:11px}.media-highlights{gap:7px}.media-highlights div{padding:14px;border-radius:15px}
  .speaking-premium-grid{gap:10px}.speaking-copy-card{padding:22px 17px;border-radius:22px}.speaking-copy-card h3{font-size:28px}.speaking-copy-card p{font-size:11px}.consultation-points{gap:7px}.consultation-points div{padding:13px;border-radius:14px}.consultation-points b{font-size:10px}.consultation-points span{font-size:9px}.speaking-gallery{grid-template-columns:1.2fr .8fr;grid-template-rows:205px 155px;gap:7px}.speak-photo{border-radius:16px}.speak-photo figcaption{padding:11px}.speak-photo figcaption b{font-size:9px}

  .people-grid{gap:10px}.person-card.featured,.person-card{display:grid;grid-template-columns:1fr!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 15px 42px rgba(12,24,36,.07)}.person-card:nth-child(2){transform:translateX(7px)}.person-card:nth-child(3){transform:translateX(-3px)}.person-card .person-image,.person-talha .person-image,.person-rana .person-image{height:250px!important}.person-copy{padding:20px 18px!important}.person-copy h3{font-size:25px!important}.person-copy p{font-size:10.5px!important;line-height:1.7!important}.person-tags{gap:5px}.person-tags span{font-size:7.5px;padding:5px 7px}

  .case-card{gap:0;border-radius:22px;overflow:hidden}.case-image{min-height:245px}.case-content{padding:23px 19px}.case-content h3{font-size:35px}.metrics{gap:6px}.metrics div{padding:13px;border-radius:14px}.metrics b{font-size:20px}.metrics span{font-size:8px}

  .cap-grid{grid-template-columns:1fr;gap:9px}.cap{min-height:245px!important;padding:21px 18px!important;border-radius:21px!important;box-shadow:0 13px 40px rgba(12,24,36,.055)!important}.cap:nth-child(2n){transform:translateX(5px)}.cap:nth-child(3n){background:linear-gradient(145deg,#f7fbff,#eaf4ff)}.cap-icon{width:52px!important;height:52px!important;border-radius:16px!important;font-size:23px!important}.cap h3{font-size:24px!important;margin-top:18px!important}.cap p{font-size:10px!important;line-height:1.65!important}.cap small{font-size:8px!important}

  .business{padding-top:70px}.business-body{gap:12px}.business-media{border-radius:21px;overflow:hidden}.business-media img{max-height:320px;object-fit:cover}.business-copy{padding:21px 18px!important;border-radius:21px}.logo-lockup img{max-width:150px}.business-stats{gap:6px}.business-stats div{padding:13px;border-radius:14px}.business-stats b{font-size:20px}.business-stats span{font-size:8px}
  .timeline{gap:8px}.timeline>div{padding:16px 14px 16px 20px;border-radius:17px;background:rgba(255,255,255,.58);border:1px solid var(--line)}.timeline strong{font-size:20px}.timeline span{font-size:9px}

  .audience-visual-strip{grid-template-columns:1fr 1fr;grid-template-rows:255px 175px;gap:7px}.audience-visual-strip figure:first-child{grid-column:1/3;grid-row:auto}.audience-visual-strip figure{border-radius:16px}.audience-visual-strip figcaption{padding:10px}.audience-visual-strip figcaption b{font-size:9px}.audience-visual-strip figcaption span{font-size:7.5px}.channel-grid{grid-template-columns:1fr 1fr;gap:8px}.channel-grid article{min-height:170px!important;padding:17px!important;border-radius:18px!important}.channel-grid article:nth-child(3){grid-column:1/3}.channel-grid h3{font-size:17px}.channel-grid strong{font-size:25px}.channel-grid p{font-size:8px}.channel-link{font-size:8px}

  .video-grid{gap:9px}.video-grid .video-frame{min-height:250px}.production-chain{gap:7px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.production-chain span{white-space:nowrap;padding:8px 10px;border-radius:999px;font-size:8px}.production-chain b{font-size:10px}
  .film{gap:18px}.film-media{grid-template-columns:1.1fr .9fr;gap:7px}.film-photo{height:300px}.film-poster{height:225px}.film-copy p{font-size:11px}

  /* Links: two-column visual tiles instead of a long flat list */
  .link-grid{grid-template-columns:1fr 1fr;gap:8px}.link-card{min-height:170px!important;padding:17px!important;border-radius:18px!important}.link-card:nth-child(3){transform:translateY(7px)}.link-card:nth-child(4){transform:translateY(7px)}.link-card b{font-size:19px!important;line-height:1.05!important}.link-card small{font-size:8px!important}.link-card span{font-size:7.5px!important}.link-card i{font-size:14px!important}

  .booking{padding-top:65px}.booking-head h2{font-size:39px}.service-picker{gap:7px}.service-option{padding:15px 13px!important;border-radius:16px!important}.service-option b{font-size:12px}.service-option small{font-size:8px}.booking-form{padding:19px!important;border-radius:20px!important}.form-actions .btn{width:100%}.contact-last{padding-bottom:48px}
  footer{padding:18px 14px;gap:5px}footer strong{font-size:11px}
}
body.menu-open{overflow:hidden}
@media(max-width:700px){
  .business-body{grid-template-columns:1fr!important}.business-copy{min-height:230px}.business-stats{grid-template-columns:1fr 1fr!important}.business-stats b:last-child{grid-column:1/3}.xpace .split-head{gap:18px}.xpace-logo{transform:none!important}.xpace-logo img{max-width:165px!important}
}

/* =========================================================
   V5 MOBILE PREMIUM PASS
   Editorial density, smaller rhythm, stronger hierarchy.
   ========================================================= */
@media (max-width: 700px){
  :root{--mobile-gutter:16px;--mobile-radius:22px;--mobile-shadow:0 18px 55px rgba(8,24,39,.09)}
  body{background:#f4f2ed}
  .cursor-glow{display:none}

  /* Header: make the three-dot control unmistakable and always visible. */
  .nav{height:68px;padding:0 13px;z-index:100;background:rgba(248,247,243,.92);box-shadow:0 8px 28px rgba(8,24,39,.05)}
  .brand{gap:9px}.brand-mark{width:38px;height:38px;border-radius:11px}.brand strong{font-size:12px}.brand small{font-size:8px}
  .nav-actions{display:flex!important;align-items:center;gap:8px}
  .nav-cta{display:inline-flex!important;align-items:center;padding:9px 12px;font-size:10px;white-space:nowrap}
  .menu-trigger{display:flex!important;visibility:visible!important;opacity:1!important;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(12,24,36,.13);border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 9px 26px rgba(12,24,36,.10);font-family:Arial,sans-serif;font-size:25px;font-weight:700;line-height:1;align-items:center;justify-content:center;padding:0;position:relative;z-index:102}
  .menu-trigger span{display:block!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important;transform:translateY(-1px)}
  .site-menu{inset:68px 0 0;z-index:99}
  .site-menu-inner{padding:18px 13px 36px}
  .site-menu-head{margin-bottom:15px;padding:0 2px}.menu-close{width:40px;height:40px}
  .site-menu-grid{grid-template-columns:1fr 1fr;gap:8px}
  .site-menu-grid a{min-height:138px;padding:15px 14px;border-radius:18px}
  .site-menu-grid small{font-size:7px}.site-menu-grid b{font-size:15px;line-height:1.1;margin-top:9px}.site-menu-grid span{font-size:8.5px;line-height:1.45;margin-top:6px}

  /* Hero: tighter editorial composition instead of a tall mobile poster. */
  .hero{padding:32px var(--mobile-gutter) 42px;min-height:auto}
  .eyebrow{font-size:8px;letter-spacing:.16em}.accent-label{gap:8px}.pulse-dot{width:6px;height:6px}
  .hero h1{font-size:clamp(43px,12.3vw,56px);line-height:.91;letter-spacing:-.068em;margin:17px 0 21px;max-width:100%}
  .hero-lead{font-size:15px;line-height:1.55;margin-bottom:12px}.hero-support{font-size:11px;line-height:1.68;margin-bottom:14px}.hero-detail{font-size:10px;line-height:1.65}
  .hero-proof-row{gap:6px;margin-top:18px}.hero-proof-row span{padding:7px 9px;font-size:8px}
  .actions{margin-top:20px;gap:8px;flex-wrap:wrap}.btn{padding:12px 14px;font-size:10px}.text-link{font-size:10px}
  .hero-visual{height:410px;margin:17px -1px 0}.hero-frame-back{width:88%;height:82%;border-radius:29px;transform:translate(9px,13px);background:linear-gradient(145deg,rgba(22,120,232,.10),rgba(43,185,200,.025));box-shadow:0 22px 70px rgba(22,120,232,.06)}
  .portrait-card{width:90%;height:390px;border-radius:29px;box-shadow:0 30px 70px rgba(8,24,39,.17);transform:rotate(.35deg)}
  .portrait-card img{object-position:50% 30%}.portrait-overlay{left:10px;right:10px;bottom:10px;padding:13px;border-radius:16px}.portrait-overlay span{font-size:8px}.portrait-overlay small{font-size:7.5px}
  .hero-speaker-badge{left:1px;top:7%;padding:9px 10px;border-radius:13px}.hero-speaker-badge b{font-size:8px}.hero-speaker-badge small{font-size:7px}
  .floating-card{right:1px;bottom:4%;max-width:188px;padding:11px 12px;border-radius:15px}.floating-card b{font-size:22px}.floating-card span{font-size:8px}.orbit-one{width:360px;height:360px}.orbit-two{width:430px;height:430px}

  /* Section rhythm: visible separation, but never giant blank blocks. */
  .section{padding:60px var(--mobile-gutter)}.section-head{margin-bottom:22px}.section-head h2,.contact h2,.film-copy h2{font-size:clamp(33px,9.8vw,42px);line-height:.98;letter-spacing:-.055em;margin:10px 0 14px}.section-head>p{font-size:12px;line-height:1.68}
  .section-head:after{content:"";display:block;width:42px;height:2px;margin-top:18px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:9px}

  /* Strategic lens + business problems: premium staggered tiles. */
  .lens-grid,.problem-grid{grid-template-columns:1fr 1fr;gap:8px;align-items:start}
  .lens,.problem{min-height:225px!important;padding:16px 14px!important;border-radius:20px!important;box-shadow:var(--mobile-shadow)!important;position:relative;overflow:hidden}
  .lens:nth-child(2),.problem:nth-child(2){transform:translateY(12px)}.lens:nth-child(4),.problem:nth-child(4){transform:translateY(12px)}
  .lens:nth-child(1),.problem:nth-child(1){background:linear-gradient(155deg,#fffefa,#f4f7fa)}
  .lens:nth-child(2),.problem:nth-child(2){background:linear-gradient(155deg,#f5fbff,#eaf5ff)}
  .lens:nth-child(3),.problem:nth-child(3){background:linear-gradient(155deg,#091a29,#12334a)}
  .lens:nth-child(4),.problem:nth-child(4){background:linear-gradient(155deg,#fffefa,#eef8f6)}
  .lens>span,.problem>span{font:800 8px Manrope;letter-spacing:.12em;color:#80909d}.lens-icon,.problem-icon{width:46px!important;height:46px!important;border-radius:14px!important;margin:13px 0 17px!important;font-size:19px!important;display:grid;place-items:center}
  .lens h3,.problem h3{font-size:21px!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:0 0 8px!important}.lens p,.problem p{font-size:9px!important;line-height:1.55!important;margin-bottom:0!important}.lens b,.problem b{font-size:7.5px!important;margin-top:14px!important}.problem ul{padding-left:14px;margin:10px 0 0}.problem li{font-size:8px;line-height:1.5;margin:2px 0}
  .lens:nth-child(3) p,.problem:nth-child(3) p,.lens:nth-child(3) b,.problem:nth-child(3) b{color:#d4e2ec}.lens:nth-child(3)>span,.problem:nth-child(3)>span{color:#7ed7ff}

  /* Media/public presence: framed module, not full-width flat video. */
  .media-shell{padding:7px;border-radius:23px;background:linear-gradient(145deg,#fffefa,#eef4f8);box-shadow:0 22px 65px rgba(8,24,39,.10);border:1px solid rgba(12,24,36,.08)}
  .video-frame{min-height:225px!important;border-radius:17px}.media-note{padding:20px 14px 15px}.media-note h3{font-size:27px;line-height:1.03;letter-spacing:-.045em}.media-note p{font-size:10px;line-height:1.65}.media-highlights{grid-template-columns:1fr 1fr;gap:6px}.media-highlights div,.media-highlights span{padding:11px;border-radius:13px;font-size:8px;line-height:1.45}.media-highlights b{font-size:9px}

  /* Public speaking: card-with-gallery composition. */
  .speaking{padding-top:54px}.speaking-premium-grid{gap:8px}.speaking-copy-card{padding:21px 16px;border-radius:22px;box-shadow:var(--mobile-shadow)}.speaking-copy-card h3{font-size:28px;line-height:1.02;letter-spacing:-.045em}.speaking-copy-card p{font-size:10px;line-height:1.65}.consultation-points{grid-template-columns:1fr 1fr;gap:6px}.consultation-points div,.consultation-points span{padding:11px;border-radius:13px}.consultation-points b{font-size:8.5px}.consultation-points span{font-size:7.5px;line-height:1.45}.speaking-gallery{grid-template-columns:1.1fr .9fr;grid-template-rows:180px 135px;gap:6px}.speak-photo{border-radius:15px}.speak-photo figcaption{padding:9px}.speak-photo figcaption b{font-size:8px}.speak-photo figcaption span{font-size:7px}

  /* Industry conversations: compact horizontal cards keep all three portraits visible. */
  .people-grid{gap:8px}.person-card.featured,.person-card{display:grid;grid-template-columns:42% 58%!important;min-height:0!important;border-radius:20px!important;overflow:hidden!important;box-shadow:var(--mobile-shadow)!important}.person-card:nth-child(2){transform:translateX(6px)}.person-card:nth-child(3){transform:translateX(-3px)}
  .person-card .person-image,.person-talha .person-image,.person-rana .person-image{height:100%!important;min-height:205px!important}.person-card .person-image img{object-position:center;min-height:100%}.person-copy{padding:16px 14px!important}.person-copy h3{font-size:19px!important;line-height:1.06!important;letter-spacing:-.04em}.person-copy p{font-size:8.5px!important;line-height:1.55!important}.person-copy .person-context{display:none}.person-tags{gap:4px}.person-tags b{font-size:6.5px;padding:4px 6px}

  /* Case study */
  .case-card{border-radius:21px;box-shadow:var(--mobile-shadow)}.case-image{min-height:210px}.case-content{padding:20px 16px}.case-content h3{font-size:33px;line-height:1;letter-spacing:-.05em}.case-content p{font-size:10px}.metrics{gap:5px}.metrics div{padding:11px;border-radius:13px}.metrics b{font-size:18px}.metrics span{font-size:7px}

  /* Capabilities: 2-column editorial tiles, not eight giant full-width blocks. */
  .cap-grid{grid-template-columns:1fr 1fr;gap:8px;align-items:start}.cap{min-height:220px!important;padding:16px 14px!important;border-radius:20px!important;box-shadow:var(--mobile-shadow)!important}.cap:nth-child(2n){transform:translateY(11px)}.cap:nth-child(3n){background:linear-gradient(145deg,#f7fbff,#eaf4ff)}.cap:nth-child(4n){transform:translateY(2px)}.cap:nth-child(5n){transform:translateY(12px)}
  .cap>span{font-size:7.5px}.cap-icon{width:46px!important;height:46px!important;border-radius:14px!important;font-size:20px!important;margin-top:14px}.cap h3{font-size:19px!important;line-height:1.04!important;letter-spacing:-.04em;margin:15px 0 8px!important}.cap p{font-size:8.5px!important;line-height:1.52!important}.cap small{font-size:6.8px!important;line-height:1.45!important}.cap i{font-size:13px!important}

  /* Founder/business section: compact image + data stack. */
  .business{padding-top:58px}.business-body{gap:9px}.business-media{border-radius:20px}.business-media img{max-height:245px;object-fit:cover}.business-copy{padding:18px 16px!important;border-radius:20px}.logo-lockup img{max-width:135px}.business-copy h3{font-size:36px}.business-copy p{font-size:9.5px;line-height:1.65}.business-stats{gap:6px}.business-stats div{padding:11px;border-radius:13px}.business-stats b{font-size:18px}.business-stats span{font-size:7px}.timeline{gap:6px}.timeline>div{padding:13px 12px 13px 16px;border-radius:15px}.timeline strong{font-size:18px}.timeline span{font-size:8px}

  /* Audience + links */
  .audience-visual-strip{grid-template-columns:1fr 1fr;grid-template-rows:205px 145px;gap:6px}.audience-visual-strip figure:first-child{grid-column:1/3}.audience-visual-strip figure{border-radius:15px}.audience-visual-strip figcaption{padding:8px}.audience-visual-strip figcaption b{font-size:8px}.audience-visual-strip figcaption span{font-size:6.8px}.channel-grid{grid-template-columns:1fr 1fr;gap:7px}.channel-grid article{min-height:145px!important;padding:14px!important;border-radius:17px!important}.channel-grid article:nth-child(3){grid-column:1/3}.channel-grid h3{font-size:15px}.channel-grid strong{font-size:22px}.channel-grid p{font-size:7.5px}.channel-link{font-size:7.5px}
  .link-grid{grid-template-columns:1fr 1fr;gap:7px}.link-card{min-height:145px!important;padding:15px!important;border-radius:17px!important}.link-card:nth-child(3),.link-card:nth-child(4){transform:translateY(7px)}.link-card b{font-size:17px!important}.link-card small{font-size:7px!important}.link-card span{font-size:6.8px!important}.link-card i{font-size:13px!important}

  /* Booking should feel like a premium service selector, not a generic form. */
  .booking{padding-top:58px}.booking-head h2{font-size:37px}.booking-head p{font-size:11px}.service-picker{grid-template-columns:1fr 1fr;gap:6px}.service-option{padding:13px 11px!important;border-radius:14px!important}.service-option b{font-size:10px}.service-option small{font-size:7px;line-height:1.45}.booking-form{padding:17px!important;border-radius:19px}.booking-form label{font-size:8px}.booking-form input,.booking-form textarea{font-size:11px}.form-actions .btn{width:100%}
  footer{padding:18px 14px;gap:5px}footer strong{font-size:10px}
}

@media(max-width:380px){
  .nav-cta{font-size:9px;padding:8px 10px}.menu-trigger{width:40px;height:40px;flex-basis:40px}
  .hero h1{font-size:42px}.hero-visual{height:375px}.portrait-card{height:355px}.hero-frame-back{height:82%}
  .lens,.problem{min-height:215px!important}.lens h3,.problem h3{font-size:19px!important}.lens p,.problem p{font-size:8.4px!important}.cap{min-height:205px!important}.cap h3{font-size:17px!important}.cap p{font-size:7.8px!important}
  .person-card.featured,.person-card{grid-template-columns:40% 60%!important}.person-copy{padding:13px 11px!important}.person-copy h3{font-size:17px!important}.person-copy p{font-size:7.8px!important}.person-card .person-image{min-height:190px!important}
}


/* ================= V6 PREMIUM SYSTEM ================= */
:root{
  --v6-ink:#081521; --v6-navy:#0a1a29; --v6-blue:#1678e8; --v6-cyan:#36c7d0;
  --v6-line:rgba(8,21,33,.11); --v6-shadow:0 22px 70px rgba(8,21,33,.11);
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:#f7f7f4;color:var(--v6-ink);overflow-x:hidden}
.nav{backdrop-filter:blur(18px) saturate(140%);background:rgba(250,250,247,.84);border-bottom:1px solid rgba(8,21,33,.07);z-index:100}
.menu-trigger{display:grid!important;place-items:center;border:1px solid rgba(8,21,33,.12)!important;background:#fff!important;box-shadow:0 8px 24px rgba(8,21,33,.08);font-size:25px!important;line-height:1}
.site-menu{z-index:200;background:rgba(6,16,26,.74)!important;backdrop-filter:blur(22px)}
.site-menu-inner{background:linear-gradient(145deg,#f9fbfb,#edf3f7)!important;box-shadow:0 30px 100px rgba(0,0,0,.28)}
.site-menu-head strong{display:block;margin-top:7px;font:700 17px/1.2 Manrope;max-width:620px}
.site-menu-grid a{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,245,249,.94))!important;border:1px solid rgba(8,21,33,.10)!important;box-shadow:0 12px 32px rgba(8,21,33,.06)}
.site-menu-grid a:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(8,21,33,.12);border-color:rgba(22,120,232,.28)!important}
.hero{background:radial-gradient(circle at 82% 20%,rgba(54,199,208,.14),transparent 27%),radial-gradient(circle at 72% 78%,rgba(22,120,232,.10),transparent 30%),linear-gradient(135deg,#fafbf9 0%,#f4f7f7 48%,#eef5f7 100%)}
.hero h1{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.065em}
.hero h1 em,.section-head h2 em,.contact h2 em,.film-copy h2 em,.booking-head h2 em{font-style:normal;color:var(--v6-blue)}
.hero-visual:before{content:"";position:absolute;inset:6% -10% -7% 3%;border:1px solid rgba(22,120,232,.13);border-radius:42% 58% 50% 50%;transform:rotate(-8deg);pointer-events:none}
.hero-photo-card{border:7px solid rgba(255,255,255,.78)!important;box-shadow:0 35px 100px rgba(8,21,33,.20),0 0 0 1px rgba(8,21,33,.08)!important}
.hero-photo-card img{filter:saturate(.98) contrast(1.02)}
.hero-frame-back{background:linear-gradient(145deg,rgba(22,120,232,.18),rgba(54,199,208,.08))!important;border:1px solid rgba(22,120,232,.14)}
.proof{background:#0b1b2a!important;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.proof strong{color:#fff!important}.proof span{color:#a9bdcc!important}
.section-head h2,.contact h2,.film-copy h2{font-family:Manrope;font-weight:800}
.section-head>p{max-width:780px}
.lens,.problem,.cap,.person-card,.link-card,.channel-grid article,.booking-form,.contact-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.lens:hover,.problem:hover,.cap:hover,.person-card:hover,.link-card:hover,.channel-grid article:hover{transform:translateY(-5px)!important;box-shadow:0 25px 65px rgba(8,21,33,.13)!important;border-color:rgba(22,120,232,.24)!important}
.lens,.problem{cursor:pointer;text-decoration:none;color:inherit}
.lens-icon,.problem-icon,.cap-icon{box-shadow:inset 0 0 0 1px rgba(22,120,232,.08),0 10px 28px rgba(22,120,232,.07)}
.cap{position:relative;overflow:hidden}
.cap:after,.problem:after,.lens:after{content:"";position:absolute;right:-35px;top:-45px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(54,199,208,.11),transparent 67%);pointer-events:none}
.person-image img{transition:transform .5s ease}.person-card:hover .person-image img{transform:scale(1.035)}
.decision-bridge{background:linear-gradient(145deg,#f5f7f6,#eaf1f5)!important}
.decision-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;padding:34px;border-radius:30px;border:1px solid rgba(8,21,33,.10);background:linear-gradient(145deg,#ffffff,#edf4f7);box-shadow:var(--v6-shadow)}
.decision-copy h2{font:800 clamp(40px,5vw,66px)/.98 Manrope;letter-spacing:-.065em;margin:12px 0 16px}.decision-copy h2 em{font-style:normal;color:var(--v6-blue)}.decision-copy p{max-width:680px;color:#5c6a75;line-height:1.7}.decision-links{display:flex;gap:18px;align-items:center;margin-top:22px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.decision-grid>div{padding:22px;border-radius:20px;border:1px solid rgba(8,21,33,.08);background:rgba(255,255,255,.72);display:flex;flex-direction:column;gap:8px}.decision-grid b{font:800 11px Manrope;color:var(--v6-blue);letter-spacing:.12em}.decision-grid strong{font:700 19px Manrope}.decision-grid span{font-size:12px;line-height:1.55;color:#697782}

/* Detail pages */
.detail-page{background:linear-gradient(180deg,#f8faf9 0,#f2f5f6 100%);min-height:100vh}.detail-hero{padding:150px 5vw 70px;background:radial-gradient(circle at 85% 10%,rgba(54,199,208,.14),transparent 28%),linear-gradient(135deg,#fbfcfa,#eef4f6)}.detail-kicker{font:800 11px Manrope;letter-spacing:.16em;color:#1678e8}.detail-hero h1{font:800 clamp(46px,7vw,92px)/.95 Manrope;letter-spacing:-.07em;max-width:1000px;margin:15px 0}.detail-hero h1 em{font-style:normal;color:#1678e8}.detail-hero p{max-width:760px;font-size:18px;line-height:1.7;color:#596873}.detail-wrap{max-width:1180px;margin:auto;padding:70px 5vw 100px}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.detail-card{padding:30px;border-radius:26px;border:1px solid rgba(8,21,33,.09);background:#fff;box-shadow:0 20px 60px rgba(8,21,33,.07)}.detail-card h2{font:800 30px/1.05 Manrope;letter-spacing:-.045em;margin:0 0 14px}.detail-card h3{font:700 19px Manrope;margin:26px 0 8px}.detail-card p,.detail-card li{font-size:14px;line-height:1.75;color:#5d6a75}.detail-card ul{padding-left:20px}.detail-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-proof div{padding:20px;border-radius:18px;background:#f2f7fb;border:1px solid rgba(22,120,232,.10)}.detail-proof b{display:block;font:800 27px Manrope}.detail-proof span{font-size:11px;color:#6c7a84}.detail-cta{margin-top:28px;padding:30px;border-radius:26px;background:#0a1a29;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-cta h2{margin:0;font:800 34px Manrope}.detail-cta p{color:#b9c8d3}.detail-cta .btn{white-space:nowrap}
@media(max-width:760px){
  .site-menu{padding:10px}.site-menu-inner{max-height:calc(100vh - 20px);overflow:auto;border-radius:24px}.site-menu-grid{grid-template-columns:1fr!important;gap:7px!important}.site-menu-grid a{min-height:112px!important;padding:16px!important}.site-menu-grid a b{font-size:18px!important}.site-menu-grid a span{font-size:10px!important;line-height:1.45}.site-menu-head{padding:18px 16px}.site-menu-head strong{font-size:14px;max-width:290px}
  .hero{padding-top:34px!important}.hero h1{font-size:clamp(43px,12vw,58px)!important;line-height:.93!important}.hero-lead{font-size:15px!important;line-height:1.6!important}.hero-support{font-size:10.5px!important;line-height:1.65!important}.hero-visual{height:435px!important}.portrait-card{width:92%!important;height:410px!important}.hero-visual:before{inset:5% -15% 0 0}.proof{margin-top:12px!important}.proof>div{padding:15px 8px!important}.proof strong{font-size:22px!important}.proof span{font-size:7px!important}
  .lens-grid,.problem-grid,.cap-grid{gap:9px!important}.lens,.problem,.cap{min-height:235px!important;padding:17px 14px!important;border-radius:22px!important}.lens h3,.problem h3{font-size:20px!important}.lens p,.problem p{font-size:9px!important;line-height:1.6!important}.cap h3{font-size:18px!important}.cap p{font-size:8.5px!important}.cap small{font-size:7px!important}
  .decision-shell{grid-template-columns:1fr;padding:20px;border-radius:24px;gap:16px}.decision-copy h2{font-size:39px}.decision-copy p{font-size:11px}.decision-links{flex-direction:column;align-items:stretch}.decision-links .btn,.decision-links .text-link{text-align:center}.decision-grid{gap:7px}.decision-grid>div{padding:15px;border-radius:16px}.decision-grid strong{font-size:15px}.decision-grid span{font-size:8px}
  .detail-hero{padding:110px 20px 45px}.detail-hero h1{font-size:46px}.detail-hero p{font-size:13px}.detail-wrap{padding:40px 18px 70px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-card{padding:21px;border-radius:21px}.detail-card h2{font-size:25px}.detail-card p,.detail-card li{font-size:11px;line-height:1.7}.detail-proof{grid-template-columns:1fr 1fr}.detail-proof div{padding:14px}.detail-proof b{font-size:21px}.detail-proof span{font-size:8px}.detail-cta{padding:21px;border-radius:21px;display:block}.detail-cta h2{font-size:28px}.detail-cta p{font-size:10px;line-height:1.6}.detail-cta .btn{display:block;text-align:center;margin-top:15px}
}

/* ================= V7 — FINAL PREMIUM SYSTEM ================= */
:root{
  --v7-ink:#081521;
  --v7-navy:#071521;
  --v7-blue:#1779e8;
  --v7-cyan:#2bb9c8;
  --v7-paper:#fbfbf8;
  --v7-muted:#6a7883;
  --v7-line:rgba(8,21,33,.105);
  --v7-shadow:0 24px 80px rgba(8,21,33,.10);
}
body{background:#f8f8f5;color:var(--v7-ink)}
/* Header */
.nav{height:82px;padding:0 clamp(18px,3vw,42px);background:rgba(251,251,248,.86);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 1px 0 rgba(8,21,33,.05)}
.nav nav{display:none}
.brand-mark{width:43px;height:43px;border-radius:13px;box-shadow:0 12px 28px rgba(23,121,232,.16)}
.nav-cta{padding:12px 17px;border-radius:999px;font-weight:800;background:#fff;box-shadow:0 8px 24px rgba(8,21,33,.07)}
.menu-trigger{width:47px;height:47px;border-radius:50%!important;border:1px solid rgba(8,21,33,.12)!important;background:#fff!important;box-shadow:0 10px 26px rgba(8,21,33,.09)!important;font-size:27px!important;color:#081521!important}
.nav-actions{display:flex;align-items:center;gap:9px}
/* Reference-style drawer menu */
.site-menu{position:fixed!important;inset:0!important;padding:0!important;background:rgba(4,12,20,.58)!important;backdrop-filter:blur(7px)!important;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;z-index:300!important}
.site-menu.open{opacity:1;visibility:visible}
.site-menu-panel{width:min(455px,88vw);height:100%;background:#fffefa;box-shadow:24px 0 80px rgba(0,0,0,.18);padding:26px 22px 22px;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .34s cubic-bezier(.2,.8,.2,1);overflow:auto}
.site-menu.open .site-menu-panel{transform:translateX(0)}
.site-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:0 2px 22px}
.site-menu-head .eyebrow{color:#81909a;font-size:9px;letter-spacing:.18em}
.site-menu-head strong{display:block;color:#0a1824;margin-top:8px;font:800 21px/1.18 Manrope;letter-spacing:-.035em;max-width:320px}
.menu-close{width:40px;height:40px;flex:0 0 40px;border:0;background:transparent;color:#78858e;font-size:31px;line-height:1;cursor:pointer}
.menu-list{display:flex;flex-direction:column;gap:0;border:1px solid rgba(8,21,33,.08);border-radius:18px;background:#f6f7f5;overflow:hidden}
.menu-list a{min-height:76px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;text-decoration:none;color:#182531;border-bottom:1px solid rgba(8,21,33,.08);transition:background .2s ease,padding .2s ease}
.menu-list a:last-child{border-bottom:0}
.menu-list a:hover{background:#fff;padding-left:18px}
.menu-list a.menu-primary{background:#071521;color:#fff}
.menu-list a.menu-primary small{color:#78cfe0}
.menu-list span{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px}
.menu-list small{font:800 9px Manrope;color:#7e8d97;letter-spacing:.1em}
.menu-list b{font:700 16px Manrope;letter-spacing:-.025em}
.menu-list i{font-style:normal;font-size:17px;color:#8b969e}
.menu-primary i{color:#fff}
.menu-quick{margin-top:24px}
.menu-quick-label{font:800 10px Manrope;letter-spacing:.14em;color:#687780;margin:0 2px 9px}
.menu-quick-grid{border-radius:16px;background:#f4f5f2;border:1px solid rgba(8,21,33,.07);padding:5px}
.menu-quick-grid a{display:block;padding:11px 12px;color:#24333e;text-decoration:none;font-size:12px;border-bottom:1px solid rgba(8,21,33,.07)}
.menu-quick-grid a:last-child{border-bottom:0}
.menu-footer{margin-top:auto;padding:22px 3px 2px;display:flex;justify-content:space-between;gap:14px;font:800 9px Manrope;letter-spacing:.1em;color:#7d8992}
.menu-footer a{color:#1779e8;text-decoration:none}
body.menu-open{overflow:hidden}
/* Hero */
.hero{min-height:calc(100vh - 82px);padding:72px clamp(22px,5vw,74px) 86px;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:58px;background:radial-gradient(circle at 76% 25%,rgba(43,185,200,.15),transparent 25%),radial-gradient(circle at 68% 78%,rgba(23,121,232,.12),transparent 31%),linear-gradient(135deg,#fcfcf9 0%,#f6f8f7 54%,#edf4f6 100%);overflow:hidden}
.hero:after{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-320px;bottom:-350px;border:1px solid rgba(23,121,232,.12);box-shadow:0 0 0 70px rgba(23,121,232,.018),0 0 0 140px rgba(43,185,200,.014);pointer-events:none}
.hero-copy{max-width:760px}
.hero h1{font-size:clamp(58px,6.5vw,98px);letter-spacing:-.075em;line-height:.9;margin:24px 0 30px}
.hero-lead{max-width:720px;font-size:20px;line-height:1.58;color:#3f505d}
.hero-support{max-width:680px;font-size:13px;color:#73818b;line-height:1.82}
.hero-detail{font-size:12px;line-height:1.8;color:#40515e;max-width:720px}
.hero-quote{position:relative;margin:27px 0 8px;max-width:660px;padding:17px 22px 15px 45px;border-left:2px solid var(--v7-blue);background:linear-gradient(90deg,rgba(23,121,232,.055),rgba(255,255,255,.02));border-radius:0 16px 16px 0}
.hero-quote .quote-mark{position:absolute;left:15px;top:9px;font:800 30px/1 Manrope;color:var(--v7-blue)}
.hero-quote p{margin:0;font:700 16px/1.55 Manrope;letter-spacing:-.025em;color:#172733}
.hero-quote small{display:block;margin-top:7px;font:600 9px Manrope;letter-spacing:.08em;color:#82909a;text-transform:uppercase}
.hero-proof-row{gap:9px;margin-top:24px}
.hero-proof-row span{padding:10px 13px;background:rgba(255,255,255,.75);box-shadow:0 8px 22px rgba(8,21,33,.04)}
.actions{margin-top:29px}
.hero-visual{height:710px}
.hero-frame-back{width:75%;height:82%;border-radius:54px;transform:translate(30px,28px);background:linear-gradient(145deg,rgba(23,121,232,.18),rgba(43,185,200,.08));box-shadow:0 30px 90px rgba(23,121,232,.08)}
.portrait-card{width:min(535px,86%);height:655px;border-radius:38px;transform:rotate(.4deg);box-shadow:0 45px 120px rgba(8,21,33,.22);border:8px solid rgba(255,255,255,.86)}
.portrait-card img{object-position:50% 32%;filter:saturate(.94) contrast(1.05)}
.portrait-overlay{left:16px;right:16px;bottom:16px;border-radius:19px;padding:17px 18px;background:linear-gradient(180deg,rgba(7,19,31,.08),rgba(7,19,31,.91));backdrop-filter:blur(18px)}
.hero-speaker-badge{left:2%;top:11%;border-radius:16px;padding:11px 13px}
.floating-card{right:0;bottom:9%;border-radius:17px;max-width:235px;padding:14px 15px;box-shadow:0 25px 65px rgba(7,19,31,.22)}
.floating-card b{font-size:27px}
.hero-orbit{opacity:.65}
/* Premium stats band */
.proof{max-width:none;padding:0 clamp(22px,5vw,70px);background:#071521!important}
.proof div{padding:27px 0}
.proof strong{font-size:42px}
/* Compact editorial cards on mobile/desktop */
.lens,.problem,.cap{position:relative;overflow:hidden}
.lens{min-height:305px;border-radius:27px;background:linear-gradient(145deg,#ffffff,#f4f8fa);box-shadow:0 18px 60px rgba(8,21,33,.055)}
.problem{min-height:430px;border-radius:28px;background:linear-gradient(145deg,#fffefa,#eef5f8)}
.cap{min-height:355px;border-radius:28px;background:linear-gradient(145deg,#fff,#f3f7f9)}
.lens-icon,.problem-icon,.cap-icon{border-radius:17px}
/* Selected experience */
.client-experience{background:linear-gradient(145deg,#f5f7f6,#edf2f4)}
.experience-marquee{display:flex;flex-wrap:wrap;gap:10px;max-width:1180px;margin:10px auto 20px}
.experience-marquee span{padding:14px 16px;border:1px solid rgba(8,21,33,.09);border-radius:999px;background:rgba(255,255,255,.76);font:800 10px Manrope;letter-spacing:.08em;color:#4b5a65;box-shadow:0 8px 25px rgba(8,21,33,.035)}
.experience-marquee span:last-child{background:#071521;color:#fff;border-color:#071521}
.experience-note{max-width:1180px;margin:0 auto;padding:22px 25px;border-radius:22px;background:#fff;border:1px solid rgba(8,21,33,.08);display:grid;grid-template-columns:190px 1fr;gap:20px;box-shadow:0 15px 45px rgba(8,21,33,.05)}
.experience-note b{font:800 12px Manrope;letter-spacing:.08em;color:#1779e8;text-transform:uppercase}.experience-note p{margin:0;color:#65747e;font-size:12px;line-height:1.8}
/* Content section */
.audience{background:linear-gradient(145deg,#eef8f5,#f7fbfa)!important}
.channel-grid article{background:rgba(255,255,255,.8)}
/* Better internal page chrome */
.detail-page .nav{position:sticky;top:0}
.detail-page .nav .nav-actions{display:flex}
.detail-page .nav nav{display:none}
/* Mobile */
@media(max-width:760px){
  .nav{height:70px;padding:0 13px 0 15px}.brand-mark{width:39px;height:39px}.brand strong{font-size:12px}.brand small{font-size:8px}.nav-cta{font-size:10px;padding:10px 12px}.menu-trigger{width:42px;height:42px;font-size:24px!important}
  .site-menu-panel{width:min(390px,86vw);padding:19px 14px 16px}.site-menu-head{padding:0 2px 17px}.site-menu-head strong{font-size:17px;max-width:260px}.menu-list{border-radius:15px}.menu-list a{min-height:64px;padding:11px 12px}.menu-list a:hover{padding-left:14px}.menu-list b{font-size:14px}.menu-list small{font-size:8px}.menu-quick{margin-top:18px}.menu-quick-grid a{padding:9px 11px;font-size:11px}.menu-footer{padding-top:16px;font-size:8px}
  .hero{min-height:auto;padding:42px 18px 58px;display:flex;flex-direction:column;gap:0}.hero-copy{max-width:none}.eyebrow{font-size:8px}.hero h1{font-size:clamp(45px,13vw,60px)!important;line-height:.91!important;margin:19px 0 22px}.hero-lead{font-size:14px!important;line-height:1.65!important}.hero-support{font-size:10px!important;line-height:1.7!important}.hero-detail{font-size:10px!important}.hero-quote{margin:21px 0 4px;padding:14px 15px 13px 38px}.hero-quote p{font-size:13px;line-height:1.48}.hero-quote small{font-size:7px}.hero-proof-row{gap:6px;margin-top:18px}.hero-proof-row span{padding:8px 9px;font-size:8px}.actions{margin-top:22px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.actions .btn,.actions .text-link{text-align:center}.hero-visual{height:455px!important;width:100%;margin-top:25px}.hero-frame-back{width:78%;height:83%;transform:translate(12px,15px);border-radius:36px}.portrait-card{width:82%!important;height:405px!important;border-width:6px;border-radius:30px}.hero-speaker-badge{left:0;top:8%;padding:9px 10px;border-radius:13px}.hero-speaker-badge b{font-size:8px}.hero-speaker-badge small{font-size:7px}.floating-card{right:0;bottom:5%;max-width:190px;padding:11px 12px;border-radius:14px}.floating-card b{font-size:22px}.floating-card span{font-size:8px}.orbit-one{width:390px;height:390px}.orbit-two{width:470px;height:470px}
  .proof{grid-template-columns:repeat(2,1fr);padding:0 15px}.proof div{padding:18px 8px}.proof div+div{border-left:0}.proof strong{font-size:25px!important}.proof span{font-size:8px!important}
  .section{padding:72px 18px}.section-head{margin-bottom:28px}.section-head h2{font-size:40px!important;line-height:.98}.section-head>p{font-size:11px;line-height:1.75}
  .lens-grid,.problem-grid,.cap-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.lens{min-height:225px!important;padding:15px!important;border-radius:20px!important}.lens-icon{width:42px;height:42px;border-radius:13px;margin:20px 0 18px;font-size:18px}.lens h3{font-size:18px!important;margin-bottom:7px}.lens p{font-size:8.5px!important;line-height:1.55!important;min-height:63px}.lens b{font-size:7px}
  .problem{min-height:285px!important;padding:15px!important;border-radius:20px!important}.problem-icon{width:43px;height:43px;border-radius:13px;margin:12px 0 15px;font-size:19px}.problem h3{font-size:17px!important}.problem p{font-size:8.4px!important;line-height:1.55!important;min-height:69px}.problem ul{font-size:7px;line-height:1.7;margin-bottom:8px;padding-left:13px}.problem b{font-size:7px}
  .cap{min-height:255px!important;padding:15px!important;border-radius:20px!important}.cap-icon{width:43px;height:43px;border-radius:13px;margin:13px 0 16px;font-size:18px}.cap h3{font-size:16px!important;line-height:1.08}.cap p{font-size:8px!important;line-height:1.55!important;min-height:70px}.cap small{font-size:6.8px!important}.cap i{right:14px;top:14px;font-size:11px}
  .experience-marquee{gap:7px;margin-top:5px}.experience-marquee span{padding:9px 10px;font-size:7px}.experience-note{grid-template-columns:1fr;gap:7px;padding:16px;border-radius:18px}.experience-note b{font-size:9px}.experience-note p{font-size:9px}
  .media-shell{padding:8px;border-radius:24px}.media-grid{grid-template-columns:1fr;gap:8px}.video-frame{min-height:360px!important;border-radius:20px}.media-note{padding:22px 17px}.media-note h3{font-size:29px}.media-note p{font-size:10px}.media-highlights{gap:6px}.media-highlights span{font-size:8px;padding:9px}
  .speaking-premium-grid,.people-grid,.business-body,.film{grid-template-columns:1fr!important}.speaking-gallery{grid-template-columns:1fr 1fr!important}.speak-main{grid-row:auto!important}.person-card,.person-card.featured{grid-template-columns:42% 58%!important}.person-image{min-height:205px!important}.person-copy{padding:15px!important}.person-copy h3{font-size:18px!important}.person-copy p{font-size:8px!important}.person-tags b{font-size:6px!important}
  .case-card{grid-template-columns:1fr!important}.case-image{min-height:230px!important}.case-content{padding:23px 18px!important}.case-content h3{font-size:31px!important}
  .business-stats{grid-template-columns:1fr 1fr 1fr}.business-stats b{font-size:22px;padding:13px 9px}.business-stats small{font-size:7px}
  .timeline{grid-template-columns:1fr 1fr;gap:0}.timeline>div{padding:18px 12px}.timeline h3{font-size:16px}.timeline p{font-size:8px}
  .audience-visual-strip{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px}.audience-visual-strip figure:first-child{grid-row:1/3}.audience-visual-strip figcaption{padding:9px}.audience-visual-strip figcaption b{font-size:8px}.audience-visual-strip figcaption span{font-size:7px}.channel-grid{grid-template-columns:1fr 1fr}.channel-grid article{padding:16px}.channel-grid strong{font-size:30px}.channel-grid h3{font-size:14px}.channel-grid p{font-size:8px}.youtube-total{padding:14px}.youtube-total b{font-size:23px}.youtube-total span{font-size:8px}
  .video-grid{grid-template-columns:1fr}.video-grid .video-frame{min-height:310px}.production-chain{font-size:7px;padding:12px}
  .film-media{grid-template-columns:1.25fr .75fr}.film-photo{height:360px}.film-poster{height:270px}.film-copy h2{font-size:40px}.film-copy p{font-size:10px}
  .link-grid{grid-template-columns:1fr 1fr}.link-card{min-height:145px;padding:17px;border-radius:18px}.link-card b{font-size:17px}.link-card small{font-size:8px}
  .decision-shell{padding:18px}.decision-copy h2{font-size:36px}.decision-copy p{font-size:10px}.decision-grid{grid-template-columns:1fr 1fr}.decision-grid>div{padding:13px}.decision-grid strong{font-size:13px}.decision-grid span{font-size:7px}
  .booking-head h2{font-size:38px}.service-picker{grid-template-columns:1fr 1fr}.service-option{min-height:74px}.service-option b{font-size:9px}.service-option small{font-size:7px}
}
@media(max-width:390px){.lens-grid,.problem-grid,.cap-grid{gap:7px!important}.lens,.problem,.cap{padding:13px!important}.lens h3{font-size:16px!important}.lens p{font-size:7.7px!important}.problem h3{font-size:15px!important}.problem p{font-size:7.7px!important}.cap h3{font-size:14.5px!important}.cap p{font-size:7.3px!important}.hero h1{font-size:44px!important}.portrait-card{width:85%!important;height:390px!important}}


/* V7 FINAL — Office / Workspace section only */
.office{max-width:none;background:#07131f;color:#fff;padding:126px 52px 132px;position:relative;overflow:hidden}
.office:before{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(28,128,232,.15),transparent 65%);pointer-events:none}
.office:after{content:"";position:absolute;width:520px;height:520px;left:-300px;bottom:-300px;border-radius:50%;background:radial-gradient(circle,rgba(43,185,200,.10),transparent 68%);pointer-events:none}
.office-shell{max-width:1280px;margin:auto;position:relative;z-index:1}
.office-intro{max-width:850px;margin:0 auto 58px;text-align:center}
.office-intro .eyebrow{color:#7fc9e8}
.office-intro h2{font:800 clamp(48px,5.5vw,78px)/.96 Manrope;letter-spacing:-.065em;margin:17px 0 22px;color:#fff}
.office-intro h2 em{font-style:normal;color:#54baf0}
.office-intro>p{max-width:760px;margin:auto;color:#aab9c5;font-size:15px;line-height:1.85}
.office-proof-row{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:27px}
.office-proof-row span{padding:10px 13px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.045);color:#aebbc5;font-size:9px;letter-spacing:.02em;backdrop-filter:blur(12px)}
.office-proof-row b{color:#fff;font:800 9px Manrope;letter-spacing:.1em;margin-right:5px}
.office-gallery{display:grid;grid-template-columns:1.24fr .76fr;grid-template-rows:290px 290px;gap:14px;align-items:stretch}
.office-photo{position:relative;margin:0;overflow:hidden;border-radius:28px;background:#0c1c2a;border:1px solid rgba(255,255,255,.10);box-shadow:0 35px 90px rgba(0,0,0,.24);isolation:isolate}
.office-photo-main{grid-row:1/3}
.office-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .7s}
.office-photo-main img{object-position:center center}
.office-photo-studio img{object-position:center 52%}
.office-photo-working img{object-position:center 50%}
.office-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,14,23,.03) 28%,rgba(5,14,23,.82) 100%);pointer-events:none}
.office-photo:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.07);border-radius:27px;z-index:3;pointer-events:none}
.office-photo:hover img{transform:scale(1.035);filter:saturate(1.04) contrast(1.02)}
.office-photo figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}
.office-photo figcaption small{display:block;color:#7fd0ee;font:800 8px Manrope;letter-spacing:.16em;margin-bottom:7px}
.office-photo figcaption strong{display:block;max-width:470px;color:#fff;font:700 17px/1.3 Manrope;letter-spacing:-.025em}
.office-photo-main figcaption strong{font-size:25px;max-width:600px}
.office-note{max-width:980px;margin:18px auto 0;padding:19px 22px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.045);display:flex;gap:15px;align-items:flex-start}
.office-note-mark{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;background:rgba(84,186,240,.12);color:#62c5ef;font:800 15px Manrope}
.office-note p{margin:1px 0 0;color:#9eafbb;font-size:11px;line-height:1.75}
.office-note strong{color:#eaf3f8;font-weight:700}
@media(max-width:760px){
  .office{padding:76px 18px 80px}
  .office-intro{margin-bottom:30px;text-align:left}
  .office-intro h2{font-size:40px!important;line-height:.98}
  .office-intro>p{font-size:10.5px;line-height:1.75}
  .office-proof-row{justify-content:flex-start;gap:6px}
  .office-proof-row span{font-size:7px;padding:8px 9px}
  .office-proof-row b{font-size:7px}
  .office-gallery{grid-template-columns:1fr 1fr;grid-template-rows:245px 185px;gap:8px}
  .office-photo{border-radius:19px}
  .office-photo-main{grid-row:1/3}
  .office-photo:after{border-radius:18px}
  .office-photo figcaption{left:12px;right:12px;bottom:12px}
  .office-photo figcaption small{font-size:6px;margin-bottom:4px}
  .office-photo figcaption strong{font-size:10px;line-height:1.3}
  .office-photo-main figcaption strong{font-size:15px}
  .office-note{margin-top:9px;padding:13px;border-radius:16px;gap:10px}
  .office-note-mark{width:29px;height:29px;flex-basis:29px;border-radius:9px;font-size:12px}
  .office-note p{font-size:8.5px;line-height:1.65}
}