@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--bg:#101212;--surface:#191c1c;--muted:#a7b1ae;--line:#303635;--accent:#6fccdd;--white:#f1f1e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:'Tajawal','Manrope',sans-serif}html[lang=en] body{font-family:'Manrope',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.5}.skip{position:fixed;top:-100px;z-index:100;background:var(--accent);color:var(--bg);padding:15px}.skip:focus{top:10px}.progress{position:fixed;height:2px;background:var(--accent);top:0;left:0;z-index:100;width:0}header{height:98px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#101212ed;position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.brand{font:800 23px 'Manrope',sans-serif;letter-spacing:-1px;line-height:1}.brand span{color:var(--accent)}.brand small{display:block;font:500 8px 'Manrope',sans-serif;letter-spacing:3.5px;margin-top:9px}.header-actions,nav{display:flex;align-items:center;gap:30px}nav a{color:#bec5c1;font-size:16px}nav a:hover,nav a.active{color:var(--accent)}.header-actions button{background:transparent;border:0}.small-cta{border:1px solid #59635f;border-radius:100px;padding:12px 21px;font-size:14px}#menu{display:none}.wrap{max-width:1440px;margin:auto;padding:0 5.5%}.eyebrow{font:500 11px 'Manrope',sans-serif;letter-spacing:2.5px;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:#c0c9c5}.dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 37.65%,transparent)}.hero{padding-top:58px;min-height:780px;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:center}.edition{color:var(--muted);font:11px 'Manrope';direction:ltr}.hero-layout{display:grid;grid-template-columns:1.03fr 1fr;gap:28px;align-items:center;margin-top:38px}.hero h1{font-size:clamp(54px,6.6vw,104px);font-weight:800;letter-spacing:-3px;line-height:1.13;margin:25px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:19px;line-height:1.9;color:var(--muted);max-width:440px}.buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:28px 0}.btn{padding:16px 26px;border:1px solid var(--line);border-radius:50px;display:inline-flex;gap:24px;align-items:center;justify-content:center;font-size:16px;background:transparent;color:var(--white);transition:transform .25s,background .25s}.btn.primary{background:var(--accent);color:#102225;border-color:var(--accent)}.btn:hover{transform:translateY(-3px);border-color:var(--accent)}.hero-art{position:relative;height:530px;perspective:1000px;direction:ltr}.art-ring{position:absolute;width:370px;height:370px;border:1px solid #38697266;border-radius:50%;top:65px;left:60px;animation:ring 24s linear infinite}.art-ring:before,.art-ring:after{content:'';position:absolute;inset:24px -35px;border:1px solid #38697244;border-radius:50%;transform:rotate(55deg)}.art-ring:after{transform:rotate(-55deg)}.art-glow{position:absolute;inset:60px;background:radial-gradient(ellipse,#12576455,transparent 70%);filter:blur(25px)}.art-card{position:absolute;overflow:hidden;border:1px solid #748c7960;background:#1e2522;box-shadow:0 25px 60px #0008;border-radius:5px;transition:transform .4s}.art-card img{width:100%;height:100%;object-fit:cover}.art-main{width:78%;height:330px;top:80px;left:10%;transform:rotate(-9deg);animation:float 8s ease-in-out infinite}.art-small{width:42%;height:215px;right:-2%;bottom:0;transform:rotate(10deg);animation:float 8s ease-in-out -3s infinite}.art-label{position:absolute;bottom:17px;left:18px;right:18px;color:white;display:flex;justify-content:space-between;font:11px 'Manrope';text-shadow:0 1px 8px black}.art-tag{position:absolute;left:0;top:15px;padding:13px 17px;background:var(--white);color:var(--bg);font:11px 'Manrope';transform:rotate(-5deg)}.orbit-star{position:absolute;right:5%;top:0;font-size:85px;color:var(--accent);animation:ring 20s linear infinite}.hero-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:65px;padding:20px 0;color:var(--muted);font-size:12px}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;direction:ltr}.ticker-track{display:flex;width:max-content;gap:36px;font:500 18px 'Manrope';animation:ticker 35s linear infinite}.ticker b{color:var(--accent);font-weight:400}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}.section-heading h2,.page-title{font-size:clamp(38px,4.2vw,65px);line-height:1.2;margin:18px 0 0;letter-spacing:-1px}.section-heading p{max-width:350px;color:var(--muted);line-height:1.8}.text-link{font-size:15px;border-bottom:1px solid #72847b;padding-bottom:7px;white-space:nowrap}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 34px}.filter{background:transparent;border:1px solid var(--line);border-radius:30px;padding:11px 19px;color:var(--muted)}.filter.active{background:var(--white);color:var(--bg);border-color:var(--white)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project{display:block;text-align:start;width:100%;background:transparent;border:0;padding:0}.project-media{aspect-ratio:1.4;overflow:hidden;background:#202525;position:relative;border-radius:3px}.project:nth-child(4n+2){margin-top:65px}.project img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.045)}.project .arrow{position:absolute;bottom:20px;left:20px;width:47px;height:47px;border-radius:50%;background:#f6f8ef;color:#101212;display:grid;place-items:center;transform:translateY(80px);transition:transform .3s;font-size:24px}.project:hover .arrow{transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:15px}.project-meta h3{font:500 21px 'Manrope','Tajawal';margin:0}.project-meta p{color:var(--muted);font-size:13px;margin:7px 0}.year{color:var(--muted);font:12px 'Manrope'}.services-section{background:#e8ebe4;color:#19221e}.services-section .eyebrow{color:#57635b}.services-section .section-heading p{color:#5b675f}.service-row{border-top:1px solid #bcc5bc;padding:27px 0;display:grid;grid-template-columns:50px 1fr 1fr 35px;gap:25px;align-items:center}.service-row:last-child{border-bottom:1px solid #bcc5bc}.service-row h3{font-size:28px;margin:0;font-weight:500}.service-row p{font-size:16px;line-height:1.8;color:#5a665f;margin:0}.service-row .num{font:12px 'Manrope';color:#718076}.service-row .arrow{font-size:28px;transition:transform .3s}.service-row:hover .arrow{transform:rotate(-45deg)}.service-row:hover h3{color:#086576}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-visual{min-height:400px;display:grid;place-items:center;position:relative;border:1px solid var(--line);background:radial-gradient(circle at center,#1a3b41,#131918 60%);overflow:hidden}.about-monogram{font:800 150px 'Manrope';color:var(--accent);transform:rotate(-12deg);letter-spacing:-25px;padding-right:25px}.about-visual:after{content:'GRAPHIC / 3D / AI / INTERIOR';position:absolute;bottom:25px;font:10px 'Manrope';letter-spacing:3px}.about-copy h2{font-size:44px;margin:18px 0}.about-copy p{color:var(--muted);line-height:2;font-size:18px}.skills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.skills span{padding:9px 15px;border:1px solid var(--line);font-size:12px;border-radius:30px}.process{border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px}.step{border-top:1px solid #49534d;padding-top:24px}.step span{font:12px 'Manrope';color:var(--accent)}.step h3{font-size:23px}.step p{color:var(--muted);line-height:1.8;font-size:15px}.cta-panel{background:var(--accent);color:#123035;padding:70px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-panel h2{font-size:clamp(42px,5vw,72px);margin:0 0 12px;line-height:1.2}.cta-panel p{font-size:18px;max-width:470px;line-height:1.7}.circle-link{width:115px;height:115px;flex-shrink:0;display:grid;place-items:center;border:1px solid #255a64;border-radius:50%;font-size:44px;transition:transform .3s}.circle-link:hover{transform:rotate(-25deg);background:#123035;color:var(--accent)}footer{padding:60px 5.5% 25px}footer>p{color:var(--muted);font-size:17px}.socials{display:flex;gap:25px;flex-wrap:wrap;margin:30px 0;font:13px 'Manrope'}.socials a:hover{color:var(--accent)}.footbottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.whatsapp{position:fixed;bottom:22px;left:22px;z-index:25;border:1px solid #52655d;background:#18241ff0;border-radius:40px;padding:12px 17px;font:12px 'Manrope';box-shadow:0 5px 20px #0004}.whatsapp:hover{background:var(--accent);color:#123035}.page-intro{padding:70px 0 25px}.page-intro p{color:var(--muted);line-height:1.9;max-width:650px;font-size:18px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;margin-top:50px}.contact-info>a{display:block;padding:22px 0;border-bottom:1px solid var(--line)}.contact-info small{display:block;color:var(--muted);margin-bottom:12px}.contact-info strong{font:500 17px 'Manrope';overflow-wrap:anywhere}.contact-form{background:var(--surface);padding:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;margin-bottom:23px;font-size:14px}input,textarea,select{display:block;width:100%;margin-top:11px;border:1px solid #48524b;background:var(--bg);color:var(--white);padding:14px;border-radius:3px}textarea{min-height:140px;resize:vertical}.form-note,.status{font-size:13px;color:var(--muted);line-height:1.8}.status{color:var(--accent)}.detail-cover{width:100%;max-height:750px;object-fit:contain;background:var(--surface);margin:25px 0}.detail-info{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:30px 0}.detail-info p{color:var(--muted);line-height:1.9}.archive-note{border:1px solid var(--line);padding:20px;color:var(--muted);line-height:1.8;margin-top:35px}.reveal{animation:enter .7s both}main{min-height:65vh;animation:enter .5s}.service-detail{margin:20px 0 40px;border:1px solid var(--line);padding:35px}.service-detail p{color:var(--muted);line-height:1.9}.service-detail ul{line-height:2.2}.privacy{line-height:2;color:var(--muted);max-width:800px}.empty{padding:60px;border:1px solid var(--line);grid-column:1/-1;color:var(--muted)}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -16px}}@keyframes ring{to{rotate:360deg}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:1600px){.hero{min-height:850px}.hero-art{height:580px}.art-main{height:390px}}@media(max-width:950px){nav{gap:18px}.header-actions{gap:14px}.hero h1{font-size:65px}.hero-art{height:440px}.art-main{height:280px}.art-small{height:170px}.art-ring{width:290px;height:290px;left:20px}.service-row{grid-template-columns:30px 1fr 1fr 20px;gap:15px}.service-row h3{font-size:23px}.about-grid{gap:35px}.contact-grid{gap:35px}}@media(max-width:680px){header{height:78px}.brand{font-size:18px}.brand small{font-size:6px;letter-spacing:2.6px}.small-cta{font-size:12px;padding:10px 13px}#menu{display:block;font-size:22px}header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--surface);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}header nav.open{display:flex}.hero{padding-top:30px;min-height:auto}.edition{font-size:9px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-layout{grid-template-columns:1fr;margin-top:20px;gap:0}.hero h1{font-size:57px;letter-spacing:-2px;margin:20px 0}.hero p{font-size:17px}.hero-art{height:380px;margin-top:10px}.art-main{left:7%;width:79%;top:45px;height:265px}.art-small{right:0;bottom:0;height:155px}.art-ring{left:30px;top:20px;width:280px;height:280px}.orbit-star{font-size:65px}.hero-bottom{margin-top:35px;font-size:10px}.hero-bottom span:first-child{max-width:180px}.ticker-track{font-size:14px}.section{padding-top:65px;padding-bottom:65px}.section-heading{align-items:start;flex-direction:column;margin-bottom:25px}.section-heading h2,.page-title{font-size:39px}.section-heading p{margin:0}.work-grid{gap:28px;grid-template-columns:1fr}.project:nth-child(4n+2){margin-top:0}.project .arrow{transform:none;width:37px;height:37px;font-size:20px}.project-meta h3{font-size:18px}.filters{gap:7px}.filter{font-size:12px;padding:10px 13px}.service-row{grid-template-columns:25px 1fr 20px;padding:23px 0}.service-row p{grid-column:2;grid-row:2;font-size:14px}.service-row .arrow{grid-column:3;grid-row:1}.about-grid,.contact-grid,.detail-info{grid-template-columns:1fr;gap:30px}.about-visual{min-height:300px}.about-copy h2{font-size:36px}.process-grid{grid-template-columns:1fr 1fr;gap:25px}.step h3{font-size:21px}.cta-panel{padding:45px 6%;align-items:start}.cta-panel h2{font-size:40px}.cta-panel p{font-size:16px}.circle-link{width:65px;height:65px;font-size:30px}.socials{gap:18px;font-size:11px}.contact-form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.contact-info strong{font-size:15px}.page-intro{padding-top:45px}.btn{font-size:14px;padding:14px 20px;gap:15px}.whatsapp{bottom:12px;left:12px;padding:11px 14px}.footbottom{padding-bottom:35px;gap:10px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Editorial cinematic home */
.spotlight{min-height:760px;height:calc(100svh - 98px);max-height:1000px;position:relative;isolation:isolate;overflow:hidden;background:#142224}.spotlight-picture{position:absolute;inset:0;background-size:cover;background-position:35% 45%;z-index:-3;animation:cinema-in 1s ease-out both}.spotlight-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(270deg,#0b1210f7 0%,#0b1210d9 28%,#0b121069 65%,#0b12101f),linear-gradient(0deg,#0b1210ed 0%,transparent 40%,#0b12102f)}html[dir=ltr] .spotlight-shade{background:linear-gradient(90deg,#0b1210f7 0%,#0b1210d9 28%,#0b121069 65%,#0b12101f),linear-gradient(0deg,#0b1210ed 0%,transparent 40%,#0b12102f)}.spotlight-content{height:100%;display:flex;flex-direction:column;padding-top:35px;padding-bottom:30px}.spotlight-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px}.spotlight-kicker>span{font-size:12px;color:#ccd4ce}.spotlight h1{font-size:clamp(65px,7.2vw,116px);font-weight:800;line-height:1.18;letter-spacing:-3px;margin:65px 0 20px;max-width:850px}.spotlight h1 em{font-style:normal;color:var(--accent)}.spotlight-intro{font-size:18px;line-height:1.9;color:#c1ccc5;margin:0 0 24px;max-width:540px}.spotlight-content>.btn{align-self:flex-start}.spotlight-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:35px}.spotlight-project{display:flex;flex-direction:column;gap:10px}.micro{font:500 10px 'Manrope','Tajawal',sans-serif;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.spotlight-project a{font-size:22px;display:flex;gap:25px}.spotlight-project strong{font-weight:500}.spotlight-controls{display:flex;align-items:center;gap:30px;direction:ltr}.slide-counter{font:400 28px 'Manrope';white-space:nowrap}.slide-counter i{font-style:normal;color:#93a59b;font-size:14px}.slide-tabs{display:flex;gap:10px}.slide-tabs button{border:0;background:transparent;padding:8px 0;color:#afc0b5;width:48px;text-align:start}.slide-tabs span{font:10px 'Manrope'}.slide-tabs b{display:block;height:2px;background:#617067;margin-top:9px}.slide-tabs .current{color:var(--accent)}.slide-tabs .current b{background:var(--accent);height:3px}.next-slide{width:48px;height:48px;border:1px solid #8b9e92;background:transparent;border-radius:50%;font-size:25px;color:var(--white)}.next-slide:hover{background:var(--accent);color:var(--bg)}.intro-statement{padding-top:100px;padding-bottom:30px;display:grid;grid-template-columns:1fr 2fr;gap:20px 50px}.intro-statement>.micro{padding-top:18px;line-height:1.8}.intro-statement h2{font-size:clamp(32px,3.4vw,50px);font-weight:500;line-height:1.6;margin:0}.intro-statement em{font-style:normal;color:var(--muted)}.intro-statement p{grid-column:2;max-width:470px;color:var(--muted);font-size:17px;line-height:1.9}.editorial-work .section-heading{border-top:1px solid var(--line);padding-top:35px}.project-total{font:11px 'Manrope';background:var(--surface);padding:5px 8px;border-radius:20px;margin:0 6px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px}.editorial-grid .project:nth-child(n){margin:0}.editorial-grid .project:nth-child(1),.editorial-grid .project:nth-child(4){grid-column:1/-1}.editorial-grid .project:nth-child(1) .project-media,.editorial-grid .project:nth-child(4) .project-media{aspect-ratio:2.15}.editorial-grid .project-media{aspect-ratio:1.25}.editorial-grid .project:nth-child(3){padding-top:100px}.editorial-grid .project:nth-child(6){padding-top:65px}.editorial-grid .project-meta h3{font-size:24px}.disciplines{background:#e5e9e1;color:#18292c}.disciplines .eyebrow,.disciplines .micro{color:#5a7062}.disciplines .section-heading p{color:#596a5f}.discipline-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:50px}.discipline-option{width:100%;display:flex;align-items:center;gap:25px;border:0;border-top:1px solid #bbc6bb;background:transparent;color:#69796e;padding:25px 0;text-align:start;transition:color .25s,padding .25s}.discipline-option:last-child{border-bottom:1px solid #bbc6bb}.discipline-option small{font:11px 'Manrope'}.discipline-option span{font-size:27px;font-weight:500;flex:1}.discipline-option b{font-size:28px;font-weight:400}.discipline-option.selected{color:#10414a;padding-inline:15px;background:#d5dfd2}.stage-media{aspect-ratio:1.3;position:relative;background:#14363c;overflow:hidden;animation:enter .4s}.stage-media img{width:100%;height:100%;object-fit:cover}.stage-caption{position:absolute;bottom:0;left:0;right:0;padding:25px 18px 15px;background:linear-gradient(transparent,#071315e6);color:#fff;font-size:12px}.stage-copy{padding-top:25px;animation:enter .4s}.stage-copy h3{font-size:24px;margin:12px 0}.stage-copy p{color:#596b5f;font-size:16px;line-height:1.8;margin-bottom:22px}.stage-copy .text-link{border-color:#82958a;font-size:14px}.abstract-stage{display:grid;place-items:center;background:radial-gradient(ellipse at 60% 30%,#387c89,#122427 70%)}.stage-orbit{width:210px;height:210px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;position:relative}.stage-orbit:before,.stage-orbit:after{content:'';position:absolute;inset:-25px 25px;border:1px solid color-mix(in srgb,var(--accent) 60.0%,transparent);border-radius:50%;transform:rotate(60deg)}.stage-orbit:after{transform:rotate(-60deg)}.stage-orbit span{font:600 54px 'Manrope';color:var(--accent)}.designer-note{display:grid;grid-template-columns:1fr 1fr;gap:80px}.designer-signature{font:600 60px 'Manrope';display:block;margin-top:40px;line-height:1.15;position:relative;max-width:400px;letter-spacing:-3px}.designer-signature>span{position:absolute;right:0;bottom:0;color:var(--accent);font-size:100px;animation:ring 30s linear infinite}.designer-note h2{font-size:44px;line-height:1.3;margin:0 0 25px}.designer-note p{color:var(--muted);font-size:18px;line-height:2;margin-bottom:25px}.contact-finale{background:#19251f;padding:90px 0 100px;position:relative;isolation:isolate;overflow:hidden;border-block:1px solid #35483c}.contact-finale h2{font-size:clamp(44px,5.5vw,85px);line-height:1.3;letter-spacing:-2px;max-width:1000px;margin:25px 0 40px}.contact-finale em{font-style:normal;color:var(--accent)}.finale-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap}.finale-star{position:absolute;left:3%;top:-50px;font-size:500px;line-height:1;color:#31473777;z-index:-1;animation:ring 60s linear infinite}html[dir=ltr] .finale-star{left:auto;right:3%}@keyframes cinema-in{from{opacity:.4;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(max-width:950px){.spotlight h1{font-size:80px}.spotlight-kicker>span{display:none}.discipline-layout{gap:30px}.discipline-option span{font-size:23px}.designer-note{gap:40px}.designer-signature{font-size:45px}.designer-signature>span{font-size:70px}.spotlight-controls{gap:18px}}@media(max-width:680px){.spotlight{height:calc(100svh - 78px);min-height:720px;max-height:900px}.spotlight-content{padding-top:25px;padding-bottom:25px}.spotlight-picture{background-position:42% center}.spotlight-shade{background:linear-gradient(0deg,#0b1210fa 0%,#0b1210b8 50%,#0b12105f),linear-gradient(270deg,#0b1210c9,transparent)}html[dir=ltr] .spotlight-shade{background:linear-gradient(0deg,#0b1210fa 0%,#0b1210b8 50%,#0b12105f),linear-gradient(90deg,#0b1210c9,transparent)}.spotlight h1{font-size:58px;margin-top:85px;letter-spacing:-2px}.spotlight-intro{font-size:16px;line-height:1.8}.spotlight-bottom{flex-direction:column;align-items:stretch;gap:25px;padding-top:35px}.spotlight-project a{font-size:18px}.spotlight-controls{justify-content:space-between;gap:15px}.slide-tabs{gap:9px}.slide-tabs button{width:36px}.slide-counter{font-size:23px}.next-slide{width:39px;height:39px;font-size:22px}.intro-statement{padding-top:60px;padding-bottom:0;grid-template-columns:1fr;gap:22px}.intro-statement h2{font-size:31px}.intro-statement p{grid-column:auto;font-size:16px;margin:0}.intro-statement>.micro{padding:0}.editorial-grid{grid-template-columns:1fr;gap:35px}.editorial-grid .project:nth-child(n){grid-column:auto;padding-top:0}.editorial-grid .project:nth-child(n) .project-media{aspect-ratio:1.3}.editorial-grid .project-meta h3{font-size:20px}.discipline-layout{grid-template-columns:1fr;gap:30px;margin-top:25px}.discipline-option{padding:19px 0;gap:18px}.discipline-option span{font-size:23px}.stage-media{aspect-ratio:1.35}.designer-note{grid-template-columns:1fr;gap:40px}.designer-signature{font-size:50px;max-width:330px;margin-top:25px}.designer-note h2{font-size:35px}.designer-note p{font-size:17px}.contact-finale{padding:60px 0 65px}.contact-finale h2{font-size:42px;letter-spacing:-1px}.finale-actions{gap:25px}.finale-star{font-size:330px;top:0;left:-100px}}
/* Motion system: reveal, depth, cinematic slides and transitions */
.motion-reveal{opacity:0;translate:0 35px;transition:opacity .8s ease var(--reveal-delay,0ms),translate .85s cubic-bezier(.2,.65,.2,1) var(--reveal-delay,0ms)}.motion-reveal.is-revealed{opacity:1;translate:0 0}.project-media{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease-out;will-change:auto}.project-media:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#ffffff1c,transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}.project:hover .project-media:after{opacity:1}.btn,.circle-link{translate:var(--mag-x,0px) var(--mag-y,0px);transition:translate .25s ease-out,transform .25s,background .25s}.spotlight-picture{translate:0 var(--hero-shift,0px);animation:cinematic-drift 7.5s ease-out both;transform-origin:45% 45%}.spotlight h1{animation:headline-rise .85s cubic-bezier(.2,.7,.2,1) both}.spotlight-intro{animation:headline-rise .8s .12s both}.spotlight-content>.btn{animation:headline-rise .8s .22s both}.spotlight-project{animation:headline-rise .65s .15s both}.slide-tabs .current b{position:relative;background:#65786e}.slide-tabs .current b:after{content:'';position:absolute;left:0;top:0;bottom:0;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left;animation:slide-progress 7.5s linear forwards}.spotlight:hover .current b:after,.slideshow-paused .current b:after{animation-play-state:paused}.pause-slide{width:34px;height:34px;border:0;background:transparent;color:#d2e1d7;font-size:16px}.pause-slide:hover{color:var(--accent)}.spotlight-controls{gap:20px}.kinetic-strip{padding:24px 0;background:var(--accent);color:#13353b;overflow:hidden;direction:ltr}.kinetic-strip>div{display:flex;align-items:center;gap:38px;width:max-content;animation:kinetic-run 32s linear infinite}.kinetic-strip span{font:600 24px 'Manrope';letter-spacing:1px}.kinetic-strip b{font:400 30px 'Manrope'}.kinetic-strip:hover>div{animation-play-state:paused}.stage-media img{animation:stage-image .65s cubic-bezier(.2,.7,.2,1)}.stage-orbit{animation:orbit-breathe 6s ease-in-out infinite}.stage-orbit:before{animation:orbit-spin 14s linear infinite}.stage-orbit:after{animation:orbit-spin 18s linear infinite reverse}.designer-signature>span{filter:drop-shadow(0 0 25px color-mix(in srgb,var(--accent) 14.51%,transparent))}.header-actions .small-cta{transition:background .3s,color .3s,border-color .3s}.header-actions .small-cta:hover{background:var(--accent);color:#123035;border-color:var(--accent)}::view-transition-old(root){animation:page-out .2s ease both}::view-transition-new(root){animation:page-in .45s cubic-bezier(.2,.65,.2,1) both}@keyframes headline-rise{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes cinematic-drift{from{opacity:.5;transform:scale(1.09)}20%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes slide-progress{to{transform:scaleX(1)}}@keyframes kinetic-run{to{transform:translateX(-50%)}}@keyframes stage-image{from{transform:scale(1.08);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes orbit-breathe{50%{transform:scale(1.06)}}@keyframes orbit-spin{to{rotate:360deg}}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.kinetic-strip{padding:18px 0}.kinetic-strip span{font-size:17px}.kinetic-strip>div{gap:25px}.spotlight-controls{gap:10px}.slide-tabs{gap:7px}.slide-tabs button{width:30px}.pause-slide{width:25px}.motion-reveal{translate:0 20px}}@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;translate:none}.spotlight-picture,.project-media,.btn,.circle-link{translate:none;transform:none}.slide-tabs .current b:after{transform:scaleX(1)}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.project.motion-reveal{animation:none}
/* Personal portfolio direction — MS4DESIGN black & turquoise */
:root{--bg:#141717;--surface:#1d2221;--muted:#a5b1ac;--line:#343e39;--accent:var(--accent);--white:#f2f5f1}body{background:var(--bg)}header{height:86px;background:#191e1ded;border-bottom:1px solid #35413a}.header-actions{gap:18px}#quick-open{font-size:24px}#theme{font-size:22px;color:var(--accent)}.small-cta{border-radius:8px}.btn{border-radius:8px;padding:17px 24px}.btn:not(.primary){border-color:var(--accent)}.btn.primary{background:linear-gradient(115deg,var(--accent),var(--accent));color:#10292e;font-weight:700}.text-link:hover{color:var(--accent)}.profile-hero{position:relative;overflow:hidden;background-image:linear-gradient(#75b1bc09 1px,transparent 1px),linear-gradient(90deg,#75b1bc09 1px,transparent 1px);background-size:42px 42px;background-color:var(--bg);border-bottom:1px solid var(--line)}.profile-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 60%,color-mix(in srgb,var(--accent) 7.06%,transparent),transparent 65%);pointer-events:none}.profile-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;min-height:760px;padding-top:70px;padding-bottom:55px;position:relative}.hello{font-size:17px;font-weight:500;margin:0 0 23px;animation:headline-rise .65s both}.profile-text h1{font-size:clamp(48px,5.1vw,78px);font-weight:800;line-height:1.26;letter-spacing:-2px;margin:0 0 25px;animation:headline-rise .8s .08s both}.profile-text h1 em{font-style:normal;color:var(--accent);background:linear-gradient(100deg,var(--accent),var(--accent));background-clip:text;-webkit-text-fill-color:transparent}.profile-desc{font-size:17px;color:var(--muted);line-height:1.95;max-width:560px;animation:headline-rise .8s .16s both}.profile-text .buttons{animation:headline-rise .8s .24s both}.role-line{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-top:35px}.capability-icons{display:flex;gap:12px;margin-top:18px}.capability-icons a{width:58px;height:67px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:7px;gap:5px;transition:transform .3s,border-color .3s}.capability-icons a:hover{transform:translateY(-7px);border-color:var(--accent)}.capability-icons b{font:700 23px 'Manrope';color:var(--accent)}.capability-icons span{font:8px 'Manrope';color:var(--muted)}.profile-art{height:580px;position:relative;direction:ltr;translate:var(--art-x,0px) var(--art-y,0px);transition:translate .3s ease-out}.profile-grid-orb{position:absolute;width:400px;height:400px;left:5%;top:10%;border:1px solid color-mix(in srgb,var(--accent) 18.82%,transparent);border-radius:50%;box-shadow:0 0 100px color-mix(in srgb,var(--accent) 7.06%,transparent),inset 0 0 80px color-mix(in srgb,var(--accent) 5.1%,transparent)}.profile-grid-orb:before,.profile-grid-orb:after{content:'';position:absolute;inset:25px -25px;border:1px solid color-mix(in srgb,var(--accent) 16.47%,transparent);border-radius:50%;transform:rotate(55deg)}.profile-grid-orb:after{transform:rotate(-55deg)}.profile-asterisk{font:500 450px 'Manrope';color:var(--accent);position:absolute;top:0;left:0;line-height:1;opacity:.9;animation:profile-turn 45s linear infinite;filter:drop-shadow(0 0 35px color-mix(in srgb,var(--accent) 9.41%,transparent))}.profile-monogram{position:absolute;inset:70px 0 60px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:800 165px/.78 'Manrope';letter-spacing:-17px;color:#e5ebe7;transform:rotate(-9deg);text-shadow:0 3px #a4b4ab,0 6px #667a70,0 10px #40594c,0 22px 40px #0008;pointer-events:none}.profile-monogram>span:nth-child(2){padding-left:85px}.mono-four{font-size:50px;vertical-align:top;color:#0f3840;text-shadow:none;letter-spacing:-5px;margin-left:7px}.creative-stamp{position:absolute;top:20px;right:5px;width:115px;height:115px;border:1px solid #a9c8bb70;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transform:rotate(14deg);background:#14221be0}.creative-stamp span{font:7px 'Manrope';letter-spacing:1px;color:#d7e6e9}.creative-stamp b{font:34px 'Manrope';color:var(--accent)}.floating-work{position:absolute;width:170px;border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid #6ca58b55;box-shadow:0 18px 30px #0006;animation:float 7s ease-in-out infinite}.floating-work img{height:120px;width:100%;object-fit:cover;display:block}.floating-work small{font:8px 'Manrope';display:block;padding:12px;color:#c9ddd2;letter-spacing:1px}.work-one{left:-12px;bottom:50px;rotate:-10deg}.work-two{right:-15px;bottom:0;rotate:10deg;animation-delay:-3s}.profile-name{font:9px 'Manrope';letter-spacing:2px;color:var(--muted);position:absolute;bottom:-25px;left:10%}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:38px;padding-bottom:38px;border-bottom:1px solid var(--line)}.profile-stats>div{display:flex;align-items:center;justify-content:center;gap:20px;border-inline-end:1px solid var(--line)}.profile-stats>div:last-child{border:0}.profile-stats strong{font:600 56px 'Manrope';color:var(--white)}.profile-stats span{font-size:15px;color:var(--muted);max-width:130px;line-height:1.6}.purple-label{display:block;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:15px}.reference-services .section-heading h2,.reference-projects .section-heading h2,.focus-section .section-heading h2{font-size:clamp(35px,3.9vw,56px);line-height:1.35;font-weight:700}.reference-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.reference-service{padding:30px 28px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#25302a55,transparent);position:relative;transition:border-color .35s,background .35s,translate .35s}.reference-service:hover{border-color:var(--accent);background:#233d4266;translate:0 -7px}.service-glyph{font-size:40px;color:var(--accent);display:block;margin-bottom:22px}.reference-service>small{position:absolute;top:35px;inset-inline-end:28px;font:11px 'Manrope';color:var(--muted)}.reference-service h3{font-size:23px;font-weight:500;margin:0 0 16px}.reference-service p{font-size:15px;color:var(--muted);line-height:1.9;min-height:58px}.service-foot{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px}.service-foot b{font-size:22px;color:var(--accent)}.reference-projects{border-top:1px solid var(--line)}.reference-work-grid .project:nth-child(n){margin:0;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.reference-work-grid .project-media{border-radius:7px;aspect-ratio:1.4}.reference-work-grid .project-meta{padding:4px 5px}.reference-work-grid .project-meta h3{font-size:20px}.filter{border-radius:7px;padding:12px 20px}.filter.active{background:var(--accent);color:#112a2f;border-color:var(--accent)}.reference-marquee{border-block:1px solid var(--line);padding:33px 0;overflow:hidden;direction:ltr}.reference-marquee>div{display:flex;gap:40px;align-items:center;width:max-content;animation:kinetic-run 35s linear infinite}.reference-marquee span{font:700 44px 'Manrope';color:transparent;-webkit-text-stroke:1px #a9c7b780}.reference-marquee b{font:500 45px 'Manrope';color:var(--accent)}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.focus-grid article{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.focus-grid article>span{font:10px 'Manrope';letter-spacing:1px;color:var(--accent)}.focus-grid h3{font-size:23px;font-weight:500}.focus-grid p{line-height:1.9;color:var(--muted);font-size:16px}.personal-note{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px;align-items:center;border-top:1px solid var(--line)}.note-emblem{font:500 230px 'Manrope';color:var(--accent);text-align:center;animation:profile-turn 55s linear infinite;line-height:1}.personal-note h2{font-size:40px;line-height:1.4;margin:0 0 22px}.personal-note p{color:var(--muted);line-height:2;font-size:17px;max-width:680px}.reference-contact{padding:90px 0;background:radial-gradient(ellipse at 50% 100%,#1e71802e,transparent 70%),var(--surface);border-block:1px solid var(--line)}.reference-contact h2{font-size:clamp(36px,4.3vw,62px);margin:0 0 20px}.reference-contact p{font-size:18px;color:var(--muted);line-height:1.8}.whatsapp{background:var(--surface);border-color:var(--line)}.contact-form{border-radius:12px;border:1px solid var(--line)}dialog{margin:0 0 0 auto;min-height:100svh;width:min(460px,100%);max-width:100%;max-height:100svh;padding:70px 35px 35px;background:var(--surface);color:var(--white);border:0;border-inline-start:1px solid var(--line);animation:drawer-in .35s ease}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}#quick-close{position:absolute;top:20px;right:25px;background:transparent;border:0;color:var(--white);font-size:32px}dialog h2{font-size:45px;line-height:1.3;margin-bottom:40px}dialog>a{display:block;border-bottom:1px solid var(--line);padding:22px 0;font-size:19px}dialog small{font:11px 'Manrope';display:block;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}dialog .socials{font-size:12px}.header-actions button{min-height:36px;min-width:32px}.header-actions button:hover{color:var(--accent)}html[data-theme=light]{--bg:#f4f7f4;--surface:#e8eee9;--muted:#53655b;--line:#cad8ce;--white:#15282c;--accent:#086c7e}html[data-theme=light] header{background:#f4f7f4ed;border-color:var(--line)}html[data-theme=light] nav a{color:#435b4b}html[data-theme=light] .profile-text h1 em{background:linear-gradient(100deg,#086c7e,#1e95ab);background-clip:text}html[data-theme=light] .reference-service{background:var(--surface)}html[data-theme=light] .profile-monogram{color:#f4f8f5}html[data-theme=light] .reference-contact{background:var(--surface)}html[data-theme=light] .reference-marquee span{-webkit-text-stroke-color:#44685780}html[data-theme=light] .footbottom{color:var(--muted)}html[data-theme=light] .reference-service:hover{background:#d3e6e9}html[data-theme=light] .service-detail{background:var(--surface)}@keyframes profile-turn{to{rotate:360deg}}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:1050px){.profile-layout{gap:30px;min-height:700px}.profile-art{height:490px}.profile-asterisk{font-size:360px;top:30px}.profile-grid-orb{width:330px;height:330px;left:0;top:55px}.profile-monogram{font-size:140px;inset:80px 0 60px}.floating-work{width:140px}.floating-work img{height:95px}.work-one{left:-5px;bottom:50px}.work-two{right:0;bottom:10px}.creative-stamp{right:0;top:0;width:95px;height:95px}.creative-stamp span{font-size:6px}.reference-service-grid{gap:15px}.reference-service{padding:24px 20px}.reference-service h3{font-size:21px}.header-actions{gap:10px}nav{gap:19px}.personal-note{gap:40px}}@media(max-width:780px){header{height:78px;padding:0 5%}.small-cta{display:none}.profile-layout{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:50px;min-height:auto}.profile-text h1{font-size:clamp(43px,7.7vw,65px);max-width:630px;letter-spacing:-1px}.profile-text h1 br:first-child{display:none}.profile-desc{max-width:600px;font-size:17px}.profile-art{height:460px;max-width:450px;width:100%;margin:auto}.profile-asterisk{font-size:400px;left:15px;top:0}.profile-monogram{font-size:155px;inset:70px 0 60px}.profile-grid-orb{width:350px;height:350px;left:30px;top:30px}.creative-stamp{right:10px}.floating-work{width:145px}.floating-work img{height:100px}.work-one{left:0;bottom:25px}.work-two{right:5px;bottom:0}.profile-name{bottom:-25px;left:17%}.reference-service-grid{grid-template-columns:1fr 1fr}.profile-stats strong{font-size:43px}.profile-stats span{font-size:12px}.profile-stats>div{gap:12px}.focus-grid{grid-template-columns:1fr}.personal-note{grid-template-columns:.5fr 1fr;gap:25px}.note-emblem{font-size:150px}.personal-note h2{font-size:31px}.reference-marquee span{font-size:32px}.reference-work-grid{gap:22px}.reference-work-grid .project-meta h3{font-size:17px}}@media(max-width:680px){header nav{top:78px}.header-actions{gap:7px}#quick-open{font-size:22px}#theme{font-size:21px}.header-actions button{min-width:35px;min-height:40px}.profile-layout{padding-top:36px;gap:32px}.hello{font-size:15px;margin-bottom:20px}.profile-text h1{font-size:47px;line-height:1.3}.profile-desc{font-size:16px;line-height:1.9}.profile-text .buttons{gap:10px;margin-top:25px}.profile-text .btn{font-size:14px;padding:15px 17px;gap:10px;min-height:49px}.role-line{margin-top:28px;font-size:12px}.capability-icons{gap:8px;flex-wrap:wrap}.capability-icons a{width:48px;height:59px}.capability-icons b{font-size:21px}.capability-icons span{font-size:7px}.profile-art{height:400px;max-width:360px}.profile-asterisk{font-size:330px;left:8px;top:10px}.profile-grid-orb{width:280px;height:280px;top:40px;left:30px}.profile-monogram{font-size:135px;inset:60px 0 45px}.creative-stamp{width:85px;height:85px;right:0;top:0}.creative-stamp span{font-size:5.5px;letter-spacing:.6px}.creative-stamp b{font-size:28px}.floating-work{width:126px;border-radius:7px}.floating-work img{height:90px}.floating-work small{font-size:6.5px;padding:10px}.work-one{left:0;bottom:20px}.work-two{right:0;bottom:0}.profile-name{font-size:7px;letter-spacing:1.5px;left:13%;bottom:-23px}.profile-stats{padding-top:30px;padding-bottom:30px;gap:8px}.profile-stats>div{flex-direction:column;gap:10px;text-align:center;padding:0 5px}.profile-stats strong{font-size:40px}.profile-stats span{font-size:12px;line-height:1.5}.reference-service-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.reference-service{padding:25px}.reference-service h3{font-size:24px}.reference-service p{min-height:0;font-size:15px}.service-glyph{font-size:34px;margin-bottom:18px}.service-foot{margin-top:20px}.reference-services .section-heading h2,.reference-projects .section-heading h2,.focus-section .section-heading h2{font-size:35px}.reference-services .section-heading>div:last-child{width:100%}.reference-services .section-heading p{max-width:none;margin-bottom:18px}.reference-work-grid{grid-template-columns:1fr}.reference-work-grid .project:nth-child(n){padding:11px}.reference-work-grid .project-meta h3{font-size:19px;line-height:1.5}.reference-work-grid .project-meta{gap:10px}.reference-work-grid .project-media{aspect-ratio:1.3}.filters{gap:8px}.filter{font-size:12px;padding:12px 14px;min-height:44px}.reference-marquee{padding:23px 0}.reference-marquee>div{gap:25px}.reference-marquee span{font-size:28px}.reference-marquee b{font-size:30px}.personal-note{grid-template-columns:1fr;gap:30px}.note-emblem{font-size:120px;text-align:start;width:130px;height:130px;display:grid;place-items:center}.personal-note h2{font-size:33px}.personal-note p{font-size:16px}.reference-contact{padding:60px 0}.reference-contact h2{font-size:37px;line-height:1.35}.reference-contact p{font-size:16px}.reference-contact .buttons{gap:12px}.reference-contact .text-link{margin-inline:10px}.focus-grid article{padding:25px}.purple-label{font-size:12px}.whatsapp{font-size:11px;padding:12px 15px}footer{padding-bottom:30px}.contact-grid{gap:30px}.contact-form{padding:22px}.contact-form .btn{min-height:46px;margin-bottom:10px}.section-heading{gap:25px}dialog{padding:70px 25px 30px}dialog h2{font-size:39px}}@media(max-width:360px){.profile-text h1{font-size:41px}.profile-art{height:360px}.profile-asterisk{font-size:285px}.profile-monogram{font-size:120px}.profile-grid-orb{width:250px;height:250px;left:20px}.floating-work{width:110px}.floating-work img{height:78px}.creative-stamp{width:75px;height:75px}.capability-icons{gap:6px}.capability-icons a{width:43px}.header-actions{gap:3px}.profile-text .btn{font-size:13px;padding:14px}.profile-name{left:10%;font-size:6px}}@media(prefers-reduced-motion:reduce){.profile-art{translate:none}.profile-asterisk,.floating-work,.reference-marquee>div,.note-emblem{animation:none!important}.profile-text h1,.hello,.profile-desc,.profile-text .buttons{animation:none!important}}
/* Portrait composition and a stable typewriter heading */
.portrait-art{height:650px;align-self:end;isolation:isolate}.portrait-halo{position:absolute;inset:75px -10px 0;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--accent) 18.04%,transparent),transparent 67%);z-index:-2}.portrait-type{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:110%;height:95px;display:flex;align-items:center;justify-content:center;direction:ltr;font:900 clamp(48px,5.5vw,82px)/1 'Manrope';letter-spacing:-4px;color:var(--accent);z-index:-1;white-space:nowrap;text-shadow:0 0 50px color-mix(in srgb,var(--accent) 10.98%,transparent)}.type-caret{width:3px;height:.8em;background:var(--accent);margin-left:8px;animation:caret-blink .85s steps(1) infinite}.portrait-image{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:115%;height:100%;object-fit:contain;object-position:center bottom;display:block;max-width:none;mask-image:linear-gradient(#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(#000 92%,transparent 100%);pointer-events:none}.portrait-name{position:absolute;bottom:8px;left:0;right:0;text-align:center;z-index:2;font:8px 'Manrope';letter-spacing:2px;color:#b2ccc0}.profile-layout:has(.portrait-art){padding-bottom:0}.profile-layout:has(.portrait-art) .profile-text{padding-bottom:55px}.portrait-art:hover .portrait-image{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--accent) 10.2%,transparent))}@keyframes caret-blink{50%{opacity:0}}@media(max-width:1050px){.portrait-art{height:580px}.portrait-type{top:35px;font-size:58px;width:115%}.portrait-image{width:120%}}@media(max-width:780px){.portrait-art{height:560px;max-width:460px;margin-top:-20px}.portrait-type{top:25px;font-size:66px;width:100%}.profile-layout:has(.portrait-art) .profile-text{padding-bottom:0}.portrait-image{width:105%}}@media(max-width:680px){.portrait-art{height:455px;max-width:380px;margin-top:-5px}.portrait-type{top:20px;font-size:56px;letter-spacing:-3px;height:65px}.portrait-image{width:110%;height:100%}.portrait-name{font-size:7px;letter-spacing:1.5px;bottom:10px}.profile-layout:has(.portrait-art){gap:22px}.portrait-halo{inset:30px -5px 0}}@media(max-width:360px){.portrait-art{height:390px}.portrait-type{font-size:45px;letter-spacing:-2px;top:20px}.portrait-image{width:110%}}@media(prefers-reduced-motion:reduce){.type-caret{animation:none;display:none}}
@media(max-width:680px){.profile-text h1{font-size:41px;line-height:1.3}.profile-text h1 br:first-child{display:initial}.profile-desc{font-size:15px;line-height:1.85}.profile-text .capability-icons,.profile-text .role-line{display:none}.profile-text .buttons{margin-bottom:4px}.profile-layout:has(.portrait-art){gap:10px}.profile-art.portrait-art{margin-top:0}}@media(max-width:360px){.profile-text h1{font-size:36px}}
/* Poster lettering inspired by the supplied portrait artwork */
.portrait-type.poster-type{top:0;left:50%;width:120%;height:170px;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;align-items:center;letter-spacing:0;text-shadow:none}.designer-overline{font:500 16px/1.3 'Manrope',sans-serif;color:#f6fafb;letter-spacing:.5px;white-space:nowrap;padding-top:7px}.designer-overline strong{font-weight:800}.designer-word{display:flex;align-items:center;justify-content:center;direction:ltr;font:400 clamp(70px,7.5vw,112px)/1 'Anton','Impact',sans-serif;letter-spacing:-1px;width:100%;height:145px;transform:skewX(-7deg);color:var(--accent);filter:drop-shadow(0 2px 12px color-mix(in srgb,var(--accent) 9.02%,transparent))}.designer-letter{display:inline-block;transform-origin:center center;flex:0 0 auto;transition:opacity .07s linear}.designer-letter:nth-child(1){transform:translateY(-4px) rotate(-9deg) scaleY(1.18)}.designer-letter:nth-child(2){transform:translateY(5px) rotate(-6deg) scaleY(1.1)}.designer-letter:nth-child(3){transform:translateY(13px) rotate(-3deg) scaleY(1.02)}.designer-letter:nth-child(4){transform:translateY(18px) rotate(-1deg) scaleY(.97)}.designer-letter:nth-child(5){transform:translateY(18px) rotate(2deg) scaleY(.97)}.designer-letter:nth-child(6){transform:translateY(12px) rotate(4deg) scaleY(1.02)}.designer-letter:nth-child(7){transform:translateY(4px) rotate(7deg) scaleY(1.1)}.designer-letter:nth-child(8){transform:translateY(-5px) rotate(10deg) scaleY(1.18)}html[data-theme=light] .designer-overline{color:var(--white)}@media(max-width:1050px){.portrait-type.poster-type{width:118%;top:5px;height:145px}.designer-word{font-size:85px;height:115px}.designer-overline{font-size:12px}}@media(max-width:780px){.portrait-type.poster-type{width:110%;top:0;height:145px}.designer-word{font-size:88px;height:115px}.designer-overline{font-size:14px}}@media(max-width:680px){.portrait-type.poster-type{width:104%;top:0;height:125px;gap:2px}.designer-word{font-size:69px;height:96px;letter-spacing:-1px}.designer-overline{font-size:11px;letter-spacing:.3px}.designer-letter:nth-child(1){transform:translateY(-3px) rotate(-9deg) scaleY(1.15)}.designer-letter:nth-child(2){transform:translateY(3px) rotate(-6deg) scaleY(1.07)}.designer-letter:nth-child(3){transform:translateY(8px) rotate(-3deg)}.designer-letter:nth-child(4){transform:translateY(11px) rotate(-1deg) scaleY(.96)}.designer-letter:nth-child(5){transform:translateY(11px) rotate(2deg) scaleY(.96)}.designer-letter:nth-child(6){transform:translateY(8px) rotate(4deg)}.designer-letter:nth-child(7){transform:translateY(3px) rotate(7deg) scaleY(1.07)}.designer-letter:nth-child(8){transform:translateY(-3px) rotate(10deg) scaleY(1.15)}}@media(max-width:360px){.designer-word{font-size:58px;height:85px}.designer-overline{font-size:9px}.portrait-type.poster-type{height:110px}}@media(prefers-reduced-motion:reduce){.designer-letter{opacity:1!important;transition:none}}
/* Detailed services page */
.services-intro{text-align:center;padding-top:100px;padding-bottom:75px;max-width:1140px}.services-badge{display:inline-block;background:linear-gradient(110deg,var(--accent),var(--accent));color:#0c2a30;padding:14px 23px;font-size:13px;font-weight:700;border-radius:13px;margin-bottom:25px}.services-intro h1{font-size:clamp(40px,4.8vw,70px);font-weight:700;line-height:1.4;letter-spacing:-1.5px;margin:0 auto 25px;max-width:1000px;animation:headline-rise .8s both}.services-intro h1>span{color:#8e9e96}.services-intro h1 em{font-style:normal;color:var(--accent)}.services-intro>p{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.9;animation:headline-rise .8s .1s both}.services-jump{display:inline-flex;gap:15px;margin-top:30px;color:var(--muted);font-size:11px;letter-spacing:1.5px;min-height:44px;align-items:center}.services-jump:hover{color:var(--accent)}.services-catalog{max-width:1240px;padding-bottom:50px}.service-showcase{padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:40px;overflow:hidden}.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.showcase-number{font:10px 'Manrope';letter-spacing:2px;color:var(--accent)}.showcase-heading h2{font-size:36px;font-weight:500;margin:12px 0}.showcase-heading p{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.showcase-arrow{width:52px;height:52px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:28px;transition:background .3s,color .3s,rotate .3s}.showcase-arrow:hover{background:var(--accent);color:var(--bg);rotate:45deg}.showcase-image{aspect-ratio:2.05;border-radius:12px;overflow:hidden;background:var(--bg);margin-bottom:15px}.showcase-image>a{width:100%;height:100%;display:block;position:relative}.showcase-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.showcase-image:hover img{transform:scale(1.035)}.showcase-image-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#051012e6);padding:40px 22px 18px;color:#f0f6f2;font-size:13px}.showcase-detail{display:grid;grid-template-columns:1fr 3fr;gap:35px;padding:25px 0;border-bottom:1px solid var(--line)}.showcase-detail h3{font-size:16px;font-weight:700;line-height:1.7;margin:0}.showcase-detail p{font-size:16px;color:var(--muted);line-height:1.85;margin:0}.showcase-footer{padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.showcase-footer>span{font-size:12px;color:var(--muted)}.showcase-footer .text-link{font-size:14px}.service-stats{padding-top:20px;padding-bottom:55px;border-top:0}.services-contact-block{background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 3.53%,transparent),transparent);border-top:1px solid var(--line)}.services-contact-block .page-intro{padding-top:0}.services-contact-block .page-title{font-size:clamp(36px,4vw,58px)}.service-concept{width:100%;height:100%;padding:35px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 50%,#1b7f914d,transparent 60%),#102327;overflow:hidden;direction:ltr}.concept-lines{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(color-mix(in srgb,var(--accent) 9.02%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 9.02%,transparent) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateY(-10deg) scale(1.2)}.concept-caption{font:9px 'Manrope';letter-spacing:2px;color:#a4c5cb}.service-concept strong{font:700 clamp(30px,4.2vw,63px)/1.15 'Manrope';letter-spacing:-2px;display:block;color:var(--accent);margin-top:30px;position:relative;z-index:2}.concept-spark{position:absolute;right:8%;top:12%;font:300 clamp(120px,16vw,240px)/1 'Manrope';color:color-mix(in srgb,var(--accent) 50.2%,transparent);animation:profile-turn 35s linear infinite}.concept-motion strong{font-style:italic;animation:motion-word 5s ease-in-out infinite}.concept-motion .concept-spark{animation:motion-word 5s ease-in-out infinite reverse}.concept-motion .concept-lines{transform:skew(-15deg) scale(1.2)}@keyframes motion-word{0%,100%{translate:0 0}50%{translate:20px -7px}}@media(max-width:900px){.services-intro{padding-top:75px}.services-intro h1{font-size:50px}.service-showcase{padding:30px}.showcase-image{aspect-ratio:1.7}.showcase-detail{grid-template-columns:1fr 2.5fr;gap:25px}.showcase-heading h2{font-size:31px}}@media(max-width:680px){.services-intro{padding-top:50px;padding-bottom:45px}.services-badge{font-size:11px;padding:12px 19px;margin-bottom:23px;border-radius:10px}.services-intro h1{font-size:35px;line-height:1.5;letter-spacing:-.5px}.services-intro h1 br{display:none}.services-intro>p{font-size:16px;line-height:1.85}.services-jump{margin-top:18px;font-size:10px}.services-catalog{padding-bottom:20px}.service-showcase{padding:21px 19px;border-radius:13px;margin-bottom:25px}.showcase-heading{align-items:start;gap:14px;margin-bottom:23px}.showcase-number{font-size:8px;letter-spacing:1.3px}.showcase-heading h2{font-size:27px;line-height:1.4;margin:11px 0}.showcase-heading p{font-size:14px;line-height:1.7}.showcase-arrow{width:43px;height:43px;font-size:24px;margin-top:20px}.showcase-image{aspect-ratio:1.3;border-radius:8px}.showcase-image-label{font-size:11px;padding:30px 14px 13px}.showcase-detail{grid-template-columns:1fr;gap:9px;padding:21px 0}.showcase-detail h3{font-size:16px;color:var(--white)}.showcase-detail p{font-size:14px;line-height:1.9}.showcase-footer{flex-direction:column;align-items:start;gap:17px;padding-top:22px}.showcase-footer .text-link{font-size:13px;line-height:1.7;white-space:normal;min-height:44px;display:inline-flex;align-items:center}.service-stats{padding-bottom:35px}.service-concept{padding:22px}.service-concept strong{font-size:35px;letter-spacing:-1px;margin-top:23px}.concept-spark{font-size:135px;right:2%;top:18%}.concept-caption{font-size:7px;letter-spacing:1.2px}.services-contact-block .section{padding-top:50px}}@media(max-width:360px){.services-intro h1{font-size:31px}.showcase-heading h2{font-size:23px}.showcase-arrow{width:40px;height:40px}.service-showcase{padding:18px 16px}.service-concept strong{font-size:30px}.showcase-number{font-size:7px}}@media(prefers-reduced-motion:reduce){.concept-spark,.concept-motion strong{animation:none!important}}
@media(max-width:680px){.services-intro h1 br{display:initial}}
/* Complete main navigation */
header nav{gap:25px}header nav>a,header nav summary{font-size:15px;white-space:nowrap}#pages-menu{position:relative}#pages-menu summary{cursor:pointer;list-style:none;color:#bec5c1;display:flex;gap:7px;align-items:center;min-height:44px}#pages-menu summary:after{content:'⌄';font-size:12px;color:var(--muted)}#pages-menu summary::-webkit-details-marker{display:none}#pages-menu summary:hover,#pages-menu.active summary,#pages-menu[open] summary{color:var(--accent)}#pages-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.pages-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-start:-20px;width:185px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 15px 35px #0005;animation:enter .2s both;z-index:40}.pages-dropdown a{display:block;padding:13px 12px;border-radius:5px;font-size:14px}.pages-dropdown a:hover{background:color-mix(in srgb,var(--accent) 7.84%,transparent)}.studio-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.studio-note-card{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;align-items:start;transition:translate .3s,border-color .3s}.studio-note-card:hover{translate:0 -5px;border-color:var(--accent)}.note-number{font-size:11px;letter-spacing:1px;color:var(--accent)}.studio-note-card h2{font-size:27px;line-height:1.5;font-weight:500;margin:25px 0 15px}.studio-note-card p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:30px}.studio-note-card .text-link{margin-top:auto;font-size:14px}.studio-article{max-width:1000px}.studio-article .page-intro{margin-top:25px}.article-body{font-size:19px;line-height:2.1;color:var(--muted);margin:30px 0 45px}.article-body p{margin-bottom:25px}html[data-theme=light] #pages-menu summary{color:#435b4b}@media(max-width:1100px){header nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--surface);padding:22px 5.5%;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);max-height:calc(100svh - 86px);overflow-y:auto}header nav.open{display:flex}header nav>a{padding:14px 8px;min-height:46px}#menu{display:block;font-size:22px}#pages-menu summary{padding:14px 8px;min-height:46px}.pages-dropdown{position:static;width:100%;box-shadow:none;margin:0 0 10px;background:var(--bg)}.header-actions{gap:13px}.studio-note-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){header nav{top:78px;max-height:calc(100svh - 78px)}}@media(max-width:680px){header nav{padding:15px 5.5%}header nav>a,header nav summary{font-size:16px}.header-actions{gap:7px}.studio-note-grid{grid-template-columns:1fr;gap:20px}.studio-note-card{padding:25px}.studio-note-card h2{font-size:25px}.article-body{font-size:17px;line-height:2}.studio-article .page-title{font-size:35px}}
/* Companion portfolio, journal and utility pages */
.dropdown-divider{border-top:1px solid var(--line);margin:7px 8px}.centered-page-intro{text-align:center;max-width:1000px;margin:0 auto 45px}.centered-page-intro h1{font-size:clamp(39px,4.5vw,66px);font-weight:700;line-height:1.4;letter-spacing:-1.5px;margin:0 auto 25px}.centered-page-intro h1>span{color:#8d9c94}.centered-page-intro h1 em{font-style:normal;color:var(--accent)}.centered-page-intro p{max-width:730px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.9}.portfolio-page{padding-top:85px}.portfolio-filters{justify-content:center}.portfolio-result{text-align:center;margin:0 0 32px}.portfolio-grid{gap:32px}.portfolio-grid .project:nth-child(n){padding:16px}.portfolio-grid .project-media{aspect-ratio:1.35}.portfolio-grid .project-meta{padding:8px 6px 2px}.portfolio-grid .project-meta h3{line-height:1.5;font-size:22px}.shared-contact{background:var(--surface);border-top:1px solid var(--line)}.shared-contact .section{padding-top:70px}.shared-contact .page-intro{padding-top:0}.shared-contact .page-title{color:var(--accent);font-size:52px}.contact-form-title{font-size:28px;font-weight:600;line-height:1.4;margin:0 0 28px}.contact-form{background:transparent;border:0;padding-top:0}.shared-contact .contact-form{padding:0}.contact-info>a{position:relative;padding:20px 0 25px;padding-inline-start:80px;border-bottom:0;min-height:90px}.contact-info>a:before{position:absolute;inset-inline-start:0;top:20px;width:58px;height:58px;border:1px solid var(--accent);border-radius:13px;background:var(--bg);display:grid;place-items:center;font:25px 'Manrope';color:var(--accent);content:'↗'}.contact-info>a:first-child:before{content:'✉'}.contact-info>a:nth-child(2):before{content:'◉'}.contact-info small{margin-bottom:8px;font-size:14px}.contact-info strong{font-size:15px;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{background:var(--bg);border-color:#4b5a51;border-radius:8px;padding:16px}.contact-form textarea{min-height:180px}.studio-blog{padding-top:85px}.studio-note-card.blog-visual-card{padding:0;display:block;overflow:hidden}.blog-cover{position:relative;aspect-ratio:1.45;overflow:hidden}.blog-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s;display:block}.blog-visual-card:hover img{transform:scale(1.05)}.blog-cover>span{position:absolute;bottom:17px;inset-inline-end:17px;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--accent);color:#102e33;font-size:24px}.blog-card-copy{padding:26px}.blog-card-copy h2{font-size:25px;margin-top:18px}.blog-card-copy .note-number{font-size:9px;letter-spacing:.5px}.pricing-page{padding-top:85px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px;align-items:stretch}.pricing-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:35px 28px;background:var(--surface);display:flex;flex-direction:column}.pricing-card.highlighted{border-color:var(--accent);background:linear-gradient(color-mix(in srgb,var(--accent) 7.84%,transparent),transparent),var(--surface)}.plan-badge{position:absolute;top:-15px;inset-inline-start:24px;background:var(--accent);color:#103137;border-radius:6px;padding:9px 13px;font-size:10px;font-weight:700}.pricing-card h2{font-size:27px;font-weight:500;margin:24px 0 12px;line-height:1.4}.pricing-card>p{line-height:1.8;color:var(--muted);font-size:15px;margin:0}.plan-price{font-size:25px;font-weight:500;padding:28px 0;border-bottom:1px solid var(--line);line-height:1.5}.plan-price small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:9px}.pricing-card ul{list-style:none;padding:0;margin:25px 0 35px;font-size:14px;line-height:1.8}.pricing-card li{display:flex;gap:12px;margin-bottom:18px}.pricing-card li>span{color:var(--accent)}.pricing-card .btn{margin-top:auto;width:100%;font-size:14px}.pricing-note{font-size:14px;text-align:center;color:var(--muted);line-height:1.9;max-width:900px;margin:30px auto 0}.pricing-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;margin-top:90px}.pricing-faq h2{font-size:40px;margin:0}.pricing-faq details{padding:22px 0;border-bottom:1px solid var(--line)}.pricing-faq summary{cursor:pointer;font-size:19px;line-height:1.6}.pricing-faq details p{color:var(--muted);line-height:1.9;font-size:16px;margin-bottom:0}.error-page{padding-top:60px;padding-bottom:100px;text-align:center;min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-art{display:flex;align-items:center;justify-content:center;gap:15px;font:700 clamp(90px,15vw,210px)/1 'Manrope';color:var(--accent);margin-bottom:40px;direction:ltr}.error-zero{font:400 clamp(90px,15vw,210px)/1 'Manrope';animation:profile-turn 35s linear infinite}.error-page h1{font-size:36px;line-height:1.4;margin:10px 0 20px}.error-page>p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.9;margin:0}.error-page .buttons{justify-content:center}.coming-page{padding-top:80px;padding-bottom:100px;min-height:85vh;text-align:center;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.coming-page h1{font-size:clamp(50px,6vw,86px);line-height:1.3;margin:0 0 25px;letter-spacing:-2px}.coming-page h1 em{font-style:normal;color:var(--accent)}.coming-page>p{max-width:650px;font-size:18px;line-height:1.9;color:var(--muted);margin:0}.coming-page .buttons{justify-content:center}.coming-orbit{position:absolute;top:60px;width:550px;height:550px;border:1px solid color-mix(in srgb,var(--accent) 10.2%,transparent);border-radius:50%;z-index:-1}.coming-orbit:after{position:absolute;content:'';inset:40px -60px;border:1px solid color-mix(in srgb,var(--accent) 8.24%,transparent);border-radius:50%;transform:rotate(60deg)}.coming-orbit>span{position:absolute;top:45px;left:40px;font-size:85px;color:color-mix(in srgb,var(--accent) 30.2%,transparent);animation:profile-turn 30s linear infinite}.coming-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:30px;direction:ltr}.coming-tags span{padding:9px 15px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font:10px 'Manrope';letter-spacing:1px}@media(max-width:1050px){.pricing-grid{gap:18px}.pricing-card{padding:30px 22px}.pricing-card h2{font-size:23px}.pricing-card .plan-price{font-size:23px}.pricing-faq{gap:35px}.portfolio-grid .project-meta h3{font-size:20px}.studio-note-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){.pricing-grid{grid-template-columns:1fr;gap:35px;max-width:530px;margin-inline:auto}.pricing-card{padding:35px}.pricing-faq{grid-template-columns:1fr;gap:20px}.pricing-card h2{font-size:28px}.pricing-card .plan-price{font-size:27px}.centered-page-intro h1{font-size:47px}.portfolio-grid{gap:25px}.shared-contact .contact-grid{gap:35px}}@media(max-width:680px){.portfolio-page,.studio-blog,.pricing-page{padding-top:50px}.centered-page-intro{margin-bottom:30px}.centered-page-intro h1{font-size:35px;line-height:1.5;letter-spacing:-.5px}.centered-page-intro p{font-size:16px;line-height:1.9}.portfolio-filters{justify-content:flex-start}.portfolio-grid .project:nth-child(n){padding:11px}.portfolio-grid .project-meta h3{font-size:19px}.portfolio-grid .project-meta{padding:5px 3px}.portfolio-grid{gap:25px}.studio-note-grid{grid-template-columns:1fr}.blog-card-copy{padding:23px}.blog-card-copy h2{font-size:25px}.shared-contact .section{padding-top:50px}.shared-contact .page-title{font-size:40px}.contact-form-title{font-size:26px}.contact-info>a{padding-inline-start:68px;min-height:88px}.contact-info>a:before{width:49px;height:49px;border-radius:10px;font-size:22px}.contact-info strong{font-size:12px}.contact-info small{font-size:13px}.contact-form{padding:0}.pricing-grid{margin-top:40px}.pricing-card{padding:30px 25px}.pricing-card h2{font-size:27px}.pricing-card ul{font-size:15px}.pricing-note{font-size:13px}.pricing-faq{margin-top:60px}.pricing-faq h2{font-size:35px}.pricing-faq summary{font-size:17px}.pricing-faq details p{font-size:15px}.error-art{gap:9px;font-size:110px;margin-bottom:30px}.error-zero{font-size:110px}.error-page{padding-top:55px;padding-bottom:65px}.error-page h1{font-size:29px}.error-page>p{font-size:16px}.error-page .btn{font-size:13px}.coming-page{padding-top:70px;padding-bottom:75px}.coming-page h1{font-size:53px}.coming-page>p{font-size:16px}.coming-orbit{width:330px;height:330px;top:90px}.coming-orbit>span{font-size:60px;top:0;left:0}.coming-tags{gap:7px}.coming-tags span{font-size:9px;padding:9px 11px}.coming-page .btn{font-size:14px}}@media(max-width:360px){.centered-page-intro h1{font-size:31px}.pricing-card{padding:28px 20px}.error-art,.error-zero{font-size:95px}.coming-page h1{font-size:45px}.contact-info strong{font-size:11px}}
/* Rotating portrait orbits and creative software marks */
.portrait-motion{position:absolute;inset:85px -8px 18px;z-index:2;pointer-events:none;direction:ltr}.portrait-ring{position:absolute;inset:1% 3%;border:1px dashed color-mix(in srgb,var(--accent) 28.24%,transparent);border-radius:50%;pointer-events:none}.ring-outer{rotate:-18deg;animation:portrait-ring-turn 60s linear infinite}.ring-inner{inset:9% -2%;border-style:solid;border-color:color-mix(in srgb,var(--accent) 12.16%,transparent);rotate:20deg;animation:portrait-ring-turn 72s linear infinite reverse}.ring-accent{inset:4% 7%;border:2px solid transparent;border-right-color:color-mix(in srgb,var(--accent) 37.65%,transparent);border-bottom-color:color-mix(in srgb,var(--accent) 6.27%,transparent);animation:portrait-ring-turn 34s linear infinite}.orbit-tool{position:absolute;left:0;top:0;width:50px;height:50px;border:1px solid #547c6a88;background:#14211deF;border-radius:14px;display:grid;place-items:center;box-shadow:0 8px 25px #0005,0 0 14px color-mix(in srgb,var(--accent) 3.53%,transparent);offset-path:ellipse(46% 44% at 50% 50%);offset-distance:var(--start);offset-rotate:0deg;animation:portrait-tool-orbit 48s linear infinite}.orbit-tool img{width:29px;height:29px;object-fit:contain;border-radius:6px}.orbit-tool:nth-last-child(3),.orbit-tool:nth-last-child(1){background:#182f33f5}.orbit-particles{position:absolute;inset:0;animation:portrait-ring-turn 28s linear infinite}.orbit-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50.2%,transparent)}.orbit-particles i:nth-child(1){top:7%;left:25%}.orbit-particles i:nth-child(2){bottom:7%;right:25%;width:3px;height:3px}.orbit-particles i:nth-child(3){top:48%;right:0;width:4px;height:4px}.portrait-art:hover .orbit-tool,.portrait-art:hover .portrait-ring,.portrait-art:hover .orbit-particles{animation-play-state:paused}.creative-tools{gap:10px;flex-wrap:wrap;direction:ltr}.tool-chip{width:69px;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 5px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);transition:translate .25s,border-color .25s,box-shadow .25s}.tool-chip>img{display:block;width:34px;height:34px;object-fit:contain;border-radius:6px}.tool-chip>span{font:500 8px/1.2 'Manrope';white-space:nowrap;color:var(--muted)}.tool-chip:hover,.tool-chip:focus-visible{translate:0 -6px;border-color:var(--accent);box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 7.06%,transparent)}.tool-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html[data-theme=light] .tool-chip{background:#dce8df}html[data-theme=light] .tool-chip:nth-child(4){background:#263e42}.portrait-type.poster-type{z-index:0}.portrait-image{z-index:1}.portrait-name{z-index:3}.portrait-motion{contain:layout style}@keyframes portrait-ring-turn{to{rotate:360deg}}@keyframes portrait-tool-orbit{from{offset-distance:var(--start)}to{offset-distance:calc(var(--start) + 100%)}}@supports not (offset-path:ellipse(46% 44% at 50% 50%)){.orbit-tool{animation:none;left:0;top:20%}.orbit-tool:nth-last-child(2){left:auto;right:0;top:20%}.orbit-tool:nth-last-child(3){left:auto;right:0;top:65%}.orbit-tool:nth-last-child(4){left:45%;top:auto;bottom:0}.orbit-tool:nth-last-child(5){top:70%}.orbit-tool:nth-last-child(6){left:45%;top:0}}@media(max-width:1050px){.orbit-tool{width:43px;height:43px;border-radius:12px}.orbit-tool img{width:25px;height:25px}.creative-tools{gap:8px}.tool-chip{width:60px;min-height:72px}.tool-chip img{width:31px;height:31px}.tool-chip span{font-size:7px}.portrait-motion{inset:90px -8px 20px}}@media(max-width:780px){.portrait-motion{inset:70px 1px 18px}.orbit-tool{width:43px;height:43px}.profile-text .creative-tools{display:flex}}@media(max-width:680px){.profile-text .creative-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:100%;gap:6px;margin-top:23px}.tool-chip{width:100%;min-height:66px;gap:7px;padding:10px 2px 8px;border-radius:7px}.tool-chip img{width:28px;height:28px}.tool-chip span{font-size:6px;letter-spacing:-.1px}.portrait-motion{inset:65px 0 15px}.orbit-tool{width:35px;height:35px;border-radius:10px;animation-duration:56s}.orbit-tool img{width:21px;height:21px}.portrait-ring{border-color:color-mix(in srgb,var(--accent) 23.14%,transparent)}.ring-accent{border-color:transparent;border-right-color:color-mix(in srgb,var(--accent) 31.37%,transparent)}.portrait-art:hover .orbit-tool,.portrait-art:hover .portrait-ring,.portrait-art:hover .orbit-particles{animation-play-state:running}}@media(max-width:360px){.profile-text .creative-tools{grid-template-columns:repeat(3,minmax(0,1fr));max-width:285px;gap:8px}.tool-chip{min-height:59px;flex-direction:row;gap:8px;padding:10px 6px}.tool-chip img{width:25px;height:25px}.tool-chip span{font-size:7px;white-space:normal}.portrait-motion{inset:60px 0 15px}.orbit-tool{width:31px;height:31px;border-radius:8px}.orbit-tool img{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.orbit-tool,.portrait-ring,.orbit-particles{animation:none!important}.tool-chip{transition:none}.tool-chip:hover,.tool-chip:focus-visible{translate:none}.orbit-tool{offset-distance:var(--start)}}
.portrait-image{z-index:3}.portrait-name{z-index:4}@media(max-width:680px){.profile-text .creative-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tool-chip{flex-direction:row;gap:8px;min-height:57px;padding:10px 7px}.tool-chip span{font-size:8px;white-space:normal;line-height:1.35}.tool-chip img{width:27px;height:27px;flex-shrink:0}}

/* All pages are direct navigation links. */
@media(min-width:1101px){header{height:auto;min-height:98px;flex-wrap:wrap;column-gap:24px;row-gap:14px;padding-top:18px;padding-bottom:14px}header nav{order:3;flex-basis:100%;justify-content:center;gap:clamp(16px,2.2vw,34px);flex-wrap:wrap}header nav>a{font-size:14px;white-space:nowrap;padding:4px 0}.header-actions{margin-inline-start:auto}}

/* Supplied vector brand artwork */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:0;letter-spacing:normal}.brand-logo{display:block;width:230px;max-width:100%;height:auto}footer .brand-logo{width:260px}html[data-theme=light] .brand{background:#101212;border-radius:8px;padding:8px 10px}@media(max-width:680px){header .brand-logo{width:165px}footer .brand-logo{width:220px}}@media(max-width:360px){header .brand-logo{width:140px}.header-actions{gap:4px}}

.about-visual .about-logo{display:block;width:min(82%,360px);height:auto;object-fit:contain;margin:30px auto}.about-visual:has(.about-logo){padding:20px 12px;background:radial-gradient(circle at center,#1a3b41,#131918 70%)}.about-visual:has(.about-logo):after{content:none}@media(max-width:680px){.about-visual .about-logo{width:min(85%,300px);margin:10px auto}}

/* Expanded creative toolkit: six tiles, then five; three columns on phones. */
.creative-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:530px;gap:9px}.creative-tools .tool-chip{width:100%;min-width:0;min-height:78px;flex-direction:column;padding:10px 4px;gap:8px}.creative-tools .tool-chip span{font-size:8px;line-height:1.4;white-space:normal;text-align:center}.creative-tools .tool-chip img{width:31px;height:31px;flex-shrink:0}.orbit-tool{animation-duration:64s}@media(max-width:680px){.creative-tools{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%;gap:8px}.creative-tools .tool-chip{min-height:66px;flex-direction:row;padding:9px 6px;gap:7px}.creative-tools .tool-chip img{width:25px;height:25px}.creative-tools .tool-chip span{font-size:8px;text-align:start}.orbit-tool{width:37px;height:37px;animation-duration:72s}.orbit-tool img{width:24px;height:24px}}

.service-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:36px auto 28px;max-width:1160px;text-align:start}.service-shortcut{display:flex;align-items:center;gap:12px;min-height:80px;padding:18px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:15px;line-height:1.6;transition:border-color .2s,transform .2s,background .2s}.shortcut-num{font:11px 'Manrope',sans-serif;color:var(--accent);align-self:flex-start;padding-top:5px}.shortcut-arrow{margin-inline-start:auto;color:var(--accent);font-size:20px}.service-shortcut:hover{border-color:var(--accent);transform:translateY(-3px);background:color-mix(in srgb,var(--surface) 94%,var(--accent))}.service-shortcut:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:1000px){.service-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.service-shortcuts{gap:8px;margin-top:28px}.service-shortcut{font-size:13px;gap:7px;padding:13px 10px;min-height:80px}.shortcut-num{font-size:9px}.shortcut-arrow{font-size:16px}}@media(prefers-reduced-motion:reduce){.service-shortcut{transition:none}.service-shortcut:hover{transform:none}}

/* Brand accent sampled from the supplied header SVG: var(--accent). */
:root,html[data-theme=light]{--accent:var(--accent)}.btn.primary,.filter.active,.services-badge,.plan-badge{color:#102229}html[data-theme=light] .purple-label,html[data-theme=light] .showcase-number,html[data-theme=light] .shortcut-num,html[data-theme=light] .shortcut-arrow,html[data-theme=light] nav a.active{color:#237384}

.portfolio-all{text-align:center;margin:32px 0 16px}.portfolio-categories{max-width:none;margin:0 0 28px}.portfolio-categories .service-shortcut{color:var(--white);font-family:inherit;text-align:start;cursor:pointer}.portfolio-categories .service-shortcut.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}.portfolio-empty{grid-column:1/-1;text-align:center;border:1px solid var(--line);border-radius:12px;padding:55px 20px;background:var(--surface)}.portfolio-empty h2{font-size:24px;line-height:1.6}.portfolio-empty p{color:var(--muted);line-height:1.8}.portfolio-empty .btn{margin-top:14px}

/* Short first-visit brand opening, with a CSS-only timeout fallback. */
.brand-intro{display:none}.intro-active{overflow:hidden}.intro-active .brand-intro{display:flex}.brand-intro{position:fixed;inset:0;z-index:10000;background:#050708;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;direction:ltr}.intro-ambient{position:absolute;width:min(90vw,850px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 7.06%,transparent) 0%,color-mix(in srgb,var(--accent) 1.96%,transparent) 35%,transparent 67%);animation:intro-ambient 2.3s ease both;pointer-events:none}.intro-stage{position:relative;display:flex;flex-direction:column;align-items:center;width:min(72vw,460px);animation:intro-enter 1.1s cubic-bezier(.2,.8,.2,1) both}.intro-logo-wrap{position:relative;width:100%;isolation:isolate}.intro-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--accent) 14.12%,transparent));animation:intro-logo-focus 1.3s ease-out both}.intro-shimmer{position:absolute;inset:-8% -10%;background:linear-gradient(110deg,transparent 35%,#b6efff00 43%,#b6efff9c 50%,#b6efff00 57%,transparent 65%);mix-blend-mode:screen;background-size:250% 100%;background-position:180% 0;animation:intro-sweep 1s .55s ease-in-out both;pointer-events:none;mask-image:url('assets/ms4design-logo.svg');mask-size:83.33% 86.2%;mask-position:center;mask-repeat:no-repeat}.intro-rule{width:46px;height:2px;background:var(--accent);margin:32px 0 19px;transform-origin:center;animation:intro-rule 1.6s .25s ease both;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 37.65%,transparent)}.intro-caption{font:500 clamp(8px,1.8vw,10px)/1.7 'Manrope',sans-serif;letter-spacing:clamp(3px,.6vw,5px);color:#a4cbd3;text-align:center;animation:intro-caption 1.2s .4s ease both}.intro-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));inset-inline-end:clamp(24px,5vw,70px);border:1px solid color-mix(in srgb,var(--accent) 18.82%,transparent);border-radius:30px;background:transparent;color:#a5bdc2;padding:10px 17px;font-size:12px;transition:color .2s,border-color .2s}.intro-skip:hover{color:var(--accent);border-color:var(--accent)}.brand-intro.intro-leaving{display:flex;pointer-events:none;animation:intro-exit .6s cubic-bezier(.2,.6,.2,1) forwards}.intro-leaving .intro-stage{animation:intro-logo-exit .6s ease forwards}@keyframes intro-enter{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes intro-logo-focus{from{filter:blur(7px) drop-shadow(0 0 0 color-mix(in srgb,var(--accent) 0.0%,transparent))}to{filter:blur(0) drop-shadow(0 0 15px color-mix(in srgb,var(--accent) 14.12%,transparent))}}@keyframes intro-sweep{from{background-position:180% 0}to{background-position:-80% 0}}@keyframes intro-rule{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes intro-caption{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes intro-ambient{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1.08)}}@keyframes intro-exit{to{opacity:0;visibility:hidden}}@keyframes intro-logo-exit{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.045) translateY(-8px)}}@media(prefers-reduced-motion:reduce){.brand-intro,.intro-active .brand-intro,.brand-intro.intro-leaving{display:none}.intro-active{overflow:auto}}

.payment-methods{margin:60px 0 70px;padding:38px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 3.14%,transparent),transparent 65%),var(--surface)}.payment-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.payment-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:0}.payment-heading>p,.payment-footer p{font-size:15px;color:var(--muted);line-height:1.9;margin:0}.payment-grid{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.payment-card{min-width:0;padding:24px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);text-align:center}.payment-icon{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--accent) 18.82%,transparent);border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 3.53%,transparent)}.payment-icon svg{width:27px;height:27px}.payment-card h3{font-size:18px;line-height:1.5;margin:16px 0 7px;font-weight:600}.payment-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.payment-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px}.payment-footer .btn{flex-shrink:0;font-size:14px}@media(max-width:900px){.payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-heading{grid-template-columns:1fr;gap:18px}.payment-footer{align-items:flex-start;flex-direction:column;gap:16px}}@media(max-width:560px){.payment-methods{padding:24px 16px;margin:40px 0}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.payment-card{padding:20px 8px}.payment-card h3{font-size:16px}.payment-heading>p,.payment-footer p{font-size:14px}.payment-footer .btn{max-width:100%;white-space:normal}}

.contact-phone-cards{display:grid;gap:16px;margin:24px 0}.contact-phone-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 2.35%,transparent),transparent),var(--surface)}.contact-phone-card h2{font-size:15px;font-weight:500;color:var(--muted);line-height:1.6;margin:0 0 12px}.contact-phone-number{display:inline-block;font:600 clamp(22px,2.6vw,30px)/1.5 'Manrope',sans-serif;color:var(--white);letter-spacing:.6px}.contact-phone-number:hover{color:var(--accent)}.contact-phone-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.contact-phone-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:30px;padding:10px 20px;font-size:14px;min-height:44px}.contact-phone-actions a:last-child{border-color:color-mix(in srgb,var(--accent) 40.0%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 3.14%,transparent)}.contact-phone-actions a:hover{border-color:var(--accent)}@media(max-width:480px){.contact-phone-card{padding:20px}.contact-phone-actions a{flex:1;padding:10px 12px}.contact-phone-number{font-size:25px}}

/* Portfolio totals use the loaded project collection. */
.profile-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.profile-stats>div{gap:12px;padding:8px 12px;min-width:0}.profile-stats strong{font-size:44px}.profile-stats span{font-size:13px;line-height:1.6}.profile-stats .consultation-stat strong{font-family:inherit;font-size:30px;font-weight:700;color:var(--accent)}@media(max-width:1000px){.profile-stats>div{flex-direction:column;text-align:center;gap:8px}.profile-stats strong{font-size:38px}.profile-stats .consultation-stat strong{font-size:27px}}@media(max-width:600px){.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.profile-stats>div{padding:8px 10px;border-inline-end:0}.profile-stats>div:nth-child(odd):not(:last-child){border-inline-end:1px solid var(--line)}.profile-stats>div:last-child{grid-column:1/-1;flex-direction:row;gap:14px;border-top:1px solid var(--line);padding-top:22px}.profile-stats strong{font-size:38px}.profile-stats span{font-size:13px}.profile-stats .consultation-stat strong{font-size:29px}}

/* Supplied client brand assets: preserve artwork and original colors. */
.clients-section{padding:65px 0 55px;overflow:hidden;border-bottom:1px solid var(--line)}.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.clients-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.3;margin:0}.clients-toggle{display:inline-flex;gap:12px;align-items:center;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:30px;padding:11px 17px;font-size:12px;min-height:44px}.clients-toggle:hover{color:var(--accent);border-color:var(--accent)}.clients-window{direction:ltr;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.clients-track{display:flex;width:max-content;animation:clients-scroll 55s linear infinite;will-change:transform}.clients-group{display:flex;flex-shrink:0;gap:18px;list-style:none;margin:0;padding:0 18px 0 0}.client-card{width:230px;flex-shrink:0;padding:12px 12px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-align:center}.client-logo-surface{height:118px;border-radius:8px;display:flex;justify-content:center;align-items:center;padding:13px;overflow:hidden}.client-logo-light{background:#fff}.client-logo-dark{background:#171c1e}.client-logo-surface img{display:block;width:100%;height:100%;object-fit:contain}.client-card>span{display:block;font:500 13px/1.6 'Manrope','Tajawal',sans-serif;margin-top:14px;color:var(--white)}.clients-section:hover .clients-track,.clients-section:focus-within .clients-track,.clients-section.is-paused .clients-track{animation-play-state:paused}@keyframes clients-scroll{to{transform:translateX(-50%)}}@media(max-width:680px){.clients-section{padding:42px 0 35px}.clients-heading{gap:14px;align-items:flex-end;margin-bottom:24px}.clients-heading .purple-label{font-size:10px;letter-spacing:1px}.clients-toggle{font-size:10px;padding:10px 12px;gap:6px}.client-card{width:190px;padding:10px 10px 14px}.client-logo-surface{height:104px;padding:12px}.client-card>span{font-size:12px}.clients-group{gap:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){.clients-track{animation:none;transform:none;will-change:auto}.clients-window{overflow-x:auto;mask-image:none;padding:0 5.5% 12px}.clients-copy,.clients-toggle{display:none}}

/* Compact brand-colored client ribbon. */
.clients-section{background:var(--accent);border:0;padding:20px 0 18px}.clients-heading{margin-bottom:14px;gap:18px}.clients-heading .purple-label{display:none}.clients-heading h2{font-size:24px;line-height:1.3;color:#102229}.clients-toggle{color:#203e46;border-color:#10222940;padding:7px 12px;min-height:34px;font-size:10px}.clients-toggle:hover{color:#102229;border-color:#102229}.clients-window{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.clients-group{gap:24px;padding-right:24px}.client-card{width:148px;padding:0;border:0;border-radius:0;background:transparent}.client-logo-surface{height:58px;padding:9px 12px;border-radius:6px}.client-logo-light{background:#ffffffed}.client-logo-dark{background:#172529}.client-card>span{font-size:10px;line-height:1.4;color:#16333c;margin-top:8px}.clients-track{animation-duration:48s}@media(max-width:680px){.clients-section{padding:16px 0 14px}.clients-heading{margin-bottom:12px;align-items:center}.clients-heading h2{font-size:21px}.clients-toggle{font-size:9px;min-height:32px;padding:7px 10px}.clients-group{gap:16px;padding-right:16px}.client-card{width:126px}.client-logo-surface{height:50px;padding:8px 10px;border-radius:5px}.client-card>span{font-size:9px;margin-top:7px}.clients-track{animation-duration:46s}}@media(prefers-reduced-motion:reduce){.clients-track{animation:none}}

.project-gallery{display:grid;gap:24px}.project-gallery .detail-cover{margin:0;width:100%;height:auto}.project-gallery video{max-height:85vh;background:#0c1416}

[hidden]{display:none!important}.consent-row{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap}.consent-row input{width:20px!important;height:20px}.profile-text h1 em{display:inline}

/* Unified client strip: inherit the page canvas and render neutral brand marks. */
.clients-section{background:var(--bg);padding:42px 0;border:0;isolation:isolate}
.clients-heading{justify-content:center;position:relative;margin-bottom:28px;text-align:center}
.clients-heading h2{color:var(--white);font-size:18px;letter-spacing:2px}
.clients-toggle{position:absolute;inset-inline-end:0;color:var(--muted);border-color:var(--line)}
.clients-toggle:hover{color:var(--white);border-color:var(--muted)}
.clients-group{gap:40px;padding-right:40px;align-items:center}
.client-card{width:152px;background:transparent;padding:0;border:0}
.client-logo-surface,.client-logo-light,.client-logo-dark{height:66px;padding:8px;background:transparent;border-radius:0}
.client-logo-surface img{filter:grayscale(1) contrast(3);mix-blend-mode:screen;opacity:.6}
.client-logo-light img{filter:grayscale(1) invert(1) contrast(3)}
.client-card>span{display:none}
[data-theme=light] .client-logo-surface img{filter:grayscale(1) invert(1) contrast(3);mix-blend-mode:multiply}
[data-theme=light] .client-logo-light img{filter:grayscale(1) contrast(3)}
@media(max-width:680px){.clients-section{padding:30px 0}.clients-heading{padding-bottom:40px;margin-bottom:16px}.clients-heading h2{font-size:16px}.clients-toggle{inset-inline-end:auto;bottom:0}.clients-group{gap:24px;padding-right:24px}.client-card{width:126px}.client-logo-surface{height:56px}}

/* Client strip: white logos on the site background. */
.clients-section{background:var(--bg)}
.client-logo-surface img{filter:grayscale(1) contrast(100) brightness(2);mix-blend-mode:screen;opacity:1}
.client-logo-light img{filter:grayscale(1) invert(1) contrast(100) brightness(2)}
[data-theme=light] .client-logo-surface img{filter:grayscale(1) contrast(100) brightness(2);mix-blend-mode:screen;opacity:1}
[data-theme=light] .client-logo-light img{filter:grayscale(1) invert(1) contrast(100) brightness(2)}

/* Client strip uses the page canvas without a pause control. */
.clients-section{background:var(--bg)!important}
.clients-toggle{display:none!important}
.clients-heading{padding-bottom:0}

/* Only numeric statistics use turquoise. */
.profile-stats strong[data-count]{color:#6fccdd}
.profile-stats .consultation-stat strong{color:var(--white)}
.socials{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.socials .social-icon-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;color:var(--white);transition:color .2s,border-color .2s}
.socials .social-icon-link:hover{color:var(--accent);border-color:var(--accent)}

/* Editable creative showcase banner. */
.creative-banner-wrap{padding-top:34px;padding-bottom:34px}
.creative-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.1fr;min-height:var(--banner-height);overflow:hidden;border-radius:var(--banner-radius);background:var(--banner-bg);color:var(--banner-text)}
.creative-banner.has-pattern:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(35deg,transparent 49.8%,currentColor 50%,transparent 50.2%),linear-gradient(135deg,transparent 49.8%,currentColor 50%,transparent 50.2%),radial-gradient(currentColor 1px,transparent 2px);background-size:100px 110px,145px 145px,38px 38px}
.creative-banner-copy{position:relative;z-index:2;align-self:center;padding:42px 38px}
.creative-banner-copy h2{font-size:clamp(26px,3.3vw,48px);line-height:1.25;letter-spacing:-.8px;margin:0 0 16px;color:var(--banner-text)}
.creative-banner-copy p{font-size:16px;line-height:1.7;margin:0 0 24px;color:var(--banner-text)}
.creative-banner-actions{display:flex;flex-wrap:wrap;gap:10px}
.creative-banner-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 18px;min-height:46px;background:var(--banner-button);color:var(--banner-button-text);border:1px solid var(--banner-button);border-radius:8px;font-size:13px;font-weight:700}
.creative-banner-button.secondary{background:transparent;color:var(--banner-text);border-color:var(--banner-text)}
.creative-banner-button:hover{opacity:.85}
.creative-banner-art{position:relative;min-width:0;overflow:hidden;direction:ltr}
.banner-columns{position:absolute;inset:-65% -18%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;transform:rotate(var(--banner-tilt))}
.banner-column{overflow:visible;min-width:0}
.banner-column-track{display:flex;flex-direction:column;width:100%;animation:banner-card-scroll var(--banner-speed) linear infinite;animation-play-state:paused;will-change:transform}
.banner-column:nth-child(2) .banner-column-track{animation-direction:reverse}
.is-moving .banner-column-track{animation-play-state:running}
.is-reversed .banner-column-track{animation-direction:reverse}
.is-reversed .banner-column:nth-child(2) .banner-column-track{animation-direction:normal}
.banner-cards-group{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}
.banner-image-card{aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:#171b1d;box-shadow:0 8px 20px #0003;border:5px solid #171b1d}
.banner-image-card img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes banner-card-scroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(max-width:760px){.creative-banner{grid-template-columns:1fr;min-height:0}.creative-banner-copy{padding:30px 24px}.creative-banner-copy h2{font-size:32px}.creative-banner-art{height:calc(var(--banner-height)*.65);min-height:200px}.banner-columns{inset:-100% -8%}.creative-banner-wrap{padding-top:22px;padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.creative-banner .banner-column-track{animation:none;will-change:auto}}

/* Reference proportions: a low panoramic banner, framed cards and a live network. */
.creative-banner-wrap{max-width:1280px}
.creative-banner{display:block;min-height:var(--banner-height);direction:ltr}
.creative-banner.has-pattern:before{display:none}
.banner-network{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.creative-banner-copy{width:48%;min-height:var(--banner-height);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px 40px;z-index:2;pointer-events:none}
.creative-banner-copy>*{pointer-events:auto}
.creative-banner-copy h2{max-width:390px;font-size:clamp(26px,2.5vw,36px);font-weight:800;line-height:1.32;letter-spacing:-.8px;margin-bottom:26px}
.creative-banner-copy p{max-width:350px;margin-top:-12px;margin-bottom:22px;font-size:14px}
.creative-banner-actions{gap:10px;flex-wrap:nowrap}
.creative-banner-button{min-height:50px;padding:13px 22px;border-radius:10px;font-size:12px;gap:18px;white-space:nowrap}
.creative-banner-button.secondary{background:var(--banner-button);color:var(--banner-button-text);border-color:var(--banner-button)}
.creative-banner-art{position:absolute;inset:0 -6% 0 auto;width:62%;overflow:hidden;z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 9%)}
.banner-columns{inset:-90% -7%;gap:14px;transform:rotate(var(--banner-tilt));transform-origin:50% 50%}
.banner-column:nth-child(2){margin-top:-110px}
.banner-column:nth-child(3){margin-top:-35px}
.banner-cards-group{gap:14px;padding-bottom:14px}
.banner-image-card{aspect-ratio:auto;padding:7px;border:0;border-radius:13px;background:#191c22;box-shadow:none;overflow:hidden;color:#fff}
.banner-image-card>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px}
.banner-card-caption{padding:10px 3px 3px;text-align:left}
.banner-card-caption strong{display:block;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.banner-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.banner-card-meta span{display:flex;align-items:center;gap:5px;font:500 8px/1.4 'Manrope',sans-serif;color:#b5bdc6}
.banner-card-meta i{width:14px;height:14px;border-radius:50%;background:var(--banner-bg);display:inline-block}
.banner-card-meta b{display:grid;place-items:center;background:#edf0f2;color:#16191d;width:35px;height:21px;border-radius:5px;font-size:13px}
.banner-offscreen .banner-column-track{animation-play-state:paused}
html[lang=ar] .creative-banner-copy{direction:rtl;text-align:right;align-items:flex-start}
@media(min-width:761px) and (max-width:1050px){.creative-banner-copy{padding:28px;width:51%}.creative-banner-copy h2{font-size:28px;max-width:300px}.creative-banner-button{padding:12px;font-size:10px;gap:9px}.creative-banner-art{width:58%}}
@media(max-width:760px){.creative-banner{min-height:0}.creative-banner-copy{width:100%;min-height:0;padding:30px 26px 22px}.creative-banner-copy h2{font-size:30px;max-width:100%;margin-bottom:22px}.creative-banner-actions{flex-wrap:wrap}.creative-banner-art{position:relative;inset:auto;width:100%;height:250px;min-height:0;mask-image:linear-gradient(180deg,transparent,#000 12%)}.banner-columns{inset:-135% -7%;gap:12px}.banner-card-caption strong{font-size:10px}.banner-card-meta span{font-size:7px}.creative-banner-button{padding:12px 16px;font-size:11px;min-height:46px}}

/* Compact reference cards, a hard image edge, and editable overall width. */
.creative-banner-wrap{width:calc(100% - 48px);max-width:var(--banner-width,1100px);margin-inline:auto}
.creative-banner-art{mask-image:none!important;-webkit-mask-image:none!important;overflow:visible;width:55%;inset:0 -1% 0 auto}
.banner-columns{inset:auto;position:absolute;left:0;top:50%;width:max-content;display:grid;grid-template-columns:repeat(3,var(--banner-card-width,175px));gap:14px;transform:translateY(-50%) rotate(var(--banner-tilt));transform-origin:50% 50%;height:1000px}
.banner-column{width:var(--banner-card-width,175px)}
.banner-image-card{width:100%}
@media(min-width:761px) and (max-width:1050px){.banner-columns{grid-template-columns:repeat(3,min(var(--banner-card-width,175px),17vw))}.banner-column{width:min(var(--banner-card-width,175px),17vw)}.creative-banner-art{width:52%;inset-inline-end:-3%}.creative-banner-copy{width:50%}}
@media(max-width:760px){.creative-banner-wrap{width:calc(100% - 28px);max-width:var(--banner-width,1100px)}.creative-banner-art{position:relative;width:100%;inset:auto;height:230px;overflow:hidden;mask-image:none!important;-webkit-mask-image:none!important}.banner-columns{left:50%;top:50%;grid-template-columns:repeat(3,min(var(--banner-card-width,175px),29vw));gap:12px;transform:translate(-50%,-50%) rotate(var(--banner-tilt));height:1000px}.banner-column{width:min(var(--banner-card-width,175px),29vw)}.creative-banner-copy{width:100%;padding:28px 22px 20px}.banner-image-card{padding:5px;border-radius:10px}.banner-card-caption{padding:7px 2px 2px}.banner-card-meta{margin-top:7px}.banner-card-meta span{font-size:6px}.banner-card-meta i{width:10px;height:10px}.banner-card-meta b{width:25px;height:17px}.banner-card-caption strong{font-size:8px}}

/* Keep desktop copy entirely to the left of the moving artwork. */
@media(min-width:761px){
 .creative-banner-copy{width:45%;padding-inline:30px 22px;align-items:flex-start;text-align:left;position:relative;z-index:3}
 html[lang=ar] .creative-banner-copy{align-items:flex-start;text-align:left}
 .creative-banner-copy h2,.creative-banner-copy p{max-width:100%;overflow-wrap:anywhere}
 .creative-banner-actions{max-width:100%;flex-wrap:wrap;justify-content:flex-start}
 .creative-banner-art{left:47%;right:0;width:auto;overflow:hidden;mask-image:none!important;-webkit-mask-image:none!important}
 .banner-columns{left:0}
}

/* Phone reference: text and two full-width buttons over the animated network. */
@media(max-width:760px){
 .creative-banner{min-height:0;border-radius:var(--banner-radius)}
 .creative-banner-copy,html[lang=ar] .creative-banner-copy{width:100%;min-height:0;padding:38px 30px 36px;text-align:start;align-items:stretch}
 .creative-banner-copy h2{font-size:clamp(23px,6vw,30px);line-height:1.35;letter-spacing:-.5px;margin:0 0 25px;max-width:100%}
 .creative-banner-copy p{margin:0 0 22px;font-size:14px}
 .creative-banner-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:100%}
 .creative-banner-button{width:100%;min-height:44px;padding:12px 16px;font-size:12px;border-radius:8px}
 .creative-banner.mobile-hide-images .creative-banner-art{display:none}
 .banner-network{height:100%;width:100%}
}

/* Clip the moving composition only at the outer rounded banner, never mid-card. */
@media(min-width:761px){
 .creative-banner-art{left:calc(47% + var(--banner-images-offset,8%));right:0;width:auto;overflow:visible;clip-path:none;mask-image:none!important;-webkit-mask-image:none!important}
 .banner-column,.banner-columns{overflow:visible}
}

/* Reserve a narrower left copy area for Arabic as well as English. */
@media(min-width:761px){
 .creative-banner-copy,html[lang=ar] .creative-banner-copy{width:var(--banner-copy-width,35%);margin-left:0;margin-right:auto;padding:32px 0 32px 30px;align-items:stretch;text-align:start}
 .creative-banner-copy h2{font-size:clamp(25px,2.5vw,34px);line-height:1.35;width:100%;max-width:100%}
 .creative-banner-copy p{width:100%}
 .creative-banner-actions{justify-content:flex-start;gap:10px;width:100%}
 .creative-banner-button{white-space:normal;flex:1 1 120px;padding:12px 14px;gap:10px;text-align:center}
}

/* Glass finish preserves each button's configured color and link behavior. */
.web-shot-threads{position:fixed;pointer-events:none!important;z-index:90;contain:strict}
.btn.web-shot-glass,.small-cta.web-shot-glass,.creative-banner-button.web-shot-glass{border-radius:999px!important;backdrop-filter:blur(12px) saturate(150%);background-image:linear-gradient(180deg,#ffffff28,transparent 52%,#ffffff0c);border:1px solid #ffffff45;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff22,inset 0 -12px 18px -10px #0004,0 8px 22px -14px #0008;transition:scale .18s,box-shadow .2s}
.web-shot-glass:active{scale:.96}
.web-shot-glass:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
[data-theme=light] .web-shot-glass{border-color:#0003;box-shadow:inset 0 1px 0 #ffffffdd,inset 0 -1px 0 #ffffff66,0 8px 22px -14px #0005}
@media(prefers-reduced-motion:reduce){.web-shot-threads{display:none!important}.web-shot-glass:active{scale:1}.web-shot-glass{transition:none!important}}

/* Footer reference: brand, dotted divider, three link columns and subscription. */
footer.managed-footer{display:block;background:var(--footer-bg);color:var(--footer-text);padding:76px 24px 0;border-top:1px solid var(--line);text-align:start}
.managed-footer[hidden]{display:none}
.managed-footer-inner{max-width:1080px;margin-inline:auto}
.footer-brand-block{max-width:330px;margin-bottom:52px}
.footer-brand-block>a{display:inline-block;margin-bottom:20px}
.footer-brand-block img{width:180px;height:45px;object-fit:contain}
.footer-brand-block p{font-size:14px;line-height:1.85;color:inherit;opacity:.66;margin:0 0 16px}
.managed-footer .socials{gap:16px;margin-top:20px}
.managed-footer .socials .social-icon-link{border:0;padding:0;width:24px;height:28px;color:inherit;border-radius:0;opacity:.7}
.managed-footer .socials .social-icon-link:hover{opacity:1;color:var(--accent)}
.footer-dotted-rule{height:1px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 6px);opacity:.25;margin-bottom:48px}
.footer-main-grid{display:grid;grid-template-columns:3fr 2fr;gap:70px;margin-bottom:60px}
.footer-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.footer-link-column h3{font-size:14px;font-weight:600;margin:0 0 20px;color:inherit}
.footer-link-column>div{display:flex;flex-direction:column;gap:14px}
.footer-link-column a{font-size:13px;color:inherit;opacity:.6;transition:opacity .15s}
.footer-link-column a:hover{opacity:1;color:var(--accent)}
.footer-newsletter{max-width:330px;width:100%;justify-self:end;font-size:13px}
.footer-newsletter>label:first-child{display:block;margin-bottom:16px;font-weight:600}
.footer-subscribe-row{display:flex;gap:8px}
.footer-subscribe-row>input{min-width:0;width:100%;height:38px;border:1px solid color-mix(in srgb,var(--footer-text) 18%,transparent);border-radius:7px;background:color-mix(in srgb,var(--footer-text) 4%,transparent);color:var(--footer-text);padding:8px 10px;font-size:13px}
.footer-subscribe-row .btn{min-height:38px;height:auto;padding:7px 14px;font-size:12px;white-space:nowrap}
.footer-consent{display:flex;align-items:flex-start;gap:8px;margin-top:14px;line-height:1.8;font-size:11px;opacity:.7;cursor:pointer}
.footer-consent input{margin:5px 0 0;accent-color:var(--accent)}
.footer-honeypot{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}
.footer-subscribe-status{font-size:12px;line-height:1.7;min-height:20px;margin-top:12px}
.footer-base-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-top:1px solid color-mix(in srgb,var(--footer-text) 12%,transparent)}
.footer-base-row small{font-size:12px;opacity:.65}
.footer-availability{display:inline-flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--footer-text) 12%,transparent);padding:8px 14px;border-radius:999px;font-size:12px}
.footer-availability i{width:6px;height:6px;background:var(--status-color);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--status-color) 15%,transparent)}
@media(max-width:760px){footer.managed-footer{padding:40px 24px 0}.footer-brand-block{margin-bottom:32px}.footer-dotted-rule{margin-bottom:32px}.footer-main-grid{grid-template-columns:1fr;gap:36px;margin-bottom:32px}.footer-newsletter{max-width:none;justify-self:stretch}.footer-links-grid{gap:18px}.footer-base-row{align-items:flex-start;flex-direction:column;padding:24px 0;gap:18px}}

/* v6 optional account link; no changes to existing layout */
.account-entry{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;font-size:.8rem;padding:.45rem .65rem;border:1px solid currentColor;border-radius:999px;white-space:nowrap}

/* v6.5.9.2 — CMS-controlled typography for the homepage hero. */
.profile-hero .profile-text h1{font-size:var(--ms-hero-title-desktop,65px)!important;}
.profile-hero .profile-text .profile-desc{font-size:var(--ms-hero-description-desktop,18px)!important;}
.profile-hero .profile-text .hello{font-size:var(--ms-hero-hello-desktop,14px)!important;}
@media(max-width:680px){
 .profile-hero .profile-text h1{font-size:var(--ms-hero-title-mobile,42px)!important;letter-spacing:-1px;overflow-wrap:break-word;}
 .profile-hero .profile-text .profile-desc{font-size:var(--ms-hero-description-mobile,15px)!important;}
 .profile-hero .profile-text .hello{font-size:var(--ms-hero-hello-mobile,13px)!important;}
}

/* v6.5.9.3 — editable marquee. Scoped variables preserve existing site palette by default. */
.reference-marquee{background:var(--ms-marquee-background,#111716)!important;padding:var(--ms-marquee-padding,33px) 0!important}
.reference-marquee span{font-size:var(--ms-marquee-size,44px)!important;-webkit-text-stroke:1px var(--ms-marquee-stroke,#607a73)!important}
.reference-marquee.ms-marquee-filled span{color:var(--ms-marquee-text,#78938d)!important;-webkit-text-stroke:0!important}
.reference-marquee b{color:var(--ms-marquee-symbol,#68cadd)!important}
.reference-marquee.ms-marquee-pause:hover>div{animation-play-state:paused!important}
@media(max-width:680px){.reference-marquee span{font-size:var(--ms-marquee-mobile,28px)!important}}

/* v6.6 unified studio, legal and payment controls */
.ms-studio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:24px;margin:40px 0}
.ms-studio-card{overflow:hidden;border:1px solid #344449;border-radius:18px;background:#182124}
.ms-studio-card img,.ms-studio-card video{width:100%;height:250px;object-fit:cover;display:block}
.ms-studio-card>div{padding:20px}.ms-studio-card h2{font-size:1.3rem;margin:0 0 9px}.ms-studio-card p{line-height:1.8;opacity:.8}
.ms-legal-text{max-width:900px;line-height:2;white-space:normal;margin:36px 0;overflow-wrap:anywhere}
.ms-payment-icons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:20px 12px;border-top:1px solid #53626655}
.ms-payment-icon{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:70px;border-radius:9px;border:1px solid #73898f44;padding:7px 12px;font-size:12px}
.ms-payment-icon img{display:block;width:auto;max-width:105px;max-height:32px;object-fit:contain}
header nav a[hidden]{display:none!important}

/* v6.6.2 multi-row pill ticker — all rows travel in same direction at independent speeds */
.reference-marquee.ms-marquee-pills{overflow:hidden;padding:var(--ms-marquee-padding,18px) 0!important}
.reference-marquee.ms-marquee-pills>div{display:grid!important;gap:var(--ms-pill-gap,12px)!important;animation:none!important;width:100%!important;overflow:hidden}
.ms-marquee-pills .ms-pill-viewport{min-width:0;overflow:hidden;width:100%;direction:ltr;mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%)}
.ms-marquee-pills .ms-pill-track{display:flex;width:max-content;animation:ms-pill-travel var(--ms-pill-duration,30s) linear infinite;will-change:transform}
.ms-marquee-pills .ms-pill-group{display:flex;align-items:center;gap:16px;flex:none;padding-right:16px}
.ms-marquee-pills .ms-pill{display:inline-flex;align-items:center;justify-content:center;flex:none;white-space:nowrap;border-radius:var(--ms-pill-radius,999px);background:var(--ms-pill-background,#A3FF12);color:var(--ms-pill-foreground,#122000)!important;-webkit-text-stroke:0!important;font-size:clamp(13px,1.5vw,20px)!important;line-height:1.2;font-weight:700;min-height:54px;padding:14px 26px;letter-spacing:-.015em}
.ms-marquee-pills .ms-pill-empty{width:clamp(90px,13vw,210px);background:var(--ms-pill-empty,#26390A);color:transparent!important}
.ms-marquee-pills.ms-marquee-pause:hover .ms-pill-track{animation-play-state:paused}
@keyframes ms-pill-travel{to{transform:translateX(-50%)}}
@media(max-width:680px){.ms-marquee-pills .ms-pill{font-size:13px!important;min-height:42px;padding:10px 18px}.ms-marquee-pills .ms-pill-empty{width:82px}.ms-marquee-pills .ms-pill-group{gap:10px;padding-right:10px}.ms-marquee-pills{--ms-pill-gap:8px}}
@media(prefers-reduced-motion:reduce){.ms-marquee-pills .ms-pill-track{animation:none!important}}

/* v6.6.3 — responsive compact services: visual only, preserves CMS services and links */
.reference-services .compact-services-grid{gap:14px;margin-top:26px}
.reference-services .compact-service{display:flex;flex-direction:column;min-height:174px;padding:20px 21px;border-radius:13px;transition:border-color .2s ease,transform .2s ease}
.reference-services .compact-service:hover{transform:translateY(-3px);border-color:var(--accent)}
.compact-service-top{display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:12px}
.compact-service-top .service-glyph{grid-column:1;grid-row:1;font-size:24px;line-height:1;margin:0 0 17px;color:var(--accent)}
.compact-service-top small{grid-column:2;grid-row:1;font-size:10px;opacity:.7}
.compact-service-top h3{grid-column:1 / -1;font-size:18px;line-height:1.35;min-height:0;margin:0 0 8px;font-weight:650;letter-spacing:-.3px}
.compact-service-content{display:flex;flex-direction:column;flex:1;min-width:0}
.reference-services .compact-service p{font-size:13px;line-height:1.55;min-height:0;margin:0 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.reference-services .compact-service .service-foot{margin-top:auto;padding-top:9px;display:flex;align-items:center;justify-content:space-between;font-size:12px;text-decoration:none;border-top:1px solid var(--line);min-height:30px}
.compact-service-toggle{display:none}
@media(min-width:681px) and (max-width:900px){.reference-services .compact-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .reference-services .compact-services-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-top:23px}
 .reference-services .compact-service{min-height:0;padding:0;border-radius:11px;transform:none!important;overflow:hidden}
 .compact-service-top{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 36px;align-items:center;gap:12px;padding:13px 14px;min-height:65px}
 .compact-service-top .service-glyph{grid-column:1;grid-row:1;margin:0;font-size:22px}
 .compact-service-top small{display:none}
 .compact-service-top h3{grid-column:2;grid-row:1;margin:0;font-size:15px;line-height:1.4}
 .compact-service-toggle{grid-column:3;grid-row:1;display:grid;place-items:center;cursor:pointer;width:36px;height:36px;min-height:36px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--accent);font-size:23px;line-height:1}
 .compact-service-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 .compact-service-content{display:none;padding:0 15px 15px}
 .compact-service.is-open .compact-service-content{display:flex}
 .reference-services .compact-service p{display:block;-webkit-line-clamp:unset;overflow:visible;margin:0 0 11px;font-size:13px;line-height:1.65}
 .reference-services .compact-service .service-foot{margin-top:0}
}

/* v6.6.4 Category-controlled compact service cards. Values validated by Worker. */
@media(min-width:901px){.reference-services .compact-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:681px){.reference-services .compact-service{grid-column:span var(--service-card-span,1);min-height:var(--service-card-height,174px)}.reference-services .compact-service .service-glyph{font-size:var(--service-icon-size,26px)}}
.reference-services .compact-service .service-category-image{width:var(--service-icon-size,26px);height:var(--service-icon-size,26px);object-fit:contain;display:block;border-radius:5px}
@media(min-width:681px) and (max-width:900px){.reference-services .compact-service{grid-column:span min(2,var(--service-card-span,1))}}
@media(max-width:680px){.reference-services .compact-service{grid-column:auto;min-height:0}.reference-services .compact-service .service-glyph{font-size:clamp(18px,var(--service-icon-size,26px),38px)}.reference-services .compact-service .service-category-image{width:clamp(18px,var(--service-icon-size,26px),36px);height:clamp(18px,var(--service-icon-size,26px),36px);max-width:100%}}


/* v6.6.6 — whole service tile responds to hover and keyboard focus */
.reference-services .compact-service{position:relative;isolation:isolate;transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}
@media(hover:hover) and (pointer:fine){
 .reference-services .compact-service:hover{transform:translateY(-5px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--card, #182124));box-shadow:0 14px 32px rgba(0,0,0,.17),0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent)}
 .reference-services .compact-service:hover .service-glyph{transform:scale(1.1);color:var(--accent)}
 .reference-services .compact-service:hover .service-foot b{transform:translate(3px,-3px)}
}
.reference-services .compact-service:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
.reference-services .compact-service .service-glyph,.reference-services .compact-service .service-foot b{display:inline-block;transition:transform .24s ease,color .24s ease}
@media(max-width:680px){
 .reference-services .compact-service-top{cursor:pointer}
 .reference-services .compact-service.is-open{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--card, #182124))}
 .reference-services .compact-service:active{border-color:var(--accent)}
}
@media(prefers-reduced-motion:reduce){.reference-services .compact-service,.reference-services .compact-service .service-glyph,.reference-services .compact-service .service-foot b{transition:none!important}.reference-services .compact-service:hover{transform:none!important}}

/* v6.6.7: editable creative-focus cards */
.focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.focus-grid .focus-card{grid-column:span var(--focus-span,1);min-height:var(--focus-height,234px);display:flex;flex-direction:column;justify-content:center;gap:8px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;overflow:hidden}
.focus-grid .focus-card:hover{transform:translateY(-6px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));box-shadow:0 16px 40px #0004,0 0 24px color-mix(in srgb,var(--accent) 12%,transparent)}
.focus-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.focus-card-icon{display:flex;align-items:center;justify-content:center;flex:none;font-size:var(--focus-icon-size);width:var(--focus-icon-size);height:var(--focus-icon-size);color:var(--accent)}
.focus-card-icon img{width:100%;height:100%;object-fit:contain}
.focus-grid .focus-card-index{font:10px 'Manrope',sans-serif;letter-spacing:.04em;color:var(--accent);text-align:end}
.focus-grid .focus-card h3{margin:4px 0;font-size:clamp(19px,2vw,23px)}
.focus-grid .focus-card p{margin:0;font-size:clamp(13px,1.5vw,16px);line-height:1.7}
@media(max-width:900px){.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-grid .focus-card{grid-column:span 1}}
@media(max-width:600px){.focus-grid{grid-template-columns:1fr;gap:12px}.focus-grid .focus-card{grid-column:span 1;min-height:min(var(--focus-height),210px);padding:20px}.focus-grid .focus-card h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.focus-grid .focus-card{transition:none}.focus-grid .focus-card:hover{transform:none}}

/* v6.6.8 – configurable Behind The Design section */
.personal-note-managed{min-height:var(--note-height);background:var(--note-bg);border-radius:12px;padding-inline:clamp(20px,4vw,65px);margin-block:30px;transition:background .25s ease}
.personal-note-managed .note-emblem{font-size:var(--note-icon-size);color:var(--note-icon-color);width:100%;height:auto;max-width:100%;overflow:hidden}
.personal-note-managed .note-emblem img{width:min(var(--note-icon-size),100%);height:min(var(--note-icon-size),70vw);object-fit:contain;display:inline-block;animation:none}
.personal-note-managed .note-copy{max-width:min(100%,var(--note-copy-width))}
@media(max-width:680px){.personal-note-managed{min-height:auto;padding:24px;gap:12px}.personal-note-managed .note-emblem{font-size:clamp(55px,18vw,var(--note-icon-size));width:100%;height:auto;min-height:80px;justify-content:start}.personal-note-managed .note-emblem img{width:min(var(--note-icon-size),110px);height:110px}.personal-note-managed h2{font-size:clamp(27px,7.7vw,37px)}}
@media(prefers-reduced-motion:reduce){.personal-note-managed .note-emblem{animation:none}}