@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#082552;--blue:#0b3b80;--yellow:#ffce33;--ink:#121c30;--muted:#69758a;--light:#f5f7fa;--line:#e5e9ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,7vw,6.3rem);line-height:1.08;font-weight:800}h2{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.18}h3{font-size:1.25rem}h1 em,h2 em{font-style:normal;color:#4782cf}p{line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:13px;color:var(--navy);font-size:19px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.brand b{color:#2569bd}.brand small{display:block;font-size:8px;letter-spacing:.18em;color:#68798b}.brand-mark{width:48px;height:48px;background:var(--blue);color:white;display:grid;place-items:center;border-radius:12px;font-size:19px;letter-spacing:-.11em}.brand-mark span,.yellow{color:var(--yellow)}.site-nav{display:flex;align-items:center;gap:25px}.site-nav>a:not(.btn){font-size:13px;font-weight:700;color:#3a4760}.site-nav>a.active:not(.btn),.site-nav>a:hover:not(.btn){color:#0e62b8}.menu-toggle{display:none;background:none;border:0;font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 23px;border:0;border-radius:7px;font-weight:800;font-size:13px;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--yellow);color:#081e3a}.btn.secondary{background:#eff4f9;color:var(--blue)}.btn.dark{background:var(--navy);color:#fff}.btn.outline-light{color:white;border:1px solid #7992b1}.btn.small{padding:13px 17px;font-size:12px}.hero{background:radial-gradient(circle at 80% 25%,#1c5597,#092a5b 53%,#071b40);color:white;overflow:hidden}.hero-grid{min-height:660px;display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:20px;padding:60px 0}.hero h1{margin:24px 0 30px;max-width:730px}.hero h1 em{color:var(--yellow)}.lead{font-size:16px;color:#cfdaea;max-width:580px}.eyebrow,.kicker{font-size:11px;letter-spacing:.2em;font-weight:800}.eyebrow{color:#b3c9e6}.dash{display:inline-block;width:26px;height:2px;background:var(--yellow);vertical-align:middle;margin-right:10px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.hero-foot{display:flex;gap:25px;font-size:10px;letter-spacing:.14em;color:#91b0d8;margin-top:75px}.hero-art{height:480px;position:relative;filter:drop-shadow(0 40px 40px #00173777)}.shape{position:absolute;transform:rotate(-20deg);border-radius:12px}.shape1{background:linear-gradient(135deg,#f8d44e,#eea900);width:77%;height:58%;top:17%;left:16%;box-shadow:22px 23px 0 #001b42}.shape2{background:linear-gradient(115deg,#f8fbff,#a7d1ee);width:66%;height:60%;left:5%;top:36%;transform:rotate(13deg);box-shadow:18px 16px 0 #123a71}.shape3{width:36%;height:60%;background:linear-gradient(#3e86d3,#104083);right:5%;top:0;transform:rotate(19deg);border:14px solid #fff}.hero-stamp{position:absolute;background:#0b3169;border:2px solid #fff;color:white;padding:25px;top:41%;left:23%;transform:rotate(-7deg);font-size:26px;line-height:1.12;font-weight:900;letter-spacing:-.07em;box-shadow:0 14px 30px #10233c44}.hero-stamp strong{color:var(--yellow)}.hero-stamp small{display:block;font-size:10px;margin-top:17px;letter-spacing:.2em}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-head h2{max-width:700px;margin:13px 0 0}.section-head>p{max-width:310px;color:var(--muted);font-size:14px}.kicker{color:#1766b8}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#f4f7fb;padding:32px;min-height:265px;display:flex;flex-direction:column;position:relative;border:1px solid #eaf0f8;transition:background .25s,transform .25s}.service-card:hover{background:#e6f0fb;transform:translateY(-5px)}.service-icon{font-size:42px;color:#0c63b9}.service-number{position:absolute;right:30px;top:30px;color:#a2b2c8;font-size:12px}.service-card h3{margin:22px 0 6px}.service-card p{font-size:13px;color:var(--muted);line-height:1.6}.arrow-link{margin-top:auto;color:#0f5cad;font-size:12px;font-weight:800}.ink{background:#081e43;color:#fff}.ink h2 em{color:var(--yellow)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.ink .split>div>p{color:#adbfdb;max-width:470px}.yellow-text{color:var(--yellow)}.text-link{color:var(--blue);font-weight:800;font-size:13px}.text-link.light{color:var(--yellow);display:inline-block;margin-top:25px}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.value-grid>div{border:1px solid #365177;padding:26px}.value-grid b{color:var(--yellow);font-size:12px}.value-grid h3{margin:22px 0 5px}.value-grid p{color:#a7bad8;font-size:13px}.portfolio-preview,.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.mock-project{min-height:320px;background:linear-gradient(130deg,#092959 32%,#2168b2 33%,#1b4c89 55%,#fecb2c 56%,#f6d654);color:#fff;display:flex;justify-content:space-between;flex-direction:column;padding:32px}.mock-project.alt{background:linear-gradient(145deg,#f2f5f8,#d8e4f1 35%,#145396 36%,#082656 78%)}.mock-project span{font-size:11px;letter-spacing:.2em}.mock-project strong{font-size:clamp(2.2rem,4vw,4.5rem);font-weight:900;line-height:1}.note,.muted{font-size:12px;color:var(--muted)}.portfolio-tile{background:#edf2f8;position:relative;min-height:280px;overflow:hidden}.portfolio-tile img{width:100%;height:280px;object-fit:cover;transition:transform .4s}.portfolio-tile:hover img{transform:scale(1.04)}.portfolio-tile>span{display:block;padding:15px;font-weight:bold}.image-placeholder{display:grid!important;place-items:center;min-height:220px;background:linear-gradient(130deg,#114b94,#f2c638);color:white;font-size:26px}.project-meta{padding:18px;background:white;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.project-meta small{color:var(--muted)}.cta{background:var(--yellow);padding:65px 0}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta .kicker{color:#3f3b2b}.cta h2{margin:10px 0 0;max-width:800px}.cta h2 em{color:#fff}.footer{background:#071a36;color:#fff;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{color:white}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-grid p,.footer-grid a:not(.brand){color:#aabbd0;font-size:13px}.footer-grid strong{margin-bottom:10px}.footer-bottom{border-top:1px solid #28405f;margin-top:65px;padding-top:22px;display:flex;justify-content:space-between;color:#8b9fb7;font-size:12px}.whatsapp{position:fixed;bottom:25px;right:25px;z-index:30;display:grid;place-items:center;background:#24c467;color:white;border-radius:50%;width:58px;height:58px;font-weight:900;box-shadow:0 5px 25px #041a3544}.page-hero{background:#0a2c60;color:white;padding:100px 0}.page-hero h1{max-width:900px;margin:18px 0}.page-hero h1 em{color:var(--yellow)}.page-hero .kicker{color:#9cc1ed}.page-hero p{color:#c8d8eb;max-width:650px}.category{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding:55px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.category-side h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:16px 0 30px}.category-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-items a{background:#f4f7fa;padding:20px 17px;font-weight:700;font-size:13px}.category-items a span{color:#1a68b7;margin-right:12px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.filter{background:#f3f6fa;border:1px solid #e1e8f0;padding:10px 16px;border-radius:50px;font-size:12px;color:#173456;font-weight:700}.filter.selected{background:#0b3773;color:white}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.empty{background:#f5f7fb;padding:40px;grid-column:1/-1}.project-detail{margin-bottom:30px}.project-detail img{width:100%;max-height:600px;object-fit:contain}.about p{color:var(--muted)}.tinted{background:#f5f8fc}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:35px}.step{background:white;padding:25px;min-height:140px}.step small{color:#1771cb;font-weight:800}.step h3{font-size:16px;margin-top:18px}.narrow{max-width:810px}.panel{background:#f7f9fc;padding:30px;border:1px solid #e1e8f0;border-radius:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:800}.form-grid .full{grid-column:1/-1}input:not([type=checkbox]):not([type=hidden]),textarea,select{width:100%;border:1px solid #ccd7e6;background:#fff;color:#1a2c46;padding:13px;border-radius:5px;min-width:0}.form-grid input[type=file]{padding:10px}.form-grid textarea{resize:vertical}.honeypot{position:absolute;left:-9999px}.alert{background:#fff0ee;color:#af2b1d;padding:14px;border-radius:6px}.success{background:#e7f6ed;color:#146236;padding:14px;border-radius:6px;margin-bottom:22px}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.contact-info>div{padding:20px 0;border-bottom:1px solid var(--line)}.contact-info small{display:block;color:#7c8ba0;font-weight:800;font-size:11px;letter-spacing:.15em;margin-bottom:9px}.contact-info strong{font-size:18px}.contact-info{margin-bottom:25px}.socials{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px;color:#0a56a6;font-size:12px}.admin-item{margin-bottom:15px}.admin-title{display:flex;justify-content:space-between}.admin-item p{font-size:14px}.inline-form{display:flex;gap:12px;margin-top:20px}.inline-form select{max-width:190px}.check{display:flex!important;flex-direction:row!important;align-items:center}.project-detail img{margin:20px 0}[hidden]{display:none!important}@media(max-width:950px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:83px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch;box-shadow:0 16px 20px #061c351c}.site-nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero-grid{min-height:550px}.service-cards{grid-template-columns:repeat(2,1fr)}.split,.contact-layout{gap:35px}.category{gap:35px}}@media(max-width:650px){.container{width:min(100% - 32px,1200px)}.nav{height:72px}.site-nav{top:72px}.brand{font-size:16px}.brand-mark{width:40px;height:40px}.hero-grid{padding:65px 0;min-height:0}.hero-foot{gap:12px;flex-wrap:wrap;margin-top:45px}.section{padding-top:65px;padding-bottom:65px}.section-head,.cta-row{display:block}.section-head>p{margin-top:22px}.service-cards,.portfolio-preview,.portfolio-grid,.split,.value-grid,.category,.category-items,.steps,.form-grid,.contact-layout,.footer-grid{grid-template-columns:1fr}.category{padding:40px 0}.page-hero{padding:70px 0}.footer-grid{gap:35px}.footer-bottom{display:block}.panel{padding:20px}.cta .btn{margin-top:20px}.form-grid .full{grid-column:auto}.admin-title{display:block}}/* OUJDA PRINT — Edition visuelle V2, surcharge non destructive */
:root{--navy:#071b3d;--blue:#1153a3;--yellow:#fbd12c;--ink:#101e35;--muted:#66758b;--light:#f3f6fa;--line:#e7edf4}
body{background:#fff}::selection{background:#fbd12c;color:#092248}
:focus-visible{outline:3px solid #e3a900;outline-offset:4px}
.header{background:rgba(255,255,255,.97);box-shadow:0 8px 30px #0a2d5510;backdrop-filter:blur(14px)}
.nav{height:88px}.brand-mark{background:#092d68;border-radius:5px;box-shadow:5px 5px 0 #ffd32c}.brand b{color:#165bb4}.brand{font-size:20px}.brand small{font-size:8px;letter-spacing:.19em;margin-top:2px}
.site-nav>a:not(.btn){position:relative;transition:color .2s}.site-nav>a:not(.btn):after{content:"";position:absolute;height:2px;bottom:-9px;left:0;right:100%;background:#f2c500;transition:right .25s}.site-nav>a:not(.btn):hover:after,.site-nav>a.active:not(.btn):after{right:0}
.btn{border-radius:4px;min-height:49px;transition:transform .25s,box-shadow .25s,background .25s}.btn.primary{box-shadow:0 7px 20px #ffcb2933}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #091c4030}.btn:active{transform:translateY(0)}
.hero{isolation:isolate;position:relative;background:linear-gradient(115deg,#061b3b 0%,#082b60 53%,#0c3e80 100%)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);background-size:72px 72px;opacity:.035;mask-image:linear-gradient(90deg,transparent 20%,#000)}.hero-glow{position:absolute;width:780px;height:780px;right:-250px;top:-270px;background:radial-gradient(circle,#1b6cc558 0,transparent 68%);pointer-events:none}.hero-grid{grid-template-columns:1.04fr .96fr;min-height:675px;gap:45px;padding:70px 0 48px}.hero-copy{position:relative;z-index:2}.hero-intro{color:#9cbbe2;letter-spacing:.24em;font-size:10px;font-weight:800;margin-top:28px}.hero-intro-dot{color:#fbd12c;font-size:8px;margin:0 10px}.hero h1{font-size:clamp(3.3rem,5.2vw,5.9rem);line-height:1.08;letter-spacing:-.07em;max-width:690px;margin:25px 0}.hero h1 em{color:#fbd12c}.lead{font-size:16px;color:#cad9ec;max-width:510px;line-height:1.9}.hero .actions{margin-top:33px}.hero .btn.outline-light{border-color:#7e9abd;background:#ffffff0a}.hero .btn.outline-light:hover{background:#ffffff1e}.hero-foot{margin-top:68px;display:flex;gap:25px;flex-wrap:wrap}.hero-foot span{display:flex;align-items:center;gap:9px;font-size:10px}.hero-foot i{height:5px;width:5px;border:1px solid #ffd32c;border-radius:50%}.hero-bottom-line{border-top:1px solid #ffffff20;color:#83a9d9}.hero-bottom-line>.container{display:flex;justify-content:space-between;align-items:center;min-height:51px;font-size:9px;font-weight:700;letter-spacing:.21em}
.hero-art{height:510px;filter:none;perspective:1100px}.visual-ring{position:absolute;inset:12% 2% 5% 4%;border:1px solid #a3d2ff44;border-radius:50%;transform:rotate(-22deg)}.visual-ring:after{content:"";position:absolute;inset:10%;border:1px dashed #88b8ed36;border-radius:50%}.visual-yellow{width:64%;height:69%;position:absolute;right:3%;top:6%;transform:rotate(17deg);background:linear-gradient(140deg,#ffe568,#f8bd10);border-radius:5px;box-shadow:22px 23px 0 #04162e77}.visual-poster{position:absolute;width:72%;height:82%;left:8%;top:9%;transform:rotate(-8deg);border-radius:4px;background:linear-gradient(145deg,#f7f9fc,#dbe6f4);box-shadow:0 40px 65px #00152f99;display:flex;flex-direction:column;justify-content:space-between;padding:7% 6%;color:#082a58;overflow:hidden}.visual-poster:before{content:"";position:absolute;width:48%;height:70%;background:#145db4;clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);right:-10%;bottom:-15%;opacity:.95}.visual-poster:after{content:"";position:absolute;bottom:4%;right:3%;height:80px;width:80px;border:23px solid #ffce2c;border-radius:50%}.poster-top,.poster-bottom{font-weight:800;letter-spacing:.15em;font-size:8px;position:relative;z-index:1}.visual-poster strong{font-size:clamp(2.2rem,4.1vw,4.6rem);line-height:.98;letter-spacing:-.09em;position:relative;z-index:2;font-family:Manrope,sans-serif}.visual-poster strong em{font-style:normal;color:#155db4}.poster-bottom{display:flex;justify-content:space-between;align-items:center}.poster-bottom b{font-size:18px}.visual-float{position:absolute;z-index:3;box-shadow:0 15px 30px #00152f66;font-size:10px;letter-spacing:.15em;font-weight:900;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:30px}.visual-float b{font-size:20px}.visual-float-top{top:2%;right:0;background:#fff;color:#082c60;transform:rotate(5deg)}.visual-float-bottom{bottom:1%;left:0;background:#fbd12c;color:#092753;transform:rotate(4deg)}.visual-mark{position:absolute;z-index:3;right:1%;bottom:14%;border:2px solid #fff9;color:white;padding:16px;font-size:26px;font-weight:900;letter-spacing:-.1em;transform:rotate(8deg)}.visual-mark span{color:#ffce2c;padding-left:3px}
.section{padding-top:112px;padding-bottom:112px}.section-head h2{letter-spacing:-.055em}.kicker{letter-spacing:.19em}.service-cards{gap:16px}.service-card{min-height:275px;background:white;border:1px solid #e6ecf3;border-radius:4px;box-shadow:0 7px 20px #09295708;overflow:hidden}.service-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:100%;background:#f9ce28;transition:right .35s}.service-card:hover{background:#f9fbfe;box-shadow:0 20px 45px #0a396020;transform:translateY(-7px);border-color:#c8d8ed}.service-card:hover:before{right:0}.service-card h3{color:#082b60}.service-icon{display:grid;place-items:center;width:65px;height:65px;background:#ebf3fd;color:#135cb1;font-size:35px;border-radius:3px}.service-number{color:#8b9fb5}.arrow-link{font-size:12px}.ink{background:linear-gradient(120deg,#061a39,#0a3169)}.value-grid>div{background:#ffffff04;transition:background .25s}.value-grid>div:hover{background:#ffffff13}.mock-project{border-radius:4px;min-height:355px;transition:transform .25s}.mock-project:hover{transform:translateY(-4px)}.portfolio-tile{border-radius:4px}.cta{background:linear-gradient(110deg,#ffd942,#f9c329)}.footer{background:#06172f}.page-hero{background:linear-gradient(125deg,#071b3b,#0d4388)}.category-items a,.panel{transition:box-shadow .25s}.category-items a:hover{box-shadow:0 9px 20px #0a396018}.whatsapp{font-size:11px;text-decoration:none;border:3px solid white}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:heroReveal .65s ease both}.hero-art{animation:visualReveal .8s .12s ease both}@keyframes heroReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes visualReveal{from{opacity:0;transform:translateY(30px) rotate(2deg)}to{opacity:1;transform:translateY(0)}}.js-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.js-reveal.is-visible{opacity:1;transform:none}}
@media(max-width:1020px){.hero-grid{gap:20px}.visual-poster strong{font-size:clamp(2rem,4vw,3.7rem)}.site-nav{gap:15px}}
@media(max-width:950px){.nav{height:78px}.site-nav{top:78px}.hero-grid{grid-template-columns:1fr;min-height:0;padding:90px 0 70px}.hero-art{display:block;height:380px;max-width:500px;width:100%;margin:40px auto 0}.visual-poster strong{font-size:3.3rem}.hero-foot{margin-top:42px}.hero h1{font-size:clamp(3.2rem,8vw,5.7rem)}}
@media(max-width:650px){.nav{height:72px}.site-nav{top:72px}.hero-grid{padding:65px 0 45px}.hero h1{font-size:clamp(2.8rem,12vw,4.5rem);letter-spacing:-.06em}.hero-art{height:330px;max-width:340px;margin-top:30px}.visual-poster{width:76%;left:8%;padding:8%}.visual-poster strong{font-size:2.65rem}.visual-poster:after{width:45px;height:45px;border-width:12px}.visual-float{padding:10px 12px;font-size:8px;gap:8px}.visual-float b{font-size:13px}.visual-mark{font-size:16px;bottom:15%;padding:9px}.hero-foot{gap:15px;margin-top:35px}.hero-foot span{font-size:8px}.hero-bottom-line>.container span:nth-child(2){display:none}.hero-bottom-line>.container{font-size:8px}.section{padding-top:68px;padding-bottom:68px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Portfolio premium V3 */
.portfolio-head{padding:100px 0 110px;background:radial-gradient(circle at 90% 20%,#14509a,#0a2a5c 55%,#061b3b)}.portfolio-head h1{max-width:850px}.portfolio-head .btn{margin-top:23px}.portfolio-section{padding-top:78px}.portfolio-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.portfolio-intro h2{margin:14px 0 0;max-width:680px}.portfolio-intro p{max-width:330px;color:var(--muted);font-size:14px}.portfolio-filters{margin-bottom:35px;gap:10px}.portfolio-filters .filter{transition:all .2s}.portfolio-filters .filter:hover{border-color:#245fa5;transform:translateY(-2px)}.portfolio-grid-v3{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-card-v3{background:#fff;box-shadow:0 14px 40px #0b294010;min-height:unset;border:1px solid #e7ebf2;transition:transform .3s,box-shadow .3s}.portfolio-card-v3:hover{transform:translateY(-6px);box-shadow:0 24px 45px #0b294024}.portfolio-cover{position:relative;aspect-ratio:1.17;overflow:hidden;background:#e9f1fb}.portfolio-cover>img{height:100%;width:100%;object-fit:cover}.portfolio-card-arrow{position:absolute;right:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;background:var(--yellow);color:#09224d;font-weight:900;border-radius:50%}.portfolio-card-info{padding:24px;display:flex;flex-direction:column;align-items:start;gap:8px}.portfolio-card-info small{color:#2867af;font-size:11px;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.portfolio-card-info strong{font-size:20px;color:#0a2a56}.portfolio-card-info>span{color:#5a7090;font-size:12px;margin-top:10px}.portfolio-cover .example-label{position:absolute;bottom:16px;left:16px;background:#fff;color:#0a2a56}.example-label{display:inline-block;background:#ffefb2;color:#393014;font-size:11px;padding:7px 12px;border-radius:3px;font-weight:800}.portfolio-placeholder{background:linear-gradient(135deg,#103b79 0%,#1763b1 60%,#ffce33 60%);color:#fff;font-weight:900;display:grid;place-items:center;width:100%;height:100%;min-height:270px;letter-spacing:.1em}.portfolio-empty{grid-column:1/-1;min-height:390px;text-align:center;background:linear-gradient(125deg,#f5f8fd,#edf3fb);padding:50px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #cbd8e9}.portfolio-empty h3{font-size:clamp(30px,4vw,47px);margin:12px 0}.portfolio-empty h3 em{font-style:normal;color:#1f65b1}.portfolio-empty p{max-width:540px;color:#64758c;font-size:14px}.empty-icon{display:grid;place-items:center;background:#0c326c;color:white;width:70px;height:70px;font-weight:900;border-radius:13px;margin-bottom:25px}.empty-icon span{color:var(--yellow)}.portfolio-filter-empty{grid-column:1/-1;padding:25px;background:#f1f5fa}.back-link{font-weight:800;font-size:13px;color:#225da7}.project-topline{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:28px 0}.project-topline h2{margin:10px 0 15px}.gallery-featured{background:#eef2f7;border-radius:5px;overflow:hidden}.gallery-featured img{width:100%;max-height:660px;object-fit:contain}.gallery-thumbnails{display:flex;gap:12px;margin-top:14px;overflow:auto;padding-bottom:5px}.photo-thumb{padding:0;border:3px solid transparent;background:none;flex:0 0 116px;cursor:pointer;border-radius:5px;overflow:hidden}.photo-thumb.is-active{border-color:#ffce33}.photo-thumb img{width:100%;height:82px;object-fit:cover}.project-description{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;padding:50px 0}.project-description p{color:#63738b;white-space:normal}.technique-box{background:#f2f6fb;padding:28px}.portfolio-cta{background:linear-gradient(110deg,#071e42,#104585);color:white;padding:65px 0}.portfolio-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.portfolio-cta .kicker,.portfolio-cta em{color:var(--yellow);font-style:normal}.portfolio-cta h2{margin:16px 0 0}.portfolio-filter-empty:not([hidden]){display:block}@media(max-width:900px){.portfolio-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-intro,.project-topline,.portfolio-cta .container{align-items:start;flex-direction:column}}@media(max-width:620px){.portfolio-grid-v3,.project-description{grid-template-columns:1fr}.portfolio-head{padding:62px 0 70px}.portfolio-section{padding-top:50px}.portfolio-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.portfolio-filters .filter{flex:0 0 auto}.portfolio-card-v3{min-height:0}.portfolio-cta{padding:45px 0}}