/* Applied portfolio: Focus Circle's existing purple, Cairo and spacious RTL rhythm */
.portfolio-page h1,.portfolio-page h2,.portfolio-page h3,.portfolio-page h4{letter-spacing:0;font-style:normal}
.portfolio-page p{line-height:1.95}.portfolio-page em{font-style:normal;color:#5424bd}.portfolio-page main{overflow:clip}
.portfolio-opening{padding:30px 0 76px;background:radial-gradient(ellipse at 8% 65%,#e8ddfa 0,transparent 52%),#f8f7fc;border-bottom:1px solid #e7dff1}
.portfolio-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center}.portfolio-opening .breadcrumb{margin-bottom:38px}.portfolio-opening h1{font-size:clamp(38px,4.2vw,60px);line-height:1.55;margin:0 0 23px}.opening-lead{max-width:640px;font-size:18px;margin-bottom:28px}.intro-disclosure{font-size:14px;color:#786a8c;max-width:570px;margin:23px 0 0}
.method-preview{border:1px solid #d4c3ee;padding:36px;border-radius:16px;background:#ffffffd9;box-shadow:0 22px 70px #5424bd0b;position:relative}.method-preview:before{content:'';width:70px;height:4px;display:block;background:#b29a5a;margin-bottom:30px}.method-question{font-size:28px;line-height:1.75;color:#7c6d90}.method-question strong{color:#2f1b48;font-weight:700}.method-tags{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.method-tags span{padding:10px 16px;border:1px solid #e6dcef;border-radius:6px;font-size:14px;background:#faf8fe;color:#5424bd}.method-bottom{border-top:1px solid #e7def0;padding-top:20px;color:#766583;font-size:14px}
.portfolio-sectors{padding-block:85px}.portfolio-section-head{max-width:750px;margin-bottom:38px}.portfolio-section-head h2,.case-heading h2{font-size:clamp(30px,3vw,44px);line-height:1.6;margin:0 0 18px}.portfolio-section-head>p{font-size:17px;color:#736180}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sector-card{display:flex;flex-direction:column;border:1px solid #e4dced;border-radius:12px;padding:28px;background:#fff;transition:box-shadow .25s,border-color .25s,transform .25s;text-decoration:none;color:inherit}.sector-card-top{display:flex;align-items:center;gap:14px;color:#5424bd;font-size:14px;font-weight:600;padding-bottom:28px}.sector-card-top svg{width:42px;height:42px;padding:7px;box-sizing:content-box;background:#f5f0fd;border-radius:10px}.sector-card h3{font-size:23px;line-height:1.7;margin:0 0 14px}.sector-card p{font-size:16px;color:#766587;margin:0 0 25px}.sector-card-link{margin-top:auto;border-top:1px solid #e9e1f2;padding-top:18px;font-size:14px;font-weight:700;color:#5424bd}.sector-card:focus-visible,.related-grid a:focus-visible{outline:3px solid #b49cdb;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.sector-card:hover{transform:translateY(-5px);border-color:#bfa6e4;box-shadow:0 18px 40px #5424bd0d}}
.portfolio-method{padding:70px 0;background:#faf9fc;border-block:1px solid #e9e2f1}.method-grid,.channel-grid,.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.method-grid article{border-inline-start:2px solid #b39b5a;padding-inline-start:24px}.method-grid h3,.channel-grid h4,.pillar-grid h3{font-size:21px;line-height:1.7;margin:0 0 12px}.method-grid p,.channel-grid p,.pillar-grid p{font-size:16px;color:#766587;margin:0}.case-cta h2{font-size:clamp(30px,3vw,46px);line-height:1.6;max-width:930px}.case-cta{padding-block:75px}.case-cta p{font-size:17px}
.case-opening{padding:27px 0 38px;background:radial-gradient(ellipse at 10% 50%,#e8ddf8,transparent 60%),#f8f7fc}.case-opening .breadcrumb{margin-bottom:40px}.case-intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}.case-opening h1{font-size:clamp(35px,3.7vw,53px);line-height:1.6;max-width:740px;margin:0 0 23px}.case-opening p{font-size:18px;max-width:660px;margin-bottom:27px}.case-objective{padding:35px;border:1px solid #d2bfe9;border-radius:12px;background:#ffffffb5}.case-objective>span{display:block;font-size:14px;color:#78658e}.case-objective svg{display:block;width:65px;height:65px;color:#5424bd;margin:25px 0}.case-objective h2{font-size:28px;line-height:1.65;margin:0 0 20px;color:#5424bd}.case-objective p{font-size:14px;margin:0;color:#78658e}.transparency{border:1px solid #dbceed;border-inline-start:4px solid #ab9150;border-radius:5px;background:#faf8fd;padding:23px 27px;font-size:16px;color:#665376;line-height:1.9}.case-opening .transparency.compact{max-width:none;font-size:14px;margin:38px 0 0;padding:16px 20px;background:#ffffffb5}
.case-anchor-nav{padding:0;border-block:1px solid #e4dbef;background:white}.case-anchor-nav .container{display:flex;gap:32px;overflow-x:auto;scrollbar-width:thin}.case-anchor-nav a{font-size:14px;white-space:nowrap;padding:20px 0;color:#756381;text-decoration:none}.case-anchor-nav a:hover{color:#5424bd}.case-section{padding-block:78px;scroll-margin-top:100px}.case-story-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:75px}.case-heading p{font-size:16px;color:#766587}.case-heading .scenario-tag{font-size:14px;color:#8a7652}.case-lead{font-size:20px;color:#4e3c60;margin:0 0 27px;line-height:1.95}.diagnosis-block{border-top:1px solid #e2d8ed;padding-top:26px}.diagnosis-block h3{font-size:24px;margin:0 0 16px}.case-list{list-style:none;margin:0;padding:0}.case-list li{position:relative;padding:16px 24px 16px 0;border-bottom:1px solid #e9e1f1;font-size:17px;line-height:1.9;color:#695578}.case-list li:before{content:'';position:absolute;right:0;top:29px;width:6px;height:6px;border-radius:50%;background:#957aaf}.case-footnote{font-size:14px;color:#89798f;margin:18px 0 0}.case-soft{background:#f9f7fc;border-block:1px solid #eae2f2}.strategy-focus{border-inline-start:3px solid #5424bd;padding:5px 23px;margin-top:30px}.strategy-focus span,.strategy-focus strong{display:block}.strategy-focus span{font-size:14px;color:#8b759b;margin-bottom:8px}.strategy-focus strong{font-size:20px;line-height:1.8}.channels-heading{margin-top:50px;margin-bottom:23px}.channels-heading h3{font-size:25px;margin:0 0 8px}.channels-heading p{font-size:16px;color:#806c8f}.channel-grid article{padding:26px;background:#fff;border:1px solid #e7dfee;border-radius:9px}.channel-grid h4{color:#5424bd}.pillar-grid article{padding:25px 0;border-block-start:2px solid #b39b5a}.ad-direction{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:42px;padding:35px;background:#f8f5fd;border-radius:12px;border:1px solid #e5daef}.ad-direction h3{font-size:25px;margin:0 0 12px}.ad-direction p{font-size:16px;color:#786389;margin:0}.ad-direction strong{font-size:20px;line-height:1.8;display:block;margin-bottom:15px}.ad-label{font-size:14px;color:#8a749b;display:block;margin-bottom:10px}
.journey-section{background:#36204f;color:#fff}.journey-section .eyebrow{color:#d0b975}.journey-section h2 em{color:#d8c9ee}.journey-section .portfolio-section-head>p{color:#d0c3df}.journey-flow{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:40px 0 0;list-style:none;gap:20px}.journey-flow li{border-top:1px solid #71538c;padding:25px 18px 0 0;position:relative}.journey-flow li:before{content:'';width:10px;height:10px;background:#c2a56a;border-radius:50%;position:absolute;top:-5px;right:0}.journey-flow span{font-size:17px;font-weight:700;color:#e0d0f1}.journey-flow p{font-size:16px;color:#cbbdd9;margin:12px 0 0}
.execution-section{background:#faf9fc}.case-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid #e6ddee;margin-bottom:28px}.case-tabs button{font:600 14px Cairo,Arial,sans-serif;padding:12px 19px;background:white;border:1px solid #ded2ec;border-radius:6px;color:#6b5580}.case-tabs button[aria-selected=true]{background:#5424bd;color:white;border-color:#5424bd}.mock-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}.mock-panel[hidden]{display:none}.execution-mock{margin:0;background:white;border:1px solid #e0d6ec;border-radius:12px;overflow:hidden}.execution-mock figcaption{padding:17px 23px;border-bottom:1px solid #ece6f2;font-size:16px;font-weight:600;display:flex;justify-content:space-between;gap:10px}.execution-mock figcaption span{font-size:12px;font-weight:400;color:#84718f}.mock-brand{display:flex;align-items:center;gap:10px;padding:20px 23px;color:#685076;font-size:14px}.mock-brand svg{width:32px;height:32px;color:#5424bd}.mock-brand small{font-size:12px;color:#938299;margin-inline-start:auto}.profile-copy{padding:12px 25px 26px}.profile-copy strong{font-size:23px;line-height:1.8}.profile-copy p{font-size:16px;color:#796388}.mock-pill{display:inline-block;background:#5424bd;color:white;padding:10px 17px;border-radius:5px;font-size:14px;font-weight:600}.profile-tiles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e9e0f1;background:#f7f3fc}.profile-tiles span{padding:27px 12px;text-align:center;font-size:14px;color:#6b5381;border-inline-end:1px solid #e9e0f1}.concept-poster{padding:36px;background:radial-gradient(ellipse at 5% 90%,#713cc4,transparent 65%),#392050;color:white;min-height:300px;display:flex;flex-direction:column;align-items:start;justify-content:center}.concept-poster svg{width:50px;height:50px;color:#c7b076;margin-bottom:22px}.concept-poster>span{font-size:14px;color:#d2bded}.concept-poster h4{font-size:32px;line-height:1.7;margin:16px 0 20px;color:#fff}.concept-poster p{font-size:16px;color:#d8cce4;margin:15px 0 22px}.poster-rule{width:60px;height:2px;background:#c7b076}.concept-poster small{font-size:12px;color:#c2add5}.ad-poster .mock-pill{background:#e4d5f7;color:#432266}.mock-note{font-size:14px;color:#8b7798;padding:15px 23px;margin:0}.short-preview{max-width:330px;margin:25px auto;padding:30px 25px;background:#f0e9fa;border:1px solid #ddd0ec;border-radius:12px;min-height:400px;display:flex;flex-direction:column;align-items:start;justify-content:center}.short-preview svg{width:56px;height:56px;color:#5424bd;margin:28px 0}.short-preview h4{font-size:26px;line-height:1.8;margin:0 0 28px}.reel-scenes{display:flex;flex-direction:column;gap:12px}.reel-scenes span{font-size:14px;border-inline-start:2px solid #ab9258;padding-inline-start:15px}.mock-kicker{font-size:14px;color:#8b719d}.search-preview{padding:30px}.search-query{border:1px solid #e2d9eb;border-radius:24px;padding:13px 20px;font-size:14px;color:#7c6a8b;margin-bottom:25px}.search-preview h4{color:#5424bd;font-size:25px;line-height:1.75;margin:18px 0}.search-preview p{font-size:16px;color:#756180}.search-links{display:flex;flex-wrap:wrap;gap:17px;color:#5424bd;font-size:14px;margin:25px 0}.search-preview small{font-size:13px;color:#9b87a8}.mock-browser-bar{display:flex;align-items:center;gap:6px;padding:14px 20px;background:#f4f0f9;border-bottom:1px solid #e5dcec}.mock-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c3b3d1}.mock-browser-bar span{font-size:12px;color:#8b789a;margin-inline-start:auto}.landing-inner{padding:36px;background:#f8f5fd}.landing-inner h4{font-size:30px;line-height:1.75;margin:18px 0}.landing-inner p{font-size:16px;color:#78638b;margin-bottom:25px}.landing-benefits{display:flex;gap:15px;justify-content:space-between;padding:25px;font-size:14px;color:#786188}.lead-preview{padding:30px}.lead-preview h4{font-size:26px;line-height:1.8;margin:16px 0 25px}.mock-fields{display:grid;gap:12px}.mock-field{border:1px solid #e2d8ed;border-radius:5px;padding:13px 18px;background:#fcfbfd;color:#8c799b;font-size:14px}.mock-submit{background:#5424bd;color:white;text-align:center;padding:13px;border-radius:5px;font-size:14px}.lead-preview p{font-size:14px;color:#8b779a;margin-bottom:0}.chat-preview{max-width:360px;margin:28px auto;border:1px solid #d9cce8;border-radius:16px;overflow:hidden}.chat-head{padding:20px;background:#f2edf8;color:#655079;font-size:14px;font-weight:600}.chat-body{padding:22px;background:#faf8fd}.chat-body p{font-size:16px;line-height:1.95;padding:16px;border-radius:10px;max-width:95%;margin:0 0 18px}.chat-out{background:#e9def8;margin-inline-start:auto!important}.chat-in{background:#fff;border:1px solid #e6dcef}.chat-next{font-size:14px;line-height:1.9;color:#8a719b;display:block;border-top:1px solid #e3d7ed;padding-top:20px}.dashboard-preview{padding:30px}.dashboard-preview h4{font-size:26px;line-height:1.75;margin:17px 0 25px}.dashboard-cells{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}.dashboard-cells>div{padding:20px 16px;border:1px solid #e3d8ef;border-radius:6px;background:#f9f6fd}.dashboard-cells span{font-size:14px;display:block;color:#89709b;margin-bottom:12px}.dashboard-cells strong{font-size:16px;color:#5424bd;line-height:1.8}.dashboard-row{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #ece4f4;font-size:14px;color:#7b628e}.dashboard-preview>p{font-size:14px;color:#8b779a;margin-top:24px}.measurement-note{padding:25px;background:#f8f5fd;margin-top:25px;border-radius:8px}.measurement-note strong{font-size:18px;color:#5424bd}.measurement-note p{font-size:16px;color:#7a6488;margin:12px 0 0}.transparency-section{padding-bottom:65px}.related-models{padding-block:60px 80px}.related-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.related-heading h2{font-size:28px;margin:0}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.related-grid a{padding:25px;border:1px solid #e3d8ee;border-radius:8px;text-decoration:none;color:inherit}.related-grid span{font-size:14px;color:#8c719f}.related-grid h3{font-size:23px;line-height:1.7;margin:13px 0 0}
@media(max-width:1000px){.portfolio-intro,.case-intro-grid{gap:40px}.case-story-grid{gap:40px}.sector-grid{grid-template-columns:repeat(2,1fr)}.case-opening h1{font-size:38px}.portfolio-opening h1{font-size:42px}.ad-direction{gap:30px}}
@media(max-width:700px){.portfolio-opening{padding:25px 0 45px}.portfolio-intro,.case-intro-grid,.case-story-grid{grid-template-columns:1fr;gap:30px}.portfolio-opening .breadcrumb,.case-opening .breadcrumb{margin-bottom:28px}.portfolio-opening h1{font-size:35px;line-height:1.6}.opening-lead,.case-opening p{font-size:16px}.method-preview{padding:25px}.method-question{font-size:25px}.portfolio-sectors{padding-block:45px}.portfolio-section-head h2,.case-heading h2{font-size:30px}.portfolio-section-head{margin-bottom:27px}.portfolio-section-head>p{font-size:16px}.sector-grid{grid-template-columns:1fr;gap:16px}.sector-card{padding:25px}.sector-card-top{padding-bottom:20px}.sector-card h3{font-size:23px}.method-grid,.channel-grid,.pillar-grid{grid-template-columns:1fr;gap:25px}.portfolio-method{padding:45px 0}.case-opening{padding:22px 0 30px}.case-opening h1{font-size:34px}.case-objective{padding:25px}.case-objective h2{font-size:25px}.case-objective svg{width:48px;height:48px;margin:18px 0}.case-objective p{font-size:14px}.case-opening .transparency.compact{margin-top:28px;font-size:14px}.case-anchor-nav .container{gap:23px}.case-anchor-nav a{padding-block:16px}.case-section{padding-block:45px}.case-lead{font-size:18px}.case-list li{font-size:16px}.strategy-focus strong{font-size:18px}.channels-heading{margin-top:35px}.channels-heading h3{font-size:23px}.ad-direction{grid-template-columns:1fr;padding:25px;gap:28px;margin-top:25px}.journey-flow{grid-template-columns:1fr;gap:0;margin-top:25px}.journey-flow li{border-top:0;border-inline-start:1px solid #71538c;padding:0 25px 25px 0}.journey-flow li:last-child{padding-bottom:0}.journey-flow li:before{top:7px;right:-5px}.journey-flow p{margin-top:8px}.case-tabs{gap:8px}.case-tabs button{padding:11px 13px;font-size:14px}.mock-panel{grid-template-columns:1fr;gap:20px}.execution-mock figcaption{padding:16px 20px}.concept-poster{padding:28px;min-height:280px}.concept-poster h4{font-size:29px}.profile-copy strong{font-size:21px}.profile-tiles span{padding:22px 10px;font-size:14px}.search-preview,.lead-preview,.dashboard-preview{padding:25px}.landing-inner{padding:25px}.landing-inner h4{font-size:27px}.landing-benefits{gap:10px;padding:20px;font-size:13px}.short-preview,.chat-preview{margin:20px;max-width:none}.dashboard-cells{grid-template-columns:1fr}.transparency{font-size:15px;padding:20px}.transparency-section{padding-bottom:35px}.case-cta{padding-block:45px}.case-cta h2{font-size:30px}.case-cta p{font-size:16px}.related-models{padding-block:40px 50px}.related-heading{align-items:start;flex-direction:column;gap:12px}.related-grid{grid-template-columns:1fr;gap:15px}.related-grid h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.sector-card{transition:none}.sector-card:hover{transform:none}}
/* Section navigation stays independent of the collapsible site menu */
nav.case-anchor-nav{display:block;position:static;inset:auto;min-height:0;flex-direction:row;align-items:initial;gap:0;padding:0}
@media(max-width:700px){nav.case-anchor-nav{display:block;position:static;inset:auto;padding:0}}