:root{--orange:#f47a16;--orange-dark:#dd6508;--charcoal:#565b60;--charcoal-dark:#1f252a;--text:#18202a;--muted:#66707a;--red:#ef3f4f;--blue:#178fe8;--green:#67d817;--yellow:#fff0a9;--white:#fff;--line:#e7e7e7;--shadow:0 10px 28px rgba(0,0,0,.12);--font:"Nunito Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.content-wrap{width:min(1180px,92%);margin:0 auto}.site-header{height:86px;background:#fff;border-bottom:1px solid #eee;position:relative;z-index:20}.header-inner{height:100%;width:min(1280px,94%);margin:auto;display:flex;align-items:center;justify-content:space-between}.logo-link{width:320px}.logo-link img{width:100%;height:auto}.inner-nav{display:flex;gap:38px;align-items:center}.inner-nav a{font-size:18px;padding:8px 0;border-bottom:3px solid transparent}.inner-nav a:hover,.inner-nav a:focus{border-color:var(--orange)}.menu-toggle{display:none;border:0;background:none;font-size:28px}.site-footer{background:var(--charcoal-dark);color:#eee;padding:18px 4%;font-size:14px;text-align:center}.hero{background:var(--charcoal);color:#fff}.hero-inner{min-height:505px;width:min(1450px,96%);margin:auto;display:grid;grid-template-columns:29% 32% 15% 24%;align-items:center;gap:1.2%;padding:32px 1%}.hero-copy{padding-left:2vw}.hero-kicker{font-size:62px;line-height:.94;font-weight:900;letter-spacing:-2px}.hero-kicker span{color:var(--orange);display:block}.hero-kicker strong{color:#fff;display:block}.hero-copy h1{font-size:42px;line-height:1.05;margin:36px 0 16px;font-weight:700}.hero-rule,.orange-rule{height:6px;width:118px;background:var(--orange);margin:16px 0}.postit-cluster{position:relative;min-height:420px;display:block}.postit{position:absolute;display:block;transition:transform .2s ease,filter .2s ease}.postit:hover{filter:brightness(1.03);transform:translateY(-4px) rotate(0deg)}.postit img{width:100%}.postit-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(0deg);width:82%;text-align:center;color:#111;font-family:cursive;font-size:28px;line-height:1.05;font-weight:700}.postit-copy.small{font-size:21px}.postit-copy u{display:inline-block;margin-top:4px}.red-post{width:190px;left:5%;top:6%;transform:rotate(-4deg)}.blue-post{width:190px;right:4%;top:20%;transform:rotate(-8deg)}.green-post{width:205px;left:17%;bottom:0;transform:rotate(4deg)}.book-hero{display:flex;justify-content:center;align-items:center;padding-left:12px}.book-hero img{width:min(225px,100%);max-height:405px;object-fit:contain;filter:drop-shadow(12px 14px 10px rgba(0,0,0,.35))}.brand-vinci-teaser{padding-left:4px}.teaser-small{font-size:26px;color:#fff;margin:0}.brand-vinci-teaser h2{font-size:34px;margin:0 0 8px;color:#0f1418}.brand-vinci-teaser p{font-size:19px;color:#fff}.brand-vinci-teaser .orange-rule{width:64px;height:5px}.orange-button,.email-button{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#111;padding:14px 20px;border-radius:9px;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.18)}.orange-button:hover,.email-button:hover{background:#ff8b2b}.home-intro{background:#fff;text-align:center;padding:22px 2% 22px}.home-intro h2{color:var(--orange);font-size:40px;line-height:1;margin:0 0 8px;font-weight:900}.home-intro>p{font-size:20px;margin:0 auto 18px}.home-buttons{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.home-buttons a{background:var(--orange);color:#111;font-weight:800;padding:15px 8px;min-height:74px;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 3px 5px rgba(0,0,0,.2);font-size:14px;line-height:1.15}.home-buttons a:hover{background:#ff8b2b}.inner-page{background:#fff;min-height:calc(100vh - 120px);padding:54px 0 70px}.inner-page h1,.insights-page h1{font-size:42px;line-height:1.1;margin:0;font-weight:800}.section-lead{font-size:19px;max-width:850px}.about-hero{background:#d0d2d4;padding:55px 0}.about-grid{display:grid;grid-template-columns:34% 66%;gap:36px;align-items:start}.about-photo img{width:100%;max-width:420px;margin:auto}.about-copy h4{font-size:18px;margin:3px 0}.about-copy p{font-size:17px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.stats>div{background:#fff;padding:18px;text-align:center}.stats b{display:block;font-size:30px;color:var(--orange)}.stats span{display:block;font-size:14px}.section-bar{background:#fff;padding:18px 4%;text-align:center;color:var(--orange);font-size:34px;font-weight:900}.clients{padding:35px 0}.client-group{margin-bottom:44px}.client-heading{text-align:center;margin-bottom:14px}.client-heading h3{font-size:22px;margin:0}.client-heading p{margin:3px 0;color:var(--muted)}.client-scroll,.testimonial-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:10px 3px 20px;scrollbar-width:thin}.client-logo{min-width:170px;height:105px;background:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center;padding:12px;scroll-snap-align:start}.client-logo img{max-width:100%;max-height:80px;object-fit:contain}.services-page{background:#f6f7f7}.services-hero{padding-bottom:18px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.service-card{background:#fff;border-top:7px solid;padding:28px;box-shadow:var(--shadow)}.service-card.red{border-color:var(--red)}.service-card.green{border-color:var(--green)}.service-card.blue{border-color:var(--blue)}.service-card h2{margin-top:0;font-size:28px}.service-card p{font-size:16px}.service-card ul{padding:0;list-style:none}.service-card li{margin:9px 0;padding-left:23px;position:relative}.service-card li:before{content:"";width:9px;height:9px;position:absolute;left:0;top:.65em}.service-card.red li:before{background:var(--red)}.service-card.green li:before{background:var(--green)}.service-card.blue li:before{background:var(--blue)}.read-testimonials{display:inline-flex;margin-top:12px;font-weight:900;color:#111;border-bottom:3px solid var(--blue);padding-bottom:3px}.testimonials{padding-top:22px}.testimonials h2,.corporates h2{font-size:32px}.testimonial-card{min-width:min(610px,88vw);background:#fff;border:1px solid #ddd;border-radius:12px;padding:24px;scroll-snap-align:start;box-shadow:0 5px 15px rgba(0,0,0,.07)}.testimonial-brand{height:58px;display:flex;align-items:center;margin-bottom:14px}.testimonial-brand img{max-height:55px;max-width:180px;object-fit:contain}.brandware-mark{font-size:22px;font-weight:800;color:#fff;background:#7b3e3e;padding:8px 14px;display:inline-flex;width:max-content}.testimonial-card p{font-size:17px}.testimonial-card small{color:#66707a}.scroll-hint{text-align:right;color:#66707a;font-size:14px}.corporates{padding:35px 0 0}.corporates h2 span{color:var(--orange)}.corporate-scroll .client-logo{min-width:145px;height:90px}.tvc-page .section-lead{margin-bottom:30px}.tvc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.tvc-card{border:1px solid #ddd;background:#fff;box-shadow:var(--shadow)}.tvc-band{background:var(--orange);color:#111;font-weight:900;padding:12px 16px;font-size:18px;min-height:56px;display:flex;align-items:center}.video-frame{aspect-ratio:16/9;background:#111}.video-frame iframe{width:100%;height:100%;border:0}.identity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}.identity-item{border:1px solid #eee;background:#fff;min-height:210px;display:flex;align-items:center;justify-content:center;padding:18px}.identity-item img{max-height:175px;object-fit:contain}.insights-page{background:var(--charcoal-dark);color:#fff;min-height:calc(100vh - 120px);padding:60px 0 90px}.insight-stage{max-width:900px;margin:18px auto 0}.insight-cards{min-height:330px;display:flex;align-items:flex-start;justify-content:center}.insight-card{display:none;width:min(760px,92%);background:#0e1419;border:1px solid #404a53;padding:70px 70px;min-height:330px;align-items:center;justify-content:center;text-align:center}.insight-card.active{display:flex}.insight-card p{font-size:40px;line-height:1.15;font-weight:800;margin:0}.insight-controls{display:flex;justify-content:center;gap:15px;margin-top:25px}.insight-controls button,.quote-arrow{width:48px;height:48px;border:1px solid #89939d;background:transparent;color:#fff;border-radius:50%;font-size:24px;cursor:pointer}.insight-controls button:hover,.quote-arrow:hover{background:var(--orange);color:#111}.postit-page{min-height:calc(100vh - 120px);background:var(--charcoal);color:#fff;padding:50px 0 80px}.postit-intro{display:grid;grid-template-columns:260px 1fr;gap:45px;align-items:center}.postit-large img{width:230px;margin:auto}.postit-intro h1{font-size:42px}.postit-intro p{font-size:20px;max-width:780px}.quote-stage{display:grid;grid-template-columns:60px 1fr 60px;gap:18px;align-items:center;max-width:1000px;margin:55px auto 0}.quote-card{background:#fff;color:#111;min-height:300px;padding:55px 65px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow)}.quote-text{font-size:30px;line-height:1.25;font-weight:700;margin:0}.quote-arrow{color:#fff}.quote-dots{text-align:center;margin-top:18px;color:#c9ced2}.blue-page .quote-card{border-top:8px solid var(--blue)}.red-page .quote-card{border-top:8px solid var(--red)}.green-page .quote-card{border-top:8px solid var(--green)}.contact-page{background:#f6f7f7;display:flex;align-items:center}.contact-card{background:#fff;max-width:760px;padding:65px;text-align:center;box-shadow:var(--shadow)}.contact-icon{font-size:54px;color:var(--orange)}.contact-card p{font-size:20px}.email-button{margin-top:12px}.renovation-page{background:var(--charcoal);color:#fff;display:flex;align-items:center}.renovation-card{max-width:850px;text-align:center}.renovation-card .orange-rule{margin-left:auto;margin-right:auto}.renovation-card p{font-size:21px}.construction-mark{display:inline-block;border:1px solid #fff;padding:10px 18px;margin-top:15px}.brand-vinci-page{background:var(--yellow);min-height:calc(100vh - 120px)}.bv-layout{display:grid;grid-template-columns:minmax(0,3.25fr) minmax(300px,1fr)}.bv-main{position:relative;padding:45px 5% 55px;overflow:hidden}.bv-top{display:grid;grid-template-columns:1fr 250px;gap:30px;align-items:start}.bv-main h1{font-size:52px;line-height:1.02;color:#ef1414;font-style:italic;margin:0}.bv-main .bv-top p{font-size:28px;color:#ef1414;margin:28px 0 0}.bv-main .bv-top small{font-size:22px;color:#ef1414}.award img{max-width:100%;height:110px;object-fit:contain}.bv-main h2{font-size:25px;font-style:italic;margin:20px 0 14px}.expert-quotes{position:relative;z-index:2;max-width:700px}.expert-quotes blockquote{margin:0 0 20px;font-size:16px}.expert-quotes blockquote p{margin:0}.expert-quotes strong{color:#ef1414;margin-right:5px}.expert-quotes span{font-style:italic}.book-cut{position:absolute;right:-55px;bottom:-105px;width:350px;transform:rotate(-16deg);z-index:1}.book-cut img{width:100%;filter:drop-shadow(8px 10px 8px rgba(0,0,0,.25))}.bv-side{background:#fff;padding:30px 34px;display:flex;flex-direction:column}.buy{text-align:center}.buy p{font-size:18px;margin-top:0}.buy p span{color:#ef1414}.buy a{display:block;margin:10px auto}.buy img{max-width:150px;max-height:48px;object-fit:contain;margin:auto}.bv-description{margin-top:12px;font-size:17px}.simple-page{display:flex;align-items:center}
@media(max-width:1000px){.hero-inner{grid-template-columns:31% 34% 16% 19%;gap:.8%;padding:22px 0}.hero-kicker{font-size:45px}.hero-copy h1{font-size:31px}.red-post{width:160px}.blue-post{width:160px}.green-post{width:170px}.book-hero img{width:175px}.brand-vinci-teaser h2{font-size:25px}.brand-vinci-teaser p{font-size:15px}.home-buttons{grid-template-columns:repeat(4,1fr)}.service-grid{grid-template-columns:1fr}.identity-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:38% 62%}.bv-main h1{font-size:43px}.bv-layout{grid-template-columns:minmax(0,2.5fr) 1fr}.book-cut{width:300px}}
@media(max-width:720px){.site-header{height:72px}.logo-link{width:235px}.inner-nav{position:absolute;right:3%;top:64px;background:#fff;border:1px solid #ddd;box-shadow:var(--shadow);display:none;flex-direction:column;gap:0;width:190px;padding:8px}.inner-nav.open{display:flex}.inner-nav a{width:100%;padding:10px 12px}.menu-toggle{display:block}.hero-inner{min-height:auto;display:flex;flex-direction:column;align-items:stretch;padding:28px 4% 35px}.hero-copy{padding:0;text-align:left}.hero-kicker{font-size:43px}.hero-copy h1{font-size:34px;margin:22px 0 12px}.postit-cluster{min-height:400px;width:min(380px,100%);margin:0 auto}.red-post{width:155px;left:0;top:15px}.blue-post{width:155px;right:0;top:80px}.green-post{width:165px;left:72px;bottom:0}.postit .postit-link{font-size:20px}.book-hero{margin:8px auto 0;padding:0}.book-hero img{width:200px;max-height:none}.brand-vinci-teaser{text-align:center;padding:0}.brand-vinci-teaser .orange-rule{margin:10px auto}.brand-vinci-teaser h2{font-size:28px}.home-intro{padding:22px 3%}.home-intro h2{font-size:28px}.home-intro>p{font-size:17px}.home-buttons{display:flex;overflow-x:auto;padding:5px 2px 15px}.home-buttons a{min-width:165px}.inner-page{padding:38px 0 55px}.inner-page h1,.insights-page h1{font-size:34px}.about-hero{padding:35px 0}.about-grid{grid-template-columns:1fr}.about-photo img{max-width:330px}.about-copy p{font-size:16px}.stats{grid-template-columns:1fr}.section-bar{font-size:26px}.client-logo{min-width:145px}.service-card{padding:23px}.tvc-grid{grid-template-columns:1fr}.tvc-band{font-size:16px}.identity-grid{grid-template-columns:repeat(2,1fr);gap:12px}.identity-item{min-height:150px}.insight-card{padding:45px 25px;min-height:300px}.insight-card p{font-size:27px}.postit-intro{grid-template-columns:115px 1fr;gap:18px}.postit-large img{width:110px}.postit-intro h1{font-size:30px}.postit-intro p{font-size:16px}.quote-stage{grid-template-columns:42px 1fr 42px;gap:7px}.quote-card{min-height:340px;padding:35px 24px}.quote-text{font-size:22px}.contact-card{padding:45px 25px}.bv-layout{grid-template-columns:1fr}.bv-main{padding:28px 6% 260px}.bv-top{grid-template-columns:1fr 150px;gap:15px}.bv-main h1{font-size:34px}.bv-main .bv-top p{font-size:21px;margin-top:18px}.bv-main .bv-top small{font-size:16px}.award img{height:80px}.expert-quotes blockquote{font-size:15px}.book-cut{width:230px;right:-35px;bottom:-70px}.bv-side{padding:22px 25px}.buy a{margin:7px auto}.bv-description{font-size:16px}.site-footer{font-size:12px}}
.inner-postit{position:relative;width:100%}.inner-postit img{width:100%}.inner-postit span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82%;text-align:center;color:#111;font-family:cursive;font-size:19px;line-height:1.05;font-weight:700}.inner-postit u{display:inline-block;margin-top:5px}

/* HOME PAGE — approved mock-up refinement v5 */
.home-page .site-header{height:100px}
.home-page .header-inner{width:min(1450px,94%);justify-content:flex-start}
.home-page .logo-link{width:365px}
.home-page .hero{background:#666a6e}
.home-page .hero-inner{min-height:535px;width:min(1450px,96%);grid-template-columns:31% 32% 15% 22%;gap:1%;padding:22px 1% 28px;align-items:center}
.home-page .hero-copy{padding-left:1.7vw}
.home-page .hero-kicker{font-size:60px;line-height:.94;letter-spacing:-2px}
.home-page .hero-copy h1{font-size:38px;line-height:1.08;margin:34px 0 14px;color:#111820}
.home-page .postit-cluster{min-height:510px;position:relative}
.home-page .postit-copy{font-family:"Comic Sans MS", "Segoe Print", cursive;font-size:25px;line-height:1.04}
.home-page .postit-copy.small{font-size:19px;line-height:1.04}
.home-page .postit-click{font-size:.68em;line-height:1;display:inline-block;margin-top:5px}
.home-page .red-post{width:180px;left:3%;top:12px;transform:rotate(-4deg);z-index:3}
.home-page .blue-post{width:180px;right:0;top:195px;transform:rotate(-8deg);z-index:2}
.home-page .green-post{width:190px;left:20%;top:330px;bottom:auto;transform:rotate(4deg);z-index:1}
.home-page .postit:hover{transform:translateY(-4px) rotate(0deg) scale(1.015);filter:brightness(1.03)}
.home-page .book-hero{padding-left:0;justify-content:center}
.home-page .book-stage{width:255px;display:flex;justify-content:center;align-items:center}
.home-page .book-stage img{width:255px;max-height:430px;object-fit:contain;filter:none;transform:none;transform-origin:center center;transition:transform .25s ease}
.home-page .book-stage img:hover{transform:translateY(-3px)}
.home-page .brand-vinci-teaser{padding-left:2px}
.home-page .teaser-small{font-size:25px;margin:0 0 1px}
.home-page .brand-vinci-teaser h2{font-size:33px;margin:0 0 7px}
.home-page .brand-vinci-teaser p{font-size:18px;line-height:1.35}
.home-page .brand-vinci-teaser .orange-rule{width:62px;height:5px;margin:13px 0}
.home-page .orange-button{font-size:16px;padding:14px 19px;border-radius:9px;white-space:nowrap}
.home-page .home-intro{padding:12px 2% 13px}
.home-page .home-intro h2{font-size:34px;margin-bottom:5px}
.home-page .home-intro>p{font-size:17px;margin-bottom:11px}
.home-page .home-buttons{gap:8px}
.home-page .home-buttons a{min-height:61px;font-size:13px;padding:10px 7px}
.home-page .home-footer{padding:18px 4%;font-size:14px}
@media(max-width:1100px){
  .home-page .logo-link{width:315px}
  .home-page .hero-inner{grid-template-columns:31% 33% 15% 21%;min-height:500px}
  .home-page .hero-kicker{font-size:52px}
  .home-page .hero-copy h1{font-size:36px}
  .home-page .postit-cluster{min-height:470px}
  .home-page .red-post{width:165px}.home-page .blue-post{width:165px}.home-page .green-post{width:175px}
  .home-page .red-post{top:8px}.home-page .blue-post{top:180px}.home-page .green-post{top:305px}
  .home-page .postit-copy{font-size:22px}.home-page .postit-copy.small{font-size:17px}
  .home-page .book-stage,.home-page .book-stage img{width:220px}.home-page .book-stage img{max-height:365px}
  .home-page .brand-vinci-teaser h2{font-size:27px}.home-page .brand-vinci-teaser p{font-size:16px}.home-page .orange-button{font-size:14px;padding:12px 13px}
}
@media(max-width:720px){
  .home-page .site-header{height:76px}.home-page .header-inner{width:92%}.home-page .logo-link{width:255px}
  .home-page .hero-inner{min-height:auto;display:flex;flex-direction:column;align-items:stretch;padding:25px 4% 32px}
  .home-page .hero-copy{padding:0}.home-page .hero-kicker{font-size:42px}.home-page .hero-copy h1{font-size:32px;margin:21px 0 12px}
  .home-page .postit-cluster{min-height:430px;width:min(375px,100%);margin:0 auto}
  .home-page .red-post{width:145px;left:0;top:8px}.home-page .blue-post{width:145px;right:0;top:155px}.home-page .green-post{width:155px;left:60px;top:275px}
  .home-page .postit-copy{font-size:20px}.home-page .postit-copy.small{font-size:15px}.home-page .postit-click{font-size:.68em}
  .home-page .book-stage,.home-page .book-stage img{width:225px}.home-page .book-stage img{max-height:none}
  .home-page .book-hero{margin:5px auto 0}.home-page .brand-vinci-teaser{text-align:center;padding:0}.home-page .brand-vinci-teaser .orange-rule{margin:10px auto}.home-page .brand-vinci-teaser h2{font-size:28px}.home-page .brand-vinci-teaser p{font-size:17px}.home-page .orange-button{font-size:15px}
  .home-page .home-intro{padding:22px 3%}.home-page .home-intro h2{font-size:29px}.home-page .home-intro>p{font-size:17px}
}

/* HOME HERO V6 — direct recreation of approved 1600 x 480 reference composition */
@media (min-width:1101px){
  .home-page .hero{background:#666a6e;overflow:hidden}
  .home-page .hero-inner{position:relative;display:block;width:100%;max-width:none;height:480px;min-height:480px;padding:0;margin:0}
  .home-page .hero-copy{position:absolute;left:5.15%;top:86px;width:29%;padding:0;z-index:2}
  .home-page .hero-kicker{font-size:60px;line-height:.94;letter-spacing:-2px}
  .home-page .hero-copy h1{font-size:39px;line-height:1.08;color:#18202a;margin:34px 0 14px;font-weight:700}
  .home-page .hero-rule{width:116px;height:6px;margin-top:18px}
  .home-page .postit-cluster{position:absolute;inset:0;min-height:0;width:100%;height:100%;z-index:3}
  .home-page .postit{position:absolute;margin:0}
  .home-page .red-post{width:14.9vw;max-width:238px;left:32.8%;top:4.8%;transform:rotate(-4deg);z-index:3}
  .home-page .blue-post{width:14.8vw;max-width:237px;left:47.8%;top:22.5%;transform:rotate(-8deg);z-index:2}
  .home-page .green-post{width:15.1vw;max-width:242px;left:32.9%;top:50.8%;transform:rotate(4deg);z-index:4}
  .home-page .postit-copy{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:24px;line-height:1.08;width:82%;font-weight:700}
  .home-page .postit-copy.small{font-size:20px;line-height:1.08}
  .home-page .postit-copy u{font-size:.82em;margin-top:2px}
  .home-page .postit:hover{transform:translateY(-4px) rotate(0deg) scale(1.01)}
  .home-page .book-hero{position:absolute;left:64.2%;top:8.5%;width:15.6%;height:82%;padding:0;display:block;z-index:5}
  .home-page .book-stage{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center}
  .home-page .book-stage img{width:100%;max-height:none;height:auto;object-fit:contain;filter:none;transform:none}
  .home-page .book-stage img:hover{transform:translateY(-2px)}
  .home-page .brand-vinci-teaser{position:absolute;left:81.8%;top:27%;width:16.5%;padding:0;z-index:6}
  .home-page .teaser-small{font-size:25px;margin:0 0 1px;color:#fff}
  .home-page .brand-vinci-teaser h2{font-size:32px;margin:0 0 8px;color:#0f1418}
  .home-page .brand-vinci-teaser .orange-rule{width:62px;height:5px;margin:13px 0}
  .home-page .brand-vinci-teaser p{font-size:18px;line-height:1.35;color:#fff;margin:0 0 22px}
  .home-page .orange-button{font-size:16px;padding:14px 19px;border-radius:9px;white-space:nowrap}
}

/* ==========================================================
   FINAL HOME PAGE MASTER COMPOSITION
   Based on the approved homepage visual reference.
   ========================================================== */
@media (min-width: 1101px) {
  .home-page .site-header {
    height: 70px;
    border-bottom: 0;
  }
  .home-page .header-inner {
    width: min(1480px, 94%);
    justify-content: flex-start;
  }
  .home-page .logo-link {
    width: 330px;
  }

  .home-page .hero {
    background: #666a6e;
    overflow: hidden;
  }
  .home-page .hero-inner {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    height: clamp(450px, calc(100vh - 260px), 535px);
    min-height: 450px;
    padding: 0;
    margin: 0;
  }

  /* Headline: aligned cleanly with the logo area above, left anchored. */
  .home-page .hero-copy {
    position: absolute;
    left: 5.15%;
    top: 9.5%;
    width: 28%;
    padding: 0;
    z-index: 2;
  }
  .home-page .hero-kicker {
    font-size: clamp(50px, 4.1vw, 66px);
    line-height: .94;
    letter-spacing: -2px;
  }
  .home-page .hero-copy h1 {
    font-size: clamp(34px, 2.55vw, 42px);
    line-height: 1.08;
    color: #111820;
    margin: 31px 0 13px;
    font-weight: 700;
  }
  .home-page .hero-rule {
    width: 116px;
    height: 6px;
    margin-top: 18px;
  }

  /* Post-it artwork is transparent PNG artwork. No white backing panels. */
  .home-page .postit-cluster {
    position: absolute;
    inset: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  .home-page .postit {
    position: absolute;
    margin: 0;
  }
  .home-page .red-post {
    width: min(15vw, 240px);
    left: 31.9%;
    top: 5.5%;
    transform: rotate(-4deg);
    z-index: 3;
  }
  .home-page .blue-post {
    width: min(15vw, 240px);
    left: 47.4%;
    top: 23.5%;
    transform: rotate(-8deg);
    z-index: 2;
  }
  .home-page .green-post {
    width: min(15.2vw, 243px);
    left: 32.1%;
    top: 52%;
    transform: rotate(4deg);
    z-index: 4;
  }
  .home-page .postit-copy {
    font-family: "Comic Sans MS", "Segoe Print", cursive;
    font-size: clamp(21px, 1.55vw, 25px);
    line-height: 1.08;
    width: 82%;
    font-weight: 700;
  }
  .home-page .postit-copy.small {
    font-size: clamp(17px, 1.28vw, 21px);
  }
  .home-page .postit-copy u {
    font-size: .68em;
    margin-top: 3px;
    text-underline-offset: 3px;
  }
  .home-page .postit:hover {
    filter: brightness(1.03);
    transform: translateY(-3px) rotate(0deg) scale(1.01);
  }

  /* The supplied 3D standing book is used as the hero asset. */
  .home-page .book-hero {
    position: absolute;
    left: 63.0%;
    top: 8%;
    width: 17%;
    height: 86%;
    padding: 0;
    display: block;
    z-index: 5;
  }
  .home-page .book-stage {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .home-page .book-stage img {
    width: 100%;
    max-height: none;
    height: auto;
    object-fit: contain;
    filter: none;
    transform: none;
  }
  .home-page .book-stage img:hover {
    transform: translateY(-2px);
  }

  .home-page .brand-vinci-teaser {
    position: absolute;
    left: 81.6%;
    top: 27%;
    width: 16.7%;
    padding: 0;
    z-index: 6;
  }
  .home-page .teaser-small {
    font-size: 25px;
    margin: 0 0 1px;
    color: #fff;
  }
  .home-page .brand-vinci-teaser h2 {
    font-size: clamp(27px, 2.05vw, 34px);
    margin: 0 0 8px;
    color: #0f1418;
  }
  .home-page .brand-vinci-teaser .orange-rule {
    width: 62px;
    height: 5px;
    margin: 13px 0;
  }
  .home-page .brand-vinci-teaser p {
    font-size: clamp(16px, 1.15vw, 19px);
    line-height: 1.35;
    color: #fff;
    margin: 0 0 22px;
  }
  .home-page .orange-button {
    font-size: 16px;
    padding: 14px 19px;
    border-radius: 9px;
    white-space: nowrap;
  }

  /* Compact enough that the white navigation band is visible on landing. */
  .home-page .home-intro {
    padding: 14px 2% 16px;
  }
  .home-page .home-intro h2 {
    font-size: clamp(30px, 2.45vw, 40px);
    margin: 0 0 5px;
  }
  .home-page .home-intro > p {
    font-size: clamp(16px, 1.25vw, 20px);
    margin: 0 auto 12px;
  }
  .home-page .home-buttons {
    gap: 8px;
  }
  .home-page .home-buttons a {
    min-height: 66px;
    font-size: 13px;
    padding: 9px 7px;
    border-radius: 8px;
  }

  .home-page .home-footer {
    min-height: 62px;
    padding: 16px 5.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    font-size: 14px;
  }
  .home-page .linkedin-badge {
    width: 31px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #0a76b4;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
  }
}

@media (max-width: 1100px) and (min-width: 721px) {
  .home-page .site-header { height: 70px; }
  .home-page .hero-inner { min-height: 480px; }
  .home-page .hero-kicker { font-size: 50px; }
  .home-page .hero-copy h1 { font-size: 35px; }
  .home-page .postit-copy { font-size: 21px; }
  .home-page .postit-copy.small { font-size: 17px; }
  .home-page .postit-click { font-size: .7em; }
  .home-page .home-intro { padding-top: 14px; }
  .home-page .home-intro h2 { font-size: 32px; }
}

@media (max-width: 720px) {
  .home-page .linkedin-badge { display: none; }
}

/* HOME PAGE — final approved headline alignment only */
.home-page .hero-copy {
  padding-left: 0;
  align-self: start;
  padding-top: 24px;
}
@media (max-width: 1100px) and (min-width: 721px) {
  .home-page .hero-copy {
    padding-left: 0;
    padding-top: 22px;
  }
}
@media (max-width: 720px) {
  .home-page .hero-copy {
    padding-left: 0;
    padding-top: 0;
    align-self: stretch;
  }
}

/* HOME PAGE — approved final micro-adjustment: reduce only the “ARE IN SIGHT.” line by 2px */
@media (min-width:1101px) {
  .home-page .hero-kicker strong { font-size:58px; }
}

/* About page: all client logos visible without horizontal swiping. */
.about-page .clients-jump {
  display:flex;
  width:min(1180px,92%);
  margin:18px auto 0;
  padding:12px 20px;
  justify-content:center;
  align-items:center;
  gap:10px;
  background:#f3f4f4;
  color:#111820;
  border:1px solid #d9dcde;
  border-radius:5px;
  font-size:22px;
  font-weight:800;
  text-decoration:none;
}
.about-page .clients-jump span {
  color:var(--orange);
  font-size:25px;
  line-height:1;
}
.about-page .client-grid {
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:12px;
  padding:8px 0 4px;
}
.about-page .client-logo {
  min-width:0;
  width:auto;
  height:82px;
  padding:8px;
}
.about-page .client-logo img {
  max-width:100%;
  max-height:62px;
}
@media(max-width:1000px){
  .about-page .client-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
}
@media(max-width:720px){
  .about-page .clients-jump { font-size:19px; padding:10px 14px; }
  .about-page .client-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  .about-page .client-logo { height:68px; padding:6px; }
  .about-page .client-logo img { max-height:50px; }
}
/* About page: client navigation is intentionally visible within the grey About section. */
.clients-jump-inline{display:inline-flex;align-items:center;gap:.45rem;margin-top:28px;color:#f58220;text-decoration:none;font-weight:800;font-size:1rem;letter-spacing:.01em}
.clients-jump-inline:hover{text-decoration:underline}
@media (max-width:700px){.clients-jump-inline{margin-top:22px;font-size:.95rem}}

/* About page: latest client navigation refinement */
.client-link-next {
  font-size: 1.125rem;
  line-height: 1.3;
  margin: 0;
  align-self: center;
}
.client-link-next a {
  color: #e8751a;
  text-decoration: none;
  font-weight: 700;
}
.client-link-next a:hover,
.client-link-next a:focus {
  text-decoration: underline;
}
.clients-section-title {
  margin: 0 0 1.25rem;
  font-size: clamp(1.15rem, 1.8vw, 1.55rem);
  line-height: 1.2;
  color: #e8751a;
  font-weight: 700;
}
@media (max-width: 800px) {
  .client-link-next { font-size: 1.125rem; }
}

/* About page: client navigation placement matched to approved reference */
.stats-row {
  position: relative;
  display: block;
  margin-top: 25px;
  min-height: 105px;
}
/* The cue sits clearly to the LEFT of the three statistic boxes.
   The boxes themselves remain centred within the biography text column. */
.stats-row .client-link-next {
  position: absolute;
  left: -300px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  white-space: nowrap;
  z-index: 2;
}
.stats-row .stats {
  width: 100%;
  margin-top: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  justify-content: center;
}
.clients-section-title {
  margin: 0 0 22px;
  text-align: center;
  color: var(--orange);
  font-size: 22px;
  font-weight: 800;
}
@media (max-width: 800px) {
  .stats-row {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .stats-row .client-link-next {
    position: static;
    transform: none;
    align-self: flex-start;
  }
  .stats-row .stats {
    width: 100%;
    grid-template-columns: 1fr;
  }
}
/* Consulting page refinement: testimonials are the only swipe/arrow component. */
.testimonial-slider{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:14px;align-items:center;margin-top:24px}
.testimonial-viewport{overflow:hidden;min-width:0}
.testimonial-slides{display:flex;transition:transform .35s ease}
.testimonial-pair{min-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:5px 2px 12px}
.testimonial-card{min-width:0;min-height:330px;background:#fff;border:1px solid #ddd;border-radius:10px;padding:25px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.testimonial-title{height:62px;display:flex;align-items:center;margin-bottom:12px}
.testimonial-title img{max-height:58px;max-width:180px;width:auto;object-fit:contain}
.brandware-logo{font-family:Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.2px;color:#24354b;text-transform:lowercase}
.brandware-logo:after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin:0 0 5px 4px}
.testimonial-card p{font-size:16px;line-height:1.55;margin:0 0 18px;flex:1}
.testimonial-card small{color:var(--muted);font-size:14px}
.testimonial-arrow{width:46px;height:46px;border:1px solid #aaa;background:#fff;color:#111;border-radius:50%;font-size:25px;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.1)}
.testimonial-arrow:hover{background:var(--orange);border-color:var(--orange)}
.testimonial-dots{display:flex;justify-content:center;gap:8px;margin:10px 0 0}
.testimonial-dots .dot{width:9px;height:9px;border-radius:50%;border:0;background:#c6c6c6;padding:0;cursor:pointer}
.testimonial-dots .dot.active{background:var(--orange);transform:scale(1.15)}
.training-note{font-size:15px;font-weight:700;margin:16px 0 0;padding-top:12px;border-top:1px solid #eee}
.corporates{padding-top:20px}
.corporates h2{text-align:center;margin-top:0;margin-bottom:20px}
.corporate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.corporate-grid .client-logo{min-width:0;height:105px}
@media(max-width:720px){.testimonial-slider{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px}.testimonial-pair{grid-template-columns:1fr}.testimonial-card{min-height:280px}.corporate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.corporate-grid .client-logo{height:90px}.testimonial-arrow{width:38px;height:38px;font-size:20px}}


/* Insights page subhead */
.insights-page .insights-title-rule {
  width: 118px;
  height: 6px;
  margin: 16px 0 0;
}

.insight-subhead {
  margin: 10px 0 0;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 500;
  color: #fff;
  text-align: left;
}

/* Pavan's Insights: bring swipe controls closer to the insight card */
.insight-controls {
  margin-top: 10px !important;
}


/* Pavan's Insights: restore the agreed contrast in font weights inside the insight box. */
.insight-card p{font-weight:400}
.insight-card p strong{font-weight:800}
.buy-link{display:flex;align-items:center;justify-content:center;gap:4px}.buy-pointer{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#737a80;pointer-events:none;flex:0 0 17px;transition:transform .15s ease}.buy-pointer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.buy-link:hover .buy-pointer{transform:translateX(1px)}
/* Red post-it page — approved treatment */
.red-page.postit-page{background:#565b60;color:#fff;padding:48px 0 72px;min-height:calc(100vh - 120px)}
.brand-page-content{max-width:1180px}
.brand-page-heading h1{font-size:42px;line-height:1.1;margin:0;font-weight:800;color:#fff}
.brand-page-heading .orange-rule{width:118px;height:6px;margin:16px 0 24px}
.brand-lead-in{max-width:1000px;margin:0 auto;text-align:left}
.brand-lead-in p{font-size:19px;line-height:1.35;margin:0 0 7px;color:#f4f5f6}
.brand-quote-stage{display:grid;grid-template-columns:46px minmax(360px,430px) 46px;align-items:center;justify-content:center;gap:10px;margin:34px auto 0;min-height:430px}
.brand-postit-wrap{position:relative;width:430px;aspect-ratio:1/1;justify-self:center;filter:drop-shadow(0 16px 20px rgba(0,0,0,.22))}
.brand-postit-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.brand-postit-text{position:absolute;inset:23% 14% 13%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#111;transform:rotate(-1deg);padding:0 2%;overflow:hidden}
.brand-quote-main{font-family:cursive;font-size:25px;line-height:1.04;font-weight:700;max-width:100%}
.brand-postit-text.quote-medium .brand-quote-main{font-size:21px;line-height:1.03}
.brand-postit-text.quote-long .brand-quote-main{font-size:18px;line-height:1.02}
.brand-postit-text.quote-xlong .brand-quote-main{font-size:15px;line-height:1.01}
.brand-postit-text.quote-medium .brand-quote-author{font-size:15px;margin-top:8px}
.brand-postit-text.quote-long .brand-quote-author{font-size:14px;margin-top:7px}
.brand-postit-text.quote-xlong .brand-quote-author{font-size:13px;margin-top:6px}
.brand-quote-author{font-family:cursive;font-size:17px;line-height:1.1;font-style:italic;margin-top:10px;font-weight:700;max-width:100%}
.brand-quote-arrow{width:46px;height:46px;border:1px solid rgba(255,255,255,.65);background:rgba(31,37,42,.55);color:#fff;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s,transform .2s;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.brand-quote-arrow:hover,.brand-quote-arrow:focus{background:var(--orange);border-color:var(--orange);color:#111;transform:scale(1.05);outline:none}
.brand-quote-dots{text-align:center;margin-top:2px;height:18px}
.brand-quote-dots span{font-size:10px;color:#c7cbd0;margin:0 4px}
.brand-quote-dots span.active{color:var(--orange)}
.brand-back-button{display:flex;width:max-content;margin:24px auto 0}
@media(max-width:720px){
  .red-page.postit-page{padding:36px 0 58px}
  .brand-page-heading h1{font-size:34px}
  .brand-lead-in p{font-size:16px;line-height:1.3;margin-bottom:6px}
  .brand-quote-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:5px;min-height:340px;margin-top:24px}
  .brand-postit-wrap{width:min(390px,100%)}
  .brand-quote-main{font-size:18px;line-height:1.03}
  .brand-quote-author{font-size:14px;margin-top:7px;line-height:1.08}
  .brand-quote-arrow{width:40px;height:40px;font-size:20px}
}

/* Blue Business Post-it page: same locked Red page UI, blue accent only */
.blue-page{background:var(--charcoal);color:#fff}
.blue-page .brand-page-heading h1{color:#fff}
.blue-page .brand-postit-wrap{filter:drop-shadow(0 16px 20px rgba(0,0,0,.22))}
.blue-page .brand-quote-arrow:hover,.blue-page .brand-quote-arrow:focus,.blue-page .brand-quote-arrow:active{color:#111}

/* 3D Post-it refinement — working version only. */
.home-page .postit {
  filter: drop-shadow(0 8px 8px rgba(0,0,0,.18)) drop-shadow(2px 12px 16px rgba(0,0,0,.16));
  transition: transform .2s ease, filter .2s ease;
}
.home-page .postit:hover {
  filter: brightness(1.03) drop-shadow(0 8px 8px rgba(0,0,0,.18)) drop-shadow(2px 12px 16px rgba(0,0,0,.16));
}
.red-page .brand-postit-wrap,
.blue-page .brand-postit-wrap,
.green-page .brand-postit-wrap {
  filter: drop-shadow(0 3px 4px rgba(0,0,0,.24)) drop-shadow(2px 16px 20px rgba(0,0,0,.34));
}

/* V4 refinement: consistent circular side navigation for all insight/quote pages. */
.insight-stage{
  max-width: 980px;
  display:grid;
  grid-template-columns:48px minmax(0,760px) 48px;
  align-items:center;
  justify-content:center;
  column-gap:12px;
  margin:18px auto 0;
}
.insight-cards{grid-column:2;grid-row:1;min-height:330px;display:flex;align-items:flex-start;justify-content:center}
.insight-card{width:min(760px,100%);}
.insight-side-arrow{
  grid-row:1;
  width:46px;height:46px;
  border:1px solid rgba(255,255,255,.65);
  background:rgba(31,37,42,.72);
  color:#fff;border-radius:50%;
  font-size:24px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 7px rgba(0,0,0,.22);
  position:relative;z-index:5;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.insight-prev{grid-column:1}
.insight-next{grid-column:3}
.insight-side-arrow:hover,.insight-side-arrow:focus{background:var(--orange);border-color:var(--orange);color:#111;transform:scale(1.05);outline:none}
.insights-back-button{display:flex;width:max-content;margin:24px auto 0}
/* Slightly more visible orange glow, without changing box size or content. */
.insight-card{
  box-shadow:0 0 0 1px rgba(244,122,22,.18), 0 0 22px rgba(244,122,22,.28), 0 10px 28px rgba(0,0,0,.24);
}
/* Keep the Post-it arrows visible after clicking and move them closer to the Post-it. */
.brand-quote-stage{
  grid-template-columns:46px minmax(360px,430px) 46px;
  gap:2px;
}
.brand-quote-arrow{position:relative;z-index:10;}
@media(max-width:720px){
  .insight-stage{grid-template-columns:40px minmax(0,1fr) 40px;column-gap:5px}
  .insight-side-arrow{width:40px;height:40px;font-size:20px}
  .insight-card{width:100%}
  .brand-quote-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:2px}
}

/* ==========================================================
   V4.1 MOBILE RESPONSIVE PASS — REVISED V2
   Mobile-only overrides. Desktop/tablet styles above remain untouched.
   Mobile composition follows the supplied approved mobile mock-up:
   compact hero, tight post-it cluster, book + teaser integrated in hero.
   ========================================================== */
@media (max-width:720px){
  .site-header{height:68px !important;}
  .header-inner{width:92% !important;}
  .logo-link{width:205px !important;}
  .menu-toggle{display:block !important;font-size:28px !important;color:var(--orange);padding:2px 0 2px 10px;line-height:1;}
  .inner-nav{position:absolute;right:4%;top:62px;width:190px;background:#fff;border:1px solid #ddd;box-shadow:var(--shadow);display:none;flex-direction:column;gap:0;padding:8px;z-index:50;}
  .inner-nav.open{display:flex;}
  .inner-nav a{width:100%;padding:10px 12px;font-size:16px;}

  /* ================= HOME MOBILE ================= */
  .home-page .hero{background:#666a6e !important;overflow:hidden !important;}
  .home-page .hero-inner{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:625px !important;
    min-height:625px !important;
    padding:0 !important;
    margin:0 !important;
  }
  .home-page .hero-copy{
    position:absolute !important;
    left:8.5% !important;
    top:16px !important;
    width:83% !important;
    padding:0 !important;
    margin:0 !important;
    z-index:8 !important;
  }
  .home-page .hero-kicker{font-size:40px !important;line-height:.94 !important;letter-spacing:-1px !important;}
  .home-page .hero-copy h1{font-size:28px !important;line-height:1.08 !important;margin:15px 0 10px !important;font-weight:700 !important;}
  .home-page .hero-rule{width:60px !important;height:4px !important;margin:12px 0 0 !important;}

  /* Keep all three Post-its in a compact, intentional cluster. */
  .home-page .postit-cluster{
    position:absolute !important;
    left:0 !important;
    top:158px !important;
    width:100% !important;
    height:250px !important;
    min-height:250px !important;
    margin:0 !important;
    z-index:5 !important;
  }
  .home-page .postit{position:absolute !important;display:block !important;margin:0 !important;}
  .home-page .red-post{width:116px !important;left:34% !important;top:0 !important;right:auto !important;transform:rotate(-4deg) !important;z-index:4 !important;}
  .home-page .blue-post{width:116px !important;left:53% !important;right:auto !important;top:77px !important;transform:rotate(-8deg) !important;z-index:3 !important;}
  .home-page .green-post{width:124px !important;left:15% !important;top:88px !important;bottom:auto !important;transform:rotate(4deg) !important;z-index:5 !important;}
  .home-page .postit-copy{
    font-family:"Patrick Hand","Comic Sans MS","Segoe Print",cursive !important;
    font-size:17px !important;line-height:1.02 !important;font-weight:700 !important;width:82% !important;
  }
  .home-page .postit-copy.small{font-size:13.2px !important;line-height:1.02 !important;}
  .home-page .postit-click{font-size:.70em !important;line-height:1 !important;margin-top:3px !important;}

  /* Book is part of the same hero composition, not a separate loose section. */
  .home-page .book-hero{
    position:absolute !important;
    left:0 !important;right:0 !important;top:376px !important;
    width:100% !important;height:128px !important;
    margin:0 !important;padding:0 !important;
    display:flex !important;justify-content:center !important;align-items:flex-start !important;
    z-index:6 !important;
  }
  .home-page .book-stage{width:108px !important;height:128px !important;display:flex !important;justify-content:center !important;align-items:flex-start !important;}
  .home-page .book-stage img{width:108px !important;height:auto !important;max-height:none !important;filter:none !important;transform:none !important;}

  .home-page .brand-vinci-teaser{
    position:absolute !important;left:0 !important;right:0 !important;top:499px !important;
    width:100% !important;padding:0 !important;margin:0 !important;text-align:center !important;z-index:7 !important;
  }
  .home-page .teaser-small{font-size:19px !important;line-height:1.05 !important;margin:0 !important;}
  .home-page .brand-vinci-teaser h2{font-size:24px !important;line-height:1.05 !important;margin:0 !important;}
  .home-page .brand-vinci-teaser .orange-rule{width:46px !important;height:4px !important;margin:6px auto !important;}
  .home-page .brand-vinci-teaser p{font-size:13px !important;line-height:1.22 !important;margin:0 auto 8px !important;max-width:285px !important;}
  .home-page .orange-button{font-size:12px !important;padding:10px 14px !important;border-radius:8px !important;white-space:nowrap !important;}

  /* ================= HOME INTRO / FOOTER ================= */
  .home-page .home-intro{padding:12px 4% 9px !important;}
  .home-page .home-intro h2{font-size:23px !important;line-height:1.05 !important;margin:0 0 5px !important;}
  .home-page .home-intro>p{font-size:13px !important;line-height:1.2 !important;margin:0 auto 9px !important;max-width:340px !important;}
  .home-page .home-buttons{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:4px !important;overflow:visible !important;padding:0 !important;}
  .home-page .home-buttons a{min-width:0 !important;min-height:40px !important;height:auto !important;padding:6px 3px !important;font-size:9.5px !important;line-height:1.08 !important;border-radius:7px !important;}
  .home-page .home-footer{min-height:46px !important;padding:7px 5% !important;font-size:10px !important;line-height:1.2 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;text-align:left !important;}
  .home-page .linkedin-badge{display:inline-flex !important;width:27px !important;height:27px !important;font-size:17px !important;}

  /* ================= POST-IT INSIDE PAGES ================= */
  .postit-page{padding:28px 0 48px !important;min-height:calc(100vh - 68px) !important;}
  .brand-page-content{width:92% !important;max-width:none !important;}
  .brand-page-heading h1{font-size:28px !important;line-height:1.08 !important;margin:0 !important;}
  .brand-page-heading .orange-rule{width:60px !important;height:4px !important;margin:10px 0 15px !important;}
  .brand-lead-in{max-width:none !important;margin:0 !important;}
  .brand-lead-in p{font-size:14px !important;line-height:1.24 !important;margin:0 0 5px !important;}
  .brand-quote-stage{grid-template-columns:34px minmax(0,1fr) 34px !important;gap:2px !important;width:100% !important;max-width:370px !important;margin:18px auto 0 !important;min-height:292px !important;align-items:center !important;}
  .brand-postit-wrap{width:min(286px,100%) !important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.24)) drop-shadow(2px 16px 20px rgba(0,0,0,.34)) !important;justify-self:center !important;}
  .brand-postit-text{inset:23% 14% 13% !important;padding:0 2% !important;overflow:hidden !important;}
  .brand-quote-main{font-family:"Patrick Hand","Comic Sans MS","Segoe Print",cursive !important;font-size:18px !important;line-height:1.02 !important;font-weight:700 !important;}
  .brand-postit-text.quote-medium .brand-quote-main{font-size:15px !important;line-height:1.01 !important;}
  .brand-postit-text.quote-long .brand-quote-main{font-size:13px !important;line-height:1 !important;}
  .brand-postit-text.quote-xlong .brand-quote-main{font-size:11px !important;line-height:1 !important;}
  .brand-quote-author{font-family:"Patrick Hand","Comic Sans MS","Segoe Print",cursive !important;font-size:13px !important;line-height:1.02 !important;margin-top:5px !important;font-style:italic !important;font-weight:700 !important;}
  .brand-postit-text.quote-medium .brand-quote-author{font-size:12px !important;margin-top:4px !important;}
  .brand-postit-text.quote-long .brand-quote-author{font-size:11px !important;margin-top:4px !important;}
  .brand-postit-text.quote-xlong .brand-quote-author{font-size:10px !important;margin-top:3px !important;}
  .brand-quote-arrow{width:34px !important;height:34px !important;font-size:18px !important;line-height:1 !important;z-index:20 !important;}
  .brand-quote-dots{height:15px !important;margin-top:2px !important;}
  .brand-quote-dots span{font-size:7px !important;margin:0 2px !important;}
  .brand-back-button{font-size:12px !important;padding:10px 14px !important;margin:15px auto 0 !important;}

  /* ================= INSIGHTS ================= */
  .insights-page{padding:28px 0 48px !important;min-height:calc(100vh - 68px) !important;}
  .insights-page h1{font-size:28px !important;line-height:1.08 !important;}
  .insights-page .insights-title-rule{width:60px !important;height:4px !important;margin:10px 0 0 !important;}
  .insight-subhead{font-size:16px !important;line-height:1.22 !important;margin:6px 0 0 !important;}
  .insight-stage{grid-template-columns:34px minmax(0,1fr) 34px !important;column-gap:2px !important;width:100% !important;max-width:370px !important;margin:16px auto 0 !important;}
  .insight-cards{grid-column:2 !important;min-height:270px !important;width:100% !important;}
  .insight-card{width:100% !important;min-height:270px !important;padding:38px 20px !important;}
  .insight-card p{font-size:23px !important;line-height:1.12 !important;}
  .insight-side-arrow{width:34px !important;height:34px !important;font-size:18px !important;z-index:20 !important;}
  .insights-back-button{font-size:12px !important;padding:10px 14px !important;margin:15px auto 0 !important;}

  .site-footer{font-size:10px !important;padding:9px 4% !important;}
}

@media (min-width:721px){
  .home-page .menu-toggle{display:none !important;}
  .home-page .inner-nav{display:none !important;}
}

/* ==========================================================
   MOBILE HOME HERO — V3 COMPACT COMPOSITION
   Mobile only. Desktop/laptop rules are intentionally untouched.
   ========================================================== */
@media (max-width:720px){
  .home-page .hero-inner{
    height:665px !important;
    min-height:665px !important;
    overflow:hidden !important;
  }

  /* Smaller headline/subhead so the visual cluster has room to breathe. */
  .home-page .hero-copy{
    left:8.5% !important;
    top:17px !important;
    width:83% !important;
  }
  .home-page .hero-kicker{
    font-size:34px !important;
    line-height:.92 !important;
    letter-spacing:-.7px !important;
  }
  .home-page .hero-copy h1{
    font-size:25px !important;
    line-height:1.04 !important;
    margin:12px 0 9px !important;
    max-width:310px !important;
  }
  .home-page .hero-rule{
    width:58px !important;
    height:4px !important;
    margin:10px 0 0 !important;
  }

  /* A single compact Post-it cluster, clearly separated from the subhead. */
  .home-page .postit-cluster{
    top:169px !important;
    left:0 !important;
    width:100% !important;
    height:205px !important;
    min-height:205px !important;
  }
  .home-page .red-post{
    width:115px !important;
    left:34% !important;
    top:0 !important;
    right:auto !important;
    transform:rotate(-4deg) !important;
  }
  .home-page .blue-post{
    width:115px !important;
    left:53% !important;
    right:auto !important;
    top:63px !important;
    transform:rotate(-8deg) !important;
  }
  .home-page .green-post{
    width:123px !important;
    left:15% !important;
    top:75px !important;
    bottom:auto !important;
    transform:rotate(4deg) !important;
  }
  .home-page .postit-copy{
    font-family:"Comic Sans MS","Segoe Print",cursive !important;
    font-size:16px !important;
    line-height:1.02 !important;
  }
  .home-page .postit-copy.small{
    font-size:12.7px !important;
    line-height:1.01 !important;
  }
  .home-page .postit-click{
    font-size:.70em !important;
    margin-top:3px !important;
  }

  /* Book follows the Post-it cluster with a small, deliberate gap. */
  .home-page .book-hero{
    top:378px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    height:104px !important;
  }
  .home-page .book-stage,
  .home-page .book-stage img{
    width:104px !important;
    height:auto !important;
    max-height:none !important;
  }
  .home-page .book-stage{
    height:104px !important;
    align-items:flex-start !important;
  }

  /* Teaser starts only after the book has visually finished. */
  .home-page .brand-vinci-teaser{
    top:487px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    text-align:center !important;
  }
  .home-page .teaser-small{
    font-size:17px !important;
    line-height:1 !important;
    margin:0 !important;
  }
  .home-page .brand-vinci-teaser h2{
    font-size:23px !important;
    line-height:1.02 !important;
    margin:0 !important;
  }
  .home-page .brand-vinci-teaser .orange-rule{
    width:46px !important;
    height:4px !important;
    margin:7px auto !important;
  }
  .home-page .brand-vinci-teaser p{
    font-size:12.5px !important;
    line-height:1.18 !important;
    margin:0 auto 8px !important;
    max-width:285px !important;
  }
  .home-page .orange-button{
    font-size:11.5px !important;
    line-height:1 !important;
    padding:10px 14px !important;
    min-height:38px !important;
  }
}


/* =========================================================
   MOBILE V4.1 — FINAL COMPOSITION PASS
   Desktop/laptop styles are intentionally untouched.
   ========================================================= */
@media (max-width:720px){
  /* HOME: compact, continuous grey hero composition */
  .home-page .hero{
    background:#666a6e !important;
    overflow:hidden !important;
  }
  .home-page .hero-inner{
    height:700px !important;
    min-height:700px !important;
    overflow:hidden !important;
  }

  .home-page .hero-copy{
    left:8% !important;
    top:15px !important;
    width:84% !important;
    z-index:8 !important;
  }
  .home-page .hero-kicker{
    font-size:30px !important;
    line-height:.91 !important;
    letter-spacing:-.5px !important;
  }
  .home-page .hero-copy h1{
    font-size:21px !important;
    line-height:1.06 !important;
    margin:10px 0 8px !important;
    max-width:300px !important;
  }
  .home-page .hero-rule{
    width:58px !important;
    height:4px !important;
    margin:9px 0 0 !important;
  }

  /* Three Post-its: separated enough to read individually. */
  .home-page .postit-cluster{
    top:155px !important;
    height:200px !important;
    min-height:200px !important;
    z-index:5 !important;
  }
  .home-page .red-post{
    width:110px !important;
    left:36% !important;
    top:0 !important;
    z-index:4 !important;
    transform:rotate(-4deg) !important;
  }
  .home-page .blue-post{
    width:110px !important;
    left:65% !important;
    top:66px !important;
    z-index:3 !important;
    transform:rotate(-8deg) !important;
  }
  .home-page .green-post{
    width:110px !important;
    left:6% !important;
    top:66px !important;
    z-index:5 !important;
    transform:rotate(4deg) !important;
  }

  /* Use the approved handwritten face; do not substitute Comic Sans. */
  .home-page .postit-copy,
  .home-page .postit-copy.small{
    font-family:"Patrick Hand","Segoe Print",cursive !important;
    font-weight:400 !important;
    font-style:normal !important;
    letter-spacing:0 !important;
  }
  .home-page .postit-copy{
    font-size:17px !important;
    line-height:1.02 !important;
  }
  .home-page .postit-copy.small{
    font-size:13.8px !important;
    line-height:1.02 !important;
  }
  .home-page .postit-click{
    font-size:.72em !important;
    line-height:1 !important;
    margin-top:3px !important;
  }

  /* Book: finish completely before the title begins. */
  .home-page .book-hero{
    top:365px !important;
    height:175px !important;
    z-index:6 !important;
  }
  .home-page .book-stage{
    width:108px !important;
    height:175px !important;
    align-items:flex-start !important;
  }
  .home-page .book-stage img{
    width:108px !important;
    height:auto !important;
    max-height:none !important;
  }

  /* Title starts below the actual bottom of the book. */
  .home-page .brand-vinci-teaser{
    top:548px !important;
    z-index:7 !important;
  }
  .home-page .teaser-small{
    font-size:16px !important;
    line-height:1 !important;
    margin:0 !important;
  }
  .home-page .brand-vinci-teaser h2{
    font-size:22px !important;
    line-height:1 !important;
    margin:0 !important;
  }
  .home-page .brand-vinci-teaser .orange-rule{
    width:46px !important;
    height:4px !important;
    margin:7px auto !important;
  }
  .home-page .brand-vinci-teaser p{
    font-size:12.5px !important;
    line-height:1.18 !important;
    margin:0 auto 8px !important;
    max-width:285px !important;
  }
  .home-page .orange-button{
    font-size:11.5px !important;
    line-height:1 !important;
    padding:10px 14px !important;
    min-height:38px !important;
  }

  /* Keep mobile Post-it pages on the same approved handwritten font. */
  .brand-quote-main,
  .brand-quote-author{
    font-family:"Patrick Hand","Segoe Print",cursive !important;
    font-weight:400 !important;
    font-style:normal !important;
  }
  .brand-quote-main{
    line-height:1.02 !important;
  }
  .brand-quote-author{
    font-style:italic !important;
  }
}

@media (max-width:360px){
  .home-page .hero-inner{height:680px !important;min-height:680px !important;}
  .home-page .hero-kicker{font-size:27px !important;}
  .home-page .hero-copy h1{font-size:19px !important;max-width:270px !important;}
  .home-page .postit-cluster{top:150px !important;}
  .home-page .red-post{width:98px !important;left:36% !important;}
  .home-page .blue-post{width:98px !important;left:64% !important;top:62px !important;}
  .home-page .green-post{width:98px !important;left:5% !important;top:62px !important;}
  .home-page .postit-copy{font-size:15px !important;}
  .home-page .postit-copy.small{font-size:12px !important;}
  .home-page .book-hero{top:350px !important;}
  .home-page .brand-vinci-teaser{top:525px !important;}
}

/* ==========================================================
   HOME MOBILE V5 — centered Post-it cluster refinement
   Mobile home page only. Desktop is intentionally untouched.
   ========================================================== */
@media (max-width:720px){
  .home-page .hero-inner{height:700px !important;min-height:700px !important;}
  .home-page .hero-copy{left:8% !important;width:84% !important;}
  .home-page .hero-kicker{font-size:29px !important;line-height:.92 !important;}
  .home-page .hero-copy h1{font-size:20px !important;line-height:1.05 !important;margin:9px 0 7px !important;max-width:285px !important;}
  .home-page .hero-rule{margin:8px 0 0 !important;width:56px !important;}

  /* Three Post-its form a centered, balanced bunch. */
  .home-page .postit-cluster{
    top:155px !important;
    left:0 !important;
    width:100% !important;
    height:205px !important;
    min-height:205px !important;
  }
  .home-page .red-post{
    width:120px !important;
    left:50% !important;
    top:0 !important;
    right:auto !important;
    transform:translateX(-50%) rotate(-4deg) !important;
    z-index:4 !important;
  }
  .home-page .green-post{
    width:120px !important;
    left:27% !important;
    top:58px !important;
    bottom:auto !important;
    transform:translateX(-50%) rotate(4deg) !important;
    z-index:3 !important;
  }
  .home-page .blue-post{
    width:120px !important;
    left:73% !important;
    top:58px !important;
    right:auto !important;
    transform:translateX(-50%) rotate(-8deg) !important;
    z-index:3 !important;
  }

  /* Restore the approved handwritten face and genuinely center each label. */
  .home-page .postit-copy,
  .home-page .postit-copy.small{
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) rotate(0deg) !important;
    width:78% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    font-family:"Patrick Hand","Segoe Print",cursive !important;
    font-weight:400 !important;
    font-style:normal !important;
    letter-spacing:0 !important;
  }
  .home-page .postit-copy{font-size:17px !important;line-height:1.02 !important;}
  .home-page .postit-copy.small{font-size:13.6px !important;line-height:1.02 !important;}
  .home-page .postit-click{font-size:.72em !important;line-height:1 !important;margin-top:3px !important;}

  /* Keep the book/title sequence compact without overlap. */
  .home-page .book-hero{top:365px !important;height:175px !important;}
  .home-page .book-stage,.home-page .book-stage img{width:108px !important;}
  .home-page .brand-vinci-teaser{top:548px !important;}
  .home-page .teaser-small{font-size:16px !important;line-height:1 !important;}
  .home-page .brand-vinci-teaser h2{font-size:22px !important;line-height:1 !important;margin:0 !important;}
}
@media (max-width:360px){
  .home-page .hero-inner{height:680px !important;min-height:680px !important;}
  .home-page .hero-kicker{font-size:27px !important;}
  .home-page .hero-copy h1{font-size:19px !important;}
  .home-page .postit-cluster{top:150px !important;}
  .home-page .red-post{width:105px !important;}
  .home-page .green-post,.home-page .blue-post{width:105px !important;}
  .home-page .postit-copy{font-size:15px !important;}
  .home-page .postit-copy.small{font-size:12px !important;}
}

/* ==========================================================
   MOBILE HOME — V6.1 CORRECTIONS
   Only affects screens 720px and below.
   ========================================================== */
@media (max-width:720px){
  .home-page .hero-kicker{
    font-size:37px !important;
    line-height:.93 !important;
    letter-spacing:-.8px !important;
  }
  .home-page .hero-copy h1{
    font-size:25px !important;
    line-height:1.08 !important;
    margin:13px 0 0 !important;
  }
  .home-page .hero-rule{
    width:58px !important;
    height:4px !important;
    margin:18px 0 0 !important;
  }

  /* Keep the post-it bunch centred and below the complete copy/rule. */
  .home-page .postit-cluster{
    top:190px !important;
    height:250px !important;
    min-height:250px !important;
  }
  .home-page .red-post{left:34% !important;top:0 !important;}
  .home-page .green-post{left:15% !important;top:88px !important;}
  .home-page .blue-post{left:53% !important;top:77px !important;}

  /* Explicit vertical centring of all Post-it copy. */
  .home-page .postit-copy{
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    width:82% !important;
    height:82% !important;
  }

  /* Move the book upward so its visual bottom clears Pavan's. */
  .home-page .book-hero{
    top:330px !important;
  }

  /* Keep the title block below the actual book image. */
  .home-page .brand-vinci-teaser{
    top:505px !important;
  }
}

/* MOBILE HOME V6.2 — final positional correction for the current test */
@media (max-width:720px){
  .home-page .postit-cluster{top:205px !important;}
  .home-page .book-hero{top:430px !important;}
  .home-page .brand-vinci-teaser{top:590px !important;}
  .home-page .hero-inner{height:710px !important;min-height:710px !important;}
}


/* MOBILE HOME V6.3 — final home composition corrections */
@media (max-width:720px){
  /* Keep the mobile menu anchored at the far right of the header. */
  .home-page .menu-toggle{
    margin-left:auto !important;
    position:absolute !important;
    right:4% !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }

  /* Centre the three Post-its as one visual bunch across the phone. */
  .home-page .postit-cluster{
    top:205px !important;
    left:0 !important;
    width:100% !important;
    height:235px !important;
    min-height:235px !important;
  }
  .home-page .red-post{
    width:130px !important;
    left:50% !important;
    top:0 !important;
    transform:translateX(-50%) rotate(-4deg) !important;
  }
  .home-page .green-post{
    width:130px !important;
    left:24% !important;
    top:68px !important;
    transform:translateX(-50%) rotate(4deg) !important;
  }
  .home-page .blue-post{
    width:130px !important;
    left:76% !important;
    top:68px !important;
    transform:translateX(-50%) rotate(-8deg) !important;
  }

  /* Make the label sit centrally inside each physical Post-it. */
  .home-page .postit-copy,
  .home-page .postit-copy.small{
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    width:80% !important;
    height:80% !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Move the book and teaser upward as one unit; button must remain fully inside grey hero. */
  .home-page .book-hero{
    top:390px !important;
    height:150px !important;
  }
  .home-page .brand-vinci-teaser{
    top:535px !important;
  }
}
@media (max-width:360px){
  .home-page .postit-cluster{top:195px !important;}
  .home-page .red-post{width:112px !important;}
  .home-page .green-post,.home-page .blue-post{width:112px !important;}
  .home-page .green-post{left:23% !important;}
  .home-page .blue-post{left:77% !important;}
  .home-page .book-hero{top:375px !important;}
  .home-page .brand-vinci-teaser{top:515px !important;}
}

/* V6.4 mobile home-only micro-adjustment: move the entire Brand Vinci teaser block down. */
@media (max-width:720px){
  .home-page .brand-vinci-teaser{
    top:560px !important;
  }
}
@media (max-width:360px){
  .home-page .brand-vinci-teaser{
    top:540px !important;
  }
}

/* V6.5 follow-up: Android-only micro adjustment for the mobile Home hero. */
@media (max-width:720px){
  .android .home-page .hero-inner{height:701px !important;min-height:701px !important;}
}

/* Consulting Services: one testimonial per swipe position, desktop and mobile. */
.testimonial-pair.single-testimonial{display:block;min-width:100%;padding:5px 2px 12px;}
.testimonial-pair.single-testimonial .testimonial-card{width:min(610px,88vw);margin:0 auto;}

/* TV Commercials: make the YouTube destination visibly actionable without a large button. */
.youtube-link{display:inline-flex;align-items:center;gap:6px;color:#d00;font-weight:800;border-bottom:2px solid var(--orange);padding-bottom:2px;white-space:nowrap;}
.youtube-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#d00;color:#fff;font-size:10px;line-height:1;}
@media(max-width:720px){.youtube-link{white-space:normal;}.youtube-icon{flex:0 0 18px;}}

/* V6.5 refinement: keep testimonial arrows close to the single testimonial box on desktop. */
.testimonial-slider{max-width:710px;margin-left:auto;margin-right:auto;grid-template-columns:42px minmax(0,1fr) 42px;gap:6px;}
/* Mobile: the testimonial card must fully fit the viewport and never crop into the next slide. */
@media(max-width:720px){
  .testimonial-slider{width:100%;grid-template-columns:34px minmax(0,1fr) 34px;gap:4px;}
  .testimonial-viewport{width:100%;overflow:hidden;}
  .testimonial-slides{width:100%;align-items:flex-start;}
  .testimonial-pair.single-testimonial{width:100%;min-width:100%;padding:5px 0 14px;display:block;}
  .testimonial-pair.single-testimonial .testimonial-card{width:100%;max-width:100%;min-width:0;min-height:0;height:auto;margin:0;padding:20px;}
}


/* V6.6: Android Home hero bottom gap tightened by another 3px. */
@media (max-width:720px){
  .android .home-page .hero-inner{height:701px !important;min-height:701px !important;}
}

/* V6.6: Consulting Services testimonial viewport must follow the active card height.
   Prevents a taller hidden testimonial from creating a large blank vertical gap on mobile. */
.testimonial-viewport{overflow:hidden;}
.testimonial-slides{height:auto;}
@media (max-width:720px){
  .testimonial-slider{align-items:start;}
  .testimonial-viewport{height:auto;}
  .testimonial-slides{height:auto;}
}


/* V6.7: final mobile consulting/home refinements. */
@media (max-width:720px){
  /* Keep testimonial arrows vertically centred against the active testimonial card,
     matching the desktop treatment on both Android and iOS. */
  .testimonial-slider{align-items:center;}
  /* Android Home: close the grey hero bottom gap by a further 2px. */
  .android .home-page .hero-inner{height:699px !important;min-height:699px !important;}
}
.feedback-down-arrow{color:var(--orange);font-weight:800;margin-left:4px;white-space:nowrap;}