/* style.css */ :root{--ink:#171f33;--muted:#536073;--blue:#3155d9;--line:#dce2ed;--wash:#f4f6fb;--max:1280px} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}figure,blockquote{margin:0}p{margin:0 0 20px}h1,h2,h3,h4{margin:0;line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(38px,3.6vw,52px);font-weight:700}h2{font-size:clamp(31px,3.2vw,43px);font-weight:600}h3{font-size:26px;font-weight:600}h4{font-size:17px;letter-spacing:-.025em}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #748df1;outline-offset:6px}.wrap{max-width:var(--max);width:calc(100% - 96px);margin:0 auto}.section{padding-top:76px;padding-bottom:76px;scroll-margin-top:0}.skip{position:fixed;top:-80px;left:12px;background:var(--ink);color:white;padding:8px;z-index:10}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;height:108px;gap:30px}.brand{width:155px}.brand img{width:100%;max-height:58px;object-fit:contain;object-position:left}.header nav{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:600}.header nav a{text-decoration:none}.header nav a:hover{color:var(--blue)}.nav-consult{border-bottom:1px solid var(--blue);padding-bottom:5px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:66px;padding:38px 0 64px}.hero h1 span{color:var(--blue)}.hero-intro{margin:26px 0 21px;font-size:17px;line-height:1.65;color:var(--muted)}.credibility{padding-left:17px;border-left:2px solid var(--blue);font-size:15px;line-height:1.6;margin-bottom:26px}.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;background:var(--blue);color:white;min-height:56px;padding:15px 24px;font-size:16px;font-weight:600;line-height:1.4;border:0;border-radius:4px;transition:background .2s}.button:hover{background:#203fad}.cta-explain{font-size:15px;color:var(--muted);line-height:1.6;margin:15px 0 18px;max-width:470px}.checks{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:14px;line-height:1.5}.checks li{padding-left:25px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:700}.credential-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.credential-row>div{flex:1;min-width:0}.credential-row img{height:28px;max-width:88px;object-fit:contain;object-position:left}.credential-row>div:last-child img{height:34px}.credential-row span{font-size:12px;line-height:1.4;display:block;color:var(--muted);max-width:125px;margin-top:9px}.hero-visual{padding-top:8px}.hero-photo>img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:3px}.hero-photo figcaption{font-size:14px;font-weight:600;padding-top:12px;line-height:1.5}.hero-photo figcaption span{font-weight:400;color:var(--muted);display:block;font-size:13px}.process{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.process:before{content:'';position:absolute;top:27px;left:15%;right:15%;height:1px;background:#bccaf5;z-index:-1}.process>div{text-align:center}.process-icon{width:56px;height:56px;display:grid;place-items:center;background:white;border:1px solid #bdcaf2;border-radius:50%;margin:0 auto 13px}.process svg{width:30px;height:30px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.process strong{display:block;font-size:16px}.process span{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:3px}.hero-quote{font-family:Georgia,serif;font-size:20px;line-height:1.5;margin-top:35px;padding-top:24px;border-top:1px solid var(--line)}cite{display:block;font-style:normal;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;margin-top:16px;color:var(--muted)}.hero-quote cite{font-size:12px}.section-heading{max-width:840px;margin-bottom:34px}.section-heading p{color:var(--muted);margin-top:19px;max-width:760px;margin-bottom:0}.programmes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.programme{display:flex;flex-direction:column;min-width:0}.book-button{padding:0;border:0;background:none;width:100%;display:block;margin-bottom:16px}.book-button img{width:100%;aspect-ratio:1;object-fit:contain}.book-button:hover img{filter:brightness(1.025)}.programme h3{font-size:26px;line-height:1.18;margin-bottom:14px}.audience{color:var(--blue);font-size:14px;font-weight:600;line-height:1.55;min-height:44px;margin-bottom:16px}.programme>p:not(.audience){font-size:16px;color:var(--muted);line-height:1.7;flex:1}.text-button{align-self:flex-start;border:0;border-bottom:1px solid var(--blue);color:var(--blue);padding:4px 0 8px;text-decoration:none;background:none;font-size:15px;font-weight:600;line-height:1.5}.text-button:hover{color:#182f90}.approach{background:var(--wash)}.approach .section-heading{margin-bottom:42px}.approach-row{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:72px;margin-top:54px}.approach-row.reverse{grid-template-columns:1fr 1.12fr}.approach-row.reverse figure{order:2}.approach-row figure img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:3px}.step-label{color:var(--blue);font-size:14px;font-weight:600;display:block;margin-bottom:16px}.approach-row h3{font-size:32px;margin-bottom:22px;max-width:410px}.approach-row p{font-size:17px;color:var(--muted)}.approach-row .scope-note,.scope-note{font-size:14px;color:var(--muted);line-height:1.65}.learner-proof{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:42px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:start}.rating-number{font-size:70px;line-height:1.1;letter-spacing:-.07em;color:var(--blue);font-weight:600}.rating-number span{font-size:32px;color:var(--muted);letter-spacing:-.03em}.rating strong{font-size:17px;display:block;margin-top:14px}.rating p{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0}.rating-scope{font-size:12px;color:var(--muted)}.learner-proof blockquote{font-family:Georgia,serif;font-size:23px;line-height:1.5;padding-top:8px}.dmi-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:52px}.dmi-story img{width:100%;aspect-ratio:4/3;object-fit:contain}.dmi-story h3{font-size:31px;margin-bottom:20px}.dmi-story p{color:var(--muted)}.recommendations{background:#fafbfe}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 38px}.review{display:flex;flex-direction:column;border-top:2px solid #cbd6f8;padding-top:25px}.review blockquote{font-family:Georgia,serif;font-size:20px;line-height:1.55;flex:1;margin-bottom:26px}.review-person{display:flex;gap:13px;align-items:start}.review-person strong{font-size:14px;display:block;line-height:1.4}.review-person span{font-size:13px;color:var(--muted);display:block;line-height:1.5;margin-top:5px}.review-person a{font-size:12px;color:var(--blue);margin-top:7px;display:inline-block}.avatar{width:56px;height:56px;flex:0 0 56px;overflow:hidden;border-radius:50%;position:relative;background:#edf1f6}.avatar img{position:absolute;max-width:none;height:auto}.avatar.omar img{width:737px;left:-20px;top:-303px}.avatar.paul img{width:754px;left:-49px;top:-47px}.avatar.mohamad img{width:738px;left:-29px;top:-31px}.avatar.terry img{width:738px;left:-29px;top:-316px}.avatar.rachel img{width:799px;left:-31px;top:-41px}.avatar.sajid img{width:775px;left:-30px;top:-28px}.founder{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:90px}.founder h2{max-width:690px}.founder .lead{font-size:24px;color:var(--blue);margin:24px 0 20px}.founder p{max-width:640px;color:var(--muted)}.founder>img{width:100%;max-height:515px;object-fit:contain;align-self:end}.career-heading{margin-top:65px;max-width:800px}.career-heading h3{font-size:30px}.career-heading p{margin:16px 0 0;color:var(--muted)}.career-heading .scroll-hint{font-size:13px;color:var(--blue);margin:10px 0 0}.career-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 20px;scrollbar-color:#9baded #eef1f9;scrollbar-width:thin}.career-graph{position:relative;display:grid;grid-template-columns:repeat(10,180px);width:1800px;min-height:590px;padding-top:28px}.career-line{position:absolute;left:0;top:30px;width:1800px;height:320px;pointer-events:none}.career-line path{fill:none;stroke:#a9bbf6;stroke-width:2}.milestone{padding:calc(277px - var(--i)*28px) 12px 0 0;position:relative}.career-date{display:block;font-size:12px;line-height:1.5;color:var(--blue);margin-bottom:10px}.career-dot{width:11px;height:11px;background:var(--blue);border:3px solid white;box-shadow:0 0 0 1px #809bef;border-radius:50%;margin:0 0 16px 74px}.milestone>img,.company-logo{height:26px;width:78px;object-fit:contain;object-position:left;margin-bottom:13px}.milestone:first-of-type>img{height:34px}.text-logo{font-size:16px;letter-spacing:-.04em;display:block;font-weight:600;color:#36593c}.milestone h4{min-height:43px;margin-bottom:8px;line-height:1.3}.company{display:block;font-size:13px;line-height:1.5;color:var(--muted);min-height:40px}.location{font-size:12px;line-height:1.5;color:var(--muted);display:block;margin-top:7px;min-height:37px}.location:before{content:'●';font-size:8px;color:var(--blue);margin-right:6px}.milestone p{font-size:13px;line-height:1.65;margin-top:12px;color:var(--muted)}.certifications{margin-top:55px;padding-top:35px;border-top:1px solid var(--line)}.certifications h3{font-size:29px;max-width:840px}.cert-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px;margin-top:32px}.cert-grid img{width:110px;height:62px;object-fit:contain;object-position:left}.cert-grid figcaption{font-size:13px;margin-top:14px;line-height:1.45;color:var(--muted)}.affiliation-note{font-size:12px;color:var(--muted);line-height:1.6;margin:25px 0 0;max-width:880px}.consultation{background:#edf2ff}.consultation-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center}.consultation h2{max-width:630px}.consultation p{color:var(--muted);margin:22px 0;max-width:640px}.consultation .checks{font-size:15px;gap:12px}.consultation-action{text-align:left}.consultation-action p{font-size:14px;line-height:1.6;margin:18px 0 13px}.consultation-action>a:not(.button){font-size:15px}.footer{background:#171f33;color:#fff;padding-top:55px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:100px}.footer-logo{width:170px;max-height:75px;object-fit:contain;object-position:left}.footer-main p{color:#bdc5d6;font-size:15px;max-width:360px;margin:24px 0}.footer-main>div>a{display:block;width:fit-content;font-size:14px;margin-bottom:8px;color:#e6eaf5}.footer-location h3{font-size:24px;max-width:420px}.footer-location p{margin:12px 0 19px}.footer-location iframe{width:100%;height:190px;border:0;filter:saturate(.45);border-radius:3px;margin-bottom:16px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #394155;padding:22px 0;margin-top:40px;color:#abb5ca;font-size:12px;line-height:1.5}dialog{border:0;border-radius:8px;padding:42px;max-width:700px;width:calc(100% - 32px);max-height:88vh;color:var(--ink);box-shadow:0 20px 90px #131f4350}dialog::backdrop{background:#10192b90}dialog h2{font-size:32px;line-height:1.2;margin-bottom:25px;padding-right:45px}dialog h3{font-size:22px;margin:28px 0 12px}dialog p,dialog li{font-size:16px;color:var(--muted)}dialog .button{margin-top:16px}.close-dialog{float:right;border:0;background:none;color:var(--blue);font-size:14px;padding:0 0 12px}body:has(dialog[open]){overflow:hidden} .career-graph{min-height:520px}.milestone{padding-top:calc(165px - var(--i)*16px)} @media(min-width:1600px){.wrap{width:calc(100% - 140px)}} @media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:36px}.header nav{gap:24px}.hero h1{font-size:40px}.programmes{gap:26px}.approach-row,.dmi-story{gap:40px}.review-grid{gap:35px 25px}.consultation-inner{gap:45px}.cert-grid{gap:20px}.founder{gap:45px}.credential-row{gap:14px}.hero-quote{font-size:19px}} @media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:84px;position:relative}.brand{width:130px}.header nav{display:none;position:absolute;right:0;top:75px;padding:24px;background:white;border:1px solid var(--line);box-shadow:0 15px 40px #17213315;z-index:5;min-width:240px;align-items:start}.header nav.open{display:flex;flex-direction:column;gap:22px}.menu-toggle{display:block;border:1px solid var(--line);border-radius:3px;background:white;padding:7px 13px;font-size:14px}.hero{grid-template-columns:1fr;padding-top:25px;gap:36px;padding-bottom:48px}.hero h1{font-size:clamp(36px,6.2vw,48px);max-width:660px}.hero-intro{font-size:17px}.hero-visual{padding-top:0}.hero-photo img{max-height:none}.hero-quote{font-size:21px}.section{padding-top:54px;padding-bottom:54px}.section-heading h2{font-size:33px}.programmes{grid-template-columns:1fr;gap:40px}.programme{display:grid;grid-template-columns:.8fr 1fr;column-gap:30px;align-items:start}.book-button{grid-row:1/5;align-self:start;margin:0}.programme h3{font-size:27px}.programme .audience{min-height:0;margin:10px 0 14px}.programme>p:not(.audience){font-size:16px}.programme .text-button{justify-self:start}.approach-row,.approach-row.reverse{grid-template-columns:1fr;gap:24px;margin-top:40px}.approach-row.reverse figure{order:0}.approach-row figure img{max-height:none}.approach-row h3{max-width:600px;font-size:30px}.learner-proof{grid-template-columns:1fr 1fr;gap:30px}.rating{grid-column:1/-1}.rating-number{font-size:64px}.learner-proof blockquote{font-size:22px}.dmi-story{grid-template-columns:1fr;gap:25px}.review-grid{grid-template-columns:1fr 1fr;gap:35px}.founder{grid-template-columns:1.4fr 1fr;gap:25px;align-items:center}.founder h2{font-size:33px}.founder .lead{font-size:22px}.career-heading{margin-top:48px}.cert-grid{grid-template-columns:repeat(3,1fr);gap:26px}.consultation-inner{grid-template-columns:1fr;gap:30px}.consultation-action p{margin-top:15px}.footer-main{gap:40px}.footer-bottom{flex-direction:column;gap:10px}} @media(max-width:520px){.hero h1{font-size:37px;line-height:1.14}.hero-intro{margin-top:22px}.credibility{font-size:14px}.button{width:100%;font-size:15px;padding:16px 14px;min-height:56px}.checks{gap:11px;font-size:14px}.credential-row{gap:14px;margin-top:25px}.credential-row img{height:24px;max-width:77px}.credential-row span{font-size:12px}.process{gap:14px;margin-top:28px}.process-icon{width:50px;height:50px}.process:before{top:25px}.process strong{font-size:15px}.process span{font-size:12px}.hero-quote{font-size:20px;margin-top:27px}.section-heading h2{font-size:31px}.section-heading p{font-size:16px}.programme{display:flex;gap:0;padding-bottom:30px;border-bottom:1px solid var(--line)}.programme:last-child{border-bottom:0;padding-bottom:0}.book-button{margin:0 0 20px}.programme h3{font-size:28px}.programme .audience{margin:13px 0 17px}.programme p{margin-bottom:20px}.approach-row h3{font-size:28px}.approach-row p{font-size:16px}.approach-row .scope-note{font-size:14px}.learner-proof{grid-template-columns:1fr;gap:28px}.learner-proof blockquote{font-size:23px;padding-top:20px;border-top:1px solid var(--line)}.rating{grid-column:auto}.dmi-story h3{font-size:28px}.dmi-story p{font-size:16px}.review-grid{grid-template-columns:1fr;gap:32px}.review blockquote{font-size:21px}.founder{grid-template-columns:1fr;gap:25px}.founder>img{max-width:270px;justify-self:center;max-height:340px}.founder h2{font-size:32px}.founder p{font-size:16px}.career-heading h3{font-size:28px}.scroll-hint{display:none}.career-scroll{overflow:visible;padding-top:25px}.career-graph{display:block;width:auto;min-height:0;padding:0}.career-line{display:none}.milestone{padding:0 0 28px 30px;border-left:1px solid #c1cef5;margin-left:6px}.milestone:last-child{border-left-color:transparent;padding-bottom:0}.career-date{font-size:13px;margin-bottom:12px}.career-dot{position:absolute;left:-6px;top:4px;margin:0}.milestone>img{height:23px;margin-bottom:13px}.milestone:first-of-type>img{height:32px}.milestone h4{font-size:18px;min-height:0}.company{min-height:0;font-size:14px}.location{min-height:0;font-size:13px;margin-top:7px}.milestone p{font-size:14px;margin-top:8px;margin-bottom:0}.certifications{margin-top:32px}.certifications h3{font-size:27px}.cert-grid{grid-template-columns:repeat(2,1fr);gap:27px}.cert-grid img{height:53px;width:110px}.cert-grid figcaption{font-size:13px}.consultation h2{font-size:33px}.consultation p{font-size:16px}.consultation-action p{font-size:14px}.footer-main{grid-template-columns:1fr;gap:35px}.footer-location h3{font-size:25px}.footer-main p{max-width:none}.footer-bottom{margin-top:30px}dialog{padding:25px}dialog h2{font-size:27px;padding-right:10px;clear:both}dialog .button{font-size:14px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} html{scroll-behavior:auto}.founder>img{aspect-ratio:4/5} /* first-fold.css */ /* Opening-only styles. Shared styles and all later folds are unchanged. */ .opening-header,.opening-hero{--ink:#20242a;--muted:#656b72;--blue:#7b3f3f;--line:#e2dcd3;--wash:#f3efe7;color:var(--ink);background:#fbf9f5} .opening-header .header{height:88px;gap:28px;border-bottom:1px solid var(--line)} .opening-header .brand{width:148px;flex:0 0 148px} .opening-header .header nav{gap:24px;font-size:.875rem;font-weight:500;line-height:1.4} .opening-header .header nav>a,.opening-header .header summary,.opening-header .practice-nav{white-space:nowrap} .opening-header .nav-group{position:relative} .opening-header summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;padding:12px 0} .opening-header summary::-webkit-details-marker{display:none} .opening-header summary::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-4px 1px 0 3px} .opening-header details[open] summary::after{transform:rotate(225deg);margin-top:4px} .opening-header .academy-nav summary::before,.opening-header .practice-nav::before{content:'';height:13px;width:3px;border-radius:3px;display:inline-block;background:#a65a43;margin-right:7px;flex:none} .opening-header .academy-nav summary::before{margin-right:0} .opening-header .practice-nav{display:inline-flex;align-items:center} .opening-header .consulting-nav::before{background:#a97848} .opening-header .ai-nav::before{background:#6b647d} .opening-header .ai-nav{position:relative;gap:0} .opening-header .ai-nav small{position:absolute;top:21px;left:10px;color:var(--muted);font-size:.75rem;font-weight:400;white-space:nowrap} .opening-header .header .nav-consult{padding:12px 17px;min-height:44px;display:inline-flex;align-items:center;border:0;border-radius:7px;background:#7b3f3f;color:#fff;font-size:.875rem;font-weight:600} .opening-header .header .nav-consult:hover{background:#663232;color:#fff} .opening-header .nav-dropdown{position:absolute;top:calc(100% + 8px);left:-20px;width:310px;z-index:8;padding:19px 12px 12px;border:1px solid var(--line);border-radius:12px;background:#fbf9f5;box-shadow:0 16px 40px #20242a14} .opening-header .nav-dropdown-label{display:block;padding:0 10px 9px;font-size:.75rem;color:var(--muted)} .opening-header .nav-dropdown button,.opening-header .nav-dropdown a{display:block;width:100%;text-align:left;background:none;border:0;padding:11px 10px;border-radius:6px;color:var(--ink);font-size:.875rem;font-weight:500;line-height:1.45;white-space:normal} .opening-header .nav-dropdown a{margin-top:7px;border-top:1px solid var(--line);border-radius:0;font-weight:400;color:#7b3f3f} .opening-header .nav-dropdown button:hover{background:#f3efe7} .opening-header :focus-visible,.opening-hero :focus-visible{outline-color:#7b3f3f} .opening-hero .hero{grid-template-columns:1.04fr 1fr;gap:52px;padding:32px 0 44px;align-items:start} .opening-hero .hero-copy h1{font-size:clamp(3rem,3.65vw,3.25rem);line-height:1.1;letter-spacing:-.04em;font-weight:700;text-wrap:balance} .opening-hero .hero h1 span{color:#7b3f3f} .opening-hero .hero-intro{font-size:1.0625rem;line-height:1.6;color:#51565d;margin:23px 0 18px;max-width:590px} .opening-hero .credibility{font-size:.9375rem;line-height:1.55;margin:0 0 22px;padding-left:14px;border-left:2px solid #7b3f3f;color:#41464d;max-width:560px} .opening-hero .button{font-size:.9375rem;line-height:1.4;min-height:52px;padding:14px 21px;border-radius:7px;background:#7b3f3f;color:#fff;font-weight:600;box-shadow:0 3px 8px #7b3f3f12} .opening-hero .button:hover{background:#663232} .opening-hero .cta-explain{font-size:.875rem;line-height:1.55;color:#656b72;max-width:520px;margin:13px 0 15px} .opening-hero .checks{font-size:.875rem;line-height:1.45;gap:7px;color:#464b52} .opening-hero .checks li{padding-left:22px} .opening-hero .checks li::before{color:#7b3f3f;font-size:.875rem} .opening-hero .credential-panel{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:25px;padding:18px 0 17px;border:1px solid #e2dcd3;border-radius:17px;background:#f3efe7} .opening-hero .credential-cell{min-width:0;padding:0 16px} .opening-hero .credential-cell+.credential-cell{border-left:1px solid #ded5c9} .opening-hero .credential-logo{height:40px;display:flex;align-items:center;margin-bottom:11px} .opening-hero .credential-logo img{height:auto;max-height:34px;max-width:78px;object-fit:contain;object-position:left} .opening-hero .credential-cell:last-child .credential-logo img{max-height:39px;max-width:72px} .opening-hero .credential-cell strong{display:block;font-size:.875rem;line-height:1.4;letter-spacing:-.015em;font-weight:600} .opening-hero .credential-cell p{font-size:.875rem;line-height:1.45;color:#565b62;margin:6px 0 9px} .opening-hero .credential-distinction{display:block;color:#7b3f3f;font-size:.75rem;line-height:1.5;text-decoration:none} .opening-hero a.credential-distinction:hover{text-decoration:underline} .opening-hero .hero-visual{padding-top:0} .opening-hero .hero-photo{border-radius:17px;overflow:hidden;background:#f3efe7} .opening-hero .hero-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:0;max-height:none} .opening-hero .hero-photo figcaption{position:static;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;background:none;color:#656b72;font-size:.75rem;font-weight:400;line-height:1.5;padding:12px 16px} .opening-hero .hero-photo figcaption span{display:inline;font-size:inherit;color:inherit;margin:0} .opening-hero .hero-photo .photo-authenticity{color:#41464d} .opening-hero .process{display:block;margin-top:20px;position:relative} .opening-hero .process::before{display:none} .opening-hero .process-art-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:center;margin-bottom:7px} .opening-hero .process-scene{position:relative;width:120px;height:120px;overflow:hidden;margin:0 auto} .opening-hero .process-scene img{position:absolute;width:360px;height:120px;max-width:none;left:0;top:0} .opening-hero .process-scene:nth-child(2) img{left:-120px} .opening-hero .process-scene:nth-child(3) img{left:-240px} .opening-hero .process-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative} .opening-hero .process-labels::before{content:'';position:absolute;top:14px;left:16.67%;right:16.67%;height:1px;background:#c9b9ad;z-index:0} .opening-hero .process-labels>div{display:flex;align-items:center;flex-direction:column;position:relative;z-index:1;min-width:0;text-align:center} .opening-hero .process-node{width:29px;height:29px;border:1px solid #bba08e;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3efe7;color:#7b3f3f;font-size:.75rem;font-weight:500;margin:0 0 10px} .opening-hero .process strong{font-size:1rem;font-weight:600;letter-spacing:-.015em;color:#20242a} .opening-hero .process span{display:block;max-width:150px;font-size:.875rem;line-height:1.45;margin-top:5px;color:#656b72} .opening-hero .hero-recommendation{margin-top:22px;border:1px solid #e2dcd3;border-radius:15px;padding:20px 23px;background:#fffdfa} .opening-hero .hero-recommendation blockquote{font-size:1.1875rem;line-height:1.5;letter-spacing:-.02em;color:#20242a;font-weight:400} .opening-hero .hero-recommendation figcaption{display:flex;align-items:center;gap:14px;margin-top:15px} .opening-hero .recommendation-person{min-width:0} .opening-hero .recommendation-person strong{display:block;font-size:.875rem;line-height:1.5;font-weight:600;color:#20242a} .opening-hero .recommendation-person span{display:block;color:#565b62;font-size:.875rem;line-height:1.5} .opening-hero .recommendation-person a{display:inline-block;margin-top:5px;font-size:.75rem;color:#7b3f3f;text-decoration:none;line-height:1.5} .opening-hero .recommendation-person a:hover{text-decoration:underline} .opening-hero .recommendation-person a.person-name{font-size:.875rem;line-height:1.5;margin-top:0;color:#20242a} @media(min-width:801px) and (max-width:1400px){.opening-hero .process-scene{width:105px;height:105px}.opening-hero .process-scene img{width:315px;height:105px}.opening-hero .process-scene:nth-child(2) img{left:-105px}.opening-hero .process-scene:nth-child(3) img{left:-210px}} @media(max-width:1000px){.opening-hero .process-art-row{gap:12px}} @media(max-width:520px){.opening-hero .process-art-row,.opening-hero .process-labels{gap:9px}.opening-hero .process-scene{width:96px;height:96px}.opening-hero .process-scene img{width:288px;height:96px}.opening-hero .process-scene:nth-child(2) img{left:-96px}.opening-hero .process-scene:nth-child(3) img{left:-192px}} @media(min-width:1500px){.opening-hero .hero-copy h1{font-size:3.5rem}} @media(max-width:1150px){.opening-header .header nav{gap:17px;font-size:.875rem}.opening-header .brand{width:128px;flex-basis:128px}.opening-header .header .nav-consult{padding:11px 13px}.opening-hero .hero{gap:35px}.opening-hero .hero-copy h1{font-size:2.75rem}.opening-hero .credential-cell{padding:0 12px}} @media(max-width:1000px){.opening-header .header nav{gap:14px}.opening-header .brand{width:112px;flex-basis:112px}.opening-header .header{gap:15px}.opening-header .header .nav-consult{font-size:.8125rem;padding:11px 12px}.opening-hero .hero{gap:30px}.opening-hero .hero-copy h1{font-size:2.5rem}.opening-hero .process-labels{gap:12px}.opening-hero .hero-recommendation{padding:20px}.opening-hero .credential-cell{padding:0 10px}} @media(max-width:880px){.opening-header .header{height:82px;position:relative}.opening-header .brand{width:132px;flex-basis:132px}.opening-header .menu-toggle{display:block;background:transparent;border:1px solid #d8cec2;border-radius:7px;color:#20242a;padding:9px 14px;font-size:.875rem;min-height:44px}.opening-header .header nav{display:none;position:absolute;right:0;top:72px;min-width:300px;max-width:calc(100vw - 40px);background:#fbf9f5;border:1px solid #e2dcd3;border-radius:12px;box-shadow:0 14px 35px #20242a16;z-index:9;padding:20px;align-items:stretch;gap:19px}.opening-header .header nav.open{display:flex;flex-direction:column}.opening-header .nav-dropdown{position:static;width:auto;box-shadow:none;border:0;border-left:1px solid #ded5c9;border-radius:0;margin:5px 0 0 9px;padding:7px 0 0 12px}.opening-header .ai-nav{padding-bottom:14px}.opening-header .ai-nav small{top:22px}.opening-header .header .nav-consult{justify-content:center;font-size:.875rem;min-height:46px}.opening-header summary{padding:3px 0}.opening-hero .hero{gap:32px}} @media(max-width:800px){.opening-hero .hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:40px;gap:32px}.opening-hero .hero-copy h1{font-size:clamp(2.25rem,5.4vw,3rem);max-width:670px}.opening-hero .hero-intro{max-width:650px;font-size:1.0625rem;margin-top:20px}.opening-hero .credibility{max-width:650px}.opening-hero .cta-explain{max-width:560px}.opening-hero .checks{gap:8px}.opening-hero .credential-panel{max-width:650px}.opening-hero .credential-cell{padding:0 18px}.opening-hero .hero-visual{max-width:650px}.opening-hero .hero-recommendation{padding:23px}.opening-hero .process span{max-width:180px}} @media(max-width:520px){.opening-hero .hero-copy h1{font-size:2.3125rem;line-height:1.12;letter-spacing:-.035em;text-wrap:initial}.opening-hero .hero-intro{font-size:1rem;line-height:1.6}.opening-hero .credibility{font-size:.875rem;line-height:1.55;margin-bottom:20px}.opening-hero .button{width:100%;font-size:.9375rem;min-height:52px;padding:14px 15px}.opening-hero .cta-explain{font-size:.875rem;line-height:1.55;margin:13px 0 16px}.opening-hero .checks{font-size:.875rem;gap:8px}.opening-hero .credential-panel{grid-template-columns:1fr;padding:0 17px;margin-top:24px;border-radius:15px}.opening-hero .credential-cell{padding:17px 0;display:grid;grid-template-columns:79px 1fr;column-gap:14px;align-items:start}.opening-hero .credential-cell+.credential-cell{border-left:0;border-top:1px solid #ded5c9}.opening-hero .credential-logo{grid-row:1/4;height:44px;margin:2px 0 0}.opening-hero .credential-cell p{margin:4px 0 6px}.opening-hero .credential-distinction{grid-column:2}.opening-hero .hero-photo{border-radius:14px}.opening-hero .hero-photo figcaption{display:block;padding:10px 13px;font-size:.75rem}.opening-hero .hero-photo figcaption span{display:block}.opening-hero .hero-photo figcaption span+span{margin-top:2px}.opening-hero .process{gap:9px;margin-top:23px}.opening-hero .process strong{font-size:.875rem}.opening-hero .process span{font-size:.875rem;line-height:1.45}.opening-hero .hero-recommendation{margin-top:24px;padding:19px;border-radius:14px}.opening-hero .hero-recommendation blockquote{font-size:1.125rem;line-height:1.5}.opening-hero .hero-recommendation figcaption{gap:12px;align-items:start}.opening-hero .recommendation-person strong,.opening-hero .recommendation-person span{font-size:.875rem}} @media(prefers-reduced-motion:reduce){.opening-header *,.opening-hero *{transition:none!important}} @media(max-width:360px){.opening-hero .process-scene{width:80px;height:80px}.opening-hero .process-scene img{width:240px;height:80px}.opening-hero .process-scene:nth-child(2) img{left:-80px}.opening-hero .process-scene:nth-child(3) img{left:-160px}} /* Programme-first opening with quiet accents and readable mixed-source feedback. */ .opening-header .header{height:82px} .opening-header .header .nav-consult{background:transparent;color:#20242a;border:1px solid #c9b9ad;box-shadow:none} .opening-header .header .nav-consult:hover{background:#f3efe7;color:#7b3f3f;border-color:#7b3f3f} .opening-hero .hero{padding:28px 0 25px;gap:44px} .opening-hero .hero-copy h1{font-size:clamp(42px,4vw,54px);line-height:1.09} .opening-hero .hero h1 span{color:#20242a} .opening-hero .hero h1 span:first-child{color:#7b3f3f} .opening-hero .hero-intro{margin:21px 0 18px;font-size:17px;line-height:1.6} .opening-hero .credibility{font-size:14px;line-height:1.55;margin-bottom:22px;border-left-color:#c5a393;color:#51565d} .opening-hero .cta-explain{font-size:13px;line-height:1.6;max-width:460px;margin:13px 0 14px} .opening-hero .checks{display:flex;flex-wrap:wrap;font-size:12px;line-height:1.5;gap:7px 16px;color:#51565d} .opening-hero .checks li{padding-left:17px} .opening-hero .checks li::before{font-size:12px} .opening-hero .hero-visual{min-width:0} .opening-hero .hero-photo{max-width:440px;margin-left:auto} .opening-hero .process{max-width:440px;margin-left:auto} .opening-hero .hero-photo figcaption{gap:3px 12px;font-size:11px;padding:10px 14px} .opening-hero .hero-photo .photo-authenticity{width:auto} .opening-hero .process{margin-top:14px} .opening-hero .process-art-row{margin-bottom:4px;gap:14px} .opening-hero .process-scene{width:76px;height:76px} .opening-hero .process-scene img{width:228px;height:76px} .opening-hero .process-scene:nth-child(2) img{left:-76px} .opening-hero .process-scene:nth-child(3) img{left:-152px} .opening-hero .process-labels{gap:14px} .opening-hero .process-labels>div{flex-direction:row;flex-wrap:wrap;justify-content:center} .opening-hero .process-labels::before{top:11px} .opening-hero .process-node{width:23px;height:23px;font-size:10px;margin:0 5px 0 0;background:#fbf9f5;transition:background .4s,color .4s,box-shadow .4s} .opening-hero .process-labels>div.is-active .process-node{background:#7b3f3f;color:#fff;box-shadow:0 0 0 4px #7b3f3f0d} .opening-hero .process strong{font-size:14px;background:#fbf9f5;padding-right:3px} .opening-hero .process span{font-size:12px;line-height:1.45;margin-top:6px;width:100%} .opening-hero .opening-programmes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0 20px} .opening-hero .opening-programmes-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:-1px} .opening-hero .opening-programme-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .opening-hero .opening-programme-list button{display:flex;align-items:flex-start;gap:12px;border:0;background:transparent;color:var(--ink);text-align:left;padding:3px 23px;min-width:0;border-left:1px solid var(--line)} .opening-hero .opening-programme-list button:first-child{padding-left:0;border-left:0} .opening-hero .opening-programme-list button:last-child{padding-right:0} .opening-hero .opening-programme-list button:hover strong{color:#7b3f3f} .opening-hero .programme-number{font-size:11px;line-height:1.6;color:#7b3f3f;padding-top:3px;flex:none} .opening-hero .opening-programme-list strong{display:block;font-size:17px;line-height:1.35;letter-spacing:-.02em;font-weight:600} .opening-hero .opening-programme-list small{display:block;font-size:12px;color:var(--muted);line-height:1.45;margin-top:6px} .opening-hero .programme-arrow{font-size:20px;line-height:1.3;color:#7b3f3f;margin-left:auto;flex:none} .opening-hero .opening-proof{padding:22px 0 30px} .opening-hero .opening-proof-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px} .opening-hero .opening-proof h2{font-size:16px;line-height:1.4;letter-spacing:-.015em;font-weight:500} .opening-hero .proof-controls{display:flex;align-items:center;gap:7px;flex:none} .opening-hero .proof-controls[hidden]{display:none} .opening-hero .proof-controls button{min-width:34px;min-height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);font-size:14px;line-height:1.4} .opening-hero .proof-controls button:hover{background:#f3efe7;border-color:#c5a393} .opening-hero .proof-controls .proof-pause{font-size:12px;min-width:61px} .opening-hero .proof-page{font-size:11px;color:var(--muted);min-width:28px;text-align:center} .opening-hero .opening-proof-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .opening-hero .opening-proof-card{min-width:0;display:flex;flex-direction:column;padding:19px 20px;border:1px solid var(--line);border-radius:12px;background:#fffdfa;min-height:250px} .opening-hero .opening-proof-card[hidden]{display:none} .opening-hero .proof-source{font-size:10px;line-height:1.5;color:#7b3f3f;display:block;margin-bottom:12px} .opening-hero .opening-proof-card blockquote{font-size:16px;line-height:1.55;letter-spacing:-.015em;margin:0 0 21px;color:var(--ink);flex:1} .opening-hero .proof-person{display:flex;align-items:center;gap:11px;min-width:0} .opening-hero .proof-person>div:last-child{min-width:0} .opening-hero .proof-person strong{display:block;font-size:12px;line-height:1.45;font-weight:600} .opening-hero .proof-person span{display:block;font-size:11px;line-height:1.5;color:var(--muted)} .opening-hero .proof-person a{text-decoration:none} .opening-hero .proof-person a:hover{text-decoration:underline} .opening-hero .proof-person .participant-monogram{width:56px;height:56px;flex:0 0 56px;border-radius:50%;display:grid;place-items:center;background:#f3efe7;color:#7b3f3f;font-size:15px;font-weight:600;letter-spacing:.04em} .opening-hero .opening-rating-notes{display:flex;align-items:center;gap:35px;margin-top:17px} .opening-hero .opening-rating-notes p{display:flex;align-items:center;gap:12px;margin:0;line-height:1.5} .opening-hero .opening-rating-notes strong{font-size:24px;line-height:1.2;letter-spacing:-.045em;font-weight:500;white-space:nowrap} .opening-hero .opening-rating-notes strong span{font-size:13px;letter-spacing:0;color:var(--muted)} .opening-hero .opening-rating-notes p>span{font-size:11px;line-height:1.5} .opening-hero .opening-rating-notes small{display:block;font-size:10px;color:var(--muted)} .opening-hero .rating-context{font-size:10px;color:var(--muted);line-height:1.5;margin-left:auto} .opening-hero .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:1150px){.opening-hero .hero{gap:35px}.opening-hero .hero-copy h1{font-size:44px}.opening-hero .opening-programme-list button{padding-left:17px;padding-right:17px}} @media(max-width:1000px){.opening-hero .hero{gap:30px}.opening-hero .hero-copy h1{font-size:40px}.opening-hero .opening-proof-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.opening-hero .opening-programme-list button{gap:9px}.opening-hero .opening-programme-list strong{font-size:15px}.opening-hero .opening-rating-notes{gap:24px}.opening-hero .rating-context{display:none}} @media(max-width:880px){.opening-header .header{height:76px}.opening-header .header nav{top:67px}} @media(max-width:800px){.opening-hero .hero{padding:25px 0;gap:25px}.opening-hero .hero-copy h1{font-size:clamp(36px,5.8vw,46px)}.opening-hero .hero-intro{margin-top:19px}.opening-hero .hero-photo{max-width:570px;margin-left:0}.opening-hero .process{max-width:570px;margin-left:0}.opening-hero .opening-programme-list button{padding-left:12px;padding-right:12px}.opening-hero .programme-number{display:none}.opening-hero .opening-programme-list strong{font-size:15px}} @media(max-width:600px){.opening-hero .opening-programme-list{grid-template-columns:1fr}.opening-hero .opening-programme-list button,.opening-hero .opening-programme-list button:first-child,.opening-hero .opening-programme-list button:last-child{border-left:0;padding:12px 0;border-top:1px solid var(--line);gap:12px;min-height:72px}.opening-hero .opening-programme-list button:first-child{border-top:0;padding-top:0}.opening-hero .opening-programme-list button:last-child{padding-bottom:0}.opening-hero .programme-number{display:inline}.opening-hero .opening-programme-list strong{font-size:17px}.opening-hero .opening-programme-list br{display:none}.opening-hero .opening-programme-list small{margin-top:3px}.opening-hero .opening-proof-cards{grid-template-columns:1fr}.opening-hero .opening-proof-heading{align-items:start;flex-direction:column;gap:10px}.opening-hero .opening-proof-card{min-height:224px}.opening-hero .opening-proof-card blockquote{font-size:17px}.opening-hero .proof-source{font-size:11px}.opening-hero .proof-person strong{font-size:13px}.opening-hero .proof-person span{font-size:12px}.opening-hero .opening-rating-notes{align-items:start;flex-direction:column;gap:14px}.opening-hero .opening-rating-notes p>span{font-size:12px}.opening-hero .opening-rating-notes small{font-size:11px}.opening-hero .rating-context{display:block;margin-left:0}.opening-hero .rating-context br{display:none}} @media(max-width:520px){.opening-hero .hero-copy h1{font-size:36px;line-height:1.12;text-wrap:initial}.opening-hero .hero-intro{font-size:16px}.opening-hero .credibility{font-size:13px;line-height:1.6;margin-bottom:20px}.opening-hero .button{font-size:14px}.opening-hero .cta-explain{font-size:13px;margin:13px 0}.opening-hero .checks{font-size:12px;gap:7px 13px}.opening-hero .hero-photo figcaption{font-size:11px;padding:10px 12px}.opening-hero .hero-photo figcaption span{display:inline}.opening-hero .hero-photo figcaption span+span{margin-top:0}.opening-hero .process-art-row,.opening-hero .process-labels{gap:9px}.opening-hero .process strong{font-size:14px}.opening-hero .process span{font-size:12px}.opening-hero .opening-proof{padding-top:20px}} /* Reserve space for the longest phone testimonial so rotation does not move ratings. */ @media(max-width:600px){.opening-hero .opening-proof-card{min-height:326px}} /* Approved static-proof revision: early ratings, workbook choices and a clearer flow. */ .opening-hero .hero{grid-template-columns:1.02fr 1fr;gap:48px;padding-top:26px;padding-bottom:30px} .opening-hero .hero-copy h1{font-size:clamp(40px,3.65vw,49px);line-height:1.1;letter-spacing:-.04em} .opening-hero .hero h1 span,.opening-hero .hero h1 span:first-child{color:#7b3f3f} .opening-hero .hero-ratings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:23px} .opening-hero .hero-ratings:has(.hero-rating-context){row-gap:9px} .opening-hero .hero-rating-context{grid-column:1/-1;font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.03em;color:#846653} .opening-hero .hero-ratings>div{display:flex;align-items:center;gap:10px;min-width:0} .opening-hero .hero-ratings>div+div{border-left:1px solid var(--line);padding-left:18px} .opening-hero .hero-ratings strong{font-size:24px;line-height:1.1;font-weight:600;letter-spacing:-.045em;white-space:nowrap} .opening-hero .hero-ratings strong span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)} .opening-hero .hero-ratings p{font-size:11px;line-height:1.5;margin:0;color:#41464d} .opening-hero .hero-ratings p b{font-weight:600} .opening-hero .hero-ratings small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:2px} .opening-hero .hero-intro{margin-top:20px} .opening-hero .checks{gap:7px 16px} .opening-hero .hero-copy .opening-programmes{border:0;padding:0;margin-top:26px} .opening-hero .opening-programmes h2{font-size:14px;line-height:1.4;font-weight:500;letter-spacing:-.01em;margin-bottom:11px} .opening-hero .opening-programme-list{grid-template-columns:1fr;gap:9px} .opening-hero .opening-programme-list button,.opening-hero .opening-programme-list button:first-child,.opening-hero .opening-programme-list button:last-child{border:1px solid #e2dcd3;border-radius:10px;background:#f3efe750;display:flex;align-items:center;gap:17px;min-height:99px;padding:9px 16px;text-align:left;transition:background .2s,border-color .2s} .opening-hero .opening-programme-list button:hover{background:#f3efe7;border-color:#c5a393} .opening-hero .course-booklet{display:block;width:58px;height:78px;flex:0 0 58px;transform:rotate(-4deg);filter:drop-shadow(2px 3px 2px #20242a17)} .opening-hero .course-booklet img{width:100%;height:100%;object-fit:contain} .opening-hero .course-tile-copy{display:block;min-width:0} .opening-hero .opening-programme-list strong{font-size:16px;line-height:1.35;font-weight:600} .opening-hero .opening-programme-list small{font-size:12px;line-height:1.45;margin-top:4px} .opening-hero .course-details{display:block;color:#7b3f3f;font-size:11px;line-height:1.4;margin-top:6px} .opening-hero .course-details>span{margin-left:5px} .opening-hero .hero-visual{max-width:510px;width:100%;justify-self:end} .opening-hero .hero-photo{max-width:none;margin-left:0} .opening-hero .hero-photo img{max-height:340px;background:#f3efe7} .opening-hero .process{max-width:none;margin-left:0;margin-top:16px} .opening-hero .process-art-row{gap:10px;margin-bottom:6px;align-items:center} .opening-hero .process-scene{height:60px;width:60px} .opening-hero .process-scene img{height:60px;width:180px;left:0} .opening-hero .process-diagram{width:90px;height:60px;margin:0 auto} .opening-hero .process-diagram svg{width:100%;height:100%;fill:initial;stroke:initial;stroke-width:initial} .opening-hero .process-labels{gap:13px} .opening-hero .process-labels>div{align-content:start} .opening-hero .process-labels strong{font-size:14px;line-height:23px;padding-right:4px} .opening-hero .process-labels ul{width:100%;list-style:none;margin:9px 0 0;padding:0;text-align:left;display:grid;gap:7px;align-content:start} .opening-hero .process-labels li{position:relative;padding-left:14px;font-size:12px;line-height:1.5;color:#51565d} .opening-hero .process-labels li::before{content:'✓';position:absolute;left:0;top:0;color:#7b3f3f;font-size:10px} .opening-hero .process-pause{display:block;width:fit-content;margin:10px 0 0 auto;padding:3px 6px;min-height:25px;border:0;border-bottom:1px solid #c5a393;background:none;color:#656b72;font-size:10px;line-height:1.4;cursor:pointer} .opening-hero .process-pause[hidden]{display:none} .opening-hero .opening-proof{padding:0;margin-top:16px} .opening-hero .opening-proof-card{display:block;min-height:0;padding:14px 17px;border-radius:10px;background:#fffdfa} .opening-hero .opening-proof-card blockquote{font-size:16px;line-height:1.5;margin:0 0 12px} .opening-hero .proof-source{font-size:10px;line-height:1.4;margin:0 0 7px} .opening-hero .proof-person{gap:10px;align-items:center} .opening-hero .proof-person strong{font-size:12px;line-height:1.45} .opening-hero .proof-person span{font-size:11px;line-height:1.5} .opening-hero .secondary-proof{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px} .opening-hero .secondary-proof .opening-proof-card{padding:13px 14px;display:flex;flex-direction:column} .opening-hero .secondary-proof blockquote{font-size:14px;line-height:1.5;flex:1;margin-bottom:11px} .opening-hero .secondary-proof .proof-person{align-items:start;gap:8px} .opening-hero .secondary-proof .avatar{width:40px;height:40px;flex-basis:40px} .opening-hero .secondary-proof .avatar.omar img{width:526.43px;left:-14.29px;top:-216.43px} .opening-hero .secondary-proof .avatar.paul img{width:538.57px;left:-35px;top:-33.57px} .opening-hero .secondary-proof .proof-person strong{font-size:11px} .opening-hero .secondary-proof .proof-person span{font-size:10px;line-height:1.4;margin-top:2px} .opening-hero .secondary-proof .proof-person .proof-company{font-weight:600;color:#41464d} .opening-hero .secondary-proof .proof-source{margin:9px 0 0;font-size:9px} @media(max-width:1100px){.opening-hero .hero{gap:32px}.opening-hero .hero-ratings{gap:12px}.opening-hero .hero-ratings>div+div{padding-left:12px}.opening-hero .hero-ratings>div{gap:7px}.opening-hero .hero-ratings strong{font-size:21px}.opening-hero .hero-copy h1{font-size:40px}.opening-hero .process-labels{gap:9px}.opening-hero .opening-programme-list button,.opening-hero .opening-programme-list button:first-child,.opening-hero .opening-programme-list button:last-child{gap:13px;padding-left:12px;padding-right:12px}.opening-hero .opening-programme-list strong{font-size:15px}} @media(max-width:800px){.opening-hero .hero{grid-template-columns:1fr;gap:26px}.opening-hero .hero-copy h1{font-size:clamp(36px,5.8vw,46px)}.opening-hero .hero-visual{max-width:650px;justify-self:start}.opening-hero .hero-photo{max-width:570px}.opening-hero .hero-photo img{max-height:none}.opening-hero .process{max-width:570px}.opening-hero .opening-proof{max-width:570px}.opening-hero .hero-ratings{max-width:570px}.opening-hero .hero-copy .opening-programmes{max-width:570px;margin-top:22px}.opening-hero .opening-programme-list strong{font-size:16px}.opening-hero .opening-programme-list button{min-height:99px}} @media(max-width:520px){.opening-hero .hero-copy h1{font-size:35px;line-height:1.12}.opening-hero .hero-ratings{gap:12px;margin-bottom:21px}.opening-hero .hero-ratings>div{display:block}.opening-hero .hero-ratings strong{font-size:23px;display:block;margin-bottom:5px}.opening-hero .hero-ratings p{font-size:11px}.opening-hero .hero-ratings small{font-size:10px}.opening-hero .checks{display:grid;gap:6px;font-size:12px}.opening-hero .course-booklet{width:53px;height:72px;flex-basis:53px}.opening-hero .opening-programme-list button,.opening-hero .opening-programme-list button:first-child,.opening-hero .opening-programme-list button:last-child{gap:13px;padding:10px 13px;min-height:96px}.opening-hero .opening-programme-list strong{font-size:15px}.opening-hero .opening-programme-list small{font-size:11px}.opening-hero .process-labels{gap:10px}.opening-hero .process-labels li{font-size:11px;line-height:1.5;padding-left:12px}.opening-hero .process-labels strong{font-size:12px}.opening-hero .process-diagram{width:76px;height:60px}.opening-hero .process-node{width:21px;height:21px;font-size:9px;margin-right:3px}.opening-hero .secondary-proof .opening-proof-card{padding:13px 11px}.opening-hero .secondary-proof .proof-person{display:block}.opening-hero .secondary-proof .avatar{margin-bottom:7px}.opening-hero .secondary-proof blockquote{font-size:13px}.opening-hero .primary-proof blockquote{font-size:16px}} @media(max-width:360px){.opening-hero .process-labels>div{flex-direction:column;flex-wrap:nowrap}.opening-hero .process-node{margin:0 0 4px}.opening-hero .process-labels::before{top:10px}.opening-hero .process-labels ul{margin-top:7px}.opening-hero .process-art-row{gap:8px}.opening-hero .process-diagram{width:70px}.opening-hero .opening-programme-list strong{font-size:14px}} /* Narrow screens use a vertical process: readable actions, not three tiny text columns. */ .opening-hero .hero-photo figcaption{display:flex;gap:3px 10px} @media(max-width:600px){ .opening-hero .process{display:grid;grid-template-columns:60px minmax(0,1fr);gap:0 14px} .opening-hero .process-art-row{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:12px;margin:0;align-items:center} .opening-hero .process-diagram{width:60px;height:60px} .opening-hero .process-labels{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:12px} .opening-hero .process-labels::before{display:none} .opening-hero .process-labels>div{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:start} .opening-hero .process-node{margin:0 6px 0 0;width:23px;height:23px;font-size:10px} .opening-hero .process-labels strong{font-size:14px;line-height:23px} .opening-hero .process-labels ul{margin-top:7px;gap:5px} .opening-hero .process-labels li{font-size:12px;line-height:1.5;padding-left:14px} .opening-hero .process-pause{grid-column:1/-1;justify-self:end;margin-top:7px} } /* Compact course choices and side-by-side primary recommendation. */ .opening-hero .opening-proof{margin-top:12px} .opening-hero .secondary-proof{margin-top:8px} .opening-hero .secondary-proof .opening-proof-card{padding-top:11px;padding-bottom:11px} .opening-hero .primary-proof{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);column-gap:18px;align-items:center;padding:15px 17px} .opening-hero .primary-proof .proof-source{grid-column:1;grid-row:1;margin-bottom:7px} .opening-hero .primary-proof blockquote{grid-column:1;grid-row:2;margin:0;font-size:16px;line-height:1.5;align-self:start} .opening-hero .primary-proof .proof-person{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:row;align-items:flex-start;gap:9px} .opening-hero .primary-proof .avatar{width:44px;height:44px;flex-basis:44px} .opening-hero .primary-proof .avatar.rachel img{width:627.79px;left:-24.36px;top:-32.21px} .opening-hero .primary-proof .proof-person strong{font-size:12px} .opening-hero .primary-proof .proof-person span{font-size:11px;line-height:1.45;margin-top:2px} @media(min-width:1100px){ .opening-hero .hero-photo img{max-height:300px} .opening-hero .hero-copy .opening-programmes{margin-top:22px} .opening-hero .opening-programme-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .opening-hero .opening-programme-list button,.opening-hero .opening-programme-list button:first-child,.opening-hero .opening-programme-list button:last-child{padding:11px 12px;gap:11px;min-height:116px} .opening-hero .opening-programme-list button[data-course="team"]{grid-column:1 / -1;min-height:99px} .opening-hero .opening-programme-list strong{font-size:15px;line-height:1.32} .opening-hero .opening-programme-list small{font-size:11px;line-height:1.4} .opening-hero .course-booklet{width:60px;height:80px;flex-basis:60px} } @media(max-width:600px){ .opening-hero .primary-proof{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 13px;padding:14px} .opening-hero .primary-proof blockquote{font-size:15px} .opening-hero .primary-proof .proof-person strong{font-size:11px} .opening-hero .primary-proof .proof-person span{font-size:10px;line-height:1.5} .opening-hero .primary-proof .proof-person{flex-direction:column;gap:7px} } @media(max-width:360px){ .opening-hero .primary-proof{display:block} .opening-hero .primary-proof .proof-person{flex-direction:row;align-items:center;margin-top:12px;gap:9px} } /* Final opening polish: a quiet brand signature and meaningful practice icons. */ .opening-header .brand{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none} .opening-header .brand-dashes{display:flex;gap:4px;margin:5px 0 0 5px;height:3px} .opening-header .brand-dashes i{display:block;width:15px;height:3px;border-radius:3px;background:#a97848} .opening-header .brand-dashes i:nth-child(2){background:#a65a43} .opening-header .brand-dashes i:nth-child(3){background:#6b647d} .opening-header .practice-icon{display:block;width:26px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .opening-header .academy-nav summary::before,.opening-header .practice-nav::before{display:none} .opening-header .academy-nav summary{display:grid;grid-template-columns:auto 8px;grid-template-rows:23px auto;justify-content:center;gap:4px 7px;padding:4px 0} .opening-header .academy-nav .practice-icon{grid-column:1 / -1;grid-row:1;justify-self:center;color:#20242a} .opening-header .academy-nav summary>span{grid-column:1;grid-row:2} .opening-header .academy-nav summary::after{grid-column:2;grid-row:2;margin:-4px 0 0;align-self:center} .opening-header .academy-nav[open] summary::after{margin:3px 0 0} .opening-header .practice-nav{flex-direction:column;justify-content:center;gap:4px;padding:4px 0} .opening-header .consulting-nav .practice-icon{color:#a97848} .opening-header .ai-nav .practice-icon{color:#6b647d} .opening-header .ai-nav small{top:auto;bottom:-10px;left:50%;transform:translateX(-50%);font-size:10px;line-height:1.2} .opening-hero .process-labels::before{top:11.5px} .opening-hero .process-step-heading{display:flex;align-items:center;justify-content:center;gap:5px;position:relative;z-index:2;padding:0 6px;background:#fbf9f5;width:fit-content} .opening-hero .process-step-heading .process-node{margin:0;flex-shrink:0} .opening-hero .process-step-heading strong{padding:0} @media(max-width:880px){ .opening-header .academy-nav summary{display:flex;justify-content:flex-start;align-items:center;gap:11px;padding:3px 0;min-height:32px} .opening-header .academy-nav summary::after{margin:-4px 0 0 2px} .opening-header .academy-nav[open] summary::after{margin:3px 0 0 2px} .opening-header .practice-nav{flex-direction:row;justify-content:flex-start;align-items:center;gap:11px;padding:3px 0;min-height:32px} .opening-header .ai-nav{padding-bottom:15px} .opening-header .ai-nav small{bottom:0;left:37px;transform:none} } @media(max-width:600px){.opening-hero .process-step-heading{padding:0;justify-content:flex-start;gap:6px}} /* Quiet text navigation: one main logo, three restrained practice-colour underlines. */ .opening-header .brand-dashes{width:52.47%;justify-content:center;gap:3px;margin:5px 0 0;height:3px} .opening-header .brand-dashes i{width:10px;flex:0 0 10px} .opening-header .academy-nav summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:44px;padding:0} .opening-header .academy-nav summary::after{margin:-4px 0 0;flex:0 0 6px} .opening-header .academy-nav[open] summary::after{margin:3px 0 0} .opening-header .practice-nav{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;height:44px;gap:0;padding:0} .opening-header .academy-nav{--practice-colour:#a65a43} .opening-header .consulting-nav{--practice-colour:#a97848} .opening-header .ai-nav{--practice-colour:#6b647d} .opening-header .nav-label{position:relative;display:block;font:inherit;line-height:1.4;white-space:nowrap} .opening-header .nav-label::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:3px;background:var(--practice-colour)} .opening-header .ai-nav small{top:44px;bottom:auto;left:0;width:100%;transform:none;text-align:center;font-size:10px;line-height:1.2} @media(max-width:880px){ .opening-header .academy-nav summary{height:44px;min-height:44px} .opening-header .practice-nav{height:44px;min-height:44px} .opening-header .practice-nav .nav-label{width:fit-content} .opening-header .ai-nav{height:58px;min-height:58px;align-items:flex-start;padding-top:12px} .opening-header .ai-nav small{top:43px;bottom:auto;width:auto;text-align:left} } /* programme-refined.css */ /* Refined desktop programme cards. No approved opening or later-section styles changed. */ #programmes { --ink:#20242a; --muted:#656b72; --line:#e2dcd3; --blue:#7b3f3f; color:var(--ink); padding-top:60px; padding-bottom:60px; } #programmes .section-heading { max-width:900px; margin-bottom:32px; } #programmes .section-heading h2 { font-size:clamp(28px,2.7vw,36px); line-height:1.2; letter-spacing:-.03em; } #programmes .section-heading p { font-size:16px; line-height:1.6; margin-top:14px; } #programmes .sales-preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; } #programmes .sales-preview-grid > .programme { display:flex; flex-direction:column; grid-column:auto; background:#fffdfa; border:1px solid #ded7ce; border-radius:15px; padding:21px; min-width:0; box-shadow:0 4px 20px #20242a05; overflow:hidden; } #programmes .programme-card-heading { min-height:82px; margin-bottom:15px; } #programmes .programme-kicker { font-size:10px; line-height:1.5; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:#8a6558; display:block; margin-bottom:11px; } #programmes .sales-preview-grid h3 { font-size:23px; font-weight:600; line-height:1.2; letter-spacing:-.025em; margin:0; max-width:340px; } #programmes .sales-preview-grid .book-button { position:relative; margin:0 0 20px; grid-row:auto; align-self:stretch; border-radius:9px; overflow:hidden; border:1px solid #e7e0d6; } #programmes .sales-preview-grid .book-button img { height:auto; width:100%; aspect-ratio:4/3; object-fit:contain; background:#f3efe7; } #programmes .sales-preview-grid .selling-image-note { font-size:10px!important; line-height:1.5!important; color:#656b72; margin:-11px 0 19px!important; } #programmes .sales-preview-grid .selling-promise { font-size:15px!important; font-weight:500; line-height:1.5!important; color:#7b3f3f!important; margin:0 0 20px!important; } #programmes .selling-pain-heading { font-size:13px; font-weight:600; letter-spacing:0; line-height:1.5; margin-bottom:10px; } #programmes .selling-pains { margin:0 0 19px; padding:0; list-style:none; display:grid; gap:9px; } #programmes .selling-pains li { position:relative; padding-left:14px; font-size:13.5px; line-height:1.55; color:#41464d; } #programmes .selling-pains li::before { content:''; position:absolute; width:4px; height:4px; border-radius:50%; top:9px; left:0; background:#a65a43; } #programmes .sales-preview-grid .audience { font-size:13px; font-weight:500; line-height:1.55; min-height:0; margin:0 0 14px; color:#7b3f3f; } #programmes .sales-preview-grid > .programme > p:not(.audience) { flex:none; font-size:14px; line-height:1.65; margin-bottom:22px; color:#656b72; } #programmes .sales-preview-grid .text-button { color:#7b3f3f; border-color:#bba08e; font-size:14px; font-weight:600; padding:5px 0; line-height:1.5; align-self:flex-start; } #programmes .sales-preview-grid .text-button:hover { color:#663232; border-color:#7b3f3f; } #programmes .selling-feature > .text-button { margin-top:21px; } #programmes .selling-audience-contained { border-top:1px solid #e2dcd3; padding-top:16px; min-width:0; } #programmes .selling-audience-heading { display:flex; align-items:flex-start; gap:10px; justify-content:space-between; } #programmes .selling-audience-heading h4 { flex:1; font-size:15px; line-height:1.45; font-weight:600; letter-spacing:-.01em; } #programmes .journey-pause { color:#77716b; font-size:10px; font-weight:400; line-height:1.5; padding:2px 0; min-height:24px; background:none; border:0; border-bottom:1px solid #d1c5b8; white-space:nowrap; } #programmes .journey-pause[hidden] { display:none; } #programmes .selling-audience-subtitle { margin:8px 0 17px; font-size:12px; line-height:1.55; color:#656b72; } #programmes .selling-customer-cycle { padding:0; list-style:none; margin:0; } #programmes .selling-customer-cycle > li { position:relative; display:grid; grid-template-columns:21px minmax(0,1fr); gap:11px; padding-bottom:21px; } #programmes .selling-customer-cycle > li:last-child { padding-bottom:0; } #programmes .selling-customer-cycle > li:not(:last-child)::after { content:''; position:absolute; left:10px; top:26px; bottom:6px; width:1px; background:#d9cabb; } #programmes .cycle-number { display:grid; place-items:center; width:21px; height:21px; border-radius:50%; font-size:9px; line-height:1; background:#f3efe7; border:1px solid #ddcbbd; color:#8a6558; transition:background .5s,color .5s,border-color .5s; } #programmes .is-current .cycle-number { background:#7b3f3f; color:#fffdfa; border-color:#7b3f3f; } #programmes .cycle-content { min-width:0; padding-top:3px; } #programmes .cycle-role-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:7px; } #programmes .cycle-content h5 { margin:0; font-size:14px; font-weight:600; line-height:1.4; letter-spacing:-.01em; color:#20242a; } #programmes .cycle-role-copy { flex:1; min-width:0; } #programmes .persona-scene { --persona-size:72px; position:relative; display:block; flex:0 0 var(--persona-size); width:var(--persona-size); height:var(--persona-size); overflow:hidden; } #programmes .persona-scene img { position:absolute; max-width:none; width:calc(var(--persona-size) * 3); height:var(--persona-size); top:0; left:0; } #programmes .account-persona img { left:calc(var(--persona-size) * -1); } #programmes .success-persona img { left:calc(var(--persona-size) * -2); } #programmes .cycle-role-names { font-size:11.5px; line-height:1.5; color:#7b3f3f; margin:7px 0 0; } #programmes .cycle-description { font-size:12.5px; line-height:1.65; color:#656b72; margin:0; } #programmes .cycle-description strong { color:#51565d; font-weight:600; } #programmes .selling-one-voice { padding:12px 14px; border-radius:7px; background:#f3efe7; font-size:12px; line-height:1.6; color:#656b72; margin:16px 0 0; } #programmes .selling-one-voice strong { display:block; font-size:12px; font-weight:600; color:#7b3f3f; line-height:1.5; margin-bottom:5px; } #programmes :focus-visible { outline-color:#7b3f3f; } .materials-dialog { max-width:1120px; background:#fbf9f5; color:#20242a; padding:28px; } .materials-dialog h2 { font-size:24px; margin-bottom:20px; } .materials-close { float:right; color:#7b3f3f; border:0; background:none; padding:0 0 10px; font-size:14px; } .materials-dialog figure img { width:100%; height:auto; border-radius:6px; } .materials-dialog figcaption { font-size:12px; line-height:1.6; color:#656b72; margin-top:12px; } .materials-dialog a { color:#7b3f3f; } .materials-dialog details { font-size:14px; margin-top:18px; } .materials-dialog summary { cursor:pointer; } .materials-dialog details p { font-size:14px; line-height:1.6; margin:14px 0; } .materials-dialog dt { font-weight:600; margin-top:10px; } .materials-dialog dd { margin:3px 0 0; color:#656b72; } /* Approved programme content, refined for phone reading and touch interaction. */ @media(max-width:900px) { #programmes .sales-preview-grid { grid-template-columns:1fr; } #programmes .sales-preview-grid > .programme { max-width:600px; } #programmes .programme-card-heading { min-height:0; } } @media(max-width:520px) { #programmes { padding-top:42px; padding-bottom:42px; } #programmes .section-heading { margin-bottom:24px; } #programmes .section-heading h2 { font-size:28px; line-height:1.25; } #programmes .section-heading p { font-size:15px; } #programmes .sales-preview-grid { gap:24px; } #programmes .sales-preview-grid > .programme { padding:18px; } #programmes .programme-card-heading { margin-bottom:18px; } #programmes .programme-kicker { font-size:11px; } #programmes .sales-preview-grid h3 { font-size:25px; line-height:1.2; } #programmes .sales-preview-grid > .programme > p:not(.audience) { font-size:15px; } #programmes .sales-preview-grid .audience { font-size:14px; } #programmes .selling-pains li { font-size:14px; line-height:1.6; } #programmes .selling-pain-heading { font-size:14px; } #programmes .selling-audience-heading h4 { font-size:16px; } #programmes .journey-pause { min-height:44px; padding:7px 0; font-size:11px; } #programmes .selling-audience-subtitle { font-size:14px; line-height:1.6; } #programmes .selling-customer-cycle > li { gap:10px; padding-bottom:23px; } #programmes .cycle-content h5 { font-size:14px; } #programmes .persona-scene { --persona-size:64px; } #programmes .cycle-role-heading { gap:10px; } #programmes .cycle-role-names { font-size:12px; } #programmes .cycle-description { font-size:14px; line-height:1.65; } #programmes .selling-one-voice { font-size:14px; line-height:1.65; padding:15px; } #programmes .selling-one-voice strong { font-size:14px; line-height:1.5; } #programmes .sales-preview-grid .text-button { min-height:44px; display:inline-flex; align-items:center; font-size:15px; } .materials-dialog { padding:18px; width:calc(100% - 24px); } .materials-dialog h2 { clear:both; font-size:21px; line-height:1.3; } .materials-close { min-height:44px; padding:8px 0; } .materials-dialog figcaption { font-size:13px; } .materials-dialog figcaption a { display:inline-flex; align-items:center; min-height:44px; } .materials-dialog summary { min-height:44px; padding:10px 0; } } @media(max-width:360px) { #programmes .sales-preview-grid > .programme { padding:15px; } #programmes .sales-preview-grid h3 { font-size:23px; } #programmes .persona-scene { --persona-size:56px; } } @media(prefers-reduced-motion:reduce) { #programmes .cycle-number { transition:none; } } /* team-programme-card.css */ /* The One Team homepage card only; existing course cards retain their styles. */ #programmes .one-team-card{scroll-margin-top:115px} #programmes .one-team-card .programme-card-heading{min-height:82px} #programmes .one-team-card h3{font-size:25px;line-height:1.2;color:#20242a} #programmes .one-team-card h3{max-width:none;text-wrap:pretty} #programmes .ot-workshop-photo{margin:0 0 17px;border:1px solid #e1d8ce;border-radius:9px;overflow:hidden;background:#f3eee6} #programmes .ot-workshop-photo img{width:100%;height:auto;display:block} #programmes .ot-workshop-photo figcaption{font-size:9px;line-height:1.5;color:#73665b;padding:6px 9px;letter-spacing:.01em} #programmes .one-team-card .audience{margin-bottom:15px} #programmes .ot-problem{font-family:Georgia,serif;font-size:22px;font-weight:400;letter-spacing:-.025em;line-height:1.35;color:#72423d;margin:0 0 19px} #programmes .ot-pain-heading{font-size:13px;line-height:1.5;font-weight:600;margin:0 0 11px;color:#403b36} #programmes .ot-pains{padding:0;margin:0 0 22px;list-style:none;display:grid;gap:11px} #programmes .ot-pains li{font-size:13.5px;line-height:1.6;position:relative;padding-left:14px;color:#41464d} #programmes .ot-pains li:before{content:'';width:4px;height:4px;border-radius:50%;background:#a65a43;position:absolute;top:9px;left:0} #programmes .ot-outcome-map{border:1px solid #e1d6c9;background:#f5efe6;border-radius:10px;padding:15px 13px;margin:0 0 21px} #programmes .ot-outcome-map figcaption{font-size:10px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:#7a6657;margin-bottom:16px} #programmes .ot-functions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:start;text-align:center} #programmes .ot-functions>div{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0} #programmes .ot-functions svg{width:29px;height:29px;stroke:#97644e;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;fill:none} #programmes .ot-functions span{font-size:10px;line-height:1.4;color:#6d5746;min-height:28px} #programmes .ot-connectors{width:100%;height:29px;display:block;stroke:#b49a84;stroke-width:1.2;fill:none;margin:3px 0 8px} #programmes .ot-connectors circle{fill:#8c5b49;stroke:none} #programmes .ot-shared-outcome{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 7px;border-radius:6px;background:#fffdfa;border:1px solid #d7c6b5;color:#7b3f3f} #programmes .ot-shared-outcome svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none} #programmes .ot-shared-outcome strong{font-size:11px;line-height:1.45;font-weight:600} #programmes .one-team-card>p.ot-solution{font-size:14px;line-height:1.65;margin-bottom:20px} #programmes .ot-followup{border-left:2px solid #b28d75;padding:0 0 0 13px;margin:0 0 21px} #programmes .ot-followup>span{display:block;font-size:12px;line-height:1.5;font-weight:600;color:#7b3f3f;margin-bottom:6px} #programmes .ot-followup>p{font-size:12.5px;line-height:1.65;color:#756c63;margin:0} #programmes .one-team-card>.text-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:0} @media(max-width:900px){#programmes .one-team-card .programme-card-heading{min-height:0}} @media(max-width:520px){#programmes .one-team-card h3{font-size:28px}#programmes .one-team-card h3>span{font-size:17px}#programmes .ot-problem{font-size:24px}#programmes .ot-pain-heading{font-size:14px}#programmes .ot-pains li{font-size:14px}#programmes .ot-outcome-map{padding:18px 15px}#programmes .ot-functions span{font-size:11px}#programmes .ot-shared-outcome strong{font-size:12px}#programmes .one-team-card>p.ot-solution{font-size:15px}#programmes .ot-followup>span{font-size:13px}#programmes .ot-followup>p{font-size:14px}} @media(max-width:360px){#programmes .ot-problem{font-size:22px}#programmes .ot-functions span{font-size:10px}#programmes .ot-shared-outcome{padding-inline:5px;gap:5px}#programmes .ot-shared-outcome strong{font-size:11px}} /* sales-programme-card.css */ /* Real-photograph sales card, matching the approved One Team card. */ #programmes .sc-real-card{scroll-margin-top:115px} #programmes .sc-real-card h3{font-size:25px;line-height:1.2} #programmes .sc-workshop-photo{margin:0 0 17px;border:1px solid #e1d8ce;border-radius:9px;overflow:hidden;background:#f3eee6} #programmes .sc-workshop-photo img{width:100%;height:auto;display:block} #programmes .sc-workshop-photo figcaption{font-size:9px;line-height:1.5;color:#73665b;padding:6px 9px;letter-spacing:.01em} #programmes .sc-real-card .audience{margin-bottom:15px} #programmes .sc-problem{font-family:Georgia,serif;font-size:22px;font-weight:400;letter-spacing:-.025em;line-height:1.35;color:#72423d;margin:0 0 19px} #programmes .sc-pain-heading{font-size:13px;line-height:1.5;font-weight:600;margin:0 0 11px;color:#403b36} #programmes .sc-pains{padding:0;margin:0 0 22px;list-style:none;display:grid;gap:11px} #programmes .sc-pains li{font-size:13.5px;line-height:1.6;position:relative;padding-left:14px;color:#41464d} #programmes .sc-pains li:before{content:'';width:4px;height:4px;border-radius:50%;background:#a65a43;position:absolute;top:9px;left:0} #programmes .sc-real-card>p.sc-solution{font-size:14px;line-height:1.65;margin-bottom:20px} #programmes .sc-followup{border-left:2px solid #b28d75;padding-left:13px;margin:0 0 18px} #programmes .sc-followup>span{display:block;font-size:12px;line-height:1.5;font-weight:600;color:#7b3f3f;margin-bottom:6px} #programmes .sc-followup>p{font-size:12.5px;line-height:1.65;color:#756c63;margin:0} #programmes .sc-audience-details{width:100%;border-block:1px solid #e1d8ce;margin:0 0 16px} #programmes .sc-audience-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;min-height:44px;padding:11px 0;color:#71564a;font-size:12px;line-height:1.5;font-weight:500} #programmes .sc-audience-details summary::-webkit-details-marker{display:none} #programmes .sc-audience-details summary>span{font-size:19px;font-weight:400;transition:transform .15s;flex:none} #programmes .sc-audience-details[open] summary>span{transform:rotate(45deg)} #programmes .sc-audience-details ol{padding:0;list-style:none;margin:0 0 16px;counter-reset:role} #programmes .sc-audience-details li{counter-increment:role;position:relative;padding:12px 0 12px 27px;border-top:1px solid #e9e2d9} #programmes .sc-audience-details li:before{content:counter(role,decimal-leading-zero);position:absolute;left:0;top:13px;font-size:10px;color:#9b755e} #programmes .sc-audience-details li>strong{font-size:13px;line-height:1.5;display:block;color:#403b36} #programmes .sc-audience-details li>span{font-size:11px;line-height:1.55;display:block;color:#7b3f3f;margin-top:5px} #programmes .sc-audience-details li>p{font-size:12px;line-height:1.65;color:#756c63;margin:7px 0 0} #programmes .sc-resources-link{border:0;background:none;padding:0 0 16px;text-align:left;font-size:12px;line-height:1.6;color:#7b3f3f;text-decoration:underline;text-underline-offset:4px;min-height:44px} #programmes .sc-real-card>.text-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:0} @media(max-width:520px){#programmes .sc-real-card h3{font-size:28px}#programmes .sc-problem{font-size:24px}#programmes .sc-pain-heading{font-size:14px}#programmes .sc-pains li{font-size:14px}#programmes .sc-real-card>p.sc-solution{font-size:15px}#programmes .sc-followup>span{font-size:13px}#programmes .sc-followup>p{font-size:14px}#programmes .sc-audience-details summary{font-size:13px}#programmes .sc-audience-details li>strong{font-size:14px}#programmes .sc-audience-details li>span,#programmes .sc-audience-details li>p{font-size:13px}#programmes .sc-resources-link{font-size:13px}} @media(max-width:360px){#programmes .sc-problem{font-size:22px}} @media(prefers-reduced-motion:reduce){#programmes .sc-audience-details summary>span{transition:none}} /* presentation-programme-card.css */ /* Presentation homepage card only. Approved pages and other homepage cards remain unchanged. */ #programmes .presentation-card{scroll-margin-top:115px} /* Shared desktop rhythm: equal card widths, photo baselines and bottom actions. */ @media(min-width:901px){ #programmes .sales-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch} #programmes .sales-preview-grid>.programme{width:100%} #programmes .sales-preview-grid .programme-card-heading{min-height:86px} #programmes .sales-preview-grid>.programme>.audience{min-height:3.1em} #programmes .sales-preview-grid>.programme>.text-button{margin-top:auto} } #programmes .presentation-card h3{font-size:25px;line-height:1.2} #programmes .mp-experience-photo{margin:0 0 17px;border:1px solid #e1d8ce;border-radius:9px;overflow:hidden;background:#f3eee6} #programmes .mp-experience-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 44%} #programmes .mp-experience-photo figcaption{font-size:9px;line-height:1.5;color:#73665b;padding:6px 9px} #programmes .mp-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;aspect-ratio:4/3;background:#fbf8f2} #programmes .mp-photo-scene{position:relative;overflow:hidden;min-width:0;min-height:0;background:#e3d9ca} #programmes .mp-photo-scene img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 42%} #programmes .mp-scene-customers img{transform:scale(1.5);transform-origin:35% 53%} #programmes .mp-scene-workshop img{object-position:70% 36%} #programmes .mp-scene-discussion img{object-position:50% 50%} #programmes .mp-photo-scene>span{position:absolute;inset:auto 0 0;display:block;padding:18px 7px 6px;background:linear-gradient(transparent,rgba(25,22,19,.8));color:#fff;font-size:9px;font-weight:600;line-height:1.3;letter-spacing:.01em} #programmes .mp-experience-montage figcaption{padding:6px 9px;font-size:9px;line-height:1.5;letter-spacing:.01em} #programmes .mp-experience-montage figcaption strong{display:block;color:#56473b;font-weight:600;margin-bottom:4px} #programmes .mp-experience-montage figcaption>span{display:block} #programmes .presentation-card .audience{margin-bottom:15px} #programmes .mp-home-formats{display:grid;gap:9px;margin:0 0 17px} #programmes .mp-home-formats .mp-format-title{font-size:12px;line-height:1.5;color:#7b3f3f;font-weight:600;margin:0 0 1px} #programmes .mp-home-team{display:flex;gap:12px;align-items:center;padding:11px 13px;background:#f7f1e8;border:1px solid #ded1c0;border-radius:7px} #programmes .mp-home-formats svg{display:block;fill:none;stroke:#a65a43;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none} #programmes .mp-home-team>svg{width:38px;height:33px} #programmes .mp-format-audience{display:block;font-size:9px;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.07em;color:#947257} #programmes .mp-home-formats strong{display:block;font-size:12px;line-height:1.4;font-weight:600;color:#564235;margin-top:3px} #programmes .mp-home-formats p{font-size:11px;line-height:1.5;color:#81705f;margin:3px 0 0} #programmes .mp-home-individuals{padding:11px 13px 13px;border:1px solid #ded1c0;border-radius:7px;background:#fdfaf5} #programmes .mp-individuals-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px} #programmes .mp-home-development{font-size:9px;line-height:1.5;color:#8f7761;border:1px solid #d9c8b3;border-radius:3px;padding:2px 6px;background:#f4ece0} #programmes .mp-individual-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #programmes .mp-individual-format-grid>div{display:flex;align-items:flex-start;gap:8px;min-width:0} #programmes .mp-individual-format-grid>div+div{border-left:1px solid #e0d4c4;padding-left:12px} #programmes .mp-individual-format-grid svg{width:25px;height:25px;margin-top:4px} #programmes .mp-individual-format-grid strong{font-size:11px} #programmes .mp-individual-format-grid p{font-size:10px} #programmes .mp-home-formats p.mp-format-online-note{font-size:11px;line-height:1.6;margin:1px 0 0;color:#81705f} #programmes .mp-format-online-note a{color:#7b3f3f;text-decoration:underline;text-underline-offset:3px} @media(max-width:520px){#programmes .mp-home-formats p.mp-format-online-note{font-size:12px}} @media(max-width:520px){#programmes .mp-home-team{padding:13px}#programmes .mp-home-formats strong{font-size:13px}#programmes .mp-home-formats p{font-size:12px}#programmes .mp-format-audience,#programmes .mp-home-development{font-size:10px}#programmes .mp-individual-format-grid strong{font-size:12px}#programmes .mp-individual-format-grid p{font-size:11px}#programmes .mp-individual-format-grid svg{width:23px}} #programmes .mp-problem{font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.35;letter-spacing:-.025em;color:#72423d;margin:0 0 19px} #programmes .mp-pain-heading{font-size:13px;line-height:1.5;font-weight:600;color:#403b36;margin:0 0 11px} #programmes .mp-pains{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:11px} #programmes .mp-pains li{font-size:13.5px;line-height:1.6;color:#41464d;padding-left:14px;position:relative} #programmes .mp-pains li:before{content:'';width:4px;height:4px;border-radius:50%;position:absolute;left:0;top:9px;background:#a65a43} #programmes .presentation-card>p.mp-solution{font-size:14px;line-height:1.65;margin-bottom:20px} #programmes .mp-approach-map .ot-functions span{min-height:28px} #programmes .mp-practice-note{border-left:2px solid #b28d75;padding-left:13px;margin:0 0 18px} #programmes .mp-practice-note>span{display:block;font-size:12px;line-height:1.5;color:#7b3f3f;font-weight:600;margin-bottom:6px} #programmes .mp-practice-note>p{font-size:12.5px;line-height:1.65;color:#756c63;margin:0} #programmes .presentation-card>.text-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:0;text-align:left} .mp-dialog-photo{margin:18px 0 24px}.mp-dialog-photo img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:7px;background:#f2ebe1}.mp-dialog-photo figcaption{font-size:11px;line-height:1.6;color:#8b7864;margin-top:9px} #dialog-body .mp-six-steps{list-style:none;padding:0;margin:20px 0;counter-reset:presentationSteps;display:grid;grid-template-columns:1fr 1fr;gap:15px 22px} .mp-six-steps>li{counter-increment:presentationSteps;border-top:1px solid #d6c5b0;padding-top:13px;min-width:0}.mp-six-steps>li>strong{display:block;font-size:15px;line-height:1.4;color:#7b3f3f;margin-bottom:6px}.mp-six-steps>li>strong:before{content:counter(presentationSteps,decimal-leading-zero) ' · ';font-size:11px;color:#a47a57}.mp-six-steps>li>p{font-size:13px;line-height:1.65;margin:0;color:#786e61} .mp-modal-format{font-size:13px;line-height:1.7;border-left:2px solid #b99475;padding-left:13px;margin-top:18px} .mp-development-note{font-size:12px;line-height:1.65;color:#8e785f;border-top:1px solid #ddcbb6;padding-top:14px;margin-top:20px} .presentation-dialog{background:#fbf9f5;border:1px solid #d8c8b5;color:#2b2c2b}.presentation-dialog .close-dialog{color:#7b3f3f}.presentation-dialog .button{background:#7b3f3f;color:#fff}.presentation-dialog h3{color:#564035} @media(max-width:520px){#programmes .presentation-card h3{font-size:28px}#programmes .mp-problem{font-size:24px}#programmes .mp-pain-heading{font-size:14px}#programmes .mp-pains li{font-size:14px}#programmes .presentation-card>p.mp-solution{font-size:15px}#programmes .mp-practice-note>span{font-size:13px}#programmes .mp-practice-note>p{font-size:14px}.mp-dialog-photo img{max-height:none}#dialog-body .mp-six-steps{grid-template-columns:1fr}.mp-six-steps>li>strong{font-size:16px}.mp-six-steps>li>p,.mp-modal-format{font-size:14px}} @media(max-width:360px){#programmes .mp-problem{font-size:22px}} /* homepage-approach.css */ /* A compact, photo-led corporate learning journey. Scoped to the homepage approach. */ #approach.homepage-approach{--ink:#20242a;--muted:#756a5e;--blue:#7b3f3f;--line:#d9cbbc;background:#f3eee5;color:var(--ink);padding:53px 0 49px;scroll-margin-top:20px} #approach .ha-heading{max-width:900px;margin-bottom:30px} #approach .ha-heading p.ha-eyebrow{margin:0 0 12px;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#987659} #approach .ha-heading h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;max-width:880px;text-wrap:balance} #approach .ha-heading>p:last-child{font-size:16px;line-height:1.65;color:#786b5d;max-width:880px;margin:14px 0 0} #approach .ha-journey{--journey-gap:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--journey-gap);position:relative} #approach .ha-stage{min-width:0;display:flex;flex-direction:column} #approach .ha-stage-heading{display:flex;align-items:center;gap:10px;min-height:35px;margin-bottom:16px;position:relative;z-index:1} /* Connect only the spaces between stages, leaving 12px clear at each end. */ #approach .ha-stage:not(:last-child) .ha-stage-heading:after{content:'';height:1px;background:#c8b39a;flex:1;min-width:0;margin-left:2px;margin-right:calc(12px - var(--journey-gap))} #approach .ha-node{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;border:1px solid #b99b7b;background:#fbf8f2;font-size:12px;font-weight:500;color:#7b3f3f;line-height:1} #approach .ha-phase{padding:4px 0;background:#f3eee5;font-size:11px;line-height:1.5;font-weight:600;color:#87684f;letter-spacing:.05em;text-transform:uppercase;flex:none} #approach .ha-stage figure{margin:0 0 18px;border:1px solid #d7c9b8;border-radius:8px;overflow:hidden;background:#faf6ef} #approach .ha-photo-frame{aspect-ratio:16/10;overflow:hidden} #approach .ha-photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%} #approach .ha-discover .ha-photo-frame img{object-position:56% 73%} #approach .ha-practise .ha-photo-frame img{object-position:50% 61%} #approach .ha-apply .ha-photo-frame img{object-position:50% 54%} #approach .ha-stage figcaption{padding:6px 9px;font-size:9px;line-height:1.5;color:#8a7560;letter-spacing:.01em} #approach .ha-stage h3{font-size:25px;font-weight:600;line-height:1.25;letter-spacing:-.02em;min-height:2.5em;margin:0 0 12px;color:#38322e} #approach .ha-stage>p{font-size:14px;line-height:1.75;color:#796b5b;margin:0 0 17px} #approach .ha-focus{border-top:1px solid #d5c3ac;padding-top:12px;margin-top:auto;display:flex;align-items:baseline;gap:9px} #approach .ha-focus>span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#a0866a;flex:none} #approach .ha-focus>strong{font-size:11px;line-height:1.5;color:#805b42;font-weight:500} #approach .ha-scope{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #d5c3ac;margin-top:27px;padding-top:21px} #approach .ha-scope p{font-size:11px;line-height:1.65;color:#8a7762;margin:0;max-width:800px} #approach .ha-scope p strong{font-weight:600;color:#78523d;margin-right:5px} #approach .ha-scope .text-button{font-size:12px;line-height:1.5;min-height:36px;display:inline-flex;align-items:center;gap:9px;flex:none;color:#7b3f3f;border-color:#b7997a;margin:0;padding:5px 0;text-align:left} #approach .ha-scope .text-button:hover{color:#663232;border-color:#7b3f3f} #approach a:focus-visible{outline-color:#7b3f3f} /* Consultation actions match the approved first-fold CTA. */ #approach .ha-consult-button,#rehan .button,#consultation .button{font-size:.9375rem;line-height:1.4;min-height:52px;padding:14px 21px;border-radius:7px;background:#7b3f3f;color:#fff;font-weight:600;box-shadow:0 3px 8px #7b3f3f12;border:0;text-decoration:none;flex:none;white-space:normal} #approach .ha-consult-button:hover,#rehan .button:hover,#consultation .button:hover{background:#663232;color:#fff} #approach .ha-scope:has(.ha-consult-button){gap:30px} #approach .ha-scope:has(.ha-consult-button) p{max-width:770px} @media(max-width:800px){#approach .ha-consult-button{margin-top:17px}} @media(max-width:520px){#approach .ha-consult-button,#rehan .button,#consultation .button{font-size:14px}} @media(max-width:1100px){#approach .ha-journey{--journey-gap:24px}#approach .ha-stage h3{font-size:23px}#approach .ha-stage>p{font-size:13px}#approach .ha-scope{gap:25px}} @media(max-width:800px){#approach.homepage-approach{padding:42px 0}#approach .ha-heading h2{font-size:32px}#approach .ha-journey{grid-template-columns:1fr;gap:29px}#approach .ha-stage-heading:after{display:none}#approach .ha-stage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:0 25px;align-items:start;padding-bottom:26px;border-bottom:1px solid #d5c3ac}#approach .ha-stage:last-child{padding-bottom:0;border-bottom:0}#approach .ha-stage-heading{grid-column:1/-1;margin-bottom:14px}#approach .ha-stage figure{grid-column:1;grid-row:2/5;margin:0}#approach .ha-stage h3{grid-column:2;min-height:0;font-size:25px;margin:0 0 12px}#approach .ha-stage>p{grid-column:2;font-size:14px;margin-bottom:14px}#approach .ha-focus{grid-column:2;margin:0}#approach .ha-scope{display:block}#approach .ha-scope p{font-size:12px}#approach .ha-scope .text-button{margin-top:13px;min-height:44px;font-size:13px}} @media(max-width:520px){#approach .ha-heading{margin-bottom:27px}#approach .ha-heading h2{font-size:30px}#approach .ha-heading>p:last-child{font-size:15px}#approach .ha-journey{gap:26px}#approach .ha-stage{display:flex;gap:0;padding-bottom:25px}#approach .ha-stage-heading{margin-bottom:13px}#approach .ha-stage figure{margin:0 0 17px}#approach .ha-stage h3{font-size:26px;margin-bottom:12px}#approach .ha-stage>p{font-size:15px;line-height:1.7;margin-bottom:16px}#approach .ha-focus>strong{font-size:12px}#approach .ha-stage figcaption{font-size:10px}#approach .ha-phase{font-size:11px}#approach .ha-scope{margin-top:24px;padding-top:18px}} /* homepage-workshop-proof.css */ /* Verified client workshop proof, distinct from career recommendations. */ #feedback.homepage-workshop-proof{--ink:#20242a;--muted:#74695f;--blue:#7b3f3f;--line:#ded2c3;color:var(--ink);padding-top:53px;padding-bottom:51px;scroll-margin-top:22px} #feedback .hp-heading{max-width:920px;margin-bottom:30px} #feedback .hp-heading p.hp-eyebrow{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;line-height:1.5;color:#987659;margin:0 0 12px} #feedback .hp-heading h2{font-size:36px;line-height:1.2;letter-spacing:-.03em} #feedback .hp-heading>p:last-child{font-size:16px;line-height:1.65;color:#786b5d;margin:14px 0 0;max-width:870px} #feedback .hp-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px} #feedback .hp-case{display:flex;flex-direction:column;border:1px solid #dccfbd;border-radius:10px;overflow:hidden;min-width:0;background:#fdfaf5} #feedback .hp-case figure{margin:0;border-bottom:1px solid #dccfbd} #feedback .hp-photo-frame{height:280px;overflow:hidden;background:#eee6db} #feedback .hp-photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 54%} #feedback .hp-reynaers .hp-photo-frame img{object-position:50% 65%} #feedback .hp-case figcaption{font-size:9px;line-height:1.5;color:#8a7560;padding:7px 12px;background:#f4ece0} #feedback .hp-case-content{display:flex;flex-direction:column;flex:1;padding:23px 27px 24px} #feedback p.hp-case-label{font-size:10px;font-weight:600;letter-spacing:.07em;line-height:1.5;text-transform:uppercase;color:#987659;margin:0 0 10px} #feedback .hp-case h3{font-size:26px;line-height:1.25;letter-spacing:-.025em;min-height:2.5em;margin:0 0 13px;color:#42372f} #feedback p.hp-case-story{font-size:14px;line-height:1.7;color:#796b5b;margin:0 0 20px;min-height:5.1em} #feedback .hp-rating{display:flex;gap:15px;align-items:center;padding:15px 0;border-block:1px solid #e0d1bd;margin-bottom:18px} #feedback .hp-rating>strong{font-size:31px;font-weight:600;line-height:1.1;color:#7b3f3f;letter-spacing:-.04em;white-space:nowrap} #feedback .hp-rating>strong span{font-size:14px;color:#947960;letter-spacing:0;font-weight:400} #feedback .hp-rating>p{font-size:12px;font-weight:500;line-height:1.5;color:#6e5440;margin:0} #feedback .hp-rating>p>span{display:block;font-size:10px;font-weight:400;color:#967f65;margin-top:4px} #feedback .hp-comments{display:flex;flex-direction:column;gap:12px;margin:0 0 20px} #feedback .hp-comments-label{margin:0 0 1px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#987659} #feedback .hp-case blockquote{font-family:Georgia,serif;font-size:20px;line-height:1.5;color:#7b4f40;margin:0;padding:16px 18px;border:1px solid #e4d8c9;border-left:3px solid #baa081;border-radius:0 7px 7px 0;background:#fffdf9;min-height:0} #feedback .hp-case cite{display:block;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.6;margin-top:9px;color:#978168;font-style:normal} #feedback .hp-case .text-button{color:#7b3f3f;border-color:#bba08a;font-size:13px;line-height:1.5;min-height:40px;display:inline-flex;align-items:center;gap:9px;margin-top:auto} #feedback .hp-case .text-button:hover{color:#663232;border-color:#7b3f3f} #feedback .hp-evidence-note{font-size:11px;line-height:1.7;color:#8e7b64;margin:18px 0 0;max-width:930px} #feedback a:focus-visible{outline-color:#7b3f3f} @media(max-width:1100px){#feedback .hp-case-grid{gap:24px}#feedback .hp-photo-frame{height:235px}#feedback .hp-case-content{padding:22px}#feedback .hp-case h3{font-size:24px}#feedback p.hp-case-story{min-height:6.8em}} @media(max-width:800px){#feedback .hp-case-grid{grid-template-columns:1fr}#feedback .hp-photo-frame{height:auto;aspect-ratio:2.1/1}#feedback .hp-case h3{min-height:0;font-size:27px}#feedback p.hp-case-story{min-height:0;font-size:15px}#feedback .hp-case blockquote{min-height:0}#feedback .hp-case-content{padding:24px}#feedback .hp-heading h2{font-size:32px}} @media(max-width:520px){#feedback.homepage-workshop-proof{padding-top:42px;padding-bottom:42px}#feedback .hp-heading h2{font-size:30px}#feedback .hp-heading>p:last-child{font-size:15px}#feedback .hp-case-grid{gap:25px}#feedback .hp-photo-frame{aspect-ratio:1.6/1}#feedback .hp-case-content{padding:22px 20px}#feedback .hp-case h3{font-size:25px}#feedback p.hp-case-story{font-size:14px}#feedback .hp-case blockquote{font-size:21px}#feedback .hp-rating>strong{font-size:30px}#feedback .hp-rating>p{font-size:11px}#feedback .hp-rating>p>span{font-size:9px}#feedback .hp-case .text-button{font-size:13px;min-height:44px}} /* homepage-recommendations.css */ /* Career recommendations: personal evidence, separate from client workshop feedback. */ #recommendations.homepage-recommendations{--ink:#20242a;--muted:#786b5d;--blue:#7b3f3f;--line:#ded2c3;background:#f3eee5;color:var(--ink);padding:53px 0 47px;scroll-margin-top:22px} #recommendations .hr-heading{max-width:900px;margin-bottom:30px} #recommendations .hr-eyebrow{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#987659;margin:0 0 12px} #recommendations .hr-heading h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;max-width:880px;text-wrap:balance} #recommendations .hr-heading>p:last-child{font-size:16px;line-height:1.65;color:#786b5d;margin:14px 0 0;max-width:830px} #recommendations .review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} #recommendations .review{min-width:0;padding:24px;border:1px solid #dacbb8;border-radius:9px;background:#fffdf9;box-shadow:0 3px 8px #795b3910} #recommendations .review-person{min-height:76px;gap:13px;align-items:flex-start} #recommendations .review-person>div:last-child{min-width:0} #recommendations .review-person strong{font-size:14px;line-height:1.4;color:#3a302b} #recommendations .review-person span{font-size:11px;line-height:1.5;color:#806d5a;margin-top:4px} #recommendations .review-person small{display:block;font-size:10px;line-height:1.5;color:#987f66;margin-top:5px} #recommendations .review h3{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:#7b3f3f;margin:17px 0 14px} #recommendations .review blockquote{font-family:Georgia,serif;font-size:19px;line-height:1.55;color:#554337;margin:0 0 23px;flex:1} #recommendations .hr-source{font-size:10px;line-height:1.5;font-weight:600;color:#8d684d;text-decoration:none;display:flex;align-items:center;gap:8px;padding-top:13px;border-top:1px solid #e5d9ca;margin-top:auto} #recommendations .hr-source:hover{color:#7b3f3f;text-decoration:underline} #recommendations .hr-source:focus-visible{outline-color:#7b3f3f} #recommendations .hr-context-note{font-size:11px;line-height:1.7;color:#8e7b64;margin:19px 0 0;max-width:1000px} @media(max-width:1100px){#recommendations .review-grid{gap:18px}#recommendations .review{padding:21px}#recommendations .review-person{display:block;min-height:158px}#recommendations .avatar{margin-bottom:12px}#recommendations .review blockquote{font-size:18px}} @media(max-width:800px){#recommendations.homepage-recommendations{padding:42px 0}#recommendations .hr-heading h2{font-size:32px}#recommendations .review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#recommendations .review-person{display:flex;min-height:106px}#recommendations .avatar{margin-bottom:0}#recommendations .review h3{min-height:2.7em;font-size:19px}#recommendations .review blockquote{font-size:19px}} @media(max-width:520px){#recommendations .hr-heading h2{font-size:30px}#recommendations .hr-heading>p:last-child{font-size:15px}#recommendations .review-grid{grid-template-columns:1fr;gap:18px}#recommendations .review{padding:23px}#recommendations .review-person{min-height:0}#recommendations .review h3{min-height:0;margin-top:22px;font-size:20px}#recommendations .review blockquote{font-size:20px}#recommendations .hr-source{font-size:11px;min-height:44px}#recommendations .hr-context-note{font-size:10px}} /* homepage-founder.css */ /* Homepage founder: business experience connected to participant value. */ #rehan.homepage-founder{--ink:#20242a;--muted:#786b5d;--blue:#7b3f3f;--line:#ded2c3;color:var(--ink);padding-top:55px;padding-bottom:50px;scroll-margin-top:22px} #rehan .hm-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center} #rehan .hm-eyebrow{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#987659;margin:0 0 12px} #rehan h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;max-width:600px;text-wrap:balance} #rehan .hm-lead{font-size:18px;font-weight:500;line-height:1.5;color:#7b3f3f;margin:17px 0} #rehan .hm-copy>p:not(.hm-eyebrow):not(.hm-lead){font-size:15px;line-height:1.75;color:#786b5d;margin:0 0 17px} #rehan .hm-perspectives{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px} #rehan .hm-perspectives>span{font-size:10px;line-height:1.5;color:#80604b;border:1px solid #dac8b3;background:#f8f3eb;border-radius:4px;padding:5px 8px} #rehan .hm-copy .button{align-self:flex-start} #rehan .hm-checks{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:13px 0 0} #rehan .hm-checks li{font-size:10px;line-height:1.5;color:#8b7762} #rehan .hm-checks li:before{content:'✓';color:#7b3f3f;font-weight:600;margin-right:6px} #rehan .hm-photo{margin:0;border:1px solid #d7c9b8;background:#f7f0e5;border-radius:10px;overflow:hidden} #rehan .hm-photo>div{aspect-ratio:4/3;overflow:hidden} #rehan .hm-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%} #rehan .hm-photo figcaption{padding:7px 13px;font-size:9px;line-height:1.5;color:#8a7560;border-bottom:1px solid #dccfbd} #rehan .hm-photo>p{padding:19px 22px;margin:0} #rehan .hm-photo>p strong{display:block;font-size:16px;line-height:1.45;font-weight:600;color:#6e4438;margin-bottom:6px} #rehan .hm-photo>p span{display:block;font-size:12px;line-height:1.65;color:#8a735d} #rehan .hm-experience{margin-top:45px;padding-top:31px;border-top:1px solid #deceba;scroll-margin-top:24px} #rehan .hm-subheading{max-width:860px;margin-bottom:25px} #rehan .hm-subheading h3{font-size:27px;line-height:1.25;letter-spacing:-.025em;color:#493b32} #rehan .hm-experience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} #rehan .hm-experience-grid article{border:1px solid #ddcfbe;border-radius:8px;background:#fcf9f3;padding:20px;min-width:0;display:flex;flex-direction:column} #rehan .hm-role-top{display:flex;align-items:center;gap:9px;color:#957152;font-size:10px;line-height:1.5;margin-bottom:17px} #rehan .hm-role-number{width:27px;height:27px;flex:none;border:1px solid #c4a78a;display:grid;place-items:center;border-radius:50%;background:#fffdf9;color:#7b3f3f;font-size:10px} #rehan .hm-experience-grid h4{font-size:19px;line-height:1.35;letter-spacing:-.025em;color:#7b3f3f;min-height:2.7em;margin:0 0 13px} #rehan .hm-experience-grid p.hm-roles{font-size:11px;font-weight:600;line-height:1.5;color:#92755d;border-top:1px solid #dfd0bd;padding-top:12px;min-height:6.5em;margin:0 0 13px} #rehan .hm-roles>span{display:block;font-size:9px;font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.05em;color:#a2876d;margin-bottom:5px} #rehan .hm-experience-grid article>p:last-child{font-size:13px;line-height:1.7;color:#796b5b;margin:0} #rehan .hm-career-note{display:flex;align-items:center;gap:17px;margin:21px 0 0;padding:0;font-size:11px;line-height:1.65;color:#8d7862} #rehan .hm-career-note img{width:58px;height:25px;object-fit:contain;flex:none} #rehan .hm-development{margin-top:32px;padding-top:27px;border-top:1px solid #deceba} #rehan .hm-credentials{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px} #rehan .hm-credentials figure{margin:0;min-width:0} #rehan .hm-credentials img{width:106px;height:51px;object-fit:contain;object-position:left;margin-bottom:12px} #rehan .hm-credentials figcaption strong{display:block;font-size:11px;line-height:1.5;font-weight:600;color:#715541} #rehan .hm-credentials figcaption span{display:block;font-size:10px;line-height:1.5;color:#9a8268;margin-top:4px} #rehan .hm-affiliation-note{font-size:10px;line-height:1.65;color:#99846c;margin:23px 0 0;max-width:900px} @media(max-width:1100px){#rehan .hm-intro{gap:35px;align-items:start}#rehan .hm-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#rehan .hm-experience-grid h4{min-height:2.7em}#rehan .hm-experience-grid p.hm-roles{min-height:3.3em}#rehan .hm-credentials{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}#rehan .hm-photo>p{padding:16px}} @media(max-width:800px){#rehan.homepage-founder{padding-top:43px;padding-bottom:43px}#rehan .hm-intro{grid-template-columns:1fr;gap:28px}#rehan h2{font-size:32px;max-width:650px}#rehan .hm-photo{max-width:620px}#rehan .hm-photo>div{aspect-ratio:16/10}#rehan .hm-photo img{object-position:50% 43%}#rehan .hm-experience{margin-top:34px;padding-top:26px}#rehan .hm-experience-grid article>p:last-child{font-size:13px}#rehan .hm-experience-grid p.hm-roles{font-size:11px}#rehan .hm-experience-grid h4{font-size:21px}#rehan .hm-subheading h3{font-size:25px}} @media(max-width:520px){#rehan h2{font-size:30px}#rehan .hm-lead{font-size:17px}#rehan .hm-copy>p:not(.hm-eyebrow):not(.hm-lead){font-size:15px}#rehan .hm-eyebrow{font-size:9px}#rehan .hm-perspectives{gap:7px;margin:17px 0 22px}#rehan .hm-checks{gap:7px 12px}#rehan .hm-photo>p{padding:18px}#rehan .hm-photo>p strong{font-size:17px}#rehan .hm-photo>p span{font-size:13px}#rehan .hm-experience-grid{grid-template-columns:1fr;gap:15px}#rehan .hm-experience-grid h4,#rehan .hm-experience-grid p.hm-roles{min-height:0}#rehan .hm-role-top{font-size:11px;margin-bottom:15px}#rehan .hm-experience-grid article{padding:21px}#rehan .hm-experience-grid h4{font-size:22px}#rehan .hm-experience-grid article>p:last-child{font-size:14px}#rehan .hm-credentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}#rehan .hm-credentials figcaption strong{font-size:12px}#rehan .hm-credentials figcaption span{font-size:11px}#rehan .hm-career-note{align-items:flex-start;font-size:10px}} /* homepage-closing.css */ /* Closing consultation and footer in the approved warm RALS design language. */ #consultation.homepage-consultation{--blue:#7b3f3f;--muted:#786b5d;--line:#d9cbbc;background:#f3eee5;color:#20242a;padding:49px 0;scroll-margin-top:22px} #consultation .consultation-inner{grid-template-columns:1.2fr 1fr;gap:75px;align-items:center} #consultation .hc-copy .hc-eyebrow{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:#987659;margin:0 0 12px} #consultation h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;max-width:580px;text-wrap:balance} #consultation .hc-copy>p:not(.hc-eyebrow){font-size:15px;line-height:1.75;color:#786b5d;margin:17px 0 22px;max-width:620px} #consultation .checks{font-size:12px;line-height:1.6;gap:9px;color:#79664f} #consultation .checks li{padding-left:22px} #consultation .checks li:before{color:#7b3f3f} #consultation .hc-request-card{border:1px solid #d5c2aa;border-radius:10px;padding:26px;background:#fffdf8;box-shadow:0 5px 16px #6f492b08} #consultation .hc-call-detail{display:flex;align-items:center;gap:18px;margin-bottom:24px} #consultation .hc-duration{display:block;color:#7b3f3f;font-size:33px;line-height:1.1;letter-spacing:-.04em;padding-right:18px;border-right:1px solid #ddc9b0;font-weight:600} #consultation .hc-duration small{display:block;font-size:10px;line-height:1.5;letter-spacing:.02em;margin-top:3px;font-weight:400;color:#9c7b5e} #consultation .hc-call-detail strong{display:block;font-size:16px;line-height:1.5;font-weight:600;color:#604736} #consultation .hc-call-detail>div>span{display:block;font-size:12px;line-height:1.5;color:#94795f;margin-top:4px} #consultation .hc-request-card .button{width:100%} #consultation .hc-request-card .hc-email-explain{font-size:11px;line-height:1.7;color:#8b765e;margin:15px 0 11px} #consultation .hc-request-card .hc-email-fallback{font-size:12px;line-height:1.5;color:#7b3f3f;text-underline-offset:4px;overflow-wrap:anywhere} #consultation a:focus-visible{outline-color:#7b3f3f} .footer.homepage-footer{--blue:#e5bd92;background:#3e2827;color:#fbf4e9;padding-top:42px} .homepage-footer .footer-main{grid-template-columns:1fr .95fr 1.15fr;gap:56px;align-items:start} .homepage-footer .footer-logo{width:195px;max-height:53px;object-fit:contain;object-position:left} .homepage-footer .hf-brand>p{font-size:13px;line-height:1.75;color:#d6c0af;max-width:320px;margin:21px 0} .homepage-footer address{font-style:normal;display:grid;gap:9px} .homepage-footer address a,.homepage-footer .hf-programmes a,.homepage-footer .footer-location>a{font-size:12px;line-height:1.65;color:#f0dfcf;text-decoration:none;overflow-wrap:anywhere} .homepage-footer a:hover{color:#fff8ef;text-decoration:underline;text-underline-offset:4px} .homepage-footer a:focus-visible{outline-color:#e6c09b} .homepage-footer h3{font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.02em;color:#f3e6d6;margin:0 0 18px} .homepage-footer .hf-programmes{display:flex;flex-direction:column;align-items:flex-start;gap:12px} .homepage-footer .hf-programmes h3{margin-bottom:6px} .homepage-footer .hf-more-links{display:grid;gap:10px;border-top:1px solid #775651;padding-top:17px;margin-top:4px;width:100%} .homepage-footer .footer-location p{font-size:12px;line-height:1.65;color:#d6c0af;margin:0 0 15px;max-width:340px} .homepage-footer .footer-location>a.hf-location-card{display:flex;gap:18px;align-items:center;min-height:150px;border:1px solid #886351;border-radius:6px;padding:22px;background:#4b3230;text-decoration:none} .homepage-footer .hf-location-card svg{width:35px;height:45px;flex-shrink:0;fill:none;stroke:#e5bd92;stroke-width:1.5} .homepage-footer .hf-location-card strong{display:block;font-size:13px;line-height:1.5;color:#f5e8da;font-weight:600} .homepage-footer .hf-location-card span span{display:block;font-size:12px;line-height:1.6;margin:9px 0 4px} .homepage-footer .hf-location-card small{display:block;color:#c6a996;font-size:10px;line-height:1.5} .homepage-footer .footer-location>a.hf-location-card:hover{background:#543735;border-color:#bd9172} .homepage-footer .footer-location>a{display:inline-flex;align-items:center;gap:7px;font-size:11px} .homepage-footer .footer-bottom{border-top:1px solid #775651;color:#c6a996;font-size:10px;line-height:1.65;margin-top:30px;padding:19px 0 21px;gap:24px} @media(max-width:1100px){#consultation .consultation-inner{gap:35px}.homepage-footer .footer-main{gap:30px}} @media(max-width:800px){#consultation.homepage-consultation{padding:42px 0}#consultation .consultation-inner{grid-template-columns:1fr;gap:27px}#consultation h2{font-size:32px}#consultation .hc-request-card{max-width:580px}.homepage-footer .footer-main{grid-template-columns:1fr 1fr;gap:32px}.homepage-footer .footer-location{grid-column:1/-1;max-width:600px;width:100%}.homepage-footer .footer-location iframe{height:180px}.homepage-footer .footer-bottom{flex-direction:column;gap:7px}} @media(max-width:520px){#consultation h2{font-size:30px}#consultation .hc-copy>p:not(.hc-eyebrow){font-size:15px}#consultation .checks{font-size:13px}#consultation .hc-request-card{padding:22px 20px}#consultation .hc-request-card .hc-email-explain{font-size:12px}.footer.homepage-footer{padding-top:35px}.homepage-footer .footer-main{grid-template-columns:1fr;gap:30px}.homepage-footer .footer-location{grid-column:auto}.homepage-footer h3{font-size:21px;margin-bottom:14px}.homepage-footer .hf-brand>p{font-size:14px;max-width:none}.homepage-footer address a,.homepage-footer .hf-programmes a{font-size:14px}.homepage-footer .footer-location p{font-size:13px}.homepage-footer .footer-location>a{font-size:12px;min-height:40px}.homepage-footer .footer-bottom{font-size:11px}.homepage-footer .hf-more-links{padding-top:15px}.homepage-footer .hf-programmes{gap:14px}} /* legal-notices.css */ /* Shared notice links; scoped so programme layouts remain unchanged. */ .rals-legal-links{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center} .rals-legal-links a{font-size:12px;line-height:1.6;text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center;color:inherit} .homepage-footer .footer-bottom{flex-wrap:wrap} .homepage-footer .footer-bottom .rals-legal-links{flex-basis:100%;color:#f0dfcf} .ot-footer .rals-legal-links,.mp-footer .rals-legal-links{flex-basis:100%;color:#7b3f3f;border-top:1px solid #ded5c9;padding-top:10px} .ot-footer>.wrap,.mp-footer>.wrap{flex-wrap:wrap} .selling-page .cp-footer>.wrap{flex-wrap:wrap} .selling-page .cp-footer .rals-legal-links{flex-basis:100%;border-top:1px solid #66605a;padding-top:10px} .legal-page{margin:0;background:#fbf8f2;color:#302b27;font-family:Arial,Helvetica,sans-serif;line-height:1.7} .legal-page *{box-sizing:border-box} .legal-page a{color:#7b3f3f;text-underline-offset:4px;overflow-wrap:anywhere} .legal-page a:focus-visible{outline:2px solid #7b3f3f;outline-offset:5px} .legal-skip{position:absolute;left:16px;top:-70px;background:white;padding:12px;z-index:3} .legal-skip:focus{top:12px} .legal-header{max-width:1100px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #ded1c2} .legal-header img{display:block;width:170px;height:auto} .legal-header>a:last-child{font-size:13px;text-decoration:none} .legal-main{max-width:920px;margin:auto;padding:50px 30px 65px} .legal-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#906f55;margin:0 0 12px} .legal-intro h1{font-size:45px;line-height:1.15;letter-spacing:-.035em;margin:0 0 18px;font-weight:500} .legal-intro>p:not(.legal-eyebrow){font-size:18px;color:#74685b;max-width:650px} .legal-intro small{font-size:12px;color:#74685b} .legal-nav{display:flex;flex-wrap:wrap;gap:12px 27px;border-block:1px solid #ded1c2;padding:18px 0;margin:30px 0 0;font-size:13px} .legal-section{padding:38px 0;border-bottom:1px solid #ded1c2;scroll-margin-top:24px} .legal-section h2{font-size:29px;line-height:1.25;letter-spacing:-.02em;font-weight:500;margin:0 0 24px} .legal-section h3{font-size:17px;color:#624a38;margin:28px 0 7px} .legal-section p{font-size:15px;color:#5d554d;margin:8px 0 15px} .legal-section strong{font-weight:600;color:#44382e} .legal-page-footer{background:#3e2827;color:#ead7c5;padding:30px max(30px,calc((100vw - 860px)/2));font-size:12px} .legal-page-footer p{margin:0 0 8px}.legal-page-footer a{color:#f3e3d3} @media(max-width:600px){.legal-header{padding:20px}.legal-header img{width:135px}.legal-header>a:last-child{font-size:11px}.legal-main{padding:34px 22px 45px}.legal-intro h1{font-size:34px}.legal-intro>p:not(.legal-eyebrow){font-size:16px}.legal-section h2{font-size:25px}.legal-nav{gap:12px 20px}.legal-page-footer{padding:25px 22px}.ot-footer .rals-legal-links,.mp-footer .rals-legal-links{order:4}} /* launch-polish.css */ /* Launch polish: accessible native controls and explicit footer styling. */ /* Wordmarks keep their natural proportions even when HTML reserves image space. */ img[src$="rals-academy-wordmark.webp"],img[src$="rals-ai-wordmark.webp"],img[src$="rals-on-light.webp"]{height:auto;object-fit:contain} .launch-scope-note{display:block;margin-top:8px;font-size:.88em;color:#6e6257} .ot-footer>.wrap>a[href="./#programmes"],.mp-footer>.wrap>a[href="./#programmes"]{font-size:12px;line-height:1.6;color:#7b3f3f} .rals-legal-links a{min-height:44px} a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #7b3f3f;outline-offset:4px} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} @media(max-width:520px){.ot-footer>.wrap>a[href="./#programmes"],.mp-footer>.wrap>a[href="./#programmes"]{max-width:165px;min-height:44px;display:flex;align-items:center}} /* Portrait-only images replace hidden full screenshots. */ .avatar.avatar img,.opening-hero .avatar.avatar img,.first-fold-v2 .avatar.avatar img,.mp-leader-feedback .avatar.avatar img{position:static!important;display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover;left:auto!important;top:auto!important}