body.cinematic-home{background:#eef0f5}
.cinematic-home .site-header{position:sticky;top:0;right:auto;left:auto;z-index:1100;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom-color:#e2e4ea}
.cinematic-home main{padding-top:0}
.cinematic-home .hero-v2{top:78px;background:var(--ink)}
.cinematic-home .hero-v2 .hero-grid{grid-template-columns:.92fr 1.08fr;background:var(--ink)}
.cinematic-home .hero-v2 .hero-copy{background:radial-gradient(circle at 10% 90%,#343b6c 0,transparent 35%),linear-gradient(145deg,#11152f,#1b2044);color:#fff;padding-right:max(30px,calc((100vw - 1228px)/2));position:relative}
.cinematic-home .hero-v2 .hero-copy:after{content:"05";position:absolute;left:24px;bottom:30px;color:#ffffff08;font:900 clamp(10rem,18vw,20rem)/.7 Arial,sans-serif;pointer-events:none}
.cinematic-home .hero-v2 h1{color:#fff;font-size:clamp(3.2rem,3.75vw,4.6rem);width:100%;max-width:none;white-space:normal;padding-left:24px;text-align:right;direction:rtl}.cinematic-home .hero-v2 .hero-copy>p{color:#cfd2df}.cinematic-home .hero-v2 .hero-topline{color:#bfc3d3}.cinematic-home .hero-v2 .hero-link{color:#fff;border-color:#ffffff55}.cinematic-home .hero-v2 .hero-footer{color:#aeb3ca;border-color:#ffffff22}
.cinematic-home .hero-v2 .hero-visual{clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.cinematic-home .hero-v2 .hero-visual:before{content:"";position:absolute;inset:14px;z-index:2;border:1px solid #ffffff18;pointer-events:none}.cinematic-home .hero-v2 .hero-visual-shade{z-index:1;background:linear-gradient(90deg,transparent 35%,#11152f80)}.cinematic-home .visual-tag,.cinematic-home .visual-note{z-index:3}.cinematic-home .visual-note{border-top:0;border-right:4px solid var(--pink);background:rgba(16,20,47,.76);color:#fff;backdrop-filter:blur(18px)}
.cinematic-home .evidence-new{width:100%;margin:0;border-top:4px solid var(--pink);box-shadow:none;padding:72px 0 54px;z-index:5!important}.cinematic-home .metrics-grid{border-radius:0;overflow:hidden}.cinematic-home .metrics-grid>div{background:#f7f8fb;transition:.3s}.cinematic-home .metrics-grid>div:hover{background:var(--ink);color:#fff;transform:translateY(-5px)}.cinematic-home .metrics-grid>div:hover span{color:#cbd0df}
.cinematic-home .section{padding-block:110px}.cinematic-home .heading-row h2,.cinematic-home .about h2{font-size:clamp(1.9rem,2.65vw,3.1rem);line-height:1.24;letter-spacing:-.045em}.cinematic-home .evidence-header h2{font-size:clamp(1.85rem,2.5vw,2.85rem)}.cinematic-home .promise h2,.cinematic-home .contact h2{font-size:clamp(1.8rem,2.35vw,2.7rem)}.cinematic-home .about{background:#fff}.cinematic-home .about-grid{grid-template-columns:1.15fr .85fr;align-items:center}.cinematic-home .about-side{border-right:1px solid #dfe1e8;padding-right:42px}
.cinematic-home .services{background:linear-gradient(180deg,#eef0f5,#fff)}.cinematic-home .service-pillars{gap:18px;align-items:start}.cinematic-home .service-pillar{min-height:470px;border-radius:0}.cinematic-home .service-pillar:nth-child(1){margin-top:58px}.cinematic-home .service-pillar:nth-child(2){margin-top:0;min-height:528px}.cinematic-home .service-pillar:nth-child(3){margin-top:30px}.cinematic-home .pillar-head h3{font-size:1.85rem}.cinematic-home .pillar-dark{box-shadow:0 30px 75px rgba(21,25,54,.22)}
.cinematic-home .sectors-v2{background:#11152f;color:#fff}.cinematic-home .sectors-v2 h2{color:#fff}.cinematic-home .sectors-v2 .heading-row>p{color:#c9ccda}.cinematic-home .sector-experience{border-color:#ffffff1f;background:#171b39;box-shadow:0 35px 80px #05081655}.cinematic-home .sector-tabs{background:#171b39;border-color:#ffffff15}.cinematic-home .sector-tab{background:#171b39;color:#f4f5fb;border-color:#ffffff1f}.cinematic-home .sector-tab>span{color:#9da4bf}.cinematic-home .sector-tab:hover{background:#252b51;color:#fff}.cinematic-home .sector-tab.active{background:#fff;color:var(--ink)}.cinematic-home .sector-tab.active>span{color:var(--pink)}
.cinematic-home .products{background:#fff}.cinematic-home .product-matrix{gap:14px}.cinematic-home .product-tile{min-height:330px;border-radius:0;padding:27px}.cinematic-home .product-tile:nth-child(1),.cinematic-home .product-tile:nth-child(6){background:var(--ink);color:#fff;border-color:var(--ink)}.cinematic-home .product-tile:nth-child(1) p,.cinematic-home .product-tile:nth-child(6) p{color:#c9ccda}.cinematic-home .product-tile:hover{transform:translateY(-10px) rotate(.35deg)}
.cinematic-home .partners{background:#eef0f5}.cinematic-home .partners-showcase .partner-card-unified{border-radius:14px;box-shadow:0 8px 25px rgba(21,25,54,.05)}
@media(max-width:991px){.cinematic-home .hero-v2 .hero-grid{grid-template-columns:1fr 1fr}.cinematic-home .service-pillar:nth-child(n){margin-top:0;min-height:350px}.cinematic-home .section{padding-block:82px}}
@media(max-width:767px){.cinematic-home main{padding-top:0}.cinematic-home .hero-v2{top:72px}.cinematic-home .hero-v2 .hero-grid{grid-template-columns:1fr}.cinematic-home .hero-v2 .hero-copy{background:linear-gradient(145deg,#11152f,#202650)}.cinematic-home .hero-v2 .hero-visual{clip-path:none}.cinematic-home .evidence-new{width:100%;padding:48px 0 28px}.cinematic-home .heading-row h2,.cinematic-home .about h2{font-size:clamp(1.75rem,7.5vw,2.35rem)}.cinematic-home .about-side{border-right:0;padding-right:0}.cinematic-home .section{padding-block:65px}}

/* One consistent geometry: sharp editorial panels */
.cinematic-home .evidence-new,.cinematic-home .metrics-grid,.cinematic-home .service-pillar,.cinematic-home .sector-experience,.cinematic-home .sector-stage,.cinematic-home .product-tile,.cinematic-home .product-brand,.cinematic-home .partner-card-unified,.cinematic-home .partner-logo-stage,.cinematic-home .contact-panel,.cinematic-home .contact-social a,.cinematic-home .about-more,.cinematic-home .btn-pink,.cinematic-home .nav-action{border-radius:0!important}
@media(max-width:767px){.cinematic-home .evidence-new{border-radius:0}}
.cinematic-home .hero-v2 .hero-copy:after{display:none}
.cinematic-home .sms-wordmark{direction:ltr;color:#fff;border:1px solid #ffffff35;font:900 1.05rem/1 Arial,sans-serif;letter-spacing:-.04em}.cinematic-home .sms-wordmark span{color:#ff79aa}

/* Hero phrase: one word at a time, then the complete statement */
@keyframes phraseWordOne{0%,4%{opacity:0;filter:blur(9px);transform:translateY(18px)}8%,24%{opacity:1;filter:blur(0);transform:none}30%,70%{opacity:0;filter:blur(7px);transform:translateY(-10px)}80%,100%{opacity:1;filter:blur(0);transform:none}}
@keyframes phraseWordTwo{0%,27%{opacity:0;filter:blur(9px);transform:translateY(18px)}32%,47%{opacity:1;filter:blur(0);transform:none}53%,70%{opacity:0;filter:blur(7px);transform:translateY(-10px)}80%,100%{opacity:1;filter:blur(0);transform:none}}
@keyframes phraseWordThree{0%,50%{opacity:0;filter:blur(9px);transform:translateY(18px)}55%,68%{opacity:1;filter:blur(0);transform:none}73%{opacity:0;filter:blur(7px);transform:translateY(-10px)}80%,100%{opacity:1;filter:blur(0);transform:none}}
@media(prefers-reduced-motion:no-preference){.cinematic-home .hero-v2 h1 em .hero-word:nth-child(1){animation:phraseWordOne 3.8s cubic-bezier(.2,.75,.25,1) .45s both!important}.cinematic-home .hero-v2 h1 em .hero-word:nth-child(2){animation:phraseWordTwo 3.8s cubic-bezier(.2,.75,.25,1) .45s both!important}.cinematic-home .hero-v2 h1 em .hero-word:nth-child(3){animation:phraseWordThree 3.8s cubic-bezier(.2,.75,.25,1) .45s both!important}}

/* Softer replacement: a sequential highlight without hiding words */
@keyframes heroWordShine{0%,100%{opacity:1;color:#ee4f88;filter:brightness(1);text-shadow:none;transform:none}45%{opacity:1;color:#fff2f7;filter:brightness(1.28);text-shadow:0 0 10px rgba(255,112,166,.8),0 0 28px rgba(231,53,119,.48);transform:translateY(-1px)}}
@media(prefers-reduced-motion:no-preference){.cinematic-home .hero-v2 h1 em .hero-word:nth-child(1){animation:heroWordShine .9s ease .55s both!important}.cinematic-home .hero-v2 h1 em .hero-word:nth-child(2){animation:heroWordShine .9s ease 1.15s both!important}.cinematic-home .hero-v2 h1 em .hero-word:nth-child(3){animation:heroWordShine .9s ease 1.75s both!important}}

/* Exact first-screen fit */
.cinematic-home .site-header{height:78px;box-sizing:border-box}.cinematic-home .site-header .navbar,.cinematic-home .site-header.is-scrolled .navbar{height:100%;min-height:0}.cinematic-home .hero-v2,.cinematic-home .hero-v2 .hero-grid{height:calc(100dvh - 78px);min-height:0;max-height:calc(100dvh - 78px)}.cinematic-home .hero-v2 .hero-copy,.cinematic-home .hero-v2 .hero-visual{height:100%;min-height:0}
@media(max-width:767px){.cinematic-home .site-header{height:72px}.cinematic-home .hero-v2,.cinematic-home .hero-v2 .hero-grid{height:calc(100dvh - 72px);max-height:calc(100dvh - 72px)}.cinematic-home .hero-v2 .hero-copy{height:calc(100dvh - 332px)}.cinematic-home .hero-v2 .hero-visual{height:260px}}

/* Keep every hero element inside the first viewport */
.cinematic-home .hero-v2 .hero-copy{padding:34px max(28px,calc((100vw - 1540px)/2)) 18px 38px}
.cinematic-home .hero-v2 .hero-copy-main{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;padding-block:14px}
.cinematic-home .hero-v2 h1{line-height:1.08;margin:0 0 14px}.cinematic-home .hero-v2 h1 .title-line{white-space:nowrap}
.cinematic-home .hero-v2 .hero-copy>p{line-height:1.75;margin-bottom:18px}.cinematic-home .hero-actions{gap:22px}.cinematic-home .hero-footer{margin-top:18px;padding-top:14px}
@media(max-height:820px) and (min-width:768px){.cinematic-home .hero-v2 .hero-copy{padding-block:22px 13px}.cinematic-home .hero-v2 .hero-copy-main{padding-block:8px}.cinematic-home .hero-v2 h1{font-size:clamp(2.8rem,4.45vw,4.65rem);margin-bottom:10px}.cinematic-home .hero-v2 .hero-copy-main>p{font-size:.92rem;line-height:1.62;margin-bottom:12px}.cinematic-home .hero-actions .btn-pink{padding-block:11px}.cinematic-home .hero-footer{margin-top:10px;padding-top:10px}}
@media(max-width:1200px){.cinematic-home .hero-v2 h1{font-size:clamp(2.75rem,4vw,3.8rem);padding-left:16px}.cinematic-home .hero-v2 .hero-copy{padding-inline:28px 24px}}
@media(max-width:767px){.cinematic-home .hero-v2 .hero-copy{padding:20px 20px 12px}.cinematic-home .hero-v2 .hero-copy-main{padding-block:7px}.cinematic-home .hero-v2 h1{font-size:clamp(2.05rem,8.3vw,2.7rem);margin:0 0 9px;padding-left:0}.cinematic-home .hero-v2 h1 .title-line{white-space:normal}.cinematic-home .hero-v2 .hero-copy-main>p{font-size:.82rem;line-height:1.55;margin-bottom:10px}.cinematic-home .hero-actions{gap:10px}.cinematic-home .hero-footer{display:none}}









/* Selected work / operational case studies */
.selected-works{background:#f4f5f8;overflow:hidden}
.works-heading{margin-bottom:52px}
.works-experience{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.42fr);min-height:680px;background:#fff;border:1px solid rgba(21,25,54,.12)}
.works-list{display:flex;flex-direction:column;border-left:1px solid rgba(21,25,54,.12)}
.work-tab{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px 18px;align-items:center;width:100%;padding:25px 30px;border:0;border-bottom:1px solid rgba(21,25,54,.11);background:transparent;color:#151936;text-align:right;transition:background .35s,color .35s,padding .35s}
.work-tab span{font-size:1.12rem;font-weight:900}
.work-tab strong{grid-column:1;font-size:.76rem;font-weight:700;color:#777c8e;transition:color .35s}
.work-tab i{grid-column:2;grid-row:1/3;font-style:normal;font-size:1.25rem;transition:transform .35s}
.work-tab:hover,.work-tab:focus-visible,.work-tab.active{padding-right:38px;background:#151936;color:#fff;outline:0}
.work-tab:hover strong,.work-tab:focus-visible strong,.work-tab.active strong{color:rgba(255,255,255,.63)}
.work-tab:hover i,.work-tab:focus-visible i,.work-tab.active i{transform:translateX(-6px);color:#ed2f7c}
.works-all{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:24px 30px;color:#151936;font-weight:900;text-decoration:none;background:#edf0f5;transition:background .3s,color .3s}
.works-all:hover{background:#ed2f7c;color:#fff}
.work-stage{--work-accent:#ed2f7c;position:relative;display:flex;flex-direction:column;padding:34px 42px 38px;background:#151936;color:#fff;overflow:hidden;transition:background .4s}
.work-stage:before{content:"";position:absolute;width:430px;height:430px;left:-170px;top:-190px;border:1px solid color-mix(in srgb,var(--work-accent) 55%,transparent);border-radius:50%;box-shadow:0 0 0 65px color-mix(in srgb,var(--work-accent) 7%,transparent),0 0 0 130px color-mix(in srgb,var(--work-accent) 4%,transparent)}
.work-theme-projects{--work-accent:#9189ff;background:#202650}.work-theme-booking{--work-accent:#42b9f5;background:#102947}.work-theme-payments{--work-accent:#46c7a1;background:#12332f}
.work-stage-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;font-size:.78rem;font-weight:800}
.work-stage-label{color:var(--work-accent)}.work-stage-clients{color:rgba(255,255,255,.62)}
.work-screen{position:relative;z-index:1;margin:36px 0 28px;border:1px solid rgba(255,255,255,.16);background:#f7f8fb;box-shadow:0 25px 60px rgba(0,0,0,.27);transform:perspective(1200px) rotateX(1deg);transition:transform .4s}
.work-stage:hover .work-screen{transform:perspective(1200px) rotateX(0) translateY(-4px)}
.work-screen-bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#fff;border-bottom:1px solid #e5e7ed;direction:ltr}
.work-screen-bar i{width:7px;height:7px;border-radius:50%;background:#d5d8e2}.work-screen-bar i:first-child{background:var(--work-accent)}
.work-screen-bar b{margin-left:auto;color:#999daa;font-size:.55rem;letter-spacing:.14em}
.work-screen-body{display:grid;grid-template-columns:70px 1fr;min-height:250px;direction:ltr}
.work-screen-body aside{display:flex;flex-direction:column;gap:16px;padding:25px 19px;background:#eef0f5}.work-screen-body aside i{height:7px;background:#cdd1dc}.work-screen-body aside i:first-child{background:var(--work-accent)}
.work-screen-content{padding:27px;direction:rtl}.work-ui-title{display:flex;justify-content:space-between;margin-bottom:24px}.work-ui-title span{width:32%;height:12px;background:#242a4c}.work-ui-title b{width:18%;height:24px;background:var(--work-accent)}
.work-ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-ui-stats i{height:54px;background:#fff;border:1px solid #e1e4eb;box-shadow:inset 0 3px var(--work-accent)}
.work-ui-chart{height:92px;display:flex;align-items:flex-end;gap:10px;padding:15px 18px;margin-top:14px;background:#fff;border:1px solid #e1e4eb}.work-ui-chart span{flex:1;height:45%;background:color-mix(in srgb,var(--work-accent) 26%,#e8ebf1)}.work-ui-chart span:nth-child(2){height:72%}.work-ui-chart span:nth-child(3){height:54%}.work-ui-chart span:nth-child(4){height:86%}.work-ui-chart span:nth-child(5){height:65%}.work-ui-chart span:nth-child(6){height:95%;background:var(--work-accent)}
.work-ui-rows{display:grid;gap:7px;margin-top:13px}.work-ui-rows i{height:6px;background:#dfe2e9}.work-ui-rows i:nth-child(2){width:82%}.work-ui-rows i:nth-child(3){width:64%}
.work-stage-copy{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px 38px;align-items:start}.work-stage-copy h3{font-size:clamp(1.45rem,2.3vw,2.25rem);font-weight:900;margin:0}.work-stage-copy p{color:rgba(255,255,255,.7);line-height:1.9;margin:0}.work-stage-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.work-stage-tags span{padding:7px 12px;border:1px solid rgba(255,255,255,.18);font-size:.7rem;font-weight:700;color:rgba(255,255,255,.8)}
.work-stage.is-changing .work-screen,.work-stage.is-changing .work-stage-copy{animation:workSwitch .45s ease both}@keyframes workSwitch{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:991.98px){.works-experience{grid-template-columns:1fr;min-height:0}.works-list{border-left:0}.work-stage{min-height:620px}.work-stage-copy{grid-template-columns:1fr}.work-tab{padding:21px 24px}.work-tab:hover,.work-tab:focus-visible,.work-tab.active{padding-right:30px}}
@media(max-width:575.98px){.works-heading{margin-bottom:30px}.work-stage{padding:25px 20px 30px;min-height:520px}.work-stage-top{flex-direction:column;gap:4px}.work-screen{margin:26px 0 22px}.work-screen-body{grid-template-columns:42px 1fr;min-height:205px}.work-screen-body aside{padding:20px 10px}.work-screen-content{padding:18px 14px}.work-ui-chart{padding:12px 10px;gap:6px}.work-stage-copy p{font-size:.88rem}.work-tab span{font-size:1rem}}

/* Editorial work ledger */
.work-ledger{background:#11142d;color:#fff;padding:clamp(90px,10vw,150px) 0 0;overflow:hidden}
.work-ledger-head{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(45px,8vw,130px);align-items:end;padding-bottom:clamp(60px,8vw,105px)}
.work-ledger-head .eyebrow{color:#ed2f7c}.work-ledger-head h2{margin:18px 0 0;font-size:clamp(2.5rem,5.1vw,5.6rem);line-height:1.1;font-weight:900;letter-spacing:-.045em}.work-ledger-head h2 em{font-style:normal;color:#ed2f7c}.work-ledger-head p{color:rgba(255,255,255,.62);line-height:1.95}.work-ledger-head a{display:inline-flex;gap:22px;margin-top:22px;color:#fff;font-size:.82rem;font-weight:900;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:9px}.work-ledger-head a span{color:#ed2f7c;transition:transform .25s}.work-ledger-head a:hover span{transform:translateX(-6px)}
.project-stories{border-top:1px solid rgba(255,255,255,.16)}.project-story{--story:#ed2f7c;position:relative;border-bottom:1px solid rgba(255,255,255,.16);background:#11142d;transition:background .45s;outline:0}.project-story:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--story) 16%,transparent),transparent 58%);opacity:0;transition:opacity .45s}.project-story.is-open:before,.project-story:hover:before{opacity:1}.story-violet{--story:#8580ff}.story-blue{--story:#3db5ee}.story-green{--story:#35c29b}
.story-summary{position:relative;z-index:2;display:grid;grid-template-columns:70px minmax(250px,1fr) minmax(220px,.75fr) 52px;gap:28px;align-items:center;min-height:118px}.story-index{font:700 .72rem/1 Arial;color:var(--story);letter-spacing:.12em}.story-summary small{display:block;margin-bottom:6px;color:var(--story);font-size:.68rem;font-weight:800}.story-summary h3{margin:0;color:#fff;font-size:clamp(1.45rem,2.45vw,2.5rem);font-weight:900}.story-summary>strong{font-size:.79rem;color:rgba(255,255,255,.55);font-weight:700}.story-summary button{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;color:#fff;font-size:1.45rem;font-weight:300;transition:transform .4s,border-color .3s,background .3s}.project-story.is-open .story-summary button{transform:rotate(45deg);background:var(--story);border-color:var(--story)}
.story-detail{position:relative;z-index:2;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,8vw,120px);align-items:center;max-height:0;overflow:hidden;opacity:0;transition:max-height .65s cubic-bezier(.2,.75,.25,1),opacity .35s,padding .55s}.project-story.is-open .story-detail{max-height:520px;opacity:1;padding-top:18px;padding-bottom:64px}.story-copy p{max-width:500px;margin:0 0 24px;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.9;font-weight:700}.story-copy>div{display:flex;flex-wrap:wrap;gap:8px}.story-copy span{padding:8px 12px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.68);font-size:.7rem;font-weight:700}
.story-ui{box-shadow:0 25px 60px rgba(0,0,0,.3);background:#f7f8fb;transform:translateY(22px) scale(.97);transition:transform .6s cubic-bezier(.2,.75,.25,1)}.project-story.is-open .story-ui{transform:none}.story-ui-top{height:40px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#fff;border-bottom:1px solid #e3e6ec;direction:ltr}.story-ui-top i{width:7px;height:7px;border-radius:50%;background:#d5d8e0}.story-ui-top i:first-child{background:var(--story)}.story-ui-top b{margin-left:auto;color:#9a9eab;font-size:.52rem;letter-spacing:.16em}.story-ui-body{display:grid;grid-template-columns:68px 1fr;min-height:250px;direction:ltr}.story-ui-body aside{display:flex;flex-direction:column;gap:17px;padding:27px 17px;background:#e9ecf2}.story-ui-body aside i{height:6px;background:#c9ced8}.story-ui-body aside i:first-child{background:var(--story)}.story-ui-body .story-ui-main{padding:27px;direction:rtl}.story-ui-body .story-ui-main>div{display:flex;justify-content:space-between;margin-bottom:25px}.story-ui-body .story-ui-main>div b{width:31%;height:12px;background:#212746}.story-ui-body .story-ui-main>div span{width:17%;height:26px;background:var(--story)}.story-ui-body .story-ui-main section{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-ui-body .story-ui-main section i{height:63px;background:#fff;border:1px solid #e0e3e9;box-shadow:inset 0 4px var(--story)}.story-ui-body .story-ui-main footer{display:grid;gap:9px;margin-top:17px;padding:20px;background:#fff;border:1px solid #e0e3e9}.story-ui-body .story-ui-main footer span{height:8px;background:#dfe2e8}.story-ui-body .story-ui-main footer span:nth-child(2){width:82%}.story-ui-body .story-ui-main footer span:nth-child(3){width:65%}
@media(max-width:991.98px){.work-ledger-head{grid-template-columns:1fr;gap:30px}.story-summary{grid-template-columns:46px 1fr 48px}.story-summary>strong{grid-column:2}.story-summary button{grid-column:3;grid-row:1/3}.story-detail{grid-template-columns:1fr;gap:34px}.project-story.is-open .story-detail{max-height:780px}}
@media(max-width:575.98px){.work-ledger{padding-top:76px}.work-ledger-head h2{font-size:2.65rem}.story-summary{grid-template-columns:34px 1fr 42px;gap:12px;min-height:108px}.story-summary h3{font-size:1.28rem}.story-summary button{width:40px;height:40px}.story-summary>strong{font-size:.68rem}.project-story.is-open .story-detail{padding-top:8px;padding-bottom:42px;max-height:700px}.story-copy p{font-size:.98rem}.story-ui-body{grid-template-columns:42px 1fr;min-height:205px}.story-ui-body aside{padding:21px 10px}.story-ui-body .story-ui-main{padding:20px 13px}.story-ui-body .story-ui-main section{gap:7px}.story-ui-body .story-ui-main section i{height:48px}}

/* Minimal portfolio index */
.portfolio-index{background:#f7f7f5;padding:clamp(90px,10vw,150px) 0 0;color:#151936;overflow:hidden}
.portfolio-intro{display:grid;grid-template-columns:1.25fr .55fr;gap:clamp(50px,10vw,160px);align-items:end;padding-bottom:clamp(65px,8vw,115px)}
.portfolio-intro h2{margin:18px 0 0;font-size:clamp(2.65rem,5.2vw,5.5rem);font-weight:900;line-height:1.08;letter-spacing:-.045em}.portfolio-intro h2 em{font-style:normal;color:#ed2f7c}.portfolio-intro-side p{margin:0;color:#656a7b;line-height:1.95}.portfolio-intro-side a{display:inline-flex;align-items:center;gap:24px;margin-top:22px;padding-bottom:8px;border-bottom:1px solid #c8cad0;color:#151936;font-size:.8rem;font-weight:900;text-decoration:none}.portfolio-intro-side a span{color:#ed2f7c;transition:transform .25s}.portfolio-intro-side a:hover span{transform:translate(4px,-4px)}
.portfolio-list{border-top:1px solid #cfd1d6}.portfolio-row{--row-accent:#ed2f7c;position:relative;display:block;min-height:154px;color:#151936;text-decoration:none;border-bottom:1px solid #cfd1d6;overflow:hidden;isolation:isolate;transition:color .42s,background .42s}.portfolio-row:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--row-accent);transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.2,.75,.25,1)}.portfolio-row:hover,.portfolio-row:focus-visible{color:#fff;outline:0}.portfolio-row:hover:before,.portfolio-row:focus-visible:before{transform:scaleY(1)}.row-projects{--row-accent:#343d79}.row-booking{--row-accent:#137eae}.row-payments{--row-accent:#167d6b}
.portfolio-row-grid{position:relative;z-index:2;display:grid;grid-template-columns:55px minmax(260px,1.3fr) minmax(190px,.78fr) minmax(210px,.82fr) 45px;gap:28px;align-items:center;min-height:154px}.portfolio-row-grid>small{font:700 .68rem/1 Arial;letter-spacing:.15em;color:var(--row-accent);transition:color .35s}.portfolio-row:hover .portfolio-row-grid>small,.portfolio-row:focus-visible .portfolio-row-grid>small{color:#fff}.portfolio-name>span,.portfolio-client>span,.portfolio-scope>span{display:block;margin-bottom:7px;color:#898d99;font-size:.65rem;font-weight:800;transition:color .35s}.portfolio-row:hover .portfolio-name>span,.portfolio-row:hover .portfolio-client>span,.portfolio-row:hover .portfolio-scope>span,.portfolio-row:focus-visible .portfolio-name>span,.portfolio-row:focus-visible .portfolio-client>span,.portfolio-row:focus-visible .portfolio-scope>span{color:rgba(255,255,255,.62)}.portfolio-name h3{margin:0;font-size:clamp(1.65rem,2.8vw,3rem);font-weight:900;letter-spacing:-.035em}.portfolio-client strong,.portfolio-scope strong{font-size:.78rem;line-height:1.7;font-weight:800}.portfolio-row-grid>i{font-style:normal;font-size:1.5rem;transition:transform .35s}.portfolio-row:hover .portfolio-row-grid>i,.portfolio-row:focus-visible .portfolio-row-grid>i{transform:translate(6px,-6px)}
.portfolio-ghost{position:absolute;z-index:-1;left:2%;top:50%;font:900 clamp(4.5rem,10vw,11rem)/1 Arial;letter-spacing:-.06em;color:rgba(255,255,255,.09);white-space:nowrap;opacity:0;transform:translate(-35px,-50%);transition:opacity .4s,transform .7s cubic-bezier(.2,.75,.25,1);pointer-events:none}.portfolio-row:hover .portfolio-ghost,.portfolio-row:focus-visible .portfolio-ghost{opacity:1;transform:translate(0,-50%)}
@media(max-width:991.98px){.portfolio-intro{grid-template-columns:1fr;gap:28px}.portfolio-intro-side{max-width:540px}.portfolio-row-grid{grid-template-columns:40px 1fr 42px;gap:16px;padding-block:25px}.portfolio-client,.portfolio-scope{grid-row:2}.portfolio-client{grid-column:2}.portfolio-scope{grid-column:2;margin-right:50%}.portfolio-row-grid>i{grid-column:3;grid-row:1/3}.portfolio-row{min-height:170px}}
@media(max-width:575.98px){.portfolio-index{padding-top:76px}.portfolio-intro h2{font-size:2.65rem}.portfolio-row-grid{grid-template-columns:30px 1fr 34px;gap:10px;min-height:0;padding-block:25px}.portfolio-name h3{font-size:1.52rem}.portfolio-client{grid-column:2}.portfolio-scope{display:none}.portfolio-client strong{font-size:.68rem}.portfolio-row-grid>i{font-size:1.15rem}.portfolio-ghost{font-size:4.2rem}}


.portfolio-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px}.portfolio-intro-side .portfolio-actions a{display:inline-flex;align-items:center;gap:14px;margin-top:0;padding-bottom:8px;font-size:.76rem}.portfolio-intro-side .portfolio-actions a:last-child{color:#ed2f7c;border-bottom-color:rgba(237,47,124,.35)}
.portfolio-row.row-websites{--row-accent:#a4487b}

