/*
Theme Name: Cre8ive
Author: Cre8ive Digital Solutions
Description: Custom theme for Cre8ive Digital Solutions.
Version: 2.6.1
Text Domain: cre8ive
*/
:root{--ink:#171922;--muted:#707582;--line:#ececf2;--soft:#fafafe;--pink:#f43d9d;--purple:#a23cff;--blue:#2e7bff;--gradient:linear-gradient(115deg,#ff9a54 0%,#f43d9d 32%,#a23cff 66%,#2e7bff 100%);--container:min(1180px,calc(100vw - 40px));--shadow:0 18px 50px rgba(32,24,65,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.container{width:var(--container);margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:#bd3caf;margin:0 0 8px}.section-title{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.02;letter-spacing:-.045em;margin:.15em 0}.section-copy{color:var(--muted);max-width:680px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;padding:13px 20px;border-radius:999px;font-weight:800;font-size:.88rem;border:1px solid transparent}.btn-primary{color:#fff;background:var(--gradient);box-shadow:0 12px 28px rgba(180,62,200,.18)}.btn-secondary{background:#fff;border-color:#dfe0e8}.text-link{display:block;margin-top:auto;font-size:.75rem;text-transform:uppercase;font-weight:900;color:#a239b8;letter-spacing:.04em}.site-header{padding:20px 0;background:rgba(255,255,255,.94);position:relative;z-index:10}.header-inner{width:var(--container);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.site-logo img{width:150px}.primary-nav{display:flex;gap:28px;align-items:center;font-size:.84rem;font-weight:700}.header-actions{display:flex;gap:10px}.mobile-toggle{display:none;border:0;background:transparent;font-size:1.5rem}.hero{padding:55px 0 30px;position:relative}.hero:after{content:"";position:absolute;right:-140px;top:-100px;width:450px;height:380px;background:radial-gradient(circle,rgba(244,61,157,.24),rgba(162,60,255,.16) 45%,transparent 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.hero h1{font-size:clamp(3.2rem,6vw,5.9rem);line-height:.94;letter-spacing:-.06em;margin:12px 0 24px}.hero p{color:var(--muted);font-size:1.04rem;max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.hero-device{width:88%;padding:12px;border-radius:28px;background:#191d27;box-shadow:0 30px 80px rgba(22,24,50,.18)}.screen{aspect-ratio:16/10;border-radius:18px;padding:28px;color:#fff;background:linear-gradient(135deg,#252a38,#101218);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.screen:after{content:"";position:absolute;right:-10%;bottom:-45%;width:65%;height:85%;background:radial-gradient(circle,#ef3e9e,transparent 65%);opacity:.55}.screen strong{font-size:clamp(1.7rem,3vw,3.2rem);line-height:1;max-width:420px;z-index:1}.screen small{opacity:.7;z-index:1}.metric-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:15px;width:165px}.metric-card span{font-size:.72rem;color:var(--muted);display:block}.metric-card b{font-size:1.35rem}.metric-card.top{right:-1%;top:10%}.metric-card.top b{color:#54c96b}.metric-card.bottom{left:0;bottom:5%}.team-band{padding:15px 0 70px}.team-wrap{position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);min-height:390px}.team-wrap>img{width:100%;height:100%;min-height:390px;object-fit:cover}.team-overlay{position:absolute;inset:0 auto 0 0;width:34%;padding:48px;display:flex;justify-content:center;flex-direction:column;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.8),transparent)}.team-overlay h2{font-size:1.6rem;line-height:1.05;max-width:270px;margin:0 0 12px}.team-overlay p{font-size:.88rem;color:var(--muted);max-width:270px}.services,.signature,.projects,.process,.about{padding:75px 0}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.service-card{border:1px solid var(--line);border-radius:18px;padding:24px 21px;min-height:260px;display:flex;flex-direction:column;background:#fff}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);transition:.2s}.service-num{height:48px;width:auto;object-fit:contain;object-position:left;margin-bottom:18px}.service-card h3{font-size:1rem;line-height:1.15;margin:0 0 10px}.service-card p{font-size:.84rem;color:var(--muted)}.signature{padding-top:20px}.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.offer-card{border:1px solid var(--line);border-radius:22px;padding:27px;min-height:315px;display:flex;flex-direction:column;position:relative;overflow:hidden}.offer-icon{font-size:2rem}.offer-card h3{font-size:1.3rem;margin:14px 0 8px}.offer-card p{font-size:.88rem;color:var(--muted);max-width:80%}.offer-price{color:#d43fa6;margin-top:8px}.offer-art{position:absolute;right:-15px;bottom:-15px;width:145px;height:100px;border-radius:22px 0 0 0;background:linear-gradient(135deg,#f5f5fa,#dddded);transform:rotate(-4deg)}.projects{padding-top:20px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.project-thumb{aspect-ratio:16/10;border-radius:16px;padding:18px;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(135deg,#171b26,#343959)}.project-thumb.light{background:linear-gradient(135deg,#fafafa,#e9e9f2);color:var(--ink)}.project-card h3{font-size:.9rem;margin:10px 0 2px}.project-card p{font-size:.76rem;color:var(--muted);margin:0}.process{padding-top:25px}.process-band{background:var(--gradient);color:#fff;border-radius:24px;padding:34px 30px;display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:16px;align-items:center}.process-intro h2{font-size:1.5rem;line-height:1;margin:0 0 8px}.process-intro p{font-size:.8rem;opacity:.9}.process-step{text-align:center}.circle{width:52px;height:52px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;font-size:1.2rem}.process-step strong{display:block;font-size:.84rem}.process-step small{display:block;font-size:.68rem;opacity:.82}.about{padding-top:10px}.about-grid{display:grid;grid-template-columns:.76fr 1.35fr 1fr;gap:20px}.about-photo,.about-copy,.skills{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;min-height:440px}.about-copy,.skills{padding:34px}.about-copy h2{font-size:2rem;line-height:1;margin:6px 0 16px}.about-copy p{font-size:.9rem;color:var(--muted)}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px}.skills-grid b{display:block;color:#d83fa7;font-size:1.15rem}.skills-grid span{display:block;font-size:.76rem;color:var(--muted)}.cta{padding:0 0 35px}.cta-band{background:var(--gradient);color:#fff;border-radius:24px;padding:32px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-band h2{font-size:2rem;line-height:1;margin:0 0 7px}.cta-band p{margin:0;opacity:.9}.btn.white{background:#fff;color:#8f3ec8}.site-footer{padding:25px 0 45px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;padding-top:30px;border-top:1px solid var(--line)}.footer-grid>div{display:flex;flex-direction:column;gap:7px}.footer-grid h4{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.footer-grid p,.footer-grid a{font-size:.78rem;color:var(--muted);margin:0}.footer-logo{width:130px}.footer-bottom{margin-top:25px;padding-top:15px;border-top:1px solid var(--line);font-size:.74rem;color:var(--muted)}.generic-page{padding:75px 0}.prose{max-width:800px}.generic-page img{border-radius:18px}
@media(max-width:980px){.primary-nav{display:none}.mobile-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:390px}.services-grid{grid-template-columns:repeat(2,1fr)}.signature-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.process-band{grid-template-columns:repeat(2,1fr)}.process-intro{grid-column:1/-1}.about-grid{grid-template-columns:1fr 1fr}.skills{grid-column:1/-1}}
@media(max-width:680px){:root{--container:min(100% - 28px,1180px)}.site-logo img{width:128px}.header-actions .btn{display:none}.hero{padding-top:26px}.hero h1{font-size:clamp(2.7rem,13vw,4.5rem)}.hero-visual{min-height:310px}.metric-card{width:130px}.team-wrap{min-height:470px}.team-wrap>img{min-height:470px;object-position:58% center}.team-overlay{width:100%;height:48%;inset:auto 0 0 0;padding:25px;background:linear-gradient(0deg,rgba(255,255,255,.99),rgba(255,255,255,.84),transparent);justify-content:flex-end}.services{padding:52px 0}.services-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{min-height:250px;padding:17px 15px}.service-num{height:36px}.service-card h3{font-size:.88rem}.service-card p{font-size:.76rem}.project-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.project-card{min-width:78%;scroll-snap-align:start}.process-band{grid-template-columns:1fr 1fr;padding:28px 18px}.about-grid{grid-template-columns:1fr}.skills{grid-column:auto}.about-photo img{min-height:520px}.cta-band{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}

/* v0.2 hero refinement */
.hero{padding:52px 0 38px;position:relative}
.hero-grid{grid-template-columns:.95fr 1.15fr;gap:64px;align-items:center}
.hero-visual{position:relative;min-height:520px;display:block}
.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}
.glow-one{width:430px;height:330px;right:-90px;top:-42px;background:radial-gradient(circle at 45% 48%,rgba(255,152,85,.44),rgba(244,61,157,.24) 44%,rgba(162,60,255,.15) 68%,transparent 72%)}
.glow-two{width:370px;height:300px;right:85px;bottom:-30px;background:radial-gradient(circle at 55% 45%,rgba(46,123,255,.22),rgba(162,60,255,.16) 48%,transparent 70%)}
.desktop-device{position:absolute;width:77%;right:6%;top:35px;z-index:3;filter:drop-shadow(0 28px 40px rgba(30,30,65,.19))}
.device-browser{height:18px;background:#20242e;border-radius:18px 18px 0 0;padding:7px 12px;display:flex;gap:5px}
.device-browser span{width:5px;height:5px;border-radius:50%;background:#6a707f}
.desktop-screen{height:300px;border:9px solid #20242e;border-top:0;border-radius:0 0 16px 16px;background:linear-gradient(120deg,#fafafa 0 42%,#101522 42% 100%);position:relative;overflow:hidden;padding:32px}
.desktop-screen:before{content:"";position:absolute;right:-10%;bottom:-35%;width:68%;height:88%;background:radial-gradient(circle,#f43d9d 0%,#8a3fff 35%,transparent 68%);opacity:.56}
.screen-kicker{font-size:.58rem;letter-spacing:.17em;font-weight:900;color:#7c389c}
.screen-copy{position:absolute;left:32px;bottom:35px;max-width:54%;z-index:2}
.screen-copy small{display:block;color:#777d87;margin-bottom:8px;font-size:.62rem}
.screen-copy strong{display:block;font-size:1.55rem;line-height:1.02;letter-spacing:-.04em}
.screen-button{display:inline-block;margin-top:15px;padding:8px 12px;border-radius:999px;background:var(--gradient);color:white;font-size:.58rem;font-weight:900}
.screen-panel{position:absolute;right:18px;top:30px;width:34%;padding:16px;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:white;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);z-index:2}
.screen-panel b{display:block;font-size:1.25rem}
.screen-panel small{opacity:.7;font-size:.6rem}
.device-stand{width:18%;height:58px;margin:auto;background:linear-gradient(90deg,#d0d2d8,#f7f7f9 48%,#c9ccd3)}
.device-base{width:44%;height:11px;margin:-2px auto 0;border-radius:50% 50% 7px 7px;background:linear-gradient(#d6d8dd,#aeb2ba)}
.tablet-device{position:absolute;right:0;bottom:30px;width:42%;height:235px;background:#20242e;border-radius:16px;padding:8px;z-index:5;transform:rotate(1.2deg);box-shadow:0 24px 55px rgba(28,27,63,.22)}
.tablet-screen{height:100%;border-radius:10px;background:linear-gradient(135deg,#331038,#13162a 63%,#261253);color:#fff;padding:23px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.tablet-screen:before{content:"";position:absolute;width:180px;height:180px;right:-45px;top:-65px;border-radius:50%;background:linear-gradient(135deg,#ff9a54,#f43d9d,#2e7bff);opacity:.7;filter:blur(2px)}
.tablet-screen small{font-size:.54rem;letter-spacing:.09em;opacity:.75;z-index:2}
.tablet-screen strong{font-size:1.35rem;line-height:1.02;margin:7px 0;z-index:2}
.tablet-screen span{font-size:.58rem;opacity:.72;z-index:2}
.phone-device{position:absolute;left:5%;bottom:18px;width:21%;height:245px;border:7px solid #20242e;border-radius:28px;background:#20242e;z-index:6;box-shadow:0 22px 45px rgba(28,27,63,.22);transform:rotate(-2deg)}
.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:48%;height:13px;background:#20242e;border-radius:0 0 10px 10px;z-index:2}
.phone-screen{height:100%;border-radius:20px;background:linear-gradient(180deg,#10141d,#25364a);color:white;padding:25px 12px 15px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}
.phone-screen:before{content:"";position:absolute;width:135px;height:135px;left:-50px;top:35px;border-radius:50%;background:radial-gradient(circle,#2e7bff,transparent 70%);opacity:.62}
.phone-screen small{font-size:.47rem;letter-spacing:.1em;opacity:.72;z-index:2}
.phone-screen strong{font-size:1.1rem;line-height:.96;margin:8px 0;z-index:2}
.phone-screen span{font-size:.5rem;opacity:.7;z-index:2}
.hero .metric-card{z-index:8;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.hero .metric-card.top{right:-2%;top:8%;width:168px}
.hero .metric-card.bottom{left:-1%;bottom:2%;width:145px}
.hero .metric-card small{display:block;font-size:.55rem;color:#9a9eaa;margin-top:2px}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:500px;max-width:760px;margin:0 auto;width:100%}.desktop-device{width:76%;right:7%}.tablet-device{width:40%}.phone-device{left:7%;width:18%}}
@media(max-width:680px){.hero{padding-top:26px}.hero-grid{gap:24px}.hero-visual{min-height:360px}.desktop-device{width:88%;right:2%;top:20px}.desktop-screen{height:210px;padding:20px;border-width:7px}.screen-copy{left:20px;bottom:24px}.screen-copy small,.screen-panel small{display:none}.screen-copy strong{font-size:1.15rem}.screen-panel{right:12px;top:20px;padding:10px}.screen-panel b{font-size:.9rem}.device-stand{height:38px}.device-base{height:8px}.tablet-device{width:44%;height:165px;right:0;bottom:13px}.tablet-screen{padding:14px}.tablet-screen strong{font-size:.9rem}.phone-device{width:21%;height:175px;left:1%;bottom:8px;border-width:5px}.phone-screen{padding:20px 8px 10px}.phone-screen strong{font-size:.78rem}.hero .metric-card.top{width:122px;padding:11px;top:1%;right:-1%}.hero .metric-card.top b{font-size:1rem}.hero .metric-card.bottom{width:105px;padding:10px;left:-1%;bottom:0}.hero .metric-card.bottom b{font-size:.78rem}.hero .metric-card small{display:none}}


/* ==========================================================
   v0.3 refinement
   ========================================================== */

/* Global interaction language */
a,.btn,.text-link,.service-card,.offer-card,.project-card,.process-step,.carousel-btn{
	transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease,background .25s ease,opacity .25s ease;
}
.btn{position:relative;overflow:hidden;gap:.55rem}
.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.30) 48%,transparent 70%);transform:translateX(-140%);transition:transform .5s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(122,62,190,.20)}
.btn:hover:after{transform:translateX(140%)}
.btn span,.text-link{transition:transform .2s ease}
.btn:hover span{transform:translateX(3px)}
.text-link:hover{color:#e43e9f;transform:translateX(4px)}
.primary-nav a{position:relative}
.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--gradient);transition:right .22s ease}
.primary-nav a:hover:after{right:0}

/* Hero */
.hero{padding:54px 0 38px;overflow:visible}
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:58px;align-items:center}
.hero-copy{min-width:0;position:relative;z-index:3}
.hero h1{
	font-size:clamp(3.05rem,5.25vw,5.45rem);
	line-height:.94;
	letter-spacing:-.055em;
	max-width:680px;
	overflow:visible;
}
.hero h1 .gradient-text{display:inline;padding-right:.11em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-showcase{position:relative;min-height:500px;width:100%;isolation:isolate}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-2}
.orb-a{width:430px;height:360px;right:-80px;top:-70px;background:radial-gradient(circle at 42% 45%,rgba(255,155,82,.38),rgba(244,61,157,.24) 43%,rgba(162,60,255,.15) 68%,transparent 72%)}
.orb-b{width:330px;height:300px;left:20%;bottom:-35px;background:radial-gradient(circle,rgba(58,123,255,.20),rgba(162,60,255,.13) 48%,transparent 72%)}

.desktop-mock{position:absolute;z-index:2;width:78%;right:5%;top:48px;filter:drop-shadow(0 30px 42px rgba(24,27,55,.21))}
.mock-top{height:17px;background:#20242e;border-radius:18px 18px 0 0;display:flex;align-items:center;gap:5px;padding:0 11px}
.mock-top i{display:block;width:5px;height:5px;border-radius:50%;background:#747987}
.mock-screen{position:relative;height:285px;border:8px solid #20242e;border-top:0;border-radius:0 0 16px 16px;overflow:hidden;background:linear-gradient(110deg,#fbfbfd 0 43%,#121723 43% 100%);padding:26px}
.mock-screen:after{content:"";position:absolute;width:250px;height:250px;right:-65px;bottom:-85px;border-radius:50%;background:radial-gradient(circle,#f33d9f 0,#8b43ff 42%,transparent 70%);opacity:.65}
.mock-brand{font-size:.56rem;letter-spacing:.16em;font-weight:900;color:#a23cae}
.mock-copy{position:absolute;left:26px;bottom:28px;width:46%;z-index:2}
.mock-copy small{display:block;font-size:.58rem;color:#777d87;margin-bottom:7px}
.mock-copy strong{display:block;font-size:1.42rem;line-height:1.03;letter-spacing:-.035em}
.mock-copy span{display:inline-flex;margin-top:13px;padding:7px 10px;border-radius:999px;background:var(--gradient);color:#fff;font-size:.56rem;font-weight:900}
.mock-dashboard{position:absolute;right:18px;top:30px;width:34%;z-index:2;padding:15px;border-radius:15px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px)}
.mock-dashboard small,.mock-dashboard em{display:block;font-size:.52rem;opacity:.72;font-style:normal}
.mock-dashboard b{display:block;font-size:1.2rem;margin:4px 0}
.monitor-neck{width:17%;height:54px;margin:auto;background:linear-gradient(90deg,#c8cad0,#f7f7f8 48%,#bfc2c9)}
.monitor-foot{width:43%;height:10px;margin:-2px auto 0;border-radius:50% 50% 8px 8px;background:linear-gradient(#d7d9de,#aeb2bb)}

.tablet-mock{position:absolute;z-index:5;width:43%;height:220px;right:-1%;bottom:34px;padding:8px;border-radius:17px;background:#20242e;box-shadow:0 26px 55px rgba(26,27,62,.24);transform:rotate(1.4deg)}
.tablet-inner{height:100%;border-radius:10px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;background:linear-gradient(135deg,#301033,#15182a 62%,#22124b)}
.tablet-inner:before{content:"";position:absolute;width:190px;height:190px;right:-55px;top:-60px;border-radius:50%;background:linear-gradient(135deg,#ff9855,#f43d9d,#2e7bff);opacity:.7}
.tablet-inner small,.tablet-inner strong,.tablet-inner span{position:relative;z-index:2}
.tablet-inner small{font-size:.52rem;letter-spacing:.08em;opacity:.7}
.tablet-inner strong{font-size:1.27rem;line-height:1.02;margin:7px 0}
.tablet-inner span{font-size:.55rem;opacity:.72}

.phone-mock{position:absolute;z-index:6;width:20%;height:235px;left:3%;bottom:20px;padding:6px;border-radius:28px;background:#20242e;box-shadow:0 24px 48px rgba(26,27,62,.24);transform:rotate(-2.3deg)}
.phone-speaker{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:38%;height:9px;border-radius:0 0 9px 9px;background:#20242e;z-index:3}
.phone-inner{height:100%;border-radius:21px;padding:23px 10px 14px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(180deg,#10141d,#233349)}
.phone-inner:before{content:"";position:absolute;width:140px;height:140px;left:-56px;top:34px;border-radius:50%;background:radial-gradient(circle,#2e7bff,transparent 68%);opacity:.68}
.phone-inner small,.phone-inner strong,.phone-inner span{position:relative;z-index:2}
.phone-inner small{font-size:.44rem;letter-spacing:.09em;opacity:.7}
.phone-inner strong{font-size:1.02rem;line-height:.95;margin:7px 0}
.phone-inner span{font-size:.46rem;opacity:.72}

.float-card{position:absolute;z-index:9;padding:13px 15px;border:1px solid #ececf3;border-radius:17px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(43,35,87,.11)}
.float-card small{display:block;color:var(--muted);font-size:.65rem}
.float-card b{display:block;font-size:1.2rem}
.float-card.performance{right:-2%;top:22px}
.float-card.performance b{color:#51c76b}
.float-card.mobile{left:-1%;bottom:2%}
.float-card.mobile b{font-size:.9rem}

/* Team typography */
.team-overlay{width:39%;padding:50px 46px;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.92) 52%,rgba(255,255,255,.58) 75%,transparent 100%)}
.team-kicker{margin:0 0 11px!important;color:#d23ca6!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.15em;text-transform:uppercase}
.team-overlay h2{font-size:1.9rem;letter-spacing:-.045em;line-height:1.02;max-width:300px;margin:0 0 14px}
.team-overlay h2 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.team-overlay p{font-size:.9rem;line-height:1.58;max-width:300px}
.team-link{display:inline-flex;margin-top:8px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#a43cb9}
.team-link:hover{transform:translateX(4px);color:#ed3d9d}

/* Service cards */
.service-card{position:relative;overflow:hidden}
.service-card:before,.offer-card:before,.project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gradient);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s ease;pointer-events:none}
.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 48px rgba(48,35,91,.10)}
.service-card:hover:before,.offer-card:hover:before,.project-card:hover:before{opacity:1}
.service-card:hover .service-num{transform:translateY(-2px) scale(1.08) rotate(-2deg)}
.service-num{transition:transform .25s ease}

/* Signature cards */
.offer-card{background:linear-gradient(180deg,#fff,#fefeff);box-shadow:0 8px 28px rgba(34,31,70,.035)}
.offer-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(48,35,91,.12)}
.offer-card:hover .offer-icon{transform:translateY(-3px) scale(1.1)}
.offer-icon{display:inline-block;transition:transform .25s ease}
.offer-card:hover .offer-art{transform:translate(-5px,-4px) rotate(-7deg) scale(1.05)}
.offer-art{transition:transform .3s ease}

/* Section rows and carousels */
.section-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.carousel-controls{display:flex;gap:8px}
.carousel-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e1e2ea;background:#fff;color:#222633;cursor:pointer;font-weight:900}
.carousel-btn:hover{transform:translateY(-2px);color:#fff;border-color:transparent;background:var(--gradient);box-shadow:0 10px 25px rgba(151,55,193,.18)}

.project-grid.carousel-track{
	display:flex;
	overflow-x:auto;
	gap:16px;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	scrollbar-width:none;
	padding:8px 2px 18px;
}
.project-grid.carousel-track::-webkit-scrollbar{display:none}
.project-card{position:relative;flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start;padding:0 0 8px;border-radius:18px}
.project-card:hover{transform:translateY(-6px)}
.project-thumb{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.project-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,18,40,.52),transparent 65%);opacity:0;transition:opacity .25s ease}
.project-view{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.02em;transform:translateY(12px);opacity:0;transition:transform .25s ease,opacity .25s ease}
.project-card:hover .project-thumb{transform:scale(.985);box-shadow:0 17px 35px rgba(36,31,70,.14)}
.project-card:hover .project-thumb:after{opacity:1}
.project-card:hover .project-view{transform:translateY(0);opacity:1}
.project-card h3{margin:11px 0 2px;font-size:.95rem}
.project-card p{margin:0;color:var(--muted)}

/* Why Cre8ive */
.process-step{border-radius:18px;padding:12px 8px}
.process-step:hover{transform:translateY(-6px);background:rgba(255,255,255,.11)}
.circle{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.circle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.process-step:hover .circle{transform:scale(1.08) rotate(-4deg);background:rgba(255,255,255,.14);box-shadow:0 10px 25px rgba(70,30,110,.15)}
.process-step strong{margin-top:2px}

/* About Kristi - no separate transparent asset required */
.about-grid{align-items:stretch}
.about-photo{position:relative;border:0;background:transparent;overflow:visible}
.about-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 67%,rgba(255,255,255,.18) 78%,#fff 100%)}
.about-photo img{
	min-height:440px;
	border-radius:24px;
	-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.72) 84%,transparent 100%);
	mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.72) 84%,transparent 100%);
	box-shadow:0 18px 42px rgba(25,24,55,.10);
}
.about-copy{margin-left:-34px;position:relative;z-index:2;padding-left:48px}

/* Mobile services carousel, desktop stays four columns */
@media(max-width:980px){
	.hero-grid{grid-template-columns:1fr;gap:24px}
	.hero-showcase{max-width:760px;margin:0 auto;min-height:490px}
	.project-card{flex-basis:calc((100% - 16px)/2)}
}
@media(max-width:680px){
	.hero{overflow:hidden}
	.hero h1{font-size:clamp(2.65rem,12.5vw,4.35rem);letter-spacing:-.05em}
	.hero-showcase{min-height:350px}
	.desktop-mock{width:86%;right:1%;top:28px}
	.mock-screen{height:190px;padding:17px;border-width:6px}
	.mock-copy{left:17px;bottom:19px}
	.mock-copy small,.mock-dashboard small,.mock-dashboard em{display:none}
	.mock-copy strong{font-size:1rem}
	.mock-copy span{margin-top:8px;padding:5px 8px}
	.mock-dashboard{right:10px;top:18px;padding:9px}
	.mock-dashboard b{font-size:.82rem}
	.monitor-neck{height:32px}
	.monitor-foot{height:7px}
	.tablet-mock{width:43%;height:150px;right:0;bottom:14px}
	.tablet-inner{padding:12px}
	.tablet-inner strong{font-size:.82rem}
	.phone-mock{width:20%;height:160px;left:0;bottom:9px;padding:4px}
	.phone-inner{padding:18px 7px 8px}
	.phone-inner strong{font-size:.68rem}
	.float-card.performance{right:0;top:2px;padding:9px 10px}
	.float-card.performance b{font-size:.88rem}
	.float-card.mobile{left:0;bottom:0;padding:8px 9px}
	.float-card small{font-size:.52rem}

	.team-overlay{width:100%;height:56%;inset:auto 0 0;padding:27px;background:linear-gradient(0deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.91) 57%,transparent 100%);justify-content:flex-end}
	.team-overlay h2{font-size:1.55rem}
	.team-kicker{font-size:.56rem!important}

	.services-grid{
		display:flex;
		overflow-x:auto;
		gap:12px;
		scroll-snap-type:x mandatory;
		scroll-behavior:smooth;
		scrollbar-width:none;
		padding:8px 2px 16px;
	}
	.services-grid::-webkit-scrollbar{display:none}
	.service-card{flex:0 0 78%;scroll-snap-align:start;min-height:250px}
	.project-card{flex-basis:82%}
	.carousel-controls{display:flex}

	.process-band{grid-template-columns:1fr 1fr}
	.process-step{padding:14px 6px}
	.about-photo img{
		min-height:500px;
		-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 77%,rgba(0,0,0,.7) 88%,transparent 100%);
		mask-image:linear-gradient(180deg,#000 0%,#000 77%,rgba(0,0,0,.7) 88%,transparent 100%);
	}
	.about-photo:after{background:linear-gradient(0deg,#fff 0%,transparent 28%)}
	.about-copy{margin:-60px 0 0;padding:40px 28px 28px}
}


/* ==========================================================
   v0.4 refinement
   ========================================================== */

/* Services carousel: 4 visible desktop, swipe/controls everywhere */
.services .section-head{
	display:flex;
	align-items:end;
	justify-content:space-between;
	gap:24px;
}
.service-carousel-controls{flex:0 0 auto}
.services-grid{
	display:flex!important;
	overflow-x:auto;
	gap:14px;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	scrollbar-width:none;
	padding:8px 2px 18px;
}
.services-grid::-webkit-scrollbar{display:none}
.service-card{
	flex:0 0 calc((100% - 42px)/4);
	scroll-snap-align:start;
}
.service-carousel-controls .carousel-btn{
	display:inline-grid;
	place-items:center;
}

/* Recent Projects hover - keep the card clean, animate thumbnail only */
.project-card:before{display:none!important}
.project-card{
	border:none!important;
	box-shadow:none!important;
	background:transparent!important;
	padding:0!important;
}
.project-card:hover{
	transform:translateY(-4px);
	box-shadow:none!important;
}
.project-card .project-thumb{
	border:1px solid #ececf2;
}
.project-card:hover .project-thumb{
	transform:translateY(-3px) scale(.99);
	box-shadow:0 18px 38px rgba(37,31,74,.14);
	border-color:rgba(162,60,255,.35);
}
.project-card h3{
	transition:color .2s ease,transform .2s ease;
}
.project-card:hover h3{
	color:#b33db9;
	transform:translateX(2px);
}

/* Team overlay readability - especially mobile */
.team-overlay{
	text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.team-overlay h2,
.team-overlay p,
.team-overlay .team-kicker,
.team-overlay .team-link{
	position:relative;
	z-index:2;
}
.team-overlay:after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 54%,rgba(255,255,255,.72) 76%,rgba(255,255,255,.18) 100%);
	z-index:1;
	pointer-events:none;
}
.team-overlay{position:absolute}
.team-overlay > *{position:relative;z-index:2}

/* Ensure all carousel controls are obviously visible */
.carousel-controls{
	display:flex;
	align-items:center;
	gap:8px;
}
.carousel-btn{
	display:inline-grid!important;
	place-items:center;
	opacity:1!important;
	visibility:visible!important;
}

/* Desktop projects remain 4 visible while still being scrollable */
.project-grid.carousel-track .project-card{
	flex:0 0 calc((100% - 48px)/4);
}

@media(max-width:980px){
	.service-card{flex-basis:calc((100% - 14px)/2)}
	.project-grid.carousel-track .project-card{flex-basis:calc((100% - 16px)/2)}
}

@media(max-width:680px){
	.services .section-head{
		display:flex!important;
		flex-direction:row;
		align-items:flex-end;
	}
	.services .section-head > div:first-child{min-width:0;flex:1}
	.service-carousel-controls{
		display:flex!important;
		margin-bottom:4px;
	}
	.service-carousel-controls .carousel-btn{
		width:38px;
		height:38px;
	}
	.service-card{flex-basis:82%}

	/* Mobile team section: strong white readability panel over lower image */
	.team-wrap{min-height:540px}
	.team-wrap img{
		min-height:540px;
		object-position:54% center;
	}
	.team-overlay{
		width:100%!important;
		height:auto!important;
		min-height:58%;
		inset:auto 0 0!important;
		padding:34px 28px 30px!important;
		display:flex;
		flex-direction:column;
		justify-content:flex-end;
		background:linear-gradient(
			0deg,
			rgba(255,255,255,1) 0%,
			rgba(255,255,255,.99) 66%,
			rgba(255,255,255,.88) 82%,
			rgba(255,255,255,.10) 100%
		)!important;
	}
	.team-overlay:after{
		background:linear-gradient(
			0deg,
			rgba(255,255,255,1) 0%,
			rgba(255,255,255,.98) 70%,
			rgba(255,255,255,.82) 86%,
			transparent 100%
		);
	}
	.team-overlay h2{
		font-size:clamp(1.65rem,8.2vw,2.35rem)!important;
		line-height:1.02;
		margin-bottom:16px;
		max-width:100%;
	}
	.team-overlay p{
		color:#5f6570!important;
		font-size:1rem!important;
		line-height:1.55!important;
		max-width:100%!important;
	}
	.team-kicker{
		color:#c337a7!important;
		font-size:.64rem!important;
	}
	.team-link{
		font-size:.8rem!important;
		margin-top:12px!important;
	}

	.project-grid.carousel-track .project-card{flex-basis:82%}
}

/* very narrow phones */
@media(max-width:390px){
	.service-card{flex-basis:88%}
	.services .section-head{gap:12px}
	.carousel-btn{width:36px;height:36px}
}


/* ==========================================================
   v0.5 targeted fixes
   ========================================================== */

/* Explicit What We Do carousel heading + controls */
.services-heading-row{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:28px;
	margin-bottom:20px;
}
.services-heading-row > div:first-child{min-width:0}
.service-carousel-controls{
	display:flex!important;
	align-items:center;
	gap:9px;
	flex:0 0 auto;
	padding-bottom:2px;
}
.service-carousel-controls .carousel-btn{
	display:inline-grid!important;
	place-items:center;
	width:42px;
	height:42px;
	opacity:1!important;
	visibility:visible!important;
	pointer-events:auto!important;
	z-index:3;
}

/* Mobile team: photo gets its own visible area, text sits below it */
@media(max-width:680px){
	.team-wrap{
		display:block!important;
		min-height:0!important;
		overflow:hidden!important;
		background:#fff;
	}
	.team-wrap img{
		display:block;
		width:100%;
		height:300px!important;
		min-height:300px!important;
		object-fit:cover;
		object-position:50% 42%!important;
	}
	.team-overlay{
		position:relative!important;
		inset:auto!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		padding:30px 28px 34px!important;
		background:#fff!important;
		display:block!important;
	}
	.team-overlay:after{display:none!important}
	.team-overlay h2{
		font-size:clamp(1.7rem,8.4vw,2.3rem)!important;
		line-height:1.04!important;
		margin:0 0 16px!important;
	}
	.team-overlay p{
		color:#626873!important;
		font-size:1rem!important;
		line-height:1.55!important;
	}
	.team-kicker{
		margin-bottom:12px!important;
	}
	.team-link{
		display:inline-flex!important;
		margin-top:12px!important;
	}

	.services-heading-row{
		align-items:flex-end;
		gap:14px;
		margin-bottom:16px;
	}
	.service-carousel-controls{
		display:flex!important;
		padding-bottom:5px;
	}
	.service-carousel-controls .carousel-btn{
		width:40px;
		height:40px;
	}
}

/* Very narrow phones: controls remain reachable without crushing heading */
@media(max-width:420px){
	.services-heading-row{
		display:grid;
		grid-template-columns:1fr;
		gap:12px;
	}
	.service-carousel-controls{
		justify-content:flex-end;
		padding-bottom:0;
	}
}


/* ==========================================================
   v0.6 visual consistency + polish
   ========================================================== */

/* Brand gradient: one canonical gradient across the site */
:root{
	--gradient:linear-gradient(110deg,#ff9b54 0%,#f43d9d 34%,#a23cff 67%,#2e7bff 100%);
	--gradient-soft:linear-gradient(110deg,rgba(255,155,84,.16) 0%,rgba(244,61,157,.15) 34%,rgba(162,60,255,.14) 67%,rgba(46,123,255,.13) 100%);
}
.gradient-text,
.team-overlay h2 span{
	background:var(--gradient)!important;
	-webkit-background-clip:text!important;
	background-clip:text!important;
	color:transparent!important;
}

/* Hero accent: crisp vector-like CSS shape, no blurry orb */
.hero:before{display:none!important}
.hero-showcase{overflow:visible}
.hero-orb{filter:none!important}
.orb-a{
	width:520px!important;
	height:360px!important;
	right:-40px!important;
	top:-34px!important;
	border-radius:120px 0 0 120px!important;
	background:linear-gradient(118deg,
		rgba(255,155,84,.12) 0%,
		rgba(244,61,157,.20) 38%,
		rgba(162,60,255,.18) 70%,
		rgba(46,123,255,.16) 100%)!important;
	opacity:1!important;
}
.orb-b{
	width:260px!important;
	height:260px!important;
	left:23%!important;
	bottom:0!important;
	background:radial-gradient(circle at 45% 45%,rgba(162,60,255,.15) 0%,rgba(46,123,255,.08) 48%,transparent 72%)!important;
}

/* Header/hero seam: keep accent visually behind the CTA instead of clipping */
.site-header{
	overflow:visible!important;
	position:relative;
	z-index:20;
}
.site-header:after{
	content:"";
	position:absolute;
	z-index:-1;
	right:0;
	top:0;
	width:260px;
	height:100%;
	background:linear-gradient(110deg,transparent 0%,rgba(244,61,157,.05) 40%,rgba(162,60,255,.08) 72%,rgba(46,123,255,.10) 100%);
	pointer-events:none;
}
.header-actions{position:relative;z-index:2}
.header-actions .btn-primary{box-shadow:0 10px 26px rgba(157,61,200,.16)}

/* Shared carousel heading/control layout */
.carousel-heading-row,
.services-heading-row{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:28px;
	margin-bottom:18px;
}
.carousel-meta-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-bottom:18px;
}
.carousel-controls{
	display:flex!important;
	align-items:center;
	gap:9px;
	flex:0 0 auto;
}
.carousel-btn{
	width:42px;
	height:42px;
	border:1px solid #e2e3ea;
	background:#fff;
}

/* Signature service cards: remove awkward bottom-right shape */
.offer-art{display:none!important}
.offer-card{
	overflow:hidden;
}
.offer-card:after{
	display:none!important;
}
/* Hover border should wrap the entire true card edge */
.offer-card:before{
	inset:0!important;
	border-radius:22px!important;
	padding:1px!important;
}
.offer-card:hover{
	border-color:transparent!important;
}

/* Team gradient consistency */
.team-overlay h2 span{
	padding-right:.03em;
}

/* Keep service/project cards clean */
.service-card:before{
	inset:0!important;
	border-radius:18px!important;
}
.project-card:before{display:none!important}

@media(max-width:680px){
	/* Hero accent remains crisp and extends naturally without a clipped-looking block */
	.orb-a{
		width:420px!important;
		height:300px!important;
		right:-115px!important;
		top:18px!important;
		border-radius:110px 0 0 110px!important;
		background:linear-gradient(125deg,
			rgba(255,155,84,.13) 0%,
			rgba(244,61,157,.18) 38%,
			rgba(162,60,255,.18) 70%,
			rgba(46,123,255,.14) 100%)!important;
	}

	/* Match What We Do controls to Recent Projects placement */
	.carousel-heading-row,
	.services-heading-row{
		display:block!important;
		margin-bottom:10px;
	}
	.services-heading-row .service-carousel-controls{
		justify-content:flex-end!important;
		margin-top:16px!important;
		padding:0!important;
	}
	.carousel-meta-row{
		align-items:flex-end!important;
		margin-bottom:16px!important;
	}
	.carousel-meta-row .carousel-controls{
		margin-left:auto;
	}
	.service-carousel-controls,
	.carousel-meta-row .carousel-controls{
		gap:9px!important;
	}

	/* remove extra whitespace beneath service intro */
	.services .section-copy{margin-bottom:0!important}
	.services-grid{padding-top:0!important}

	/* keep header/hero visual transition seamless */
	.site-header:after{
		width:180px;
		background:linear-gradient(110deg,transparent 0%,rgba(244,61,157,.04) 40%,rgba(162,60,255,.07) 72%,rgba(46,123,255,.08) 100%);
	}
}


/* ==========================================================
   v0.7 targeted refinements
   ========================================================== */

/* Make gradient text render identically across sections */
.gradient-text,
.team-overlay h2 span{
	display:inline-block!important;
	background-image:linear-gradient(110deg,#ff9b54 0%,#f43d9d 34%,#a23cff 67%,#2e7bff 100%)!important;
	background-repeat:no-repeat!important;
	background-size:100% 100%!important;
	background-position:0 0!important;
	-webkit-background-clip:text!important;
	background-clip:text!important;
	-webkit-text-fill-color:transparent!important;
	color:transparent!important;
}

/* What We Do controls now use the exact same subtitle-row pattern as Recent Projects */
.services-title-block{margin-bottom:0}
.services-meta-row{
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:20px!important;
	margin:0 0 18px!important;
}
.services-meta-row .section-copy{
	margin:0!important;
}
.services-meta-row .service-carousel-controls{
	margin:0!important;
	padding:0!important;
	flex:0 0 auto!important;
}

/* Signature services: subtle decorative corner that does not interfere with hover border */
.offer-card{
	isolation:isolate;
}
.offer-card:before{
	z-index:4!important;
}
.offer-card > *{
	position:relative;
	z-index:2;
}
.offer-decoration{
	position:absolute!important;
	z-index:1!important;
	right:-34px;
	bottom:-42px;
	width:132px;
	height:132px;
	border-radius:50%;
	background:
		linear-gradient(#fff,#fff) padding-box,
		var(--gradient) border-box;
	border:1px solid transparent;
	opacity:.12;
	transform:rotate(-18deg);
	pointer-events:none;
	transition:transform .32s ease,opacity .32s ease;
}
.offer-decoration:after{
	content:"";
	position:absolute;
	inset:25px;
	border-radius:50%;
	border:1px solid rgba(162,60,255,.38);
}
.offer-card:hover .offer-decoration{
	transform:translate(-5px,-5px) rotate(-7deg) scale(1.04);
	opacity:.19;
}

/* Keep hover border visually above decoration */
.offer-card:hover:before{opacity:1!important}

@media(max-width:680px){
	.services-title-block{margin-bottom:0}
	.services-meta-row{
		display:flex!important;
		flex-direction:row!important;
		align-items:flex-end!important;
		justify-content:space-between!important;
		gap:14px!important;
		margin:0 0 16px!important;
	}
	.services-meta-row .section-copy{
		flex:1 1 auto;
		min-width:0;
		margin:0!important;
	}
	.services-meta-row .service-carousel-controls{
		display:flex!important;
		align-self:flex-end!important;
		margin:0!important;
		padding:0!important;
	}
	.services-grid{
		padding-top:0!important;
	}
}

/* Narrow phones: keep controls in the same row unless genuinely impossible */
@media(max-width:380px){
	.services-meta-row{
		gap:10px!important;
	}
	.services-meta-row .section-copy{
		font-size:.94rem;
	}
	.services-meta-row .carousel-btn{
		width:36px;
		height:36px;
	}
}


/* ==========================================================
   v0.8 gradient + descender fixes
   ========================================================== */

/*
 * Safari can clip descenders when gradient text is an inline-block with a
 * very tight line-height. Keep the gradient on an inline box and give it a
 * small amount of descender room.
 */
.hero h1,
.team-overlay h2{
	overflow:visible!important;
}

.hero h1{
	line-height:.98!important;
	padding-bottom:.08em;
}

.gradient-text{
	display:inline!important;
	line-height:1.03!important;
	padding-bottom:.12em!important;
	-webkit-box-decoration-break:clone;
	box-decoration-break:clone;
}

/* The team heading was inheriting a white text shadow from the overlay,
   which visually washed out the brand gradient. */
.team-overlay h2{
	text-shadow:none!important;
	line-height:1.08!important;
	padding-bottom:.06em;
}
.team-overlay h2 span{
	display:inline!important;
	line-height:1.08!important;
	padding-bottom:.13em!important;
	text-shadow:none!important;
	opacity:1!important;
	filter:none!important;
	-webkit-box-decoration-break:clone;
	box-decoration-break:clone;
}

/* Reassert the exact canonical gradient after removing the inherited shadow. */
.gradient-text,
.team-overlay h2 span{
	background-image:linear-gradient(110deg,#ff9b54 0%,#f43d9d 34%,#a23cff 67%,#2e7bff 100%)!important;
	background-repeat:no-repeat!important;
	background-size:100% 100%!important;
	background-position:0 0!important;
	-webkit-background-clip:text!important;
	background-clip:text!important;
	-webkit-text-fill-color:transparent!important;
	color:transparent!important;
}

@media(max-width:680px){
	.hero h1{
		line-height:1.01!important;
		padding-bottom:.1em;
	}
	.gradient-text{
		line-height:1.06!important;
		padding-bottom:.14em!important;
	}
	.team-overlay h2{
		line-height:1.08!important;
		padding-bottom:.08em;
	}
	.team-overlay h2 span{
		line-height:1.10!important;
		padding-bottom:.15em!important;
	}
}


/* ==========================================================
   v0.9 About section seam refinement
   ========================================================== */

@media(min-width:981px){
	.about-grid{
		grid-template-columns:.75fr 1.35fr 1fr;
		column-gap:20px;
	}
	.about-photo{
		border:1px solid var(--line)!important;
		border-right:0!important;
		border-radius:24px 0 0 24px!important;
		overflow:hidden!important;
	}
	.about-photo img{
		border-radius:23px 0 0 23px!important;
		box-shadow:none!important;
	}
	.about-copy{
		margin-left:-20px!important;
		padding-left:48px!important;
		border-left:0!important;
		border-radius:0 24px 24px 0!important;
	}
}

/* Keep the stacked mobile/tablet treatment unchanged and clean */
@media(max-width:980px){
	.about-photo{
		border-radius:24px!important;
	}
	.about-copy{
		border-radius:24px!important;
	}
}


/* ==========================================================
   v1.1.0 - Real portfolio presentation
   ========================================================== */

.desktop-mock .mock-screen,
.tablet-mock .tablet-inner,
.phone-mock .phone-inner{
	padding:0!important;
	overflow:hidden!important;
	background:#111!important;
}
.desktop-mock .mock-screen:after,
.tablet-mock .tablet-inner:before,
.phone-mock .phone-inner:before{
	display:none!important;
}
.hero-site-shot{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top center;
}
.hero-shot-label{
	position:absolute;
	right:14px;
	bottom:14px;
	z-index:3;
	padding:8px 11px;
	border-radius:11px;
	background:rgba(16,20,31,.84);
	color:#fff;
	font-size:.56rem;
	font-weight:800;
	backdrop-filter:blur(8px);
	box-shadow:0 10px 25px rgba(0,0,0,.18);
}

.project-thumb{
	background:#f7f7fa!important;
	padding:0!important;
	overflow:hidden;
}
.project-thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	border-radius:inherit;
	transition:transform .35s ease;
}
.project-card:hover .project-thumb img{transform:scale(1.025)}
.project-thumb:after{
	background:linear-gradient(0deg,rgba(17,20,31,.58) 0%,rgba(17,20,31,.08) 58%,transparent 82%)!important;
}
.project-view{text-shadow:0 1px 10px rgba(0,0,0,.35)}

@media(max-width:680px){
	.hero-shot-label{display:none}
}


/* ==========================================================
   v1.1.1 - explicit real hero screenshots
   ========================================================== */

.desktop-mock .mock-screen,
.tablet-mock .tablet-inner,
.phone-mock .phone-inner{
	position:relative;
	padding:0!important;
	overflow:hidden!important;
	background:#111!important;
}

.desktop-mock .mock-screen > *:not(.hero-site-shot),
.tablet-mock .tablet-inner > *:not(.hero-site-shot),
.phone-mock .phone-inner > *:not(.hero-site-shot){
	display:none!important;
}

.desktop-mock .mock-screen:before,
.desktop-mock .mock-screen:after,
.tablet-mock .tablet-inner:before,
.tablet-mock .tablet-inner:after,
.phone-mock .phone-inner:before,
.phone-mock .phone-inner:after{
	display:none!important;
	content:none!important;
}

.hero-site-shot{
	display:block!important;
	width:100%!important;
	height:100%!important;
	max-width:none!important;
	object-fit:cover!important;
	object-position:top center!important;
	border:0!important;
	border-radius:inherit;
}

.desktop-mock .mock-screen{
	height:285px;
}
.tablet-mock .tablet-inner{
	height:100%;
}
.phone-mock .phone-inner{
	height:100%;
}

@media(max-width:680px){
	.desktop-mock .mock-screen{
		height:190px;
	}
}


/* ==========================================================
   v1.2.0 Project case studies
   ========================================================== */
.project-single{padding:58px 0 40px}
.project-hero{padding-bottom:42px}
.project-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:52px;align-items:end}
.project-single .project-title{font-size:clamp(2.8rem,5.5vw,5.4rem);line-height:.94;letter-spacing:-.055em;margin:10px 0 22px;max-width:1050px}
.project-lead{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:760px;margin:0}
.project-service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.project-service-tag{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.73rem;font-weight:800;color:#5f6470}
.project-meta-panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,#fbfbff);padding:22px;box-shadow:0 15px 45px rgba(31,27,67,.05)}
.project-meta-row{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.project-meta-row:last-child{border-bottom:0}
.project-meta-row span{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#a13db7}
.project-meta-row strong{font-size:.84rem;font-weight:700}
.project-meta-panel .btn{margin-top:16px}

.project-showcase{margin:4px 0 62px}
.project-showcase-primary{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#f7f7fb;box-shadow:0 28px 70px rgba(32,24,65,.11)}
.project-showcase-primary img{width:100%;height:auto}
.project-showcase-pair{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:start}
.project-showcase-pair .project-showcase-primary{margin:0}
.project-secondary-card{border:1px solid var(--line);border-radius:28px;padding:18px;background:#f7f7fb;box-shadow:var(--shadow)}
.project-secondary-card img{width:100%;border-radius:18px}

.project-case{padding:8px 0 70px}
.project-case-grid{display:grid;grid-template-columns:220px minmax(0,760px);gap:60px;align-items:start;padding:48px 0;border-top:1px solid var(--line)}
.project-case-label{position:sticky;top:28px}
.project-case-label .eyebrow{margin-bottom:6px}
.project-case-label h2{font-size:1.55rem;line-height:1.05;letter-spacing:-.035em;margin:0}
.project-rich{font-size:1rem;color:#464b57}
.project-rich>:first-child{margin-top:0}
.project-rich>:last-child{margin-bottom:0}
.project-rich p{margin:0 0 1.15em}
.project-rich h2,.project-rich h3,.project-rich h4{color:var(--ink);line-height:1.12;letter-spacing:-.025em;margin:1.4em 0 .55em}
.project-rich ul,.project-rich ol{padding-left:1.25em;margin:0 0 1.15em}
.project-rich li{margin:.35em 0}
.project-rich a{color:#a23cff;text-decoration:underline;text-underline-offset:3px}
.project-rich strong{color:var(--ink)}

.project-testimonial{margin:12px 0 72px;border-radius:28px;padding:38px 42px;background:linear-gradient(115deg,rgba(255,154,84,.09),rgba(244,61,157,.09),rgba(162,60,255,.09),rgba(46,123,255,.09));border:1px solid rgba(162,60,255,.13)}
.project-testimonial .eyebrow{margin-bottom:14px}
.project-testimonial .project-rich{font-size:1.18rem;line-height:1.65;color:var(--ink);max-width:900px}
.project-testimonial .project-rich p{margin:0}

.project-tech{display:flex;flex-wrap:wrap;gap:8px}
.project-tech span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f6f6fa;border:1px solid var(--line);font-size:.72rem;color:#606572}
.project-end-cta{padding:0 0 36px}
.project-end-cta .cta-band{margin-top:10px}

@media(max-width:900px){
	.project-hero-grid{grid-template-columns:1fr;gap:26px}
	.project-meta-panel{max-width:620px}
	.project-showcase-pair{grid-template-columns:1fr}
	.project-secondary-card{max-width:520px;margin:auto}
	.project-case-grid{grid-template-columns:1fr;gap:18px}
	.project-case-label{position:static}
}
@media(max-width:680px){
	.project-single{padding-top:34px}
	.project-single .project-title{font-size:clamp(2.45rem,12vw,4rem)}
	.project-lead{font-size:.98rem}
	.project-meta-panel{padding:18px}
	.project-meta-row{grid-template-columns:82px 1fr}
	.project-showcase{margin-bottom:44px}
	.project-showcase-primary,.project-secondary-card{border-radius:20px}
	.project-secondary-card{padding:12px}
	.project-case{padding-bottom:45px}
	.project-case-grid{padding:34px 0}
	.project-testimonial{padding:28px 24px;border-radius:22px;margin-bottom:50px}
	.project-testimonial .project-rich{font-size:1.05rem}
}


/* ==========================================================
   v1.3.0 - premium project showcase
   ========================================================== */
.project-showcase-page{overflow:hidden;background:#fff}
.project-hero-v2{position:relative;padding:92px 0 72px;isolation:isolate}
.project-hero-v2 .container{position:relative}
.project-ambient{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none;z-index:-1}
.project-ambient-a{width:620px;height:520px;right:-160px;top:-190px;background:radial-gradient(circle,rgba(244,61,157,.17),rgba(162,60,255,.10) 44%,transparent 70%)}
.project-ambient-b{width:520px;height:450px;left:-230px;bottom:-180px;background:radial-gradient(circle,rgba(46,123,255,.10),rgba(255,154,84,.08) 48%,transparent 72%)}
.project-hero-copy{max-width:1040px;position:relative;z-index:3}
.project-hero-v2 h1{font-size:clamp(3.6rem,7.6vw,7.6rem);line-height:.87;letter-spacing:-.07em;margin:12px 0 25px;max-width:1150px}
.project-intro{max-width:790px;font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.65;color:var(--muted);margin:0}
.project-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}
.project-discipline-count{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#7b7f8b}

.project-stage{position:relative;margin:66px auto 0;max-width:1120px;perspective:1400px}
.project-browser{position:relative;border:1px solid #dfe0e8;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 42px 110px rgba(31,27,67,.16);transform:rotateX(1.7deg)}
.project-browser-bar{height:42px;background:#f5f5f8;display:flex;align-items:center;gap:7px;padding:0 16px;color:#8b8f98;font-size:.67rem}
.project-browser-bar i{width:8px;height:8px;border-radius:50%;background:#d3d5dc}
.project-browser-bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-browser-screen{overflow:hidden;background:#f6f6f8}
.project-browser-screen img{width:100%;height:auto;display:block}
.project-phone{position:absolute;right:-2%;bottom:-8%;width:20%;min-width:160px;border:7px solid #191c26;background:#191c26;border-radius:30px;overflow:hidden;box-shadow:0 28px 70px rgba(22,24,50,.3);transform:rotate(3deg);z-index:3}
.project-phone img{width:100%;height:auto;display:block;border-radius:22px}
.project-phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:38%;height:12px;border-radius:0 0 11px 11px;background:#191c26;z-index:4}

.project-snapshot-section{padding:95px 0 88px;background:linear-gradient(180deg,#fbfbfe,#fff)}
.project-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}
.project-section-heading h2{font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:.95;letter-spacing:-.055em;margin:4px 0 0}
.project-service-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:520px}
.project-service-tags span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:.7rem;font-weight:800;color:#656a76}
.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.snapshot-card{position:relative;min-height:205px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 38px rgba(33,28,68,.045);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.snapshot-card:before{content:"";position:absolute;width:140px;height:140px;right:-55px;top:-60px;border-radius:50%;background:var(--gradient);opacity:.08;transition:transform .4s ease,opacity .4s ease}
.snapshot-card:hover{transform:translateY(-8px);box-shadow:0 26px 58px rgba(33,28,68,.10);border-color:#d9c8ef}
.snapshot-card:hover:before{transform:scale(1.22);opacity:.13}
.snapshot-index{display:block;font-size:.67rem;font-weight:900;letter-spacing:.12em;color:#c13ba8;margin-bottom:52px}
.snapshot-card strong{display:block;font-size:clamp(1.45rem,2.4vw,2.4rem);line-height:.98;letter-spacing:-.045em;margin-bottom:8px}
.snapshot-card small{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#7b7f8a;font-weight:800}
.project-meta-strip{display:grid;grid-template-columns:repeat(3,1fr) 2fr;gap:1px;margin-top:18px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}
.project-meta-strip>div{background:#fff;padding:18px 20px}
.project-meta-strip span{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;font-weight:900;color:#b53dad;margin-bottom:5px}
.project-meta-strip strong{display:block;font-size:.82rem;line-height:1.45}

.project-story{padding:30px 0 100px}
.story-panel{display:grid;grid-template-columns:90px 250px minmax(0,1fr);gap:34px;padding:70px 0;border-top:1px solid var(--line);align-items:start}
.story-marker{font-size:clamp(3.2rem,5vw,5.4rem);line-height:.8;letter-spacing:-.07em;font-weight:900;color:#f0edf4}
.story-heading{position:sticky;top:28px}
.story-heading h2{font-size:clamp(2rem,3vw,3.35rem);line-height:.97;letter-spacing:-.05em;margin:4px 0 0}
.project-rich{max-width:760px;color:#4d515c;font-size:1rem;line-height:1.8}
.project-rich>:first-child{margin-top:0}
.project-rich>:last-child{margin-bottom:0}
.project-rich p{margin:0 0 1.2em}
.project-rich h2,.project-rich h3,.project-rich h4{color:var(--ink);line-height:1.12;letter-spacing:-.03em;margin:1.4em 0 .55em}
.project-rich ul,.project-rich ol{padding-left:1.2em;margin:0 0 1.2em}
.project-rich li{margin:.42em 0}
.project-rich strong{color:var(--ink)}
.project-rich a{color:#9c3bce;text-decoration:underline;text-underline-offset:3px}

.project-quote-wrap{padding:0 0 92px}
.project-quote{position:relative;border-radius:32px;padding:58px 62px;background:linear-gradient(120deg,#171922,#24213b 58%,#371b4a);color:#fff;overflow:hidden;box-shadow:0 34px 90px rgba(31,27,67,.17)}
.project-quote:after{content:"";position:absolute;width:430px;height:430px;right:-150px;top:-190px;border-radius:50%;background:var(--gradient);opacity:.33;filter:blur(6px)}
.project-quote .eyebrow{color:#ff8fc9}
.project-quote .project-rich{position:relative;z-index:2;color:#fff;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.55;max-width:920px}
.project-quote .project-rich p{margin:0}
.quote-mark{position:absolute;right:7%;top:1%;font-family:Georgia,serif;font-size:12rem;line-height:1;color:rgba(255,255,255,.07);z-index:1}
.project-end-cta{padding:0 0 52px}

/* Scroll reveals */
.reveal-up,.reveal-scale{opacity:0;will-change:transform,opacity;transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}
.reveal-up{transform:translateY(28px)}
.reveal-scale{transform:translateY(24px) scale(.975)}
.reveal-up.is-visible,.reveal-scale.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
	.reveal-up,.reveal-scale{opacity:1;transform:none;transition:none}
	.project-stage{transform:none!important}
}
@media(max-width:980px){
	.project-hero-v2{padding-top:62px}
	.project-phone{width:23%;right:1%}
	.snapshot-grid{grid-template-columns:repeat(2,1fr)}
	.project-meta-strip{grid-template-columns:repeat(2,1fr)}
	.story-panel{grid-template-columns:70px 200px minmax(0,1fr);gap:22px}
}
@media(max-width:720px){
	.project-hero-v2{padding:46px 0 55px}
	.project-hero-v2 h1{font-size:clamp(3rem,14vw,5rem)}
	.project-stage{margin-top:42px;padding-bottom:40px}
	.project-browser{border-radius:17px}
	.project-browser-bar{height:32px}
	.project-phone{width:28%;min-width:105px;right:-3%;bottom:-2%;border-width:5px;border-radius:22px}
	.project-phone img{border-radius:16px}
	.project-snapshot-section{padding:65px 0}
	.project-section-heading{display:block}
	.project-service-tags{justify-content:flex-start;margin-top:20px}
	.snapshot-grid{grid-template-columns:1fr 1fr}
	.snapshot-card{min-height:165px;padding:18px}
	.snapshot-index{margin-bottom:34px}
	.project-meta-strip{grid-template-columns:1fr}
	.story-panel{grid-template-columns:1fr;gap:10px;padding:46px 0}
	.story-marker{font-size:3rem}
	.story-heading{position:static}
	.project-quote{padding:38px 28px;border-radius:24px}
}
@media(max-width:440px){
	.snapshot-grid{grid-template-columns:1fr}
	.snapshot-card{min-height:145px}
	.snapshot-index{margin-bottom:24px}
}


/* v1.4.0 responsive device showcase, before state and evidence graphs */
.responsive-device-stage{position:relative;max-width:1160px;height:680px;margin:58px auto 0;perspective:1500px}
.device-desktop,.device-tablet,.device-mobile{position:absolute;background:#181b25;box-shadow:0 35px 95px rgba(25,22,55,.20)}
.device-desktop{left:0;top:0;width:78%;border-radius:24px;padding:0 8px 8px;z-index:1;transform:rotateY(3deg)}
.device-chrome{height:38px;display:flex;align-items:center;gap:6px;padding:0 10px;color:#c5c7d0;font-size:.63rem}
.device-chrome i{display:block;width:7px;height:7px;border-radius:50%;background:#646876}
.device-chrome span{margin-left:8px}
.device-screen{overflow:hidden;background:#fff}
.device-desktop .device-screen{border-radius:0 0 17px 17px;aspect-ratio:16/10}
.device-desktop img,.device-tablet img,.device-mobile img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.device-tablet{right:8%;top:15%;width:36%;padding:13px;border-radius:25px;z-index:2;transform:rotateY(-5deg) rotateZ(1deg)}
.device-tablet .device-screen{aspect-ratio:4/5;border-radius:15px}
.device-tablet-camera{position:absolute;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:#555966}
.device-mobile{right:0;bottom:0;width:18%;padding:8px;border-radius:31px;z-index:3;transform:rotateZ(2.5deg)}
.device-mobile .device-screen{aspect-ratio:9/18.5;border-radius:23px}
.device-mobile-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:37%;height:12px;background:#181b25;border-radius:0 0 10px 10px;z-index:3}

.project-before-section{padding:90px 0;background:#f7f7fa}
.before-caption{max-width:420px;color:var(--muted);font-size:.92rem;line-height:1.6;margin:0}
.before-frame{position:relative;max-width:1080px;margin:auto;border:1px solid #dddfe7;border-radius:24px;background:#fff;padding:12px;box-shadow:0 28px 75px rgba(31,27,67,.10);overflow:hidden}
.before-frame img{display:block;width:100%;height:auto;border-radius:15px;filter:saturate(.84)}
.before-badge{position:absolute;left:28px;top:28px;z-index:2;background:#171922;color:#fff;border-radius:999px;padding:8px 13px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}

.project-metrics-section{padding:92px 0;background:#fff}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.metric-card{border:1px solid var(--line);border-radius:24px;background:#fff;padding:24px;box-shadow:0 14px 45px rgba(31,27,67,.05)}
.metric-title{min-height:76px}
.metric-title h3{font-size:1.25rem;line-height:1.08;letter-spacing:-.03em;margin:0 0 6px}
.metric-title small{display:block;color:#858995;font-size:.7rem;line-height:1.4}
.metric-chart{height:250px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;border-bottom:1px solid var(--line);padding:22px 10px 0}
.metric-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.metric-bar{width:min(72px,70%);height:var(--bar-height);min-height:10px;border-radius:12px 12px 4px 4px;transform-origin:bottom;animation:metricGrow .8s cubic-bezier(.2,.7,.2,1) both}
.metric-before{background:#e7e7ed}
.metric-after{background:linear-gradient(180deg,#ff9a54,#f43d9d 50%,#a23cff)}
.metric-column strong{font-size:.95rem;line-height:1}
.metric-column span{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#858995;font-weight:900;padding-bottom:8px}
@keyframes metricGrow{from{height:0}}
@media(prefers-reduced-motion:reduce){.metric-bar{animation:none}}
@media(max-width:920px){
	.responsive-device-stage{height:560px}
	.device-desktop{width:82%}
	.device-tablet{width:38%;right:6%}
	.device-mobile{width:20%}
	.metric-grid{grid-template-columns:1fr}
	.metric-card{display:grid;grid-template-columns:240px 1fr;align-items:center}
	.metric-title{min-height:0}
	.metric-chart{height:190px}
}
@media(max-width:700px){
	.responsive-device-stage{height:390px;margin-top:38px}
	.device-desktop{width:84%;border-radius:15px;padding:0 5px 5px}
	.device-chrome{height:27px}
	.device-tablet{width:37%;padding:7px;border-radius:16px;right:5%;top:18%}
	.device-mobile{width:21%;padding:5px;border-radius:20px}
	.device-mobile .device-screen{border-radius:15px}
	.device-mobile-notch{top:5px;height:7px}
	.project-before-section,.project-metrics-section{padding:62px 0}
	.metric-card{display:block}
	.metric-chart{height:220px}
}


/* v1.5.0 - project hero aligned like homepage */
.project-hero-layout{
	display:grid;
	grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
	gap:56px;
	align-items:center;
	min-height:610px;
}
.project-hero-copy{max-width:650px}
.project-hero-v2 h1{
	font-size:clamp(3.4rem,5.8vw,6.25rem);
	line-height:.89;
	letter-spacing:-.065em;
	margin:12px 0 24px;
	max-width:680px;
}
.project-hero-visual{position:relative;min-width:0}
.project-hero-visual .responsive-device-stage{
	height:520px;
	margin:0;
	max-width:none;
}
.project-hero-visual .device-desktop{width:82%;left:0;top:5%}
.project-hero-visual .device-tablet{width:39%;right:5%;top:23%}
.project-hero-visual .device-mobile{width:19%;right:-1%;bottom:0}
.project-hero-visual .project-stage{margin:0}

@media(max-width:1100px){
	.project-hero-layout{
		grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);
		gap:34px;
		min-height:540px;
	}
	.project-hero-visual .responsive-device-stage{height:470px}
	.project-hero-v2 h1{font-size:clamp(3.1rem,5.4vw,5.4rem)}
}
@media(max-width:900px){
	.project-hero-layout{grid-template-columns:1fr;gap:38px;min-height:0}
	.project-hero-copy{max-width:780px}
	.project-hero-visual .responsive-device-stage{height:560px;max-width:760px;margin:0 auto}
}
@media(max-width:700px){
	.project-hero-layout{gap:26px}
	.project-hero-v2 h1{font-size:clamp(2.8rem,13vw,4.6rem)}
	.project-hero-visual .responsive-device-stage{height:390px}
}


/* v1.5.1 - tighter project hero alignment + quieter testimonial */
.project-hero-layout{
	align-items:start;
}
.project-hero-copy,
.project-hero-visual{
	align-self:start;
}
.project-hero-visual{
	padding-top:0;
}
.project-hero-visual .responsive-device-stage{
	margin-top:0;
}
.project-hero-v2{
	padding-top:70px;
}
.project-hero-v2 .eyebrow{
	margin-top:0;
}

/* Keep the testimonial supportive so the final CTA remains the dominant conversion element */
.project-quote-wrap{
	padding:0 0 58px;
}
.project-quote{
	background:#fff;
	color:var(--ink);
	border:1px solid var(--line);
	box-shadow:0 18px 55px rgba(31,27,67,.06);
	padding:38px 42px;
	border-radius:24px;
}
.project-quote:after{
	width:220px;
	height:220px;
	right:-90px;
	top:-120px;
	opacity:.10;
	filter:blur(2px);
}
.project-quote .eyebrow{
	color:#b53dad;
	margin-bottom:10px;
}
.project-quote .project-rich{
	color:var(--ink);
	font-size:clamp(1.05rem,1.45vw,1.28rem);
	line-height:1.6;
	max-width:900px;
}
.quote-mark{
	right:5%;
	top:-16%;
	font-size:8rem;
	color:rgba(162,60,255,.07);
}
.project-end-cta{
	padding-top:8px;
}

@media(max-width:1100px){
	.project-hero-v2{padding-top:58px}
}
@media(max-width:900px){
	.project-hero-layout{align-items:start}
	.project-hero-visual{padding-top:0}
}
@media(max-width:700px){
	.project-hero-v2{padding-top:42px}
	.project-quote{padding:30px 24px}
}


/* v1.6.1 - organic multi-device mockup composition */
.apple-device-stage{position:relative;height:500px;perspective:1500px;isolation:isolate}
.apple-device-stage:after{content:"";position:absolute;left:8%;right:4%;bottom:3%;height:9%;z-index:-1;background:radial-gradient(ellipse at center,rgba(23,25,34,.18) 0,rgba(23,25,34,.07) 42%,transparent 72%);filter:blur(9px)}
.device-imac,.device-macbook,.device-ipad,.device-iphone{position:absolute;transform-origin:center bottom;transition:transform .45s cubic-bezier(.2,.75,.25,1),filter .45s ease;filter:drop-shadow(0 22px 22px rgba(21,22,35,.16))}
.apple-device-stage:hover .device-imac{transform:translateY(-3px)}
.apple-device-stage:hover .device-macbook{transform:translate(-2px,-5px) rotate(-1deg)}
.apple-device-stage:hover .device-ipad{transform:translate(2px,-6px) rotate(1deg)}
.apple-device-stage:hover .device-iphone{transform:translateY(-8px) rotate(-1deg)}

/* Large desktop - central anchor */
.device-imac{width:64%;left:20%;top:1%;z-index:1}
.device-imac-screen{background:#15171d;border:7px solid #20232a;border-bottom-width:6px;border-radius:14px 14px 3px 3px;padding:2px;aspect-ratio:16/9;overflow:hidden}
.device-imac-screen img,.device-macbook-screen img,.device-ipad-screen img,.device-iphone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.device-imac-chin{height:34px;background:linear-gradient(180deg,#f5f5f6,#d8dade);border-radius:0 0 11px 11px;position:relative;box-shadow:inset 0 1px rgba(255,255,255,.8)}
.device-imac-chin span{position:absolute;width:10px;height:10px;border:1px solid #b8bbc0;border-radius:50%;left:50%;top:10px;transform:translateX(-50%)}
.device-imac-stand{width:25%;height:52px;margin:auto;background:linear-gradient(100deg,#bec1c6,#f2f3f4 48%,#b9bcc2);clip-path:polygon(34% 0,66% 0,77% 78%,95% 91%,100% 100%,0 100%,5% 91%,23% 78%)}

/* MacBook - grounded in front-left, with visible aluminium deck */
.device-macbook{width:49%;left:0;bottom:5%;z-index:3;transform:rotate(-1deg)}
.device-macbook-lid{background:#171920;border-radius:12px 12px 5px 5px;padding:6px 6px 7px}
.device-macbook-screen{aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#fff}
.device-macbook-base{height:27px;margin:0 -5%;background:linear-gradient(180deg,#eef0f2 0,#c9ccd1 48%,#aeb2b8 100%);border-radius:2px 2px 14px 14px;position:relative;transform:perspective(150px) rotateX(14deg);box-shadow:0 8px 10px rgba(20,22,30,.12)}
.device-macbook-base:before{content:"";position:absolute;left:8%;right:8%;top:5px;height:12px;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(80,83,89,.22) 0 3px,transparent 3px 6px);opacity:.6}
.device-macbook-base span{position:absolute;width:20%;height:4px;background:#aeb1b7;left:40%;bottom:1px;border-radius:5px 5px 0 0}

/* Portrait iPad - sits beside the desktop rather than floating above it */
.device-ipad{width:22%;right:1%;bottom:7%;z-index:4;background:#1b1e24;border:6px solid #1b1e24;border-radius:20px;padding:4px;transform:rotate(1deg)}
.device-ipad-screen{aspect-ratio:820/1180;border-radius:12px;overflow:hidden;background:#fff}
.device-camera{position:absolute;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#555a67;z-index:4}

/* Phone - small foreground bridge between laptop and tablet */
.device-iphone{width:11%;left:58%;bottom:1%;z-index:5;background:#171a20;border:5px solid #171a20;border-radius:25px;padding:3px;transform:rotate(-1deg)}
.device-iphone-screen{aspect-ratio:430/800;border-radius:18px;overflow:hidden;background:#fff}
.device-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:38%;height:9px;background:#090a0d;border-radius:999px;z-index:5}

.home-device-stage{height:475px}
.hero-kpi{position:absolute;z-index:8;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(29,26,60,.12);border-radius:13px;padding:10px 13px;font-size:.68rem;font-weight:800;transition:transform .35s ease}
.hero-kpi-one{left:4%;bottom:25%}.hero-kpi-two{right:1%;top:9%}
.home-device-stage:hover .hero-kpi-one{transform:translateY(-4px)}.home-device-stage:hover .hero-kpi-two{transform:translateY(4px)}

@media(max-width:1100px){.apple-device-stage{height:450px}.home-device-stage{height:430px}}
@media(max-width:900px){.apple-device-stage{height:430px;max-width:720px;margin:auto}.device-imac{width:63%;left:20%}.device-macbook{width:48%}.device-ipad{width:22%}.device-iphone{width:11%}}
@media(max-width:700px){
 .apple-device-stage{height:300px;max-width:500px}.home-device-stage{height:290px}
 .device-imac{width:65%;left:19%}.device-imac-screen{border-width:4px}.device-imac-chin{height:20px}.device-imac-stand{height:29px}
 .device-macbook{width:50%;bottom:6%}.device-macbook-lid{padding:4px}.device-macbook-base{height:16px}
 .device-ipad{width:22%;right:0;border-width:4px;border-radius:14px;padding:2px}
 .device-iphone{width:11%;left:58%;border-width:3px;border-radius:16px;padding:2px}.device-island{top:5px;height:5px}
 .hero-kpi{font-size:.52rem;padding:6px 8px}.hero-kpi-one{left:1%;bottom:27%}.hero-kpi-two{right:0;top:8%}
}
/* Testimonial attribution is deliberately quieter than the quote */
.project-quote .project-rich p:last-child{font-size:.72rem;line-height:1.45;color:#777b86;margin-top:14px}
.project-quote .project-rich p:last-child strong{font-size:.82rem;color:var(--ink);font-weight:700}




/* v1.6.2 - final device proportion + responsive correction
   One cohesive mockup on desktop; purpose-built composition on phones. */
.apple-device-stage{
	height:490px;
	max-width:760px;
	margin:0 auto;
}

/* Desktop monitor stays the rear anchor, but no longer overwhelms the laptop. */
.device-imac{width:61%;left:24%;top:1%}

/* Laptop reads as a MacBook-style physical object rather than a second monitor. */
.device-macbook{
	width:46%;
	left:1%;
	bottom:4%;
	transform:rotate(-1.2deg);
}
.device-macbook-lid{
	border-radius:11px 11px 4px 4px;
	padding:5px 5px 6px;
}
.device-macbook-screen{aspect-ratio:16/10}
.device-macbook-base{
	height:21px;
	margin:0 -7%;
	border-radius:1px 1px 13px 13px;
	transform:perspective(180px) rotateX(18deg);
}
.device-macbook-base:before{
	left:5%;right:5%;top:3px;height:10px;
	background:
		linear-gradient(90deg,transparent 0 17%,rgba(100,103,110,.17) 17% 83%,transparent 83%),
		repeating-linear-gradient(90deg,rgba(80,83,89,.16) 0 2px,transparent 2px 5px);
}
.device-macbook-base:after{
	content:"";
	position:absolute;
	width:22%;height:7px;
	left:39%;top:6px;
	border:1px solid rgba(115,118,125,.22);
	border-radius:2px;
	background:rgba(255,255,255,.12);
}

/* Tablet stays recognisably portrait and grounded to the same baseline. */
.device-ipad{width:21%;right:0;bottom:6%}

/* Smaller phone, positioned as a foreground accent rather than a fifth focal point. */
.device-iphone{
	width:8.5%;
	left:61%;
	bottom:1%;
	border-width:4px;
	border-radius:22px;
	padding:2px;
}
.device-iphone-screen{border-radius:16px}
.device-island{top:6px;height:7px}

/* KPI cards belong to the composition but should not cover important screen content. */
.hero-kpi-one{left:7%;bottom:30%}
.hero-kpi-two{right:0;top:7%}

@media(max-width:900px){
	.apple-device-stage,.home-device-stage{
		height:410px;
		max-width:650px;
	}
	.device-imac{width:62%;left:23%}
	.device-macbook{width:47%;left:1%;bottom:5%}
	.device-ipad{width:21%;right:0;bottom:7%}
	.device-iphone{width:8.5%;left:61%;bottom:2%}
}

/* Mobile gets its own composition rather than shrinking the desktop coordinates. */
@media(max-width:700px){
	.hero-apple-showcase{
		width:100%;
		overflow:visible;
	}
	.apple-device-stage,.home-device-stage{
		width:min(100%,430px);
		height:255px;
		margin:6px auto 0;
		overflow:visible;
	}

	/* Main monitor centred high. */
	.device-imac{
		width:68%;
		left:16%;
		top:0;
		transform:none;
	}
	.device-imac-screen{border-width:3px;border-radius:8px 8px 2px 2px}
	.device-imac-chin{height:15px;border-radius:0 0 7px 7px}
	.device-imac-chin span{width:5px;height:5px;top:4px}
	.device-imac-stand{height:20px;width:24%}

	/* Laptop crosses the lower-left edge, clearly separated from monitor. */
	.device-macbook{
		width:47%;
		left:3%;
		bottom:3%;
		transform:rotate(-1deg);
	}
	.device-macbook-lid{padding:3px;border-radius:7px 7px 2px 2px}
	.device-macbook-screen{border-radius:3px}
	.device-macbook-base{
		height:11px;
		margin:0 -6%;
		border-radius:1px 1px 7px 7px;
	}
	.device-macbook-base:before{height:5px;top:2px}
	.device-macbook-base:after{height:3px;top:3px}
	.device-macbook-base span{height:2px}

	/* Tablet and phone form the right-hand foreground cluster. */
	.device-ipad{
		width:22%;
		right:3%;
		bottom:5%;
		border-width:3px;
		border-radius:11px;
		padding:2px;
		transform:rotate(.7deg);
	}
	.device-ipad-screen{border-radius:7px}
	.device-camera{width:2px;height:2px;top:2px}

	.device-iphone{
		width:9%;
		left:63%;
		bottom:0;
		border-width:2px;
		border-radius:12px;
		padding:1px;
		transform:rotate(-1deg);
	}
	.device-iphone-screen{border-radius:9px}
	.device-island{top:3px;height:3px}

	/* KPI overlays are deliberately smaller and moved to empty edges. */
	.hero-kpi{
		font-size:.48rem;
		line-height:1.15;
		padding:6px 8px;
		border-radius:9px;
		white-space:nowrap;
	}
	.hero-kpi-one{left:0;bottom:31%}
	.hero-kpi-two{right:0;top:12%}

	/* Hover motion is meaningless/twitchy on touch layouts. */
	.apple-device-stage:hover .device-imac,
	.apple-device-stage:hover .device-macbook,
	.apple-device-stage:hover .device-ipad,
	.apple-device-stage:hover .device-iphone,
	.home-device-stage:hover .hero-kpi-one,
	.home-device-stage:hover .hero-kpi-two{transform:inherit}
}

@media(max-width:390px){
	.apple-device-stage,.home-device-stage{height:235px}
	.hero-kpi-one{bottom:30%}
	.hero-kpi-two{top:10%}
}


/* v1.6.3 - tighter organic device cluster + corrected phone silhouette */

/* Desktop/wide: deliberately overlap the hardware to create one mockup object. */
.apple-device-stage{
	height:475px;
	max-width:720px;
}
.device-imac{
	width:64%;
	left:22%;
	top:0;
	z-index:1;
}
.device-macbook{
	width:49%;
	left:4%;
	bottom:3%;
	z-index:3;
	transform:rotate(-1.1deg);
}
.device-ipad{
	width:22%;
	right:3%;
	bottom:5%;
	z-index:4;
	transform:rotate(.5deg);
}
.device-iphone{
	width:8%;
	left:66%;
	bottom:0;
	z-index:5;
	background:#171a20;
	border:3px solid #171a20;
	border-radius:13px;
	padding:1px;
	transform:rotate(-.5deg);
}
.device-iphone-screen{
	aspect-ratio:430/850;
	border-radius:10px;
}
.device-island{
	top:4px;
	width:35%;
	height:5px;
}

/* Pull the overlays into the physical cluster. */
.hero-kpi-one{left:7%;bottom:28%}
.hero-kpi-two{right:1%;top:8%}

/* A subtle shared base shadow reinforces that this is one composition. */
.apple-device-stage:after{
	content:"";
	position:absolute;
	left:7%;
	right:1%;
	bottom:-5px;
	height:28px;
	background:radial-gradient(ellipse at center,rgba(25,26,35,.16) 0,rgba(25,26,35,.07) 42%,transparent 72%);
	filter:blur(7px);
	z-index:0;
	pointer-events:none;
}

@media(max-width:1100px) and (min-width:701px){
	.apple-device-stage,.home-device-stage{
		height:390px;
		max-width:590px;
	}
	.device-imac{width:64%;left:22%}
	.device-macbook{width:50%;left:3%;bottom:3%}
	.device-ipad{width:22%;right:2%;bottom:5%}
	.device-iphone{width:8%;left:66%;bottom:0;border-radius:11px}
	.hero-kpi-one{left:5%;bottom:27%}
	.hero-kpi-two{right:0;top:7%}
}

/* Portrait: keep the improved v1.6.2 structure but tighten it and fix the phone. */
@media(max-width:700px){
	.apple-device-stage,.home-device-stage{
		width:min(100%,430px);
		height:245px;
	}

	.device-imac{
		width:69%;
		left:15%;
		top:0;
		z-index:1;
	}
	.device-macbook{
		width:50%;
		left:2%;
		bottom:2%;
		z-index:3;
	}
	.device-ipad{
		width:23%;
		right:2%;
		bottom:3%;
		z-index:4;
	}
	.device-iphone{
		width:8.5%;
		left:64%;
		bottom:-1%;
		z-index:5;
		border-width:2px;
		border-radius:8px;
		padding:1px;
	}
	.device-iphone-screen{
		aspect-ratio:430/870;
		border-radius:6px;
	}
	.device-island{
		top:2px;
		width:34%;
		height:3px;
	}

	.hero-kpi-one{left:0;bottom:28%}
	.hero-kpi-two{right:0;top:12%}

	.apple-device-stage:after{
		left:3%;
		right:1%;
		bottom:-3px;
		height:18px;
		filter:blur(5px);
	}
}

@media(max-width:390px){
	.apple-device-stage,.home-device-stage{height:228px}
	.device-macbook{width:49%}
	.device-ipad{width:22.5%}
	.device-iphone{width:8.2%;left:64.5%}
}

/* v1.7.0 - kinetic multi-project homepage showcase */
.hero-kinetic-showcase{min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}
.kinetic-stage{position:relative;width:min(760px,100%);height:520px;perspective:1300px;transform-style:preserve-3d;--mx:0;--my:0}
.kinetic-stage:before{content:"";position:absolute;inset:5% -8% 0 0;border-radius:50%;background:radial-gradient(circle at 62% 40%,rgba(244,55,183,.16),rgba(119,78,255,.08) 36%,transparent 67%);filter:blur(12px);pointer-events:none}
.kinetic-card{position:absolute;overflow:hidden;background:#fff;border:1px solid rgba(25,26,35,.1);border-radius:16px;box-shadow:0 28px 65px rgba(31,27,57,.15);transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .45s ease,box-shadow .45s ease;cursor:pointer;will-change:transform;outline:none}
.kinetic-card img{display:block;width:100%;height:calc(100% - 25px);object-fit:cover;object-position:top}
.kinetic-browser{height:25px;background:rgba(255,255,255,.97);display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #eee;color:#8b8c98;font-size:8px}
.kinetic-browser span{width:5px;height:5px;border-radius:50%;background:#d9dae0}.kinetic-browser b{font-weight:600;margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kinetic-label{position:absolute;left:14px;right:14px;bottom:14px;padding:11px 13px;border-radius:11px;background:rgba(20,21,29,.86);backdrop-filter:blur(9px);color:#fff;opacity:0;transform:translateY(8px);transition:.3s ease}
.kinetic-label strong,.kinetic-label small{display:block}.kinetic-label strong{font-size:12px}.kinetic-label small{font-size:8px;margin-top:2px;opacity:.72;letter-spacing:.04em}
.kinetic-card:hover .kinetic-label,.kinetic-card:focus .kinetic-label,.kinetic-card.is-active .kinetic-label{opacity:1;transform:none}
.kinetic-card-h4h{width:54%;height:300px;left:19%;top:14%;z-index:4;transform:translate3d(calc(var(--mx)*-9px),calc(var(--my)*-6px),75px) rotate(-1deg)}
.kinetic-card-jade{width:37%;height:215px;right:-1%;top:2%;z-index:2;transform:translate3d(calc(var(--mx)*14px),calc(var(--my)*9px),-20px) rotate(5deg)}
.kinetic-card-inclusive{width:34%;height:198px;left:1%;bottom:3%;z-index:3;transform:translate3d(calc(var(--mx)*-13px),calc(var(--my)*12px),20px) rotate(-6deg)}
.kinetic-card-kingdom{width:40%;height:225px;right:4%;bottom:0;z-index:5;transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*-9px),105px) rotate(3deg)}
.kinetic-card:not(.is-active){filter:saturate(.86)}.kinetic-card.is-active{filter:saturate(1.06);box-shadow:0 34px 75px rgba(31,27,57,.21)}
.kinetic-card-h4h.is-active{transform:translate3d(calc(var(--mx)*-9px),calc(var(--my)*-6px),120px) rotate(0)}
.kinetic-card-jade.is-active{transform:translate3d(calc(var(--mx)*14px),calc(var(--my)*9px),100px) rotate(1deg)}
.kinetic-card-inclusive.is-active{transform:translate3d(calc(var(--mx)*-13px),calc(var(--my)*12px),105px) rotate(-1deg)}
.kinetic-card-kingdom.is-active{transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*-9px),135px) rotate(0)}
.kinetic-proof{position:absolute;z-index:8;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(255,255,255,.84);backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(37,30,72,.1);font-size:11px;pointer-events:none}
.kinetic-proof span{font-size:8px;font-weight:800;color:#d22fc5;letter-spacing:.1em}.kinetic-proof strong{white-space:nowrap}.kinetic-proof-one{left:4%;top:25%}.kinetic-proof-two{right:0;bottom:30%}
.kinetic-orbit{position:absolute;width:72%;height:68%;left:14%;top:16%;border:1px solid rgba(164,82,244,.12);border-radius:50%;transform:rotate(-15deg);pointer-events:none}.kinetic-mobile-progress{display:none}
@media(max-width:1100px) and (min-width:701px){.kinetic-stage{height:430px}.kinetic-card-h4h{height:245px}.kinetic-card-jade{height:180px}.kinetic-card-inclusive{height:165px}.kinetic-card-kingdom{height:185px}}
@media(max-width:700px){
.hero-kinetic-showcase{margin-top:30px;width:100%}.kinetic-stage{width:100%;height:330px;perspective:900px}.kinetic-stage:before{inset:0 -10% 0}
.kinetic-card{border-radius:12px;box-shadow:0 20px 45px rgba(31,27,57,.14)}.kinetic-browser{height:18px;padding:0 7px}.kinetic-browser span{width:4px;height:4px}.kinetic-browser b{font-size:6px}.kinetic-card img{height:calc(100% - 18px)}
.kinetic-label{left:8px;right:8px;bottom:8px;padding:8px 9px;border-radius:8px}.kinetic-label strong{font-size:9px}.kinetic-label small{font-size:6px}
.kinetic-card-h4h{width:65%;height:190px;left:18%;top:5%;transform:translate3d(0,0,65px) rotate(-1deg)}.kinetic-card-jade{width:42%;height:128px;right:0;top:37%;transform:translate3d(0,0,20px) rotate(5deg)}.kinetic-card-inclusive{width:41%;height:126px;left:0;bottom:0;transform:translate3d(0,0,35px) rotate(-5deg)}.kinetic-card-kingdom{width:47%;height:140px;right:16%;bottom:-2%;transform:translate3d(0,0,85px) rotate(2deg)}
.kinetic-card-h4h.is-active{transform:translate3d(0,0,110px) rotate(0) scale(1.025)}.kinetic-card-jade.is-active{transform:translate3d(0,0,105px) rotate(1deg) scale(1.035)}.kinetic-card-inclusive.is-active{transform:translate3d(0,0,105px) rotate(-1deg) scale(1.035)}.kinetic-card-kingdom.is-active{transform:translate3d(0,0,120px) rotate(0) scale(1.035)}
.kinetic-proof{font-size:8px;padding:7px 9px}.kinetic-proof span{font-size:6px}.kinetic-proof-one{left:1%;top:27%}.kinetic-proof-two{right:0;bottom:24%}.kinetic-orbit{display:none}
.kinetic-mobile-progress{display:flex;justify-content:center;gap:6px;margin-top:10px}.kinetic-mobile-progress span{width:5px;height:5px;border-radius:50%;background:#d9dae2;transition:.25s}.kinetic-mobile-progress span.is-active{width:20px;border-radius:5px;background:#ba37e8}}
@media(prefers-reduced-motion:reduce){.kinetic-card{transition:none!important}}


/* v1.8.0 - Cover Flow-inspired homepage portfolio deck */
.hero-coverflow-showcase{min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative}
.coverflow-stage{position:relative;width:min(820px,100%);height:500px;perspective:1500px;isolation:isolate}
.coverflow-stage:before{content:"";position:absolute;width:88%;height:70%;left:8%;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(232,61,190,.14),rgba(105,92,255,.07) 42%,transparent 72%);filter:blur(18px);pointer-events:none}
.coverflow-deck{position:absolute;inset:0;transform-style:preserve-3d}
.coverflow-card{--x:0px;--z:-260px;--scale:.72;--opacity:0;position:absolute;left:50%;top:38%;width:72%;aspect-ratio:1.68/1;background:#fff;border:1px solid rgba(26,27,36,.12);border-radius:13px;overflow:hidden;box-shadow:0 24px 65px rgba(31,27,57,.12);transform:translate(-50%,-50%) translate3d(var(--x),0,var(--z)) scale(var(--scale));opacity:var(--opacity);filter:blur(5px) saturate(.72);transition:transform .72s cubic-bezier(.22,.8,.22,1),opacity .55s ease,filter .55s ease,box-shadow .55s ease;will-change:transform,opacity,filter;cursor:pointer;pointer-events:none;outline:none;transform-style:preserve-3d}
.coverflow-card[data-pos="0"]{--x:0px;--z:110px;--scale:1;--opacity:1;z-index:6;filter:none;box-shadow:0 34px 80px rgba(30,27,55,.2);pointer-events:auto}
.coverflow-card[data-pos="-1"]{--x:-43%;--z:-90px;--scale:.78;--opacity:.42;z-index:4;filter:blur(2.4px) saturate(.72);pointer-events:auto}
.coverflow-card[data-pos="1"]{--x:43%;--z:-90px;--scale:.78;--opacity:.42;z-index:4;filter:blur(2.4px) saturate(.72);pointer-events:auto}
.coverflow-card[data-pos="-2"],.coverflow-card[data-pos="2"]{--z:-190px;--scale:.62;--opacity:.16;z-index:2;filter:blur(4px) saturate(.55)}
.coverflow-card[data-pos="-2"]{--x:-66%}.coverflow-card[data-pos="2"]{--x:66%}
.coverflow-browser{height:26px;background:#f7f7f9;display:flex;align-items:center;gap:5px;padding:0 11px;border-bottom:1px solid #e8e8ed;color:#898b94;font-size:8px}
.coverflow-browser span{width:6px;height:6px;border-radius:50%;background:#d4d5dc}.coverflow-browser b{font-weight:650;margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coverflow-screen{height:calc(100% - 26px);overflow:hidden;background:#f4f4f6}.coverflow-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.coverflow-meta{position:absolute;left:14%;right:14%;bottom:6px;display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:10;transition:.3s}
.coverflow-meta>div:first-child{display:grid;gap:1px}.coverflow-meta span:first-child{font-size:7px;letter-spacing:.16em;font-weight:900;color:#c43ab9}.coverflow-meta strong{font-size:17px;line-height:1.15}.coverflow-meta small{font-size:8px;color:var(--muted)}
.coverflow-count{display:flex;align-items:center;gap:7px;color:#a0a2aa;font-size:8px}.coverflow-count b{font-size:13px;color:var(--ink)}.coverflow-count i{width:28px;height:1px;background:#d7d8df;display:block}
.coverflow-arrow{position:absolute;top:38%;z-index:12;width:38px;height:38px;border:1px solid rgba(24,25,34,.1);border-radius:50%;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(30,27,55,.09);display:grid;place-items:center;font-size:16px;color:var(--ink);cursor:pointer;transition:.2s}.coverflow-arrow:hover{transform:scale(1.08);background:#fff}.coverflow-prev{left:1%}.coverflow-next{right:1%}
.coverflow-progress{display:none}
@media(max-width:1100px) and (min-width:701px){.coverflow-stage{height:430px}.coverflow-card{width:74%}.coverflow-meta{left:12%;right:12%}}
@media(max-width:700px){
.hero-coverflow-showcase{margin-top:26px;width:100%}.coverflow-stage{width:100%;height:300px;perspective:1050px}.coverflow-stage:before{width:100%;left:0;top:4%}
.coverflow-card{top:41%;width:78%;border-radius:10px}.coverflow-card[data-pos="0"]{--z:80px;--scale:1}.coverflow-card[data-pos="-1"]{--x:-45%;--z:-80px;--scale:.73;--opacity:.34}.coverflow-card[data-pos="1"]{--x:45%;--z:-80px;--scale:.73;--opacity:.34}.coverflow-card[data-pos="-2"],.coverflow-card[data-pos="2"]{--opacity:.08}
.coverflow-browser{height:19px;padding:0 7px}.coverflow-browser span{width:4px;height:4px}.coverflow-browser b{font-size:6px}.coverflow-screen{height:calc(100% - 19px)}
.coverflow-meta{left:11%;right:11%;bottom:0}.coverflow-meta span:first-child{font-size:6px}.coverflow-meta strong{font-size:13px}.coverflow-meta small{font-size:7px}.coverflow-count{display:none}
.coverflow-arrow{width:32px;height:32px;top:40%;font-size:14px}.coverflow-prev{left:-3px}.coverflow-next{right:-3px}
.coverflow-progress{display:flex;justify-content:center;gap:6px;margin-top:2px}.coverflow-progress span{width:5px;height:5px;border-radius:50%;background:#d9dae2;transition:.25s}.coverflow-progress span.is-active{width:20px;border-radius:5px;background:#ba37e8}
}
@media(max-width:390px){.coverflow-stage{height:275px}.coverflow-card{width:80%}.coverflow-meta{left:10%;right:10%}}
@media(prefers-reduced-motion:reduce){.coverflow-card{transition:none!important}}


/* v1.8.2 - Cover Flow final alignment refinements */
@media(min-width:701px){
  .coverflow-meta{bottom:54px;}
}
@media(max-width:700px){
  .hero-coverflow-showcase{flex-direction:column;align-items:center;justify-content:flex-start;}
  .coverflow-stage{height:285px;margin-inline:auto;}
  .coverflow-card{left:50%;top:38%;}
  .coverflow-arrow{top:38%;}
  .coverflow-prev{left:1px;}
  .coverflow-next{right:1px;}
  .coverflow-progress{position:absolute;left:50%;top:72%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:6px;margin:0;z-index:13;}
  .coverflow-meta{left:0;right:0;bottom:7px;text-align:center;justify-content:center;align-items:center;}
  .coverflow-meta>div:first-child{justify-items:center;width:100%;}
}
@media(max-width:390px){
  .coverflow-stage{height:270px;}
  .coverflow-progress{top:71%;}
  .coverflow-meta{left:0;right:0;bottom:5px;}
}

/* v1.8.3 - final Cover Flow spacing/type polish */
@media(min-width:701px){
  .coverflow-meta{bottom:86px;}
}
@media(max-width:700px){
  .coverflow-meta span:first-child{font-size:7px;}
  .coverflow-meta strong{font-size:16px;line-height:1.2;}
  .coverflow-meta small{font-size:9px;line-height:1.35;}
}


/* v1.9.0 - exact device viewport ratios + multidisciplinary case-study media */
/* Supplied screenshots are fitted to the actual screen opening without cropping. */
.device-imac-screen{aspect-ratio:2.046/1}
.device-macbook-screen{aspect-ratio:2.046/1}
.device-ipad-screen{aspect-ratio:.82/1}
.device-iphone-screen{aspect-ratio:.6143/1}
.device-imac-screen img,.device-macbook-screen img,.device-ipad-screen img,.device-iphone-screen img{object-fit:fill;object-position:top center}

.project-brand-section{padding:72px 0 82px;background:linear-gradient(180deg,#fbf9f6 0,#fff 100%)}
.project-brand-heading{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:end;margin-bottom:28px}
.project-brand-heading h2{font-size:clamp(2.2rem,4vw,4rem);line-height:.98;letter-spacing:-.045em;margin:.1em 0 0}
.project-brand-heading>p{color:var(--muted);max-width:560px;margin:0 0 5px}
.project-brand-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-auto-rows:minmax(250px,auto);gap:18px}
.brand-visual{margin:0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 55px rgba(28,27,39,.08);border:1px solid rgba(24,25,34,.07)}
.brand-visual img{width:100%;height:100%;object-fit:cover}
.brand-visual-1{grid-row:span 2}.brand-visual-1 img{object-position:center}
.project-gallery-section{padding:70px 0}
.project-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.project-gallery-grid figure{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.project-gallery-grid img{width:100%;height:100%;object-fit:cover}

@media(min-width:901px){
 .project-hero-v2{padding-bottom:22px}
 .project-snapshot-section{padding-top:28px}
}
@media(max-width:700px){
 .project-brand-section{padding:52px 0 58px}
 .project-brand-heading{grid-template-columns:1fr;gap:12px;margin-bottom:20px}
 .project-brand-heading h2{font-size:2.35rem}
 .project-brand-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}
 .brand-visual-1{grid-row:auto}
 .brand-visual img{height:auto;object-fit:contain}
 .project-gallery-grid{grid-template-columns:1fr}
}


/* v1.9.1 - compact mobile highlights and restrained end-of-case-study gallery */
@media(max-width:440px){
 .snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .snapshot-card{min-height:142px;padding:15px}
 .snapshot-index{margin-bottom:24px}
 .snapshot-card strong{font-size:clamp(1.22rem,7vw,1.65rem)}
 .snapshot-card small{font-size:.64rem;line-height:1.25}
}
.project-gallery-section{padding:30px 0 76px}
.project-gallery-section .project-section-heading{margin-bottom:18px}
.project-gallery-grid{display:flex;flex-wrap:wrap;gap:14px}
.project-gallery-thumb{position:relative;display:block;width:min(290px,100%);aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 10px 30px rgba(32,24,65,.07)}
.project-gallery-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease}
.project-gallery-thumb span{position:absolute;right:10px;bottom:10px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.94);font-size:.67rem;font-weight:850;box-shadow:0 5px 18px rgba(0,0,0,.09)}
.project-gallery-thumb:hover img{transform:scale(1.025)}
.project-lightbox[hidden]{display:none}
.project-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(12,13,18,.88);display:grid;place-items:center;padding:32px;backdrop-filter:blur(10px)}
.project-lightbox img{max-width:min(1180px,94vw);max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 28px 100px rgba(0,0,0,.38)}
.project-lightbox-close{position:fixed;top:18px;right:20px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#171922;font-size:1.8rem;line-height:1;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.18)}
@media(max-width:700px){
 .project-gallery-section{padding:18px 0 56px}
 .project-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .project-gallery-thumb{width:100%;border-radius:13px}
 .project-gallery-thumb span{font-size:.6rem;padding:6px 8px}
 .project-lightbox{padding:18px}
}

/* v1.9.3 - mobile snapshot grid + gallery thumbnail refinement */
@media(max-width:700px){
  .project-snapshot-section .snapshot-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .project-snapshot-section .snapshot-card{min-width:0!important;min-height:142px!important;padding:15px!important}
  .project-snapshot-section .snapshot-index{margin-bottom:22px!important}
  .project-snapshot-section .snapshot-card strong{font-size:clamp(1.15rem,6.3vw,1.55rem)!important;overflow-wrap:anywhere}
  .project-snapshot-section .snapshot-card small{font-size:.62rem!important;line-height:1.2!important}
}
.project-gallery-grid{align-items:flex-start}
.project-gallery-thumb{width:min(360px,100%);aspect-ratio:auto;padding:8px;background:#fff}
.project-gallery-thumb img{width:100%;height:auto;max-height:280px;object-fit:contain;object-position:center;border-radius:10px;background:#f7f7fa}
@media(max-width:700px){
  .project-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .project-gallery-thumb{width:100%;padding:5px;border-radius:12px}
  .project-gallery-thumb img{max-height:190px;border-radius:8px}
}


/* v1.9.4 - cache-safe project mobile grid and gallery */
@media screen and (max-width:700px){
 body.single-cre8ive_project .project-snapshot-section .snapshot-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-auto-flow:row!important;gap:10px!important;width:100%!important}
 body.single-cre8ive_project .project-snapshot-section .snapshot-card{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important}
}
body.single-cre8ive_project .project-gallery-grid{align-items:start}
body.single-cre8ive_project .project-gallery-thumb{height:auto!important}
body.single-cre8ive_project .project-gallery-thumb img{display:block;width:100%!important;height:auto!important;object-fit:contain!important}


/* v1.9.5 - tighter desktop project device cluster + more realistic mobile hardware */
@media(min-width:901px){
  .apple-device-stage{max-width:690px;height:450px}
  .device-imac{width:64%;left:20%;top:0}
  .device-macbook{width:52%;left:11%;bottom:4%;transform:rotate(-.45deg)}
  .device-ipad{width:23%;right:8%;bottom:6%;border-radius:10px;border-width:5px;padding:3px;transform:rotate(.2deg)}
  .device-ipad-screen{border-radius:5px}
  .device-iphone{width:8.5%;left:67%;bottom:2%;border-radius:8px;border-width:3px;padding:1px;transform:rotate(-.2deg)}
  .device-iphone-screen{border-radius:4px}
}


/* v1.9.6 - project card screenshot fitting + tighter desktop device composition */
.project-thumb-contain img{
	object-fit:contain!important;
	object-position:center top!important;
	background:#fff;
}
.project-thumb-cover img{
	object-fit:cover!important;
}
@media(min-width:901px){
	.apple-device-stage{max-width:650px;height:430px}
	.device-imac{width:66%;left:19%;top:0}
	.device-macbook{width:55%;left:13%;bottom:5%;transform:rotate(-.3deg)}
	.device-ipad{width:23%;right:10%;bottom:7%;border-radius:7px;border-width:5px;padding:2px;transform:none}
	.device-ipad-screen{border-radius:3px}
	.device-iphone{width:8.5%;left:66%;bottom:3%;border-radius:6px;border-width:3px;padding:1px;transform:none}
	.device-iphone-screen{border-radius:3px}
}
/* About page — v2.0 */
.about-page-hero{padding:85px 0 70px;background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%)}
.about-page-hero-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:70px;align-items:end}.about-page-hero h1{font-size:clamp(3rem,5.8vw,5.7rem);line-height:.95;letter-spacing:-.06em;margin:10px 0 24px;max-width:900px}.about-page-lead{font-size:1.08rem;color:var(--muted);max-width:760px}.about-page-note{border-left:1px solid var(--line);padding:22px 0 22px 32px}.about-page-note strong{font-size:1.15rem}.about-page-note p{color:var(--muted);font-size:.9rem}.about-team{padding:80px 0}.bio-grid{display:grid;gap:28px;margin-top:34px}.bio-card{border:1px solid var(--line);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(32,24,65,.055)}.bio-card-featured{display:grid;grid-template-columns:minmax(300px,.72fr) 1.28fr;min-height:610px}.bio-card-reverse{grid-template-columns:1.28fr minmax(300px,.72fr)}.bio-card-reverse .bio-photo{order:2}.bio-card-reverse .bio-copy{order:1}.bio-photo{min-height:610px;background:#f4f4f7}.bio-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.bio-copy{padding:52px;display:flex;flex-direction:column;justify-content:center}.bio-role{margin:0 0 8px!important;color:#bd3caf!important;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem!important;font-weight:900}.bio-copy h2{font-size:clamp(2rem,3vw,3.25rem);line-height:1;letter-spacing:-.045em;margin:0 0 24px}.bio-copy p{color:var(--muted);font-size:.94rem;max-width:760px}.bio-card-admin{display:grid;grid-template-columns:220px 1fr;max-width:820px}.bio-card-admin .bio-copy{padding:38px}.bio-placeholder{min-height:250px;background:linear-gradient(135deg,#faf6ff,#fff3f8);display:grid;place-items:center}.bio-placeholder span{width:70px;height:70px;border:1px solid #d9cde5;border-radius:50%;display:grid;place-items:center;font-size:2rem;color:#b143b6}.about-capabilities{padding:0 0 75px}.about-capabilities-band{border-radius:28px;background:#171922;color:#fff;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-capabilities-band .eyebrow{color:#ef70c6}.about-capabilities-band h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1;letter-spacing:-.045em;margin:10px 0}.about-capabilities-band>p{color:#c9cad1;margin:0}
@media(max-width:800px){.about-page-hero{padding:48px 0}.about-page-hero-grid,.bio-card-featured,.bio-card-reverse,.about-capabilities-band{grid-template-columns:1fr}.about-page-hero-grid{gap:25px}.about-page-note{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.bio-card-reverse .bio-photo,.bio-card-reverse .bio-copy{order:initial}.bio-photo{min-height:480px;max-height:620px}.bio-copy{padding:30px 24px}.bio-card-admin{grid-template-columns:1fr}.bio-placeholder{min-height:180px}.about-capabilities-band{gap:20px;padding:30px 24px}}

/* v2.1 - premium navigation, canonical laptop captures, carousel loop */
.project-grid.carousel-track{scroll-behavior:smooth}
.project-grid.carousel-track .project-thumb{aspect-ratio:16/10;background:#fff!important}
.project-grid.carousel-track .project-thumb img{object-fit:contain!important;object-position:center top!important;width:100%;height:100%}
.device-macbook{width:44%!important}.device-macbook-screen{aspect-ratio:16/10!important}.device-macbook-screen img{object-fit:cover!important;object-position:top center!important}
.site-header{border-bottom:1px solid rgba(28,25,40,.06);box-shadow:0 10px 40px rgba(32,24,65,.035)}
.primary-nav a{position:relative;padding:10px 0;letter-spacing:.02em}.primary-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:3px;height:1px;background:linear-gradient(90deg,#f43d9d,#a23cff);transition:.25s}.primary-nav a:hover:after{left:0;right:0}
.mobile-toggle{width:44px;height:44px;border:1px solid #e7e4ec!important;border-radius:50%;font-size:0!important;position:relative}.mobile-toggle:before,.mobile-toggle:after{content:"";position:absolute;left:12px;right:12px;height:1.5px;background:#171922;transition:.25s}.mobile-toggle:before{top:17px}.mobile-toggle:after{top:25px}
@media(max-width:980px){.site-header{padding:14px 0}.primary-nav{position:fixed!important;inset:76px 14px auto 14px!important;padding:12px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(22px);border:1px solid rgba(218,214,228,.8)!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(32,24,65,.16)!important;z-index:999;gap:0!important}.primary-nav a{font-family:Georgia,serif;font-size:1.45rem;font-weight:500;padding:15px 16px;border-bottom:1px solid #efedf3}.primary-nav a:last-child{border-bottom:0}.primary-nav a:after{display:none}}


/* v2.1.2 - stable hero fallback, true-loop carousel, full-width premium mobile navigation */
.mobile-toggle{width:44px;height:44px;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:50%;transition:.25s ease;position:relative;z-index:1002}
.mobile-toggle span{display:block;width:22px;height:1.5px;background:#171922;border-radius:2px;transition:transform .28s ease,opacity .2s ease,width .25s ease}
.mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;width:0}
.mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.project-grid.carousel-track.is-looping{scroll-snap-type:x mandatory}
@media(max-width:980px){
 .site-header{position:relative;z-index:1000;padding:13px 0;border-bottom:1px solid rgba(23,25,34,.055)}
 .mobile-toggle{display:flex}
 .primary-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100vw!important;margin:0!important;padding:12px 20px 22px!important;background:rgba(255,255,255,.985)!important;border:0!important;border-top:1px solid rgba(23,25,34,.06)!important;border-radius:0!important;box-shadow:0 24px 45px rgba(26,21,46,.10)!important;backdrop-filter:blur(22px);z-index:1001;flex-direction:column!important;gap:0!important;align-items:stretch!important}
 .primary-nav.is-open{display:flex!important}
 .primary-nav:before{content:"CRE8IVE DIGITAL SOLUTIONS";display:block;padding:8px 6px 11px;font-size:.62rem;line-height:1;letter-spacing:.19em;font-weight:850;color:#a43bbf;border-bottom:1px solid #eceaf0}
 .primary-nav a{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:1.12rem!important;font-weight:720!important;letter-spacing:-.02em!important;padding:16px 6px!important;border-bottom:1px solid #efedf2!important;display:flex;align-items:center;justify-content:space-between}
 .primary-nav a:before{counter-increment:navitem;content:"0" counter(navitem);font-size:.58rem;letter-spacing:.12em;font-weight:800;color:#b7b3be;margin-right:18px}
 .primary-nav a:after{content:"→"!important;display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;font-size:.9rem;color:#b23cbe;margin-left:auto}
 .primary-nav{counter-reset:navitem}
 .primary-nav a:last-child{border-bottom:0!important}
 body.menu-open:after{content:"";position:fixed;inset:0;background:rgba(24,21,33,.12);backdrop-filter:blur(2px);z-index:900;pointer-events:none}
}
@media(max-width:680px){
 .hero-coverflow-showcase{min-height:350px!important}
 .coverflow-stage{min-height:285px!important}
}

/* v2.1.3 */
.premium-about .about-page-hero{padding:110px 0 95px;background:radial-gradient(circle at 82% 12%,rgba(162,60,255,.12),transparent 27%),radial-gradient(circle at 68% 28%,rgba(244,61,157,.08),transparent 22%),#fff}
.premium-about .about-page-hero-grid{align-items:center}.premium-about .about-page-note{position:relative;padding:34px 0 34px 38px}.about-note-number,.bio-index{font-size:.66rem;letter-spacing:.16em;font-weight:850;color:#b5afbb}.premium-about .about-page-note a{display:inline-block;margin-top:16px;font-size:.76rem;font-weight:850;color:#aa3db8}.about-manifesto{padding:90px 0;background:#171922;color:#fff}.manifesto-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.manifesto-grid h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;margin:8px 0 0}.manifesto-grid h2 span{color:#8c8e99}.manifesto-grid p{color:#c9cad1;font-size:1rem;margin:0}.team-heading-row{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:38px}.team-heading-row>p{color:var(--muted);margin:0 0 6px}.premium-about .bio-grid{gap:42px}.premium-about .bio-card{border:0;border-radius:32px;box-shadow:0 25px 80px rgba(28,23,54,.08)}.premium-about .bio-card-featured{min-height:650px}.premium-about .bio-photo{min-height:650px}.premium-about .bio-copy{padding:64px}.premium-about .bio-role{margin-top:10px!important}.premium-about .bio-copy h2{font-size:clamp(2.6rem,4vw,4.2rem);margin-bottom:30px}.premium-about .bio-card-admin{box-shadow:none;border:1px solid var(--line);max-width:none;grid-template-columns:180px 1fr}.premium-about .bio-placeholder{background:linear-gradient(135deg,#f9f5ff,#fff5fa)}.premium-about .bio-placeholder span{border:0;font-size:1rem;letter-spacing:.12em;font-weight:900}.premium-about .about-capabilities-band{padding:64px;background:linear-gradient(135deg,#151720,#24202e);box-shadow:0 28px 80px rgba(25,20,50,.14)}.premium-about .about-capabilities-band>div:last-child p{color:#c9cad1;margin-top:0}.premium-about .about-capabilities-band .btn{margin-top:20px}
@media(max-width:800px){.premium-about .about-page-hero{padding:62px 0 55px}.premium-about .about-page-hero h1{font-size:clamp(3rem,13vw,4.5rem)}.manifesto-grid,.team-heading-row{grid-template-columns:1fr;gap:24px}.about-manifesto{padding:62px 0}.premium-about .bio-card-featured{min-height:0}.premium-about .bio-photo{min-height:460px}.premium-about .bio-copy{padding:34px 26px}.premium-about .bio-card-admin{grid-template-columns:1fr}.premium-about .about-capabilities-band{padding:36px 26px}}

/* v2.1.4 - hamburger cleanup, project click-through, canonical laptop presentation */
.mobile-toggle:before,.mobile-toggle:after{content:none!important;display:none!important}
.coverflow-card.is-active{cursor:pointer}
.coverflow-card.is-active .coverflow-screen:after{content:"View project →";position:absolute;right:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(20,20,35,.12);font-size:.68rem;font-weight:800;letter-spacing:.02em;color:#171922;opacity:0;transform:translateY(4px);transition:.22s;pointer-events:none}
.coverflow-card.is-active:hover .coverflow-screen:after{opacity:1;transform:none}
.coverflow-screen{position:relative}
.device-imac-screen img{object-fit:cover!important;object-position:top center!important}
@media(max-width:980px){.coverflow-card.is-active .coverflow-screen:after{display:none}}

/* v2.1.5 page imagery + definitive mobile toggle state */
.mobile-toggle::before,.mobile-toggle::after{content:none!important;display:none!important}
.mobile-toggle span{transform-origin:center!important}
.mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)!important}
.mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important;visibility:hidden!important;transform:scaleX(0)!important}
.mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)!important}
.about-photo-hero{padding:72px 0 78px!important;overflow:hidden}.about-photo-hero-grid,.editorial-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}.about-photo-hero h1,.editorial-hero h1{font-size:clamp(3rem,5.5vw,5.6rem);line-height:.96;letter-spacing:-.055em;margin:12px 0 24px}.about-photo-hero-image,.editorial-hero-image{border-radius:30px;overflow:hidden;min-height:590px;box-shadow:0 28px 80px rgba(31,24,65,.11)}.about-photo-hero-image img,.editorial-hero-image img{width:100%;height:100%;min-height:590px;object-fit:cover}.about-photo-hero-image img{object-position:center center}.editorial-hero{padding:72px 0 78px;background:radial-gradient(circle at 86% 14%,rgba(143,89,255,.11),transparent 28%),#fff}.editorial-lead{font-size:1.08rem;color:var(--muted);max-width:660px;margin-bottom:28px}.editorial-hero-image img{object-position:center 24%}.contact-page .editorial-hero-image img{object-position:center center}.editorial-content{padding:80px 0;background:#faf9fc}.editorial-content .section-copy{max-width:780px}
@media(max-width:800px){.about-photo-hero,.editorial-hero{padding:36px 0 56px!important}.about-photo-hero-grid,.editorial-hero-grid{grid-template-columns:1fr;gap:30px}.about-photo-hero-image,.editorial-hero-image{order:-1;min-height:390px;border-radius:24px}.about-photo-hero-image img,.editorial-hero-image img{min-height:390px;max-height:520px}.about-photo-hero h1,.editorial-hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}.editorial-content{padding:58px 0}}


/* v2.2.0 complete routes + premium 3-step enquiry */
.contact-builder{padding:76px 0 96px;background:linear-gradient(180deg,#fff 0,#fbf9ff 100%)}.brief-shell{max-width:920px;margin:auto;border:1px solid #e9e6ef;border-radius:32px;background:#fff;box-shadow:0 28px 90px rgba(40,28,75,.09);overflow:hidden}.brief-head{padding:34px 38px 22px;border-bottom:1px solid #efedf3}.brief-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.brief-progress span{height:4px;border-radius:99px;background:#ece9f0}.brief-progress span.active{background:var(--gradient)}.brief-step{display:none;padding:38px}.brief-step.active{display:block}.brief-step h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1;letter-spacing:-.045em;margin:0 0 10px}.brief-step>p{color:var(--muted);margin:0 0 28px}.choice-label{display:block;font-size:.76rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;margin:25px 0 10px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{min-height:66px;padding:15px 18px;border:1px solid #ddd9e4;border-radius:17px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:760;transition:.18s;background:#fff}.choice input:checked+span{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient) border-box;border:2px solid transparent;box-shadow:0 10px 28px rgba(173,58,200,.12);color:#a43dbb}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.brief-field.full{grid-column:1/-1}.brief-field label{display:block;font-size:.78rem;font-weight:800;margin:0 0 7px}.brief-field input,.brief-field textarea{width:100%;border:1px solid #ddd9e4;border-radius:15px;padding:15px 16px;font:inherit;background:#fff}.brief-field textarea{min-height:130px;resize:vertical}.brief-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.brief-back{border:0;background:transparent;font-weight:800;padding:12px 0}.conditional-field{display:none;margin-top:18px}.conditional-field.show{display:block}.form-success{padding:45px;text-align:center}.route-hero{padding:72px 0}.route-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.route-hero-image{border-radius:30px;overflow:hidden;min-height:520px}.route-hero-image img{width:100%;height:100%;min-height:520px;object-fit:cover}.route-listing{padding:30px 0 90px}
@media(max-width:700px){.brief-shell{border-radius:24px}.brief-head,.brief-step{padding:26px 22px}.choice-grid,.choice-grid.two{grid-template-columns:1fr 1fr}.choice span{min-height:60px;padding:12px}.brief-fields{grid-template-columns:1fr}.brief-field.full{grid-column:auto}.route-hero-grid{grid-template-columns:1fr}.route-hero-image{order:-1;min-height:390px}.route-hero-image img{min-height:390px}}


/* Work page - editorial portfolio */
.work-editorial{overflow:hidden;background:#fff}.work-hero{padding:92px 0 54px;position:relative}.work-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-210px;background:radial-gradient(circle,rgba(196,68,203,.12),rgba(92,91,255,.04) 48%,transparent 70%);pointer-events:none}.work-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:80px;align-items:end}.work-hero h1{font-size:clamp(4rem,8vw,8.4rem);line-height:.86;letter-spacing:-.07em;margin:10px 0 30px;max-width:850px}.work-hero h1 span{display:block;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.work-intro{font-size:1.12rem;line-height:1.65;color:var(--muted);max-width:520px}.work-count{border-left:1px solid #e7e3eb;padding-left:30px}.work-count strong{font-size:3rem;letter-spacing:-.05em;display:block}.work-count span{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-weight:800}.work-feature{padding:26px 0 110px}.work-feature-card{display:grid;grid-template-columns:1.35fr .65fr;min-height:620px;border-radius:34px;overflow:hidden;background:#11131a;color:#fff;box-shadow:0 35px 90px rgba(20,18,34,.16)}.work-feature-media{background:linear-gradient(135deg,#f8f5fb,#fff);padding:54px;display:flex;align-items:center;justify-content:center}.work-feature-media img{width:100%;height:100%;max-height:540px;object-fit:contain;object-position:center}.work-feature-copy{padding:64px 54px;display:flex;flex-direction:column;justify-content:flex-end}.work-index{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#d9a9e6;font-weight:850}.work-feature-copy h2{font-size:clamp(2.8rem,5vw,5.4rem);line-height:.92;letter-spacing:-.055em;margin:18px 0 24px}.work-feature-copy p{color:#c8c8cf;line-height:1.65}.work-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 34px}.work-tags span{border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:8px 12px;font-size:.72rem}.work-link{color:#fff;font-weight:850;text-decoration:none}.work-link span{color:#d658d6;margin-left:8px}.work-selected{padding:40px 0 90px}.work-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.work-section-head h2{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.055em;margin:4px 0 0}.work-section-head p{max-width:440px;color:var(--muted);line-height:1.6}.work-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:28px}.work-tile{grid-column:span 6;text-decoration:none;color:inherit;margin-bottom:26px}.work-tile.wide{grid-column:span 7}.work-tile.wide:nth-of-type(even){grid-column:span 5}.work-tile.feature{grid-column:1/-1}.work-tile-media{aspect-ratio:16/10;border-radius:26px;overflow:hidden;background:#f5f3f7;display:flex;align-items:center;justify-content:center;padding:24px;transition:.3s ease}.work-tile.feature .work-tile-media{aspect-ratio:2.15/1}.work-tile img{width:100%;height:100%;object-fit:contain;object-position:center}.work-tile:hover .work-tile-media{transform:translateY(-5px);box-shadow:0 24px 60px rgba(32,25,52,.11)}.work-tile-meta{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:18px 3px 0}.work-tile h3{font-size:clamp(1.55rem,2.5vw,2.35rem);letter-spacing:-.035em;margin:0 0 5px}.work-tile-meta p{margin:0;color:var(--muted)}.work-arrow{font-size:1.7rem;color:#b541bd}.work-capability{margin:30px 0 100px;background:#11131a;color:#fff;padding:84px 0}.work-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.work-capability h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.06em;margin:0}.work-capability h2 span{display:block;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.work-capability-copy p{color:#c9c8cf;font-size:1.05rem;line-height:1.7}.work-capability-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.work-capability-links a{color:#fff;border:1px solid rgba(255,255,255,.18);padding:11px 16px;border-radius:99px;text-decoration:none;font-weight:700}.work-closing{padding:30px 0 110px}.work-closing-card{border:1px solid #e8e4ec;border-radius:34px;padding:68px;background:linear-gradient(120deg,#fff 45%,#fbf5ff);display:flex;align-items:center;justify-content:space-between;gap:40px}.work-closing h2{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.055em;margin:0}.work-closing p{color:var(--muted);max-width:510px}.work-empty{padding:80px 0 120px;color:var(--muted)}
@media(max-width:900px){.work-hero-grid,.work-feature-card,.work-capability-grid{grid-template-columns:1fr}.work-count{border-left:0;border-top:1px solid #e7e3eb;padding:24px 0 0}.work-feature-media{min-height:430px}.work-feature-copy{padding:44px 34px}.work-tile,.work-tile.wide,.work-tile.wide:nth-of-type(even){grid-column:span 6}.work-closing-card{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.work-hero{padding:58px 0 30px}.work-hero h1{font-size:clamp(3.8rem,17vw,6rem)}.work-feature{padding-bottom:72px}.work-feature-card{border-radius:25px;min-height:0}.work-feature-media{min-height:300px;padding:24px}.work-feature-copy{padding:34px 26px}.work-mosaic{display:block}.work-tile,.work-tile.wide,.work-tile.feature{display:block;margin-bottom:42px}.work-tile-media,.work-tile.feature .work-tile-media{aspect-ratio:16/10;border-radius:22px;padding:16px}.work-section-head{display:block}.work-capability{padding:62px 0;margin-bottom:70px}.work-closing-card{padding:38px 26px;border-radius:25px}}

/* v2.4.0 - editorial Work portfolio + prominent direct Contact routes */
.work-photo-hero{padding:72px 0 100px;background:radial-gradient(circle at 12% 20%,rgba(244,61,157,.07),transparent 28%),radial-gradient(circle at 86% 70%,rgba(46,123,255,.07),transparent 30%),#fff}.work-photo-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}.work-photo-copy h1{font-size:clamp(4rem,7vw,7.4rem);line-height:.87;letter-spacing:-.07em;margin:12px 0 28px}.work-photo-copy h1 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.work-photo-copy>p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:1.08rem;line-height:1.7}.work-photo{border-radius:34px;overflow:hidden;min-height:610px;box-shadow:0 32px 90px rgba(31,24,65,.12)}.work-photo img{width:100%;height:100%;min-height:610px;object-fit:cover;object-position:center}.work-hero-meta{display:flex;align-items:center;gap:18px;margin-top:38px}.work-hero-meta strong{font-size:3.4rem;line-height:1;letter-spacing:-.06em}.work-hero-meta span{padding-left:18px;border-left:1px solid #dedbe5;text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;font-weight:850;color:var(--muted)}
.portfolio-discipline{padding:105px 0}.portfolio-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:70px;align-items:end;margin-bottom:58px}.portfolio-heading h2{font-size:clamp(3.6rem,6vw,6.8rem);line-height:.88;letter-spacing:-.065em;margin:8px 0 0}.portfolio-heading h2 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.portfolio-heading>p{color:var(--muted);line-height:1.75;max-width:500px}.portfolio-web{background:#fff}.web-feature{display:grid;grid-template-columns:1.35fr .65fr;min-height:590px;border-radius:36px;overflow:hidden;background:#11131a;color:#fff;box-shadow:0 35px 90px rgba(20,18,34,.15);margin-bottom:78px}.web-feature-visual{padding:52px;background:linear-gradient(135deg,#f8f6fa,#fff);display:flex;align-items:center;justify-content:center}.web-feature-visual img{width:100%;height:100%;max-height:500px;object-fit:contain}.web-feature-copy{padding:60px 50px;display:flex;flex-direction:column;justify-content:flex-end}.portfolio-number{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:#dba8e8;font-weight:850}.web-feature-copy h3{font-size:clamp(2.8rem,4.6vw,5rem);line-height:.92;letter-spacing:-.055em;margin:17px 0 22px}.web-feature-copy>p{color:#c8c8cf;line-height:1.65}.dark-tags span{border-color:rgba(255,255,255,.16)}.web-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 30px}.web-project{text-decoration:none;color:inherit}.web-project-wide{grid-column:1/-1}.web-project-image{aspect-ratio:16/10;border-radius:28px;background:#f7f5f9;padding:26px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:.3s}.web-project-wide .web-project-image{aspect-ratio:2.15/1}.web-project-image img{width:100%;height:100%;object-fit:contain}.web-project:hover .web-project-image{transform:translateY(-5px);box-shadow:0 24px 60px rgba(32,25,52,.1)}.web-project-meta{display:flex;justify-content:space-between;gap:24px;padding:20px 5px 0}.web-project-meta span{font-size:.68rem;letter-spacing:.14em;color:#b8b5bf;font-weight:850}.web-project-meta h3{font-size:clamp(1.6rem,2.4vw,2.5rem);letter-spacing:-.04em;margin:5px 0}.web-project-meta p{margin:0;color:var(--muted);font-size:.84rem}.web-project-meta b,.brand-project-meta b{font-size:1.5rem;color:#b641be;font-weight:500}
.portfolio-brand{background:#11131a;color:#fff}.brand-heading>p{color:#aaaab3}.brand-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:28px}.brand-project{grid-column:span 6;color:#fff;text-decoration:none}.brand-project-lead{grid-column:span 7}.brand-project-lead+.brand-project{grid-column:span 5}.brand-project-image{aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#f4f1f6;padding:24px;display:flex;align-items:center;justify-content:center}.brand-project-image img{width:100%;height:100%;object-fit:contain}.brand-project-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 4px 34px}.brand-project-meta span{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:#aaaab3;font-weight:850}.brand-project-meta h3{font-size:clamp(1.6rem,2.4vw,2.4rem);letter-spacing:-.04em;margin:5px 0}.brand-coming{border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:56px;max-width:760px}.brand-coming span{text-transform:uppercase;letter-spacing:.16em;color:#dba8e8;font-size:.7rem;font-weight:850}.brand-coming h3{font-size:2.5rem;letter-spacing:-.04em;margin:12px 0}.brand-coming p{color:#aaaab3;max-width:580px}
.contact-direct{padding:0 0 18px;background:#fff}.contact-direct-card{border-radius:30px;background:linear-gradient(120deg,rgba(255,154,84,.08),rgba(244,61,157,.07) 38%,rgba(162,60,255,.07) 70%,rgba(46,123,255,.06));border:1px solid #e7e2ec;padding:34px 38px;display:grid;grid-template-columns:.65fr 1.35fr;gap:42px;align-items:center}.contact-direct-card h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.045em;margin:5px 0}.contact-direct-links{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.contact-direct-links a{position:relative;border:1px solid rgba(40,32,55,.13);background:rgba(255,255,255,.78);backdrop-filter:blur(8px);border-radius:20px;padding:20px 48px 20px 20px;min-width:0}.contact-direct-links span{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;font-weight:850;color:#a53db7;margin-bottom:6px}.contact-direct-links strong{display:block;font-size:clamp(.9rem,1.3vw,1.08rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-direct-links b{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#b641be;font-size:1.2rem}.contact-builder{padding-top:42px}
@media(max-width:900px){.work-photo-hero-grid,.portfolio-heading,.web-feature,.contact-direct-card{grid-template-columns:1fr}.work-photo{min-height:500px}.work-photo img{min-height:500px}.web-feature-visual{min-height:430px}.contact-direct-links{grid-template-columns:1fr 1fr}.brand-project,.brand-project-lead,.brand-project-lead+.brand-project{grid-column:span 6}}
@media(max-width:700px){.work-photo-hero{padding:48px 0 70px}.work-photo-hero-grid{gap:36px}.work-photo-copy h1{font-size:clamp(3.6rem,16vw,5.5rem)}.work-photo{min-height:420px;border-radius:26px}.work-photo img{min-height:420px}.portfolio-discipline{padding:76px 0}.portfolio-heading{gap:22px;margin-bottom:38px}.portfolio-heading h2{font-size:clamp(3.3rem,14vw,5rem)}.web-feature{border-radius:26px;min-height:0;margin-bottom:55px}.web-feature-visual{min-height:280px;padding:22px}.web-feature-copy{padding:34px 26px}.web-project-grid{display:block}.web-project{display:block;margin-bottom:42px}.web-project-wide .web-project-image,.web-project-image{aspect-ratio:16/10;border-radius:22px;padding:16px}.brand-gallery{display:block}.brand-project{display:block;margin-bottom:28px}.brand-project-image{border-radius:22px;padding:16px}.contact-direct-card{padding:27px 22px;gap:20px;border-radius:24px}.contact-direct-links{grid-template-columns:1fr}.contact-direct-links a{padding:18px 44px 18px 18px}.contact-builder{padding-top:26px}}


/* v2.5.1 - Work responsive repair + stronger editorial hero */
.work-portfolio-v2{overflow:hidden}
.work-photo-hero{position:relative;isolation:isolate}
.work-photo-hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.96) 0 42%,rgba(255,255,255,.70) 58%,rgba(255,255,255,.2) 100%),
    radial-gradient(circle at 14% 20%,rgba(244,61,157,.14),transparent 30%),
    radial-gradient(circle at 88% 74%,rgba(46,123,255,.13),transparent 34%);
}
.work-photo-copy{position:relative;z-index:2}
.work-photo-copy .eyebrow{display:inline-flex;align-items:center;gap:10px}
.work-photo-copy .eyebrow:before{content:"";width:34px;height:2px;background:var(--gradient);border-radius:10px}
.work-photo{position:relative}
.work-photo:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(20,17,28,.12));pointer-events:none}

@media(max-width:900px){
  .work-capability-grid{display:grid!important;grid-template-columns:1fr!important;gap:34px!important}
  .work-capability-copy{width:100%!important;max-width:none!important}
  .work-capability-copy p{max-width:680px}
  .work-capability-links{width:100%}
  .work-capability-links a{max-width:100%}
}

@media(max-width:700px){
  .work-photo-hero{padding:0 0 62px!important;background:#fff!important}
  .work-photo-hero-grid{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}
  .work-photo{order:-1!important;width:calc(100% + 40px)!important;margin-left:-20px!important;min-height:0!important;border-radius:0 0 30px 30px!important;box-shadow:none!important}
  .work-photo img{display:block!important;width:100%!important;height:62vw!important;min-height:285px!important;max-height:390px!important;object-fit:cover!important;object-position:center 43%!important}
  .work-photo:after{height:42%;background:linear-gradient(180deg,transparent,rgba(16,13,23,.26))}
  .work-photo-copy{padding-top:34px!important;width:100%!important}
  .work-photo-copy h1{font-size:clamp(3rem,13vw,4.5rem)!important;line-height:.92!important;letter-spacing:-.06em!important;margin:15px 0 22px!important}
  .work-photo-copy>p:not(.eyebrow){font-size:1rem!important;line-height:1.6!important}
  .work-hero-meta{margin-top:28px!important;padding-top:22px!important;border-top:1px solid #e7e3eb!important}
  .work-hero-meta strong{font-size:2.7rem!important}
  .work-hero-meta span{font-size:.62rem!important}

  .portfolio-discipline{padding:68px 0!important}
  .portfolio-heading{display:block!important;margin-bottom:34px!important}
  .portfolio-heading h2{font-size:clamp(2.9rem,12vw,4.2rem)!important;line-height:.92!important}
  .portfolio-heading>p{margin-top:20px!important;font-size:.98rem!important;line-height:1.65!important}

  .web-feature{display:block!important;min-height:0!important;margin-bottom:48px!important;border-radius:24px!important}
  .web-feature-visual{display:flex!important;min-height:0!important;aspect-ratio:4/3!important;padding:18px!important}
  .web-feature-visual img{max-height:none!important}
  .web-feature-copy{padding:30px 24px 32px!important}
  .web-feature-copy h3{font-size:2.55rem!important}
  .work-tags{margin:20px 0 26px!important}

  .web-project-grid,.brand-gallery{display:block!important}
  .web-project,.web-project-wide,.brand-project,.brand-project-lead,.brand-project-lead+.brand-project{
    display:block!important;width:100%!important;max-width:100%!important;margin:0 0 38px!important
  }
  .web-project-image,.web-project-wide .web-project-image,.brand-project-image{
    width:100%!important;aspect-ratio:4/3!important;border-radius:20px!important;padding:14px!important
  }
  .web-project-meta,.brand-project-meta{gap:12px!important;padding:16px 2px 0!important}
  .web-project-meta h3,.brand-project-meta h3{font-size:1.65rem!important}

  .work-capability{margin:0!important;padding:62px 0!important;overflow:hidden!important}
  .work-capability-grid{display:block!important;width:100%!important;max-width:none!important}
  .work-capability h2{font-size:clamp(3.15rem,14vw,4.65rem)!important;line-height:.9!important;letter-spacing:-.06em!important;margin:0 0 34px!important;max-width:100%!important}
  .work-capability h2 span{display:block!important}
  .work-capability-copy{display:block!important;width:100%!important;max-width:100%!important}
  .work-capability-copy p{font-size:1rem!important;line-height:1.65!important;width:100%!important;max-width:100%!important}
  .work-capability-links{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-top:24px!important}
  .work-capability-links a{display:block!important;width:100%!important;border-radius:16px!important;padding:14px 16px!important}

  .work-closing{padding:54px 0 76px!important}
  .work-closing-card{display:block!important;padding:32px 24px!important;border-radius:24px!important}
  .work-closing-card .btn{margin-top:20px!important}
}


/* v2.6.0 - Work page: premium Cre8ive art direction */
.work-premium{overflow:hidden;background:#fff}
.work-premium .eyebrow{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:850;color:#c13fc1}
.work-premium-hero{position:relative;background:#fff}
.work-premium-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;min-height:690px}
.work-premium-copy{padding:94px 64px 72px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.work-premium-copy h1{font-size:clamp(4.8rem,7.2vw,8.2rem);line-height:.84;letter-spacing:-.075em;margin:20px 0 30px;max-width:720px}
.work-premium-copy h1 span,.work-chapter-head h2 span,.work-brand-head h2 span,.work-impact h2 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.work-premium-intro{max-width:560px;font-size:1.05rem;line-height:1.65;color:var(--muted);margin:0}
.work-premium-stats{display:flex;gap:0;margin-top:42px}
.work-premium-stats>div{padding:0 28px;border-left:1px solid #e7e3eb}
.work-premium-stats>div:first-child{padding-left:0;border-left:0}
.work-premium-stats strong{display:block;font-size:2.2rem;line-height:1;letter-spacing:-.05em}
.work-premium-stats span{display:block;margin-top:7px;max-width:90px;font-size:.58rem;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#77717f}
.work-premium-photo{position:relative;min-width:0}
.work-premium-photo:before{content:"";position:absolute;left:-90px;top:0;bottom:0;width:190px;z-index:1;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.88) 35%,rgba(255,255,255,0) 100%);pointer-events:none}
.work-premium-photo img{display:block;width:100%;height:100%;min-height:690px;object-fit:cover;object-position:center 44%}
.work-premium-words{position:absolute;right:32px;top:76px;z-index:2;display:grid;gap:10px}
.work-premium-words span{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#5e5965}
.work-premium-words:after{content:"";width:36px;height:2px;background:var(--gradient);margin-top:8px}

.work-jump{position:relative;z-index:5;background:rgba(255,255,255,.94);border-bottom:1px solid #efedf2;box-shadow:0 14px 40px rgba(36,28,58,.04)}
.work-jump-inner{display:flex;justify-content:center;gap:60px;min-height:82px;align-items:center}
.work-jump a{position:relative;text-decoration:none;color:#77717e;font-size:.82rem;font-weight:700;padding:31px 2px}
.work-jump a:hover,.work-jump a.is-active{color:#16131b}
.work-jump a.is-active:after,.work-jump a:hover:after{content:"";position:absolute;left:0;right:0;bottom:21px;height:2px;background:var(--gradient)}

.work-web-showcase{padding:104px 0 120px;background:linear-gradient(180deg,#fff 0%,#fdfcff 100%)}
.work-chapter-head{display:grid;grid-template-columns:1fr .62fr;gap:80px;align-items:end;margin-bottom:70px}
.work-chapter-head h2,.work-brand-head h2{font-size:clamp(4rem,6.6vw,7rem);line-height:.87;letter-spacing:-.07em;margin:13px 0 0}
.work-chapter-head>p{max-width:500px;margin:0 0 6px;color:var(--muted);line-height:1.7}

.work-editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:74px 34px}
.work-editorial-project{grid-column:span 6;display:grid;gap:26px;align-items:center}
.work-editorial-project.work-layout-1{grid-column:1/-1;grid-template-columns:.72fr 1.28fr;gap:56px;padding:58px 0 76px;border-bottom:1px solid #ebe7ee}
.work-editorial-project.work-layout-2{grid-column:1/-1;grid-template-columns:1.2fr .8fr;gap:58px}
.work-editorial-project.work-layout-2 .work-editorial-media{order:0}.work-editorial-project.work-layout-2 .work-editorial-copy{order:1}
.work-editorial-project.work-layout-3,.work-editorial-project.work-layout-4{grid-column:span 6}
.work-editorial-project.work-layout-5{grid-column:1/-1;grid-template-columns:1.28fr .72fr;gap:58px;padding:24px 0 10px}
.work-editorial-media{display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:16/10;border-radius:28px;overflow:hidden;padding:34px;background:radial-gradient(circle at 12% 16%,rgba(244,61,157,.08),transparent 34%),radial-gradient(circle at 88% 78%,rgba(46,123,255,.08),transparent 34%),#f8f6fa;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease}
.work-layout-1 .work-editorial-media,.work-layout-2 .work-editorial-media,.work-layout-5 .work-editorial-media{aspect-ratio:1.72/1}
.work-editorial-media:hover{transform:translateY(-6px);box-shadow:0 30px 75px rgba(35,27,59,.11)}
.work-editorial-media img{width:100%;height:100%;object-fit:contain}
.work-editorial-copy{padding:6px 2px}
.work-project-kicker{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.work-project-kicker span{color:#d04ac7;font-size:.74rem;font-weight:900;letter-spacing:.12em}
.work-project-kicker b{font-size:.61rem;letter-spacing:.16em;text-transform:uppercase;color:#c13fc1}
.work-editorial-copy h3{font-size:clamp(2rem,3.5vw,4.25rem);line-height:.95;letter-spacing:-.055em;margin:0 0 8px}
.work-layout-3 .work-editorial-copy h3,.work-layout-4 .work-editorial-copy h3{font-size:clamp(1.8rem,2.6vw,3rem)}
.work-project-services{margin:0;color:#77717e;font-size:.82rem}
.work-project-excerpt{max-width:500px;color:#5f5967;line-height:1.65;margin:22px 0 0}
.work-case-link{display:inline-flex;align-items:center;gap:12px;margin-top:25px;text-decoration:none;color:#17131b;font-weight:850;font-size:.8rem}
.work-case-link span{color:#c13fc1;font-size:1.1rem;transition:transform .2s}
.work-case-link:hover span{transform:translateX(4px)}

.work-brand-showcase{padding:105px 0 112px;background:#101218;color:#fff;position:relative}
.work-brand-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 14%,rgba(244,61,157,.08),transparent 28%),radial-gradient(circle at 12% 88%,rgba(46,123,255,.07),transparent 32%);pointer-events:none}
.work-brand-showcase>.container{position:relative;z-index:1}
.work-brand-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:stretch;margin-bottom:46px}
.work-brand-head>div:first-child{display:flex;flex-direction:column;justify-content:center}
.work-brand-head>div:first-child>p:last-child{color:#bdbdc5;line-height:1.65;max-width:460px;margin:24px 0 0}
.work-brand-lead{position:relative;min-height:440px;border-radius:28px;overflow:hidden;background:#181a22;display:flex;align-items:center;justify-content:center;padding:38px;text-decoration:none;color:#fff}
.work-brand-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.35))}
.work-brand-lead img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease}
.work-brand-lead:hover img{transform:scale(1.025)}
.work-brand-lead span{position:absolute;left:28px;bottom:24px;z-index:2;text-transform:uppercase;letter-spacing:.15em;font-size:.62rem;font-weight:850}
.work-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.work-brand-card{text-decoration:none;color:#fff;min-width:0}
.work-brand-image{aspect-ratio:1.45/1;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#171920;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;transition:transform .3s,border-color .3s}
.work-brand-image img{width:100%;height:100%;object-fit:contain}
.work-brand-card:hover .work-brand-image{transform:translateY(-4px);border-color:rgba(244,61,157,.42)}
.work-brand-card h3{font-size:1.15rem;letter-spacing:-.025em;margin:16px 0 4px}
.work-brand-card p{color:#9fa0a8;font-size:.73rem;margin:0 0 13px}
.work-brand-card>span{font-size:.73rem;font-weight:800;color:#fff}
.work-brand-card>span::first-letter{color:#c13fc1}
.work-brand-placeholder{border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:46px;max-width:720px}
.work-brand-placeholder h3{font-size:2.5rem;letter-spacing:-.045em;margin:10px 0}.work-brand-placeholder p:last-child{color:#aaaab3}

.work-impact{padding:86px 0;background:radial-gradient(circle at 10% 50%,rgba(244,61,157,.06),transparent 30%),radial-gradient(circle at 88% 45%,rgba(46,123,255,.06),transparent 30%),#fff}
.work-impact-grid{display:grid;grid-template-columns:1fr .82fr;gap:90px;align-items:center}
.work-impact h2{font-size:clamp(3.2rem,5.6vw,6rem);line-height:.9;letter-spacing:-.065em;margin:10px 0 0}
.work-impact-grid>div:last-child>p{color:#5e5966;line-height:1.7;max-width:570px}
.work-impact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.work-impact-actions a{border:1px solid #24202b;border-radius:99px;padding:12px 18px;text-decoration:none;color:#17131b;font-size:.78rem;font-weight:800}
.work-impact-actions a:first-child{background:#15131a;color:#fff}

.work-premium-closing{padding:30px 0 112px;background:#fff}
.work-premium-closing-card{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:62px 68px;border:1px solid #e8e3ed;border-radius:30px;background:radial-gradient(circle at 8% 80%,rgba(244,61,157,.07),transparent 34%),radial-gradient(circle at 91% 20%,rgba(46,123,255,.07),transparent 32%),#fff}
.work-premium-closing-card h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.92;letter-spacing:-.06em;margin:10px 0 12px}
.work-premium-closing-card p:last-child{max-width:590px;color:var(--muted);line-height:1.65}

@media(max-width:980px){
  .work-premium-hero-grid{grid-template-columns:1fr 1fr;min-height:600px}
  .work-premium-copy{padding-right:34px}
  .work-premium-copy h1{font-size:clamp(4rem,8vw,6.3rem)}
  .work-premium-photo img{min-height:600px}
  .work-editorial-project.work-layout-1,.work-editorial-project.work-layout-2,.work-editorial-project.work-layout-5{grid-template-columns:1fr 1fr;gap:34px}
  .work-brand-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .work-premium-hero-grid{display:flex;flex-direction:column;min-height:0}
  .work-premium-photo{order:-1;width:calc(100% + 40px);margin-left:-20px;height:370px}
  .work-premium-photo:before{display:none}
  .work-premium-photo:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,#fff);pointer-events:none}
  .work-premium-photo img{min-height:0;height:100%;object-position:center 42%}
  .work-premium-words{display:none}
  .work-premium-copy{padding:4px 0 54px;margin-top:-24px}
  .work-premium-copy h1{font-size:clamp(3.65rem,16vw,5.4rem);line-height:.86;margin:16px 0 24px}
  .work-premium-intro{font-size:.98rem}
  .work-premium-stats{margin-top:30px}
  .work-premium-stats>div{padding:0 14px}
  .work-premium-stats strong{font-size:1.65rem}.work-premium-stats span{font-size:.5rem}
  .work-jump{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .work-jump-inner{justify-content:flex-start;gap:30px;min-width:max-content;padding-left:20px;padding-right:20px}
  .work-jump a{padding:25px 0}
  .work-jump a.is-active:after,.work-jump a:hover:after{bottom:16px}

  .work-web-showcase{padding:70px 0 78px}
  .work-chapter-head{display:block;margin-bottom:44px}
  .work-chapter-head h2,.work-brand-head h2{font-size:clamp(3.3rem,14vw,4.8rem)}
  .work-chapter-head>p{margin-top:24px}
  .work-editorial-grid{display:block}
  .work-editorial-project,.work-editorial-project.work-layout-1,.work-editorial-project.work-layout-2,.work-editorial-project.work-layout-3,.work-editorial-project.work-layout-4,.work-editorial-project.work-layout-5{display:flex;flex-direction:column;gap:20px;padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid #ebe7ee}
  .work-editorial-project .work-editorial-media{order:0!important;width:100%;aspect-ratio:4/3!important;border-radius:20px;padding:16px}
  .work-editorial-project .work-editorial-copy{order:1!important;width:100%;padding:0}
  .work-editorial-copy h3,.work-layout-3 .work-editorial-copy h3,.work-layout-4 .work-editorial-copy h3{font-size:2.25rem}
  .work-project-excerpt{margin-top:16px}

  .work-brand-showcase{padding:72px 0 76px}
  .work-brand-head{display:block;margin-bottom:38px}
  .work-brand-head>div:first-child>p:last-child{margin-bottom:32px}
  .work-brand-lead{min-height:290px;padding:22px;margin-top:32px}
  .work-brand-grid{grid-template-columns:1fr 1fr;gap:22px 14px}
  .work-brand-image{padding:12px;border-radius:14px}
  .work-brand-card h3{font-size:1rem}
  .work-brand-card p{font-size:.67rem}

  .work-impact{padding:68px 0}
  .work-impact-grid{display:block}
  .work-impact h2{font-size:clamp(3.1rem,14vw,4.6rem);margin-bottom:30px}
  .work-impact-actions{flex-direction:column;align-items:stretch}
  .work-impact-actions a{text-align:center}
  .work-premium-closing{padding:20px 0 76px}
  .work-premium-closing-card{display:block;padding:34px 24px;border-radius:24px}
  .work-premium-closing-card h2{font-size:clamp(2.8rem,12vw,4rem)}
  .work-premium-closing-card .btn{margin-top:22px}
}