/*
Theme Name: Morteza Senfi — Preserved Design
Theme URI: https://mortezasenfi.com
Author: Morteza Senfi
Description: WordPress wrapper retaining the supplied Morteza-Senfi-AI-Updated.zip visual design verbatim. All portfolio pages are static; only blog posts and listing are WordPress-managed.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: morteza-preserved
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#faf9f8;--ink:#171317;--muted:#777079;--line:#e5dfe4;--accent:#ed1881;--dark:#21151d;--card:#fff;--wide:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{max-width:var(--wide);margin:auto;padding:0 32px}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.8px}.logo b{color:#ed1881}.links{display:flex;gap:34px;font-size:13px;font-weight:600}.links a:hover,.under:hover{color:#ed1881}.navright{display:flex;align-items:center;gap:35px}.menu-btn{display:none}.smallpill{font-size:12px;border:1px solid #b9c1b7;border-radius:30px;padding:11px 17px}.smallpill:hover{background:var(--dark);color:white}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ad1c67;display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;background:#ed1881;border-radius:100%;display:inline-block}.hero{padding:110px 0 96px;display:grid;grid-template-columns:1.22fr .78fr;gap:40px;align-items:end}.hero h1,.pagehero h1{font-family:Manrope,sans-serif;font-size:clamp(55px,7vw,98px);font-weight:600;letter-spacing:-6px;line-height:1.07;margin:22px 0 25px}.hero h1 em{font-style:normal;color:#ed1881}.hero p{max-width:550px;font-size:18px;line-height:1.75;color:var(--muted)}.hero-side{padding-bottom:12px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.hero-side p{font-size:16px}.btn{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;background:var(--dark);color:white;border-radius:50px;padding:17px 23px;font-weight:700;font-size:13px;transition:.2s}.btn:hover{background:#34533a;transform:translateY(-2px)}.btn .arr{font-size:20px;line-height:10px}.btn.light{background:var(--accent);color:var(--dark)}.btn.outline{background:transparent;border:1px solid #809081;color:var(--ink)}.section{padding:80px 0;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:24px}.section h2,.pagehero h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,55px);line-height:1.13;letter-spacing:-2.6px;font-weight:600;margin:14px 0}.section-desc{max-width:350px;line-height:1.7;color:var(--muted);font-size:15px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project{min-width:0}.project-art{border-radius:12px;overflow:hidden;aspect-ratio:1.35;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .3s}.project:hover .project-art{transform:translateY(-4px)}.project-art.snapp{background:#e5eddf}.project-art.digi{background:#e9e9f6}.project-art.b2b{background:#e7ecef}.project-art.lead{background:#efe7db}.art-badge{position:absolute;top:24px;left:24px;background:#fff;border-radius:99px;font-size:11px;letter-spacing:.1em;font-weight:800;padding:10px 14px;z-index:2;color: #462443;}.project-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:20px}.project-meta h3{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.9px;margin:0}.project-meta p{font-size:13px;color:var(--muted);margin:8px 0}.circ{height:42px;width:42px;border:1px solid #aeb7ad;border-radius:100%;display:grid;place-items:center;font-size:16px}.device{width:235px;height:286px;background:#fcfcfa;border:8px solid #202b25;border-radius:27px;box-shadow:20px 22px 40px #4c594733;transform:rotate(-9deg);padding:22px 14px 12px;position:relative}.device .notch{position:absolute;background:#202b25;width:72px;height:13px;border-radius:0 0 12px 12px;top:0;left:calc(50% - 36px)}.ui-line{height:9px;background:#e2e6e0;border-radius:8px;margin:8px 0}.ui-line.short{width:50%}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.mini-item{height:89px;border-radius:9px;background:#f5e7b9;padding:8px;display:flex;align-items:end}.mini-item:nth-child(2){background:#edcdb6}.mini-item:nth-child(3){background:#b9d8ad}.mini-item:nth-child(4){background:#e8d1d8}.mini-item span{height:6px;width:65%;border-radius:5px;background:#ffffffba}.float-pill{position:absolute;right:7%;bottom:17%;padding:18px 22px;background:#fff;border-radius:11px;font-weight:800;box-shadow:0 15px 35px #00000012;font-size:28px}.float-pill small{font-size:11px;font-weight:500;display:block;margin-top:6px;color:#647266}.dashboard{width:80%;height:64%;border-radius:13px;background:#fff;box-shadow:14px 20px 40px #31344b20;padding:23px;transform:rotate(-5deg);display:grid;grid-template-columns:25% 1fr;gap:18px}.dash-side{border-radius:6px;background:#e9e7fa;padding:12px}.dash-side div{height:8px;background:#d4d0ef;margin:0 0 16px;border-radius:5px}.dash-content h4{margin:0 0 15px;font-size:13px}.chart-bars{height:105px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #eee}.chart-bars span{width:20%;background:#9f9ad7;border-radius:6px 6px 0 0}.data-blocks{display:flex;gap:12px;margin-top:16px}.data-blocks span{background:#eeedf8;height:42px;flex:1;border-radius:6px}.b2b .dashboard{transform:rotate(4deg)}.b2b .dash-side{background:#d9e7ed}.b2b .dash-side div{background:#b6ced7}.b2b .chart-bars span{background:#7ca5b3}.impact{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:35px 0}.impact div{border-right:1px solid var(--line);padding:10px 25px 10px 0}.impact div:last-child{border:0}.impact strong{font:600 46px Manrope;letter-spacing:-2px}.impact span{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.6}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;min-height:270px;display:flex;flex-direction:column;justify-content:space-between}.service .num{font-size:12px;color:#637963}.service h3{font:600 24px Manrope;letter-spacing:-1px;margin:0 0 12px}.service p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.service small{font-weight:700;color:#668a57}.dark-section{background:var(--dark);color:#fff;padding:88px 0}.dark-section .eyebrow{color:#ff87c2}.dark-section h2{font:500 clamp(40px,5vw,68px)/1.15 Manrope;letter-spacing:-3px;max-width:900px;margin:25px 0}.dark-section p{color:#b5c4b9;max-width:600px;line-height:1.8}.career{display:grid;grid-template-columns:1fr 2fr;gap:28px}.career-row{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;border-bottom:1px solid var(--line);padding:20px 0}.career-row strong{font-size:16px}.career-row p{font-size:13px;color:var(--muted);line-height:1.6;margin:7px 0 0}.career-row span{color:var(--muted);font-size:13px}.footer{padding:50px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.footer a{color:var(--ink)}.pagehero{padding:86px 0 50px}.pagehero h1{font-size:clamp(48px,6vw,76px);max-width:970px}.pagehero p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.8}.detail-banner{padding:45px 0 70px}.detail-banner .project-art{aspect-ratio:2.2}.case-layout{display:grid;grid-template-columns:200px 1fr;gap:80px;padding:60px 0}.case-aside{font-size:12px;color:var(--muted);line-height:2.1}.case-copy{max-width:770px}.case-copy h2{font:600 36px Manrope;letter-spacing:-1.4px;margin:35px 0 15px}.case-copy h3{font:600 22px Manrope;letter-spacing:-.5px;margin-top:26px}.case-copy p,.case-copy li{font-size:16px;line-height:1.9;color:#4f5a53}.case-copy ul{padding-left:20px}.callout{border-left:4px solid #98b879;background:#edf1e8;padding:25px 30px;margin:30px 0}.callout strong{font:600 28px Manrope}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.kpis div{border:1px solid var(--line);border-radius:10px;padding:20px}.kpis strong{display:block;font:600 32px Manrope}.kpis span{font-size:12px;color:var(--muted)}.back{display:inline-block;font-size:13px;padding-top:30px}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.contact-links a{border:1px solid #aabbad;padding:14px 18px;border-radius:50px;font-size:13px}.formblock{max-width:700px;padding:35px;background:#fff;border-radius:12px;border:1px solid var(--line);margin:30px 0 70px}.formblock label{font-weight:700;font-size:13px;display:block;margin:14px 0 7px}.formblock input,.formblock textarea{width:100%;padding:15px;border-radius:7px;border:1px solid #d2d8d1;background:#fbfcfa;outline-color:#8eaa7b}.formblock textarea{min-height:140px;resize:vertical}.formblock button{border:0;cursor:pointer;margin-top:18px}.note{font-size:12px;color:var(--muted);line-height:1.7}.mobile-menu{display:none}@media(max-width:800px){.wrap{padding:0 20px}.nav{height:72px}.links,.navright .smallpill{display:none}.menu-btn{display:block;background:transparent;border:0;font-size:24px}.mobile-menu.open{display:flex;position:absolute;top:72px;left:0;right:0;z-index:10;background:var(--bg);flex-direction:column;padding:22px 25px;gap:20px;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding:65px 0}.hero h1{font-size:clamp(52px,11vw,77px);letter-spacing:-4px}.hero-side{padding:0}.section{padding:55px 0}.section-top{display:block}.work-grid,.services,.career,.case-layout{grid-template-columns:1fr}.impact{grid-template-columns:1fr 1fr}.impact div{border:0}.project-art{aspect-ratio:1.45}.career{gap:0}.case-layout{gap:12px}.pagehero{padding:60px 0 30px}.pagehero h1{letter-spacing:-3px}.detail-banner .project-art{aspect-ratio:1.3}.kpis{grid-template-columns:1fr}.footer{gap:25px;align-items:start;flex-direction:column}.dark-section{padding:66px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Edition 02 — Pink, precision and generous whitespace */
:root{--pink:#ed1881;--pink-soft:#fff0f7;--ink:#19131a;--muted:#716970;--line:#eee5eb;--dark:#21131f}
body{background:#fbfafb;background-image:radial-gradient(#ed188105 .7px,transparent .7px);background-size:22px 22px}
::selection{background:#ed1881;color:white}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ed1881;outline-offset:4px}
.nav{height:92px}.logo{letter-spacing:-1.1px}.logo b{color:#ed1881}.logo span{color:#ed1881!important}.links a{transition:color .2s}.links a:hover{color:#ed1881}.smallpill{background:#fff;border:1px solid #eadbe4;font-size:12px}.smallpill:hover{background:#ed1881;color:#fff;border-color:#ed1881}
.eyebrow{color:#aa2369}.dot{background:#ed1881;box-shadow:0 0 0 5px #ed188120}
.hero{position:relative;grid-template-columns:1.12fr .88fr;align-items:center;padding:105px 0 115px;gap:4vw;min-height:680px}
.hero h1{font-size:clamp(65px,7.8vw,112px);font-weight:700;letter-spacing:-7.5px;line-height:1.04;margin:30px 0}.hero h1 em{color:#ed1881}.hero-side{align-items:stretch}.hero-side p{max-width:450px;margin-top:0;font-size:17px}
.btn{background:#ed1881;box-shadow:0 10px 24px #ed188122}.btn:hover{background:#c60d69;box-shadow:0 14px 28px #ed188130}.btn.light{background:#ed1881;color:#fff}.btn.outline{border-color:#d3b6c7;color:#241820}.btn.outline:hover{color:#fff;border-color:#ed1881}.under:hover{color:#ed1881}
.hero-visual{position:relative;width:100%;aspect-ratio:1/.98;max-width:480px;margin:auto;background:#fbe9f2;border-radius:28px;overflow:hidden;border:1px solid #f4dae7;isolation:isolate}
.hero-visual:before{content:'';position:absolute;inset:13%;border:1px solid #f4b5d3;border-radius:50%;transform:scale(1.2)}.hero-visual:after{content:'';position:absolute;left:50%;top:50%;width:67%;aspect-ratio:1;border:2px solid #ed188136;border-radius:50%;transform:translate(-50%,-50%)}
.hero-orb{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;left:20%;top:12%;background:radial-gradient(circle at 30% 22%,#ff9bc9 0%,#f24899 42%,#c30b63 74%,#770c46 100%);box-shadow:14px 28px 54px #ba0f6440,inset -11px -18px 28px #8e104b22;transform:rotate(-13deg)}
.hero-ui{position:absolute;z-index:2;background:#fffefefa;border:1px solid #f1d9e5;box-shadow:0 20px 50px #52112c1c;border-radius:16px;padding:18px}.hero-ui.one{left:1%;bottom:15%;width:58%;transform:rotate(-7deg)}.hero-ui.two{right:-1%;top:13%;width:51%;transform:rotate(8deg)}.hero-ui .bar{height:7px;border-radius:4px;background:#f3dfe9;margin:10px 0}.hero-ui .bar.p{background:#ed1881;width:69%}.hero-ui .chip{display:inline-flex;padding:5px 8px;font-size:10px;letter-spacing:.03em;border-radius:20px;background:#fff0f7;color:#ab1a65;font-weight:800}.hero-mark{position:absolute;bottom:5%;right:7%;z-index:2;font-family:Manrope,sans-serif;font-size:72px;font-weight:800;color:#ed1881;line-height:1}
.micro{font-size:11px;color:#aa3e75;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.hero-notice{font-size:12px;color:#8a667b;max-width:410px}
.impact{padding:42px 0}.impact strong{color:#20141b;font-size:51px}.impact span{font-size:13px}.impact div:first-child strong::after{content:'+';color:#ed1881;font-size:22px;vertical-align:top;position:relative;top:4px}.impact div:first-child strong{font-size:0}.impact div:first-child strong:before{content:'10';font-size:51px}
.section{padding:110px 0}.section h2{letter-spacing:-3.5px;font-size:clamp(42px,5vw,65px)}.section-top{margin-bottom:45px}.section-desc{font-size:15px}
.project-art{border-radius:22px;border:1px solid #00000006;overflow:hidden}.project-art.snapp{background:#ffe7f0}.project-art.digi{background:#eeecff}.project-art.b2b{background:#e7f1f1}.project-art.lead{background:#fff0df}.art-badge{top:22px;left:22px;box-shadow:0 8px 20px #0000000a;font-size:10px}.float-pill{color:#ed1881}.project-meta h3{letter-spacing:-1px}.circ{border-color:#eccbda}.project:hover .circ{background:#ed1881;color:white;border-color:#ed1881}.project-meta{transition:.2s}.project:hover .project-meta{transform:translateY(-2px)}
.service{border-radius:19px;padding:35px;min-height:300px;transition:transform .2s,border-color .2s,box-shadow .2s}.service:hover{transform:translateY(-5px);border-color:#eeaed0;box-shadow:0 20px 40px #ed18810b}.service .num,.service small{color:#ed1881}.service h3{font-size:25px}.service p{font-size:14px}
.dark-section{background:#21151f;position:relative;overflow:hidden}.dark-section:before{content:'';position:absolute;right:-180px;top:-160px;border:80px solid #ed188116;width:420px;height:420px;border-radius:50%;pointer-events:none}.dark-section .eyebrow{color:#ff8fc4}.dark-section h2{position:relative}.dark-section p{color:#d1c0ca}.dark-section .btn.light{color:white}
.pagehero{padding:105px 0 65px}.pagehero h1{letter-spacing:-4.7px}.pagehero .eyebrow{margin-bottom:10px}.callout{border-left-color:#ed1881;background:#fff0f7}.kpis strong{color:#ed1881}.kpis div{background:white;border-radius:16px}.detail-banner .project-art{border-radius:24px}.case-copy h2{letter-spacing:-1.6px}.case-copy p,.case-copy li{color:#58505a}.case-aside a{color:#ed1881}
.contact-links a{border-color:#ebbed4}.contact-links a:hover{background:#ed1881;color:white}.formblock{border-radius:24px;padding:42px}.formblock input,.formblock textarea{background:#fffafc;border-color:#ecdee6;border-radius:10px}.formblock input:focus,.formblock textarea:focus{border-color:#ed1881;outline:2px solid #ed188120}.footer{padding:48px 0 60px}.footer a:hover{color:#ed1881}
.pink-strip{background:#ed1881;color:white;overflow:hidden}.pink-strip .strip-inner{display:flex;align-items:center;gap:38px;white-space:nowrap;padding:17px 0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.strip-star{font-size:19px;opacity:.65}.section-number{color:#ed1881;font-size:11px;font-weight:800;letter-spacing:2px}
.project-index{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;padding-bottom:90px}
.services-intro{margin:15px 0 50px;max-width:620px;color:#766a74;line-height:1.8}
@media(max-width:800px){.nav{height:72px}.hero{grid-template-columns:1fr;min-height:0;padding:70px 0 65px;gap:36px}.hero h1{font-size:clamp(61px,12vw,86px);letter-spacing:-4.8px}.hero-visual{max-width:470px;aspect-ratio:1.18}.hero-side{grid-row:2}.section{padding:72px 0}.section h2{letter-spacing:-2.5px}.project-index{grid-template-columns:1fr}.impact strong{font-size:40px}.impact div:first-child strong:before{font-size:40px}.pagehero{padding:70px 0 40px}.pagehero h1{letter-spacing:-3px}.formblock{padding:23px}.dark-section:before{right:-290px}.detail-banner .project-art{aspect-ratio:1.3}}
@media(max-width:480px){.hero h1{font-size:58px;letter-spacing:-3.8px}.hero-ui{padding:11px;border-radius:11px}.hero-ui .bar{margin:7px 0}.hero-visual{aspect-ratio:1.08}.hero-mark{font-size:45px}.impact{grid-template-columns:1fr 1fr}.impact div{padding:10px 0}.impact strong{font-size:34px}.impact div:first-child strong:before{font-size:34px}.services{grid-template-columns:1fr}.project-meta h3{font-size:20px}}

/* Mountain identity / Edition 03 */
:root{--bg:#faf9fa;--ink:#171117;--muted:#6d636a;--dark:#1a1018;--line:#eee4eb;--accent:#ed1881;--pink:#ed1881;--wide:1240px}
body{background:#faf9fa;background-image:none}h1,h2,h3,.logo{font-family:Manrope,Arial,sans-serif}
.nav{height:88px}.nav .logo{font-weight:800}.nav .links{gap:37px}.nav .links a{font-size:13px}.nav .smallpill{border-color:#ed1881;background:#ed1881;color:white;font-weight:800}.nav .smallpill:hover{background:#b90861}
.hero{display:grid;grid-template-columns:1fr;min-height:0;gap:0;padding:36px 32px 70px}.mountain-hero{position:relative;min-height:570px;background:#ed1881;color:white;border-radius:20px;overflow:hidden;display:flex;align-items:center;padding:62px max(32px,6vw);isolation:isolate}.mountain-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 56% 18%,#ff4ca855,transparent 55%);pointer-events:none}.mountain-hero .mountain-image{position:absolute;right:-7%;bottom:-2%;width:76%;height:99%;object-fit:contain;object-position:right bottom;z-index:-1;filter:drop-shadow(0 20px 22px #60002d24)}.mountain-hero .hero-content{position:relative;max-width:850px;z-index:3}.mountain-hero .eyebrow{color:#ffe1ef;font-weight:800}.mountain-hero .eyebrow .dot{background:white;box-shadow:0 0 0 5px #ffffff2a}.mountain-hero h1{font-size:clamp(58px,7.6vw,105px);letter-spacing:-.075em;line-height:1.07;font-weight:800;max-width:850px;margin:23px 0}.mountain-hero h1 .highlight{color:#ed1881;background:#fff;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.mountain-hero p{max-width:550px;color:#ffebf5;font-size:17px;font-weight:500;line-height:1.7}.mountain-hero .btn{background:#fff;color:#23111c;box-shadow:none;border:2px solid white}.mountain-hero .btn.outline{background:#58002b2a;color:white;border-color:#ffb9d9}.mountain-hero .btn:hover{transform:translateY(-3px);background:#ffe9f3}.mountain-hero .btn.outline:hover{background:#8d0c54}.hero-credit{position:absolute;bottom:25px;right:30px;color:#ffd4e8;font-size:10px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;z-index:3}
.identity-note{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:30px 0 34px;border-bottom:1px solid var(--line)}.identity-note strong{font-size:14px}.identity-note p{font-size:13px;color:var(--muted);margin:0;max-width:600px}.pink-strip{background:var(--dark)}.pink-strip .strip-inner{color:#ffb7d8}.section h2{font-weight:800}.dark-section{background:#180e16}.dark-section:before{border-color:#ed188128;border-radius:0;transform:rotate(40deg)}.service{border-radius:14px}.project-art{border-radius:14px}.project-art .device{box-shadow:18px 22px 35px #4c123422}.project-art.snapp{background:#fce4ed}.project-art.digi{background:#efe6f7}.project-art.b2b{background:#eae8f2}.project-art.lead{background:#f5e6ea}.work-grid .project:nth-child(2n){margin-top:55px}.impact strong{color:#ed1881}.case-copy h2{font-weight:800;letter-spacing:-1.6px}.case-copy h3{font-weight:700}.case-copy .case-section{padding:20px 0;border-bottom:1px solid #eee0e8}.case-copy figure{margin:30px 0}.case-copy figcaption{font-size:12px;color:#81727c;margin-top:8px}.case-copy .original-visual{max-width:100%;border-radius:14px}.case-copy .case-section p{margin-bottom:13px}.case-copy blockquote{border-left:3px solid #ed1881;padding:12px 22px;background:#fff1f7;margin:22px 0;font-weight:600}.case-copy ul li{margin:8px 0}.case-aside{position:sticky;top:28px;align-self:start}.case-copy .source-note{font-size:12px;color:#746771;line-height:1.65;background:#f7eef3;padding:16px;border-radius:10px;margin-top:30px}
.dribbble-strip{padding:80px 0;border-top:1px solid var(--line)}.dribbble-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.dribbble-card{background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px;min-height:155px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s}.dribbble-card:hover{transform:translateY(-4px);border-color:#ed1881}.dribbble-card .dribbble-icon{font-size:11px;letter-spacing:.12em;font-weight:800;color:#ed1881}.dribbble-card strong{font-size:20px;letter-spacing:-.04em}.dribbble-card small{color:#847580}
.footer a[href*="dribbble"]{color:#ed1881}.menu-btn{cursor:pointer}.icon{display:inline-block;width:19px;height:19px;vertical-align:middle;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linejoin:round;stroke-linecap:round}.btn .icon{width:17px;height:17px}
@media(max-width:800px){.hero{padding:16px 20px 45px}.mountain-hero{padding:54px 27px 170px;min-height:590px;align-items:flex-start}.mountain-hero h1{font-size:clamp(46px,10vw,74px);letter-spacing:-.06em}.mountain-hero .mountain-image{width:95%;right:-13%;height:55%;bottom:-3%;opacity:.78}.mountain-hero p{font-size:15px}.hero-credit{right:16px;bottom:16px}.work-grid .project:nth-child(2n){margin-top:0}.identity-note{align-items:flex-start;flex-direction:column}.dribbble-grid{grid-template-columns:1fr}.case-aside{position:static}}
@media(max-width:480px){.mountain-hero{padding:42px 20px 160px;min-height:610px}.mountain-hero h1{font-size:45px}.mountain-hero .btn{padding:14px 16px}.mountain-hero .mountain-image{width:105%;right:-25%;height:47%;bottom:-2%}.hero .mountain-hero .eyebrow{font-size:10px;letter-spacing:1.2px}}

/* GrowthPeak inspired edition: Inter, Oswald, charcoal and electric pink */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Oswald:wght@300;400;500;600;700&display=swap');
:root{--bg:#151515;--ink:#f8f8f8;--muted:#b0aeb1;--dark:#0e0e0f;--line:#363235;--accent:#ed1881;--pink:#ed1881;--wide:1280px}
html{scroll-behavior:smooth}body{background:#151515;color:#f8f8f8;font-family:Inter,Arial,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.logo{font-family:Inter,Arial,sans-serif}a{transition:color .25s,background .25s,border-color .25s}::selection{background:#ed1881;color:#fff}
.wrap{max-width:var(--wide)}.nav{height:92px}.nav .logo{font-family:Oswald,Arial,sans-serif;font-size:24px;letter-spacing:.035em}.nav .links a{color:#d7d4d6}.nav .links a:hover{color:#ed1881}.nav .smallpill{border-radius:0;background:#ed1881;border-color:#ed1881;color:#fff;text-transform:uppercase;letter-spacing:.09em;font-family:Oswald,Arial,sans-serif;font-weight:500}.nav .smallpill:hover{background:#fe429e}.mobile-menu{background:#1f1f20;border-color:#373337}.menu-btn{color:white}
.hero{padding:0 0 24px;max-width:none;width:100%;display:block}.growth-hero{min-height:750px;border-radius:0;background:#151515;padding:120px max(32px,calc((100vw - 1280px)/2));align-items:flex-start}.growth-hero:before{background:radial-gradient(ellipse at 76% 35%,#ed18813c,transparent 55%);opacity:1}.growth-hero:after{content:'';inset:0;position:absolute;pointer-events:none;background:linear-gradient(180deg,#15151500 40%,#151515 99%);z-index:0}.growth-hero .mountain-image{width:105%;height:auto;max-width:none;right:-25%;bottom:-24%;object-fit:contain;object-position:center bottom;filter:none;z-index:0;opacity:.98;transform:translate3d(0,var(--mountain-y,0px),0) scale(1.08);will-change:transform}.growth-hero .hero-content{z-index:2;max-width:900px}.growth-hero .eyebrow{font-size:12px;letter-spacing:.24em;color:#f6a8cf;font-family:Oswald,Arial,sans-serif}.growth-hero h1{font-family:Inter,Arial,sans-serif;letter-spacing:-.075em;line-height:.99;font-size:clamp(58px,8vw,130px);max-width:1020px;margin:35px 0 30px;font-weight:800}.growth-hero h1 em{font-style:normal;color:#ed1881}.growth-hero p{max-width:580px;font-size:18px;font-weight:300;color:#eeeced;line-height:1.7}.growth-hero .btn{border-radius:0;background:#ed1881;color:#fff;border:1px solid #ed1881;font-family:Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase}.growth-hero .btn.outline{background:#15151599;border-color:#9e6783;color:#fff}.growth-hero .btn:hover{background:#ff49a5;color:#111}.growth-hero .btn.outline:hover{background:#ed1881;color:white}.hero-credit{z-index:2;bottom:35px;right:5%;color:#e9d8e2;letter-spacing:.22em}.identity-note{max-width:1280px;margin:auto;border-color:#393438;padding:28px 28px 35px}.identity-note strong{color:#fff}.identity-note p{color:#aaa}
.pink-strip{background:#ed1881}.pink-strip .strip-inner{color:white}.impact{background:#151515}.impact strong,.impact div:first-child strong:before{color:#ed1881}.impact span{color:#ccc}.impact div{border-color:#343134}
.section{background:#151515;padding:140px 0}.section h2,.dribbble-strip h2,.pagehero h1,.dark-section h2{font-family:Inter,Arial,sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:-.025em;line-height:1.08}.section h2{font-size:clamp(54px,4vw,92px)}.section-top{align-items:end}.section-desc,.section p{color:#aeaaad}.eyebrow{color:#ed1881;font-family:Oswald,sans-serif;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.project{color:#f8f8f8}.project-meta p{color:#aaa}.project-art{border-radius:0;border-color:#282328}.project-meta h3{font-weight:600}.circ{border-color:#5a4652;color:#fff}.project:hover .circ{background:#ed1881}.project{transition:transform .5s cubic-bezier(.2,.75,.25,1)}.project:hover{transform:translateY(-10px)}.project-art.snapp{background:#402431}.project-art.digi{background:#29213c}.project-art.b2b{background:#1d3337}.project-art.lead{background:#35251c}.service{background:#1e1c1e;border:1px solid #41343c;border-radius:0}.service h3{color:#fff}.service p{color:#aaa}.service:hover{border-color:#ed1881;background:#272025}.dribbble-strip{background:#1c1a1b;border-color:#30292e}.dribbble-card{background:#262224;border-color:#463740;border-radius:0;color:#fff}.dribbble-card small{color:#a9a0a5}.dark-section{background:#0d0d0e}.dark-section h2{font-size:clamp(56px,6.5vw,64px)}.career-row{border-color:#383438}.career-row strong{color:#fff}.career-row p,.career-row span{color:#aaa}.pagehero{background:radial-gradient(ellipse at 85% 10%,#ed188118,transparent 50%)}.pagehero h1{font-size:clamp(56px,7vw,110px)}.pagehero p{color:#aaa}.case-copy,.case-copy p,.case-copy li,.case-copy .case-section p{color:#c3bfc2}.case-copy h2,.case-copy h3{color:#fff}.case-copy .case-section{border-color:#3a3238}.case-copy blockquote{background:#271621}.case-copy .source-note{background:#261e23;color:#c4b4c0}.callout{background:#2d1724;color:#fff}.kpis div{background:#241f23;border-radius:0}.kpis strong{color:#ed1881}.case-aside{color:#ddd}.detail-banner .project-art{border-radius:0}.formblock{background:#211f20;border:1px solid #43333d;border-radius:0}.formblock input,.formblock textarea{background:#171517;color:white;border:1px solid #53424b;border-radius:0}.footer{background:#101011;border-color:#353035}.footer a{color:#ccc}
.story-section{background:#0b0b0c;position:relative;padding:120px 0 0}.story-intro{text-align:center;padding-bottom:100px}.story-intro h2{font:400 clamp(52px,6.4vw,98px)/1.02 Oswald,sans-serif;text-transform:uppercase;max-width:1050px;margin:23px auto}.story-intro h2 span{color:#ed1881}.story-intro p{color:#aaa}.story-stage{display:grid;grid-template-columns:50% 50%;max-width:1440px;margin:auto}.story-visual{height:100vh;position:sticky;top:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#5b183d 0%,#21141c 40%,#101011 74%)}.story-visual-core{width:min(72%,530px);aspect-ratio:1;position:relative;display:grid;place-items:center}.orbit{position:absolute;inset:5%;border:1px solid #ed188146;border-radius:50%;transition:transform .9s ease}.orbit-two{inset:20%;border-color:#ffffff33}.story-shape{height:50%;width:50%;background:linear-gradient(135deg,#ff4b9f,#ed1881 46%,#64103d);clip-path:polygon(50% 0,100% 76%,58% 100%,0 67%);display:grid;place-items:center;filter:drop-shadow(0 15px 30px #ed188155);transition:transform .8s cubic-bezier(.2,.7,.2,1),clip-path .8s}.story-shape span{font:500 75px Oswald,sans-serif;color:#fff}.story-visual-label{position:absolute;bottom:0;left:0;font:400 15px Oswald,sans-serif;letter-spacing:.18em;color:#d2c3cc}.story-chapter{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8vw max(38px,9vw) 8vw 8vw;opacity:.35;transition:opacity .55s}.story-chapter.active{opacity:1}.story-index{color:#ed1881;font:500 15px Oswald,sans-serif;letter-spacing:.15em}.story-chapter h3{font:400 clamp(49px,5.2vw,84px)/1.06 Oswald,sans-serif;text-transform:uppercase;margin:22px 0}.story-chapter h3 i{color:#ed1881;font-style:normal}.story-chapter p{max-width:480px;line-height:1.85;color:#c4bbc0;font-size:17px}.story-stage[data-active="2"] .story-shape{transform:rotate(45deg) scale(1.08);clip-path:polygon(50% 0,100% 43%,71% 100%,10% 85%,0 38%)}.story-stage[data-active="3"] .story-shape{transform:rotate(95deg) scale(.95);clip-path:polygon(50% 0,95% 20%,100% 80%,42% 100%,0 63%)}.story-stage[data-active="2"] .orbit-one{transform:rotate(55deg) scale(1.08)}.story-stage[data-active="3"] .orbit-one{transform:rotate(110deg) scale(.9)}
.reading-progress{position:fixed;top:0;left:0;height:3px;background:#ed1881;width:var(--reading,0%);z-index:1000;pointer-events:none}.cursor-glow{position:fixed;left:0;top:0;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#ed188112,transparent 67%);pointer-events:none;z-index:30;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s}.reveal{opacity:0;transform:translateY(44px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}
@media(max-width:900px){.growth-hero{min-height:730px;padding:100px 35px}.growth-hero .mountain-image{width:130%;right:-30%;bottom:-10%}.story-stage{grid-template-columns:1fr}.story-visual{height:45vh;top:0;z-index:2}.story-chapter{min-height:60vh;padding:65px 8vw}.story-intro{padding:0 25px 60px}.section{padding:90px 0}.story-section{padding-top:80px}}
@media(max-width:600px){.growth-hero{padding:90px 22px 170px;min-height:720px}.growth-hero h1{font-size:clamp(53px,12vw,80px)}.growth-hero p{font-size:15px}.growth-hero .mountain-image{width:190%;right:-78%;bottom:-5%}.story-visual{height:37vh}.story-chapter{min-height:65vh}.story-chapter h3{font-size:57px}.hero-credit{font-size:9px}.section h2{font-size:58px}.nav{height:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.growth-hero .mountain-image{transform:none!important}.story-chapter{opacity:1}.orbit,.story-shape{transition:none}.cursor-glow{display:none}}

/* Cinematic approach — design journey */
.story-section{background:#0b0b0c;color:#fff;padding:112px 0 20px;overflow:clip}
.story-intro{text-align:left;padding-bottom:38px;position:relative;z-index:1}
.story-intro .eyebrow{font:400 13px Oswald,sans-serif;letter-spacing:.32em;color:#e2d6dd}
.story-intro .rose{color:#ed1881}
.story-intro h2{font:700 clamp(43px,5.15vw,78px)/1.06 Inter,sans-serif;text-transform:none;max-width:1120px;margin:32px 0 22px;letter-spacing:-.065em}
.story-intro h2 span{color:#ed1881}
.story-intro p{font:400 clamp(16px,1.4vw,21px)/1.5 Inter,sans-serif;color:#a5a0a4;max-width:500px}
.story-stage{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);max-width:1600px;margin:0 auto;position:relative}
.story-visual{height:100vh;min-height:640px;position:sticky;top:0;background:radial-gradient(ellipse at 54% 66%,#280e1d 0%,#100e11 46%,#0b0b0c 76%);overflow:hidden;display:flex;align-items:center;justify-content:center}
.story-visual-core{width:100%;height:min(88vh,780px);max-height:780px;position:relative;isolation:isolate}
.mountain-halo{position:absolute;width:78%;height:60%;left:10%;top:29%;background:radial-gradient(ellipse,#ed188122 0%,transparent 72%);filter:blur(30px)}
.approach-mountain{position:absolute;bottom:5%;left:2%;width:105%;height:80%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,transparent 0%,black 14%,black 75%,transparent 100%);filter:saturate(.95) contrast(1.08);transition:filter .9s,transform 1.1s cubic-bezier(.2,.7,.2,1);transform:translate3d(0,12px,0) scale(1.02)}
.journey-lines{position:absolute;inset:5% 0 8%;width:100%;height:86%;overflow:visible;pointer-events:none}
.journey-lines ellipse{fill:none;stroke:#f7bbd1;stroke-opacity:.52;stroke-width:1;stroke-dasharray:4 7;transition:stroke-opacity .7s,transform 1s;transform-origin:center}
.journey-lines .journey-secondary{stroke:#ed1881;stroke-opacity:.26;stroke-dasharray:2 11}
.journey-lines .route-path{fill:none;stroke:#ed1881;stroke-width:3;stroke-linecap:round;stroke-dasharray:790;stroke-dashoffset:690;filter:drop-shadow(0 0 9px #ed1881);transition:stroke-dashoffset 1.3s cubic-bezier(.2,.7,.2,1)}
.signal{position:absolute;width:18px;height:18px;background:radial-gradient(circle at 35% 25%,#fff,#ff67af 32%,#ed1881 70%);border-radius:50%;box-shadow:0 0 0 5px #ed18811a,0 0 24px #ed1881;transition:transform .8s,opacity .8s}
.signal-a{left:17%;top:71%}.signal-b{right:19%;top:37%}.signal-c{left:65%;top:29%;transform:scale(.48);opacity:.2}
.peak-marker{position:absolute;left:50%;top:13%;transform:translateX(-50%);border:1px solid #ed1881;border-radius:13px;padding:8px 14px;background:#2b1021;color:#fff;font:700 26px Oswald,sans-serif;box-shadow:0 0 20px #ed188160;transition:top .8s,box-shadow .8s}
.peak-marker:after{content:'';position:absolute;left:50%;top:100%;height:40px;border-left:1px solid #ed1881}
.terrain-tag{position:absolute;font:400 10px Oswald,sans-serif;letter-spacing:.36em;color:#91868e}.terrain-tag-left{left:9%;top:46%}.terrain-tag-right{right:6%;top:56%}
.story-visual-label{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);font:400 12px Oswald,sans-serif;letter-spacing:.32em;color:#d9cbd3;white-space:nowrap;text-align:center}
.story-dashes{display:flex;justify-content:center;gap:7px;margin-top:19px}.story-dashes span{height:3px;width:43px;background:#676068;transition:background .4s,box-shadow .4s}.story-stage[data-active='1'] .story-dashes span:nth-child(1),.story-stage[data-active='2'] .story-dashes span:nth-child(2),.story-stage[data-active='3'] .story-dashes span:nth-child(3){background:#ed1881;box-shadow:0 0 14px #ed1881}
.story-chapters{position:relative;border-left:1px solid #40333c}.story-chapter{min-height:100vh;position:relative;padding:18vh 6vw 13vh 4vw;display:flex;flex-direction:column;justify-content:center;opacity:.42;transition:opacity .65s;gap:19px}.story-chapter.active{opacity:1}.chapter-marker{display:flex;align-items:center;gap:28px;position:relative;color:#ed1881;font:400 12px Oswald,sans-serif;letter-spacing:.3em}.chapter-marker>span{position:absolute;left:calc(-4vw - 9px);width:18px;height:18px;border:4px solid #0c0b0d;background:#4f4a4e;border-radius:50%;box-shadow:0 0 0 1px #64535d}.story-chapter.active .chapter-marker>span{background:#ed1881;box-shadow:0 0 0 2px #ed1881,0 0 22px #ed1881}
.story-chapter h3{font:700 clamp(39px,3.4vw,63px)/1.12 Inter,sans-serif;letter-spacing:-.06em;text-transform:none;margin:0}.story-chapter h3 i{font-style:italic;color:#ed1881}.story-chapter p{font:400 17px/1.65 Inter,sans-serif;max-width:390px;color:#b8b3b8;margin:0}
.chapter-motif{height:145px;width:180px;position:relative;border:1px solid #343035;background:radial-gradient(circle at center,#ed18810c,transparent);margin-top:22px;overflow:hidden}.chapter-motif i{display:block;position:absolute;width:65px;height:65px;border:1px solid #ed188155;background:#ed188118;box-shadow:0 0 22px #ed188119;transform:skewY(12deg)}.motif-understand i:nth-child(1){top:23px;left:40px}.motif-understand i:nth-child(2){top:44px;left:64px}.motif-understand i:nth-child(3){top:15px;left:86px}.motif-simplify i:nth-child(1){top:35px;left:22px;transform:skewY(12deg) rotate(-20deg)}.motif-simplify i:nth-child(2){top:35px;left:58px;transform:none;background:#ed18813a}.motif-simplify i:nth-child(3){top:35px;left:94px;transform:skewY(-12deg) rotate(20deg)}.motif-validate{background:repeating-radial-gradient(circle at center,#ed188144 0 1px,transparent 2px 27px)}.motif-validate i{border-radius:50%;transform:none;width:16px;height:16px;background:#ed1881;top:62px;left:82px}.motif-validate i:nth-child(2){width:9px;height:9px;top:26px;left:89px}.motif-validate i:nth-child(3){width:9px;height:9px;top:94px;left:135px}
.story-stage[data-active='2'] .approach-mountain{transform:translateY(0) scale(1.09);filter:saturate(1.3) contrast(1.1)}.story-stage[data-active='3'] .approach-mountain{transform:translateY(-18px) scale(1.12);filter:saturate(1.55) brightness(1.12)}.story-stage[data-active='2'] .route-path{stroke-dashoffset:335}.story-stage[data-active='3'] .route-path{stroke-dashoffset:0}.story-stage[data-active='3'] .signal-c{transform:scale(1.3);opacity:1}.story-stage[data-active='3'] .peak-marker{box-shadow:0 0 34px #ed1881a8,0 0 80px #ed188138}
@media(max-width:980px){.story-section{padding-top:85px}.story-intro{padding-bottom:22px}.story-stage{grid-template-columns:1fr}.story-visual{height:48vh;min-height:340px;z-index:2;top:0}.story-visual-core{height:100%;max-width:700px}.story-chapters{border-left:0;margin:0 auto;width:min(100%,620px)}.story-chapter{min-height:58vh;padding:50px 8vw 45px 8vw;border-left:1px solid #4a3845}.chapter-marker>span{left:calc(-8vw - 9px)}.chapter-motif{display:none}.story-intro h2{font-size:clamp(43px,7vw,72px)}}
@media(max-width:600px){.story-section{padding-top:66px}.story-intro h2{font-size:clamp(37px,9vw,54px)}.story-intro p{font-size:15px}.story-visual{height:40vh;min-height:270px}.approach-mountain{bottom:-2%;height:90%}.peak-marker{top:6%;font-size:18px}.story-visual-label{font-size:9px;bottom:2%}.story-dashes span{width:27px}.story-chapter{min-height:62vh}.story-chapter h3{font-size:clamp(39px,9vw,55px)}.story-chapter p{font-size:15px}.terrain-tag{display:none}}
@media(prefers-reduced-motion:reduce){.approach-mountain,.journey-lines *, .signal,.peak-marker,.story-dashes span,.story-chapter{transition:none!important;animation:none!important}.story-chapter{opacity:1}}

/* Approach v2 — all-vector mountain and continuously scrubbed scroll animation */
.story-visual-core{--journey-progress:0;contain:layout paint}
.story-visual-core .approach-mountain{position:absolute;left:-17%;bottom:8%;width:135%;height:auto;max-width:none;object-fit:unset;mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);transform:translate3d(0,var(--mountain-shift,0px),0) scale(var(--mountain-scale,1));transform-origin:50% 70%;filter:drop-shadow(0 0 25px #ed188119);transition:none;will-change:transform}
.story-visual-core .journey-lines{z-index:2;inset:6% 0 8%;height:86%;}
.story-visual-core .journey-lines .route-path{transition:none;stroke-width:3.5;stroke:#ff399f;filter:drop-shadow(0 0 7px #ed1881)}
.story-visual-core .journey-lines ellipse{transition:none;transform:rotate(calc(var(--journey-progress,0) * 12deg));transform-origin:400px 348px}
.story-stage .story-visual-core .signal-a{transform:scale(calc(.75 + var(--journey-progress,0)*.4))}
.story-stage .story-visual-core .signal-b{transform:scale(calc(.7 + var(--journey-progress,0)*.5))}
.story-stage .story-visual-core .signal-c{transform:scale(calc(.3 + var(--journey-progress,0)*1));opacity:calc(.2 + var(--journey-progress,0)*.8)}
.story-stage .story-dashes span.lit{background:#ed1881;box-shadow:0 0 14px #ed1881}
.story-stage[data-active='2'] .approach-mountain,.story-stage[data-active='3'] .approach-mountain{transform:translate3d(0,var(--mountain-shift,0px),0) scale(var(--mountain-scale,1));filter:drop-shadow(0 0 25px #ed188119)}
.story-stage[data-active='2'] .route-path,.story-stage[data-active='3'] .route-path{transition:none}
@media(max-width:980px){.story-visual-core .approach-mountain{left:-12%;width:125%;bottom:4%}}
@media(max-width:600px){.story-visual-core .approach-mountain{left:-12%;width:128%;bottom:10%}.story-visual-core .journey-lines{inset:3% 0 8%}.peak-marker{z-index:3}}
@media(prefers-reduced-motion:reduce){.story-visual-core .approach-mountain{will-change:auto;transition:none}}

/* Replaces repeated mountain with a custom SVG systems illustration */
.story-visual .story-visual-core{isolation:isolate;position:relative}
.story-visual .process-network{width:min(100%,780px);height:auto;display:block;margin:auto;overflow:visible;filter:drop-shadow(0 15px 55px #ed18811c);position:relative;z-index:2}
.network-orb{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#ed188125,transparent 67%);filter:blur(40px);pointer-events:none}
.network-label{fill:#aaa4aa;font:600 11px Inter,Arial,sans-serif;letter-spacing:3px}
.network-chaos,.network-nodes,.network-solution,.network-validated,.network-start,.network-mid,.network-end{transition:opacity .65s ease,transform .85s cubic-bezier(.2,.8,.2,1);transform-origin:50% 50%}
.network-solution{stroke-dasharray:610;stroke-dashoffset:calc(610 * (1 - var(--journey-progress,0)));transition:stroke-dashoffset .12s linear,opacity .3s}
.story-stage[data-active="1"] .network-solution,.story-stage[data-active="1"] .network-start,.story-stage[data-active="1"] .network-mid,.story-stage[data-active="1"] .network-end{opacity:.12}
.story-stage[data-active="2"] .network-chaos{opacity:.18;transform:scale(.85)}
.story-stage[data-active="2"] .network-nodes{opacity:.33}
.story-stage[data-active="3"] .network-chaos,.story-stage[data-active="3"] .network-nodes{opacity:.06;transform:scale(.7)}
.network-validated{opacity:0;transform:scale(.45)}
.story-stage[data-active="3"] .network-validated{opacity:1;transform:scale(1)}
.story-stage[data-active="3"] .network-solution{opacity:.12}
.process-corner-label{position:absolute;bottom:13%;left:10%;font:600 11px/1.7 Inter,Arial,sans-serif;letter-spacing:2px;color:#a89ba6;z-index:4}
html[lang="fa"]{direction:rtl}html[lang="fa"] body{font-family:Vazirmatn,Inter,sans-serif}html[lang="fa"] .nav,html[lang="fa"] .project-meta,html[lang="fa"] .career-row{direction:rtl}html[lang="fa"] .logo{direction:ltr;unicode-bidi:isolate}html[lang="fa"] .story-intro,html[lang="fa"] .story-chapters,html[lang="fa"] .service,html[lang="fa"] .case-content,html[lang="fa"] .section-top{text-align:right}html[lang="fa"] h1,html[lang="fa"] h2,html[lang="fa"] h3{font-family:Vazirmatn,Inter,sans-serif;letter-spacing:-.035em}html[lang="fa"] .eyebrow,html[lang="fa"] .num,html[lang="fa"] .chapter-marker,html[lang="fa"] .chapter-marker b{font-family:Vazirmatn,Inter,sans-serif;letter-spacing:0}html[lang="fa"] .hero-content{direction:rtl;text-align:right}html[lang="fa"] .story-visual{direction:ltr}html[lang="fa"] .btn,html[lang="fa"] .smallpill{direction:rtl}html[lang="fa"] input,html[lang="fa"] textarea,html[lang="fa"] select{font-family:Vazirmatn,Inter,sans-serif}html[lang="fa"] .story-chapter h3{line-height:1.5}html[lang="fa"] .nav .links{direction:rtl}
.lang-toggle{color:inherit;text-decoration:none;border:1px solid currentColor;opacity:.85;border-radius:999px;padding:7px 13px;font:700 12px Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-width:44px;direction:ltr;transition:background .25s,color .25s}.lang-toggle:hover{background:#ed1881;color:white;border-color:#ed1881;opacity:1}.navright{display:flex;align-items:center;gap:12px}.mobile-menu .lang-toggle{width:max-content;margin:8px 0}
@media(prefers-reduced-motion:reduce){.network-chaos,.network-nodes,.network-solution,.network-validated,.network-start,.network-mid,.network-end{transition:none!important}}
@media(max-width:700px){.lang-toggle{padding:5px 9px;font-size:11px}.process-corner-label{display:none}}

/* AI service and learning page — scoped to user's original theme */
.services{grid-template-columns:repeat(2,minmax(0,1fr))}
.ai-service{background:linear-gradient(135deg,#271921 0%,#1c1b1d 67%);border-color:#7a315a;position:relative;overflow:hidden}
.ai-service:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-115px;top:-120px;background:#ed188124;filter:blur(25px);pointer-events:none}
.ai-service:hover{border-color:#ed1881}
.ai-pill{display:inline-flex;align-items:center;gap:7px;font:600 10px Inter,Arial,sans-serif;letter-spacing:.12em;color:#ff8dc8;margin-bottom:15px}
.ai-spark{font-size:17px;color:#ed1881}
.ai-lead{max-width:850px;font-size:18px;line-height:1.85;color:#c9c2c7}
.ai-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
.ai-capability,.ai-column,.ai-learning{border:1px solid #3b3239;background:#211e21;padding:30px;min-width:0}
.ai-capability span,.ai-column span,.ai-learning small{font:600 12px Oswald,Arial,sans-serif;letter-spacing:.16em;color:#ed1881}
.ai-capability h3,.ai-column h3,.ai-learning h3{color:white;font-size:24px;line-height:1.2;margin:22px 0 12px}
.ai-capability p,.ai-column p,.ai-learning p{color:#afa9ae;font-size:15px;line-height:1.8}
.ai-page-hero .rose{color:#ed1881}.ai-page-hero .btn{margin-top:14px}
.ai-dual,.ai-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.ai-learning-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-learning b{font:500 48px Oswald,Arial,sans-serif;color:#ed1881}
.ai-learning small{display:block;margin-top:27px}
.ai-resources{display:grid;gap:12px;margin-top:30px}
.ai-resources a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:26px;background:#211e21;border:1px solid #40323c;transition:.25s}
.ai-resources a:hover{border-color:#ed1881;transform:translateX(4px)}
.ai-resources b{color:#fff}.ai-resources span{color:#ff89c1;font-size:13px}
@media(max-width:900px){.ai-capabilities,.ai-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.services,.ai-capabilities,.ai-dual,.ai-learning-grid{grid-template-columns:1fr}.ai-resources a{align-items:start;flex-direction:column}.ai-column,.ai-learning,.ai-capability{padding:22px}}