/* Apple-inspired Blemlab redesign. Uses Blemlab content and branding only. */
:root{
  --a-black:#000; --a-ink:#1d1d1f; --a-gray:#6e6e73; --a-bg:#f5f5f7;
  --a-line:#d2d2d7; --a-blue:#2A7BFF; --a-max:1180px;
}
html{background:var(--a-bg)}
body:not(.admin-body){margin:0;background:var(--a-bg);color:var(--a-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Segoe UI,sans-serif;letter-spacing:-.01em}
body:not(.admin-body) *{box-sizing:border-box}
.container{width:min(calc(100% - 44px),var(--a-max));margin-inline:auto}
.page-progress{height:1px}.page-progress span{background:var(--a-blue)}
.site-header:not(.admin-top){position:fixed;top:0;left:0;right:0;height:48px;padding:0;background:rgba(22,22,23,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);z-index:900;pointer-events:auto}
.site-header:not(.admin-top) .nav-shell,.site-header:not(.admin-top) .nav-wrap{height:48px;width:min(calc(100% - 44px),1024px);display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:14px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;margin:auto}
.site-header:not(.admin-top).is-scrolled .nav-shell{background:transparent;border:0;box-shadow:none}
.brand{display:flex;align-items:center;height:48px}.brand img{width:100px;max-height:28px;object-fit:contain;object-position:left center}
.desktop-nav{display:flex;align-items:center;justify-self:center;gap:0;background:transparent;border:0;padding:0}
.desktop-nav a{color:rgba(255,255,255,.78);font-size:12px;font-weight:400;padding:16px 12px;border-radius:0}
.desktop-nav a:hover,.desktop-nav a.active{color:#fff;background:transparent}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:30px;height:30px;padding:0 13px;border-radius:980px;background:var(--a-blue);color:#fff;font-size:12px;font-weight:500}
.menu-button{display:none;width:34px;height:34px;border:0;background:transparent;color:#fff}
.menu-button span{left:8px;right:8px;height:1px}.menu-button span:first-child{top:13px}.menu-button span:last-child{top:21px}
.mobile-nav{top:48px;background:rgba(22,22,23,.99);border:0;border-radius:0;padding:22px 24px 34px}
.mobile-nav a{color:#f5f5f7;font-size:25px;font-weight:600;padding:8px 0}.mobile-nav .mobile-cta{font-size:16px;text-align:center;background:var(--a-blue);border-radius:980px;margin-top:14px;padding:11px}
.apple-home .apple-notice{height:92px;padding-top:48px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px}
.apple-notice p{margin:0;padding:0 18px}.apple-notice a{color:var(--a-blue)}
.product-band{position:relative;overflow:hidden;min-height:720px;text-align:center;padding:66px 22px 0}
.product-band.dark{background:#000;color:#f5f5f7}.product-band.light{background:#f5f5f7;color:var(--a-ink)}
.product-copy{position:relative;z-index:4;max-width:980px;margin:0 auto}
.kicker{margin:0 0 7px;font-size:21px;font-weight:600;letter-spacing:-.02em}
.product-band h1,.product-band h2{font-family:inherit;margin:0;font-weight:700;line-height:.94;letter-spacing:-.065em;text-wrap:balance}
.product-band h1{font-size:clamp(58px,8.2vw,112px)}.product-band h2{font-size:clamp(48px,6.8vw,86px)}
.product-band h1 span,.product-band h2 span{color:var(--a-blue)}
.subhead{max-width:770px;margin:18px auto 0;font-size:clamp(19px,2.2vw,28px);line-height:1.25;color:#86868b}.dark .subhead{color:#a1a1a6}
.text-links{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:22px}.text-links a,.tile-copy a,.tile-button{color:#2997ff;font-size:18px;font-weight:500;background:none;border:0;padding:0;cursor:pointer}.text-links a:hover,.tile-copy a:hover,.tile-button:hover{text-decoration:underline}
.hero-band{min-height:790px}.hero-art{position:relative;width:min(940px,92vw);height:390px;margin:36px auto 0;display:flex;align-items:flex-end;justify-content:center}.blue-glow{position:absolute;width:640px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(42,123,255,.34),rgba(112,46,255,.10) 45%,transparent 70%);bottom:-30px}
.hero-screen{position:relative;z-index:2;width:min(760px,88vw);height:330px;border:1px solid rgba(255,255,255,.16);border-radius:42px 42px 0 0;background:linear-gradient(145deg,#151518,#050506 68%);box-shadow:0 35px 110px rgba(42,123,255,.16);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:24px 30px}
.hero-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 82%,rgba(42,123,255,.32),transparent 42%)}.hero-screen img{position:relative;z-index:2;width:min(520px,76%);margin:auto}.screen-meta,.screen-tags{position:relative;z-index:2;display:flex;justify-content:space-between;color:#8e8e93;font-size:10px;letter-spacing:.08em}.screen-tags{justify-content:center;gap:10px}.screen-tags span{color:#d2d2d7;border:1px solid rgba(255,255,255,.14);padding:7px 11px;border-radius:980px}
.presence-band{min-height:760px}.browser-stage{height:410px;width:min(960px,94vw);margin:38px auto 0;display:flex;align-items:flex-end;justify-content:center}.browser{width:min(900px,92vw);height:390px;background:#fff;border:1px solid #d2d2d7;border-bottom:0;border-radius:24px 24px 0 0;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.13)}.browser-top{height:42px;border-bottom:1px solid #e5e5e7;display:flex;align-items:center;gap:7px;padding:0 14px;color:#8e8e93;font-size:11px}.browser-top i{width:10px;height:10px;border-radius:50%;background:#d2d2d7}.browser-top>span{margin:auto;transform:translateX(-25px);background:#f5f5f7;border-radius:7px;padding:6px 58px}
.browser-body{height:348px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 100%,rgba(42,123,255,.13),transparent 44%),#fbfbfd}.browser-body img{width:min(500px,70%);margin-bottom:28px}.browser-body h3{font-size:34px;letter-spacing:-.045em;margin:0}.browser-body p{color:#86868b;margin:8px 0 18px}.browser-body>div{display:flex;gap:8px}.browser-body>div span{font-size:12px;background:#f1f1f3;padding:8px 14px;border-radius:980px}
.system-band{min-height:805px}.dashboard{width:min(940px,94vw);height:420px;margin:36px auto 0;border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:26px 26px 0 0;background:#0f1013;box-shadow:0 0 90px rgba(42,123,255,.10),0 30px 100px rgba(0,0,0,.6);display:grid;grid-template-columns:72px 1fr;overflow:hidden;text-align:left}.dashboard aside{border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:23px;padding:18px 0}.dashboard aside b{width:34px;height:34px;border-radius:10px;background:var(--a-blue);display:grid;place-items:center}.dashboard aside span{width:24px;height:8px;border-radius:99px;background:#2b2c31}.dash-main{padding:24px 26px}.dash-main header{display:flex;align-items:center;justify-content:space-between}.dash-main header small{display:block;color:#73737a;font-size:11px}.dash-main header strong{font-size:24px}.dash-main header em{font-style:normal;font-size:11px;color:#64d083;border:1px solid rgba(100,208,131,.25);padding:6px 9px;border-radius:99px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metrics article{background:#18191d;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:15px}.metrics small{display:block;color:#7e7e85;font-size:11px}.metrics strong{display:block;font-size:28px;margin:3px 0}.metrics span{color:#5e9eff;font-size:11px}.chart{height:210px;border-radius:16px;position:relative;overflow:hidden;color:#4d91ff;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#141519;background-size:100% 42px,100px 100%}.chart svg{position:absolute;inset:15px 0 0;width:100%;height:180px}
.tile-grid{background:var(--a-bg);padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-tile{position:relative;min-height:620px;overflow:hidden;background:#fff;text-align:center;padding:54px 32px;color:var(--a-ink)}.tile-copy{position:relative;z-index:4;max-width:560px;margin:0 auto}.tile-copy h2{font-family:inherit;font-size:clamp(38px,4.5vw,58px);line-height:.98;letter-spacing:-.055em;margin:0}.tile-copy p{font-size:18px;line-height:1.35;color:#6e6e73;max-width:500px;margin:12px auto 16px}.tile-copy .kicker{font-size:19px}.tile-copy a,.tile-button{font-size:16px}
.reels{position:absolute;left:0;right:0;bottom:0;height:325px;display:flex;align-items:flex-end;justify-content:center;gap:11px}.reels:before{content:"";position:absolute;width:420px;height:220px;background:radial-gradient(circle,rgba(42,123,255,.24),transparent 68%);bottom:30px}.reels span{position:relative;width:125px;height:250px;border-radius:26px;background:linear-gradient(145deg,#101116,#252834);color:#fff;border:1px solid #ddd;display:flex;align-items:flex-end;padding:17px;font-size:13px;box-shadow:0 18px 42px rgba(0,0,0,.17)}.reels span:nth-child(1){transform:rotate(-11deg) translateY(32px)}.reels span:nth-child(2){transform:rotate(-3deg)}.reels span:nth-child(3){transform:rotate(4deg) translateY(4px)}.reels span:nth-child(4){transform:rotate(12deg) translateY(40px)}
.systems-tile,.blema-tile,.dark-card{background:#000;color:#f5f5f7}.systems-tile .tile-copy p,.blema-tile .tile-copy p,.dark-card .tile-copy p{color:#a1a1a6}.stack{position:absolute;left:8%;right:8%;bottom:50px;height:290px;perspective:900px}.stack span{position:absolute;left:50%;width:74%;height:88px;transform:translateX(-50%) rotateX(55deg);border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(180deg,#17181d,#0b0c0f);box-shadow:0 28px 55px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;color:#d5d5d8;font-weight:600}.stack span:nth-child(1){bottom:130px}.stack span:nth-child(2){bottom:68px;width:82%}.stack span:nth-child(3){bottom:5px;width:90%;border-color:rgba(42,123,255,.35)}
.audience-tile{background:#f5f5f7}.audience-orbit{position:absolute;width:370px;height:370px;border-radius:50%;left:50%;bottom:-72px;transform:translateX(-50%);border:1px solid #d5d5d8;display:grid;place-items:center;background:radial-gradient(circle,rgba(42,123,255,.12),transparent 48%),#fff}.audience-orbit b{font-size:34px;letter-spacing:-.04em}.audience-orbit span{position:absolute;background:#1d1d1f;color:#fff;padding:10px 14px;border-radius:980px;font-size:13px}.audience-orbit span:nth-of-type(1){top:28px}.audience-orbit span:nth-of-type(2){right:-25px;top:145px}.audience-orbit span:nth-of-type(3){bottom:60px;right:5px}.audience-orbit span:nth-of-type(4){left:-14px;top:160px}
.blema-tile{background:linear-gradient(180deg,#081426,#03070d)}.blema-tile>img{position:absolute;left:50%;bottom:-58px;transform:translateX(-50%);width:350px;height:350px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 -18px 70px rgba(42,123,255,.25))}
.process-band{min-height:700px}.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1050px;margin:42px auto 0}.process-row article{background:#fff;border-radius:26px;padding:22px;min-height:190px;text-align:left;box-shadow:0 12px 40px rgba(0,0,0,.05)}.process-row small{display:block;color:var(--a-blue);font-size:13px}.process-row strong{display:block;font-size:28px;letter-spacing:-.04em;margin:52px 0 8px}.process-row span{color:#86868b;font-size:15px}
.pricing-grid-home .home-tile{min-height:430px}.price-tile .tile-copy>strong{display:block;font-size:clamp(34px,4vw,52px);letter-spacing:-.055em;margin:26px 0 10px}
.team-band{min-height:850px}.team-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1080px;margin:40px auto 0}.team-row>a{position:relative;min-height:430px;border-radius:28px;overflow:hidden;background:#111;color:#fff;text-align:left}.team-row img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.team-row>a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82) 100%)}.team-row>a>div{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.team-row small{display:block;color:#d1d1d6;font-size:12px;margin-bottom:5px}.team-row strong{font-size:26px;letter-spacing:-.035em}
.apple-cta{background:#fff;text-align:center;padding:96px 22px 105px}.apple-cta h2{font-family:inherit;font-size:clamp(48px,7vw,84px);line-height:.95;letter-spacing:-.065em;margin:0 auto;max-width:950px}.apple-cta>p:not(.kicker){max-width:680px;margin:20px auto 0;color:#6e6e73;font-size:20px;line-height:1.4}.apple-cta .kicker{color:#6e6e73}
.site-footer{background:#f5f5f7!important;color:#424245!important;border-top:1px solid #d2d2d7!important;padding:36px 0 22px!important}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)!important;gap:38px!important}.footer-logo img{width:150px}.footer-brand-block p,.footer-contact p{color:#6e6e73!important;font-size:12px!important;line-height:1.5!important}.footer-col>span{color:#1d1d1f!important;font-size:12px!important;font-weight:600!important}.footer-col a,.footer-socials a{color:#424245!important;font-size:12px!important;line-height:1.8!important}.footer-socials{display:flex!important;gap:14px!important}.footer-socials a{min-width:0!important;border:0!important;background:none!important;padding:0!important}.footer-bottom{border-top:1px solid #d2d2d7!important;color:#6e6e73!important;margin-top:28px!important;padding-top:16px!important;font-size:11px!important}
body:not(.apple-home):not(.admin-body){background:var(--a-bg);color:var(--a-ink)}
body:not(.apple-home):not(.admin-body) .page-hero{padding:128px 0 68px;background:#fff}
body:not(.apple-home):not(.admin-body) .page-hero-grid{grid-template-columns:190px minmax(0,1fr);gap:34px;align-items:start;margin:0}
body:not(.apple-home):not(.admin-body) .page-hero h1{font-family:inherit;font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.065em;color:var(--a-ink)}
body:not(.apple-home):not(.admin-body) .page-hero h1 span,body:not(.apple-home):not(.admin-body) h2 span{color:var(--a-blue)}
body:not(.apple-home):not(.admin-body) .eyebrow{font-family:inherit;color:var(--a-gray);font-size:13px;letter-spacing:0;text-transform:none}
body:not(.apple-home):not(.admin-body) .lead{font-size:21px;line-height:1.45;color:var(--a-gray)}
body:not(.apple-home):not(.admin-body) .section,body:not(.apple-home):not(.admin-body) .section-tight{padding:76px 0}
body:not(.apple-home):not(.admin-body) .info-card,body:not(.apple-home):not(.admin-body) .capability-card,body:not(.apple-home):not(.admin-body) .offer-detail,body:not(.apple-home):not(.admin-body) .case-card,body:not(.apple-home):not(.admin-body) .system-card,body:not(.apple-home):not(.admin-body) .price-card,body:not(.apple-home):not(.admin-body) .audience-card,body:not(.apple-home):not(.admin-body) .process-timeline article,body:not(.apple-home):not(.admin-body) .faq-list details,body:not(.apple-home):not(.admin-body) .request-shell,body:not(.apple-home):not(.admin-body) .booking-shell,body:not(.apple-home):not(.admin-body) .brief-builder-shell{border:0;background:#fff;border-radius:28px;box-shadow:none;color:var(--a-ink)}
body:not(.apple-home):not(.admin-body) .info-card p,body:not(.apple-home):not(.admin-body) .capability-card p,body:not(.apple-home):not(.admin-body) .offer-detail p,body:not(.apple-home):not(.admin-body) .case-card p,body:not(.apple-home):not(.admin-body) .price-card p{color:var(--a-gray)}
body:not(.apple-home):not(.admin-body) .btn{border-radius:980px;min-height:42px;padding:0 18px;font-weight:500;border:0}body:not(.apple-home):not(.admin-body) .btn.primary{background:var(--a-blue);color:#fff;box-shadow:none}body:not(.apple-home):not(.admin-body) .btn.secondary{background:#e8e8ed;color:var(--a-ink)}
body:not(.apple-home):not(.admin-body) .section-link,body:not(.apple-home):not(.admin-body) .info-card a{color:var(--a-blue);font-weight:500}
.blema-launcher{border:0!important;border-radius:980px!important;background:rgba(29,29,31,.94)!important;box-shadow:0 8px 30px rgba(0,0,0,.24)!important}.blema-launch-avatar{border-radius:50%!important}.blema-panel{border:0!important;border-radius:24px!important;background:rgba(247,247,249,.98)!important;color:#1d1d1f!important}.blema-intro-card,.blema-response{border:0!important;background:#fff!important}.blema-intro-copy p,.blema-response ul{color:#6e6e73!important}.blema-prompts button,.blema-form button{border:0!important;background:#e8e8ed!important;color:#1d1d1f!important;border-radius:980px!important}.blema-prompts button.active,.blema-form button:hover{background:var(--a-blue)!important;color:#fff!important}.blema-form input{border:1px solid #d2d2d7!important;background:#fff!important;color:#1d1d1f!important;border-radius:980px!important}
[data-animate]{opacity:0;transform:translateY(22px);transition:opacity .72s ease,transform .72s ease;transition-delay:var(--delay,0ms)}[data-animate].in-view{opacity:1;transform:none}
@media(max-width:1040px){.tile-grid{grid-template-columns:1fr}.home-tile{min-height:580px}.process-row{grid-template-columns:repeat(2,1fr);padding:0 18px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr!important}.footer-contact{grid-column:2/4}}
@media(max-width:780px){.site-header:not(.admin-top) .nav-shell,.site-header:not(.admin-top) .nav-wrap{width:min(calc(100% - 28px),1024px);grid-template-columns:1fr auto auto}.desktop-nav{display:none}.menu-button{display:block}.nav-cta{display:none}.apple-home .apple-notice{height:108px;font-size:13px}.product-band{padding:48px 16px 0;min-height:620px}.hero-band{min-height:700px}.product-band h1{font-size:clamp(48px,13vw,70px)}.product-band h2{font-size:clamp(42px,11vw,62px)}.subhead{font-size:20px}.hero-art{height:300px}.hero-screen{height:265px;border-radius:28px 28px 0 0;padding:16px}.screen-tags{display:none}.browser-stage{height:300px}.browser{height:286px}.browser-top{height:34px}.browser-top>span{padding:5px 30px}.browser-body{height:252px}.browser-body h3{font-size:24px}.browser-body p{font-size:13px}.system-band{min-height:680px}.dashboard{height:305px;grid-template-columns:48px 1fr}.dash-main{padding:16px}.dash-main header strong{font-size:18px}.metrics{gap:7px;margin:14px 0}.metrics article{padding:9px}.metrics strong{font-size:20px}.chart{height:132px}.chart svg{height:118px}.home-tile{min-height:550px;padding:42px 20px}.tile-copy h2{font-size:42px}.reels{height:290px}.reels span{width:92px;height:210px}.audience-orbit{width:310px;height:310px}.blema-tile>img{width:310px;height:310px}.process-row{grid-template-columns:1fr 1fr;padding:0}.team-band{min-height:auto;padding-bottom:48px}.team-row{grid-template-columns:1fr;max-width:520px;padding:0 18px}.team-row>a{min-height:420px}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-brand-block{grid-column:1/-1}.footer-contact{grid-column:auto}}
@media(max-width:520px){.container{width:min(calc(100% - 30px),var(--a-max))}.product-band h1{font-size:50px}.product-band h2{font-size:44px}.subhead{font-size:18px}.hero-screen{height:235px}.browser-body>div{display:none}.metrics article:nth-child(3){display:none}.metrics{grid-template-columns:1fr 1fr}.home-tile{min-height:510px}.tile-copy h2{font-size:38px}.process-row{grid-template-columns:1fr}.pricing-grid-home .home-tile{min-height:360px}.team-row>a{min-height:370px}.footer-grid{grid-template-columns:1fr!important}.blema-launch-copy{display:none!important}}

/* --------------------------------------------------------------------------
   V25 — layout polish pass
   Refines rhythm, spacing, responsive behavior, and all public form surfaces.
   -------------------------------------------------------------------------- */
:root{
  --a-header:48px;
  --a-content:1024px;
  --a-wide:1440px;
  --a-gutter:clamp(20px,3.4vw,44px);
  --a-section:clamp(72px,8vw,116px);
  --a-radius:28px;
  --a-soft:#f5f5f7;
  --a-card:#fff;
}

html{scroll-padding-top:calc(var(--a-header) + 20px)}
body:not(.admin-body){
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3,
body:not(.admin-body) h4,
body:not(.admin-body) strong{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif;
}
body:not(.admin-body) p{margin-top:0}
body:not(.admin-body) a,
body:not(.admin-body) button{transition:opacity .2s ease,background-color .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}
body:not(.admin-body) a:focus-visible,
body:not(.admin-body) button:focus-visible,
body:not(.admin-body) input:focus-visible,
body:not(.admin-body) textarea:focus-visible,
body:not(.admin-body) select:focus-visible{outline:3px solid rgba(42,123,255,.28);outline-offset:3px}

/* Header */
.site-header:not(.admin-top){height:var(--a-header);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header:not(.admin-top) .nav-shell,
.site-header:not(.admin-top) .nav-wrap{
  width:min(calc(100% - 36px),var(--a-content));
  height:var(--a-header);
  grid-template-columns:112px minmax(0,1fr) auto;
  gap:18px;
}
.site-header:not(.admin-top) .brand img{width:92px;max-height:22px}
.desktop-nav a{padding:16px 11px;font-size:12px;line-height:1}
.nav-cta{height:28px;min-height:28px;padding:0 12px;font-size:11px;letter-spacing:0}

/* Home notification strip */
.apple-home .apple-notice{
  min-height:92px;height:auto;padding:calc(var(--a-header) + 15px) var(--a-gutter) 15px;
  line-height:1.45;
}
.apple-notice p{max-width:860px;margin-inline:auto}

/* Product bands */
.product-band{
  min-height:0;
  padding:clamp(68px,7.5vw,104px) var(--a-gutter) 0;
}
.product-copy{max-width:900px}
.kicker{font-size:clamp(18px,1.7vw,21px);line-height:1.15;margin-bottom:10px}
.product-band h1{font-size:clamp(62px,7.2vw,104px);line-height:.95;letter-spacing:-.062em}
.product-band h2{font-size:clamp(52px,5.9vw,80px);line-height:.96;letter-spacing:-.058em}
.subhead{max-width:720px;margin-top:20px;font-size:clamp(19px,1.85vw,25px);line-height:1.32;letter-spacing:-.015em}
.text-links{gap:30px;margin-top:25px}
.text-links a,.tile-copy a,.tile-button{font-size:17px;line-height:1.2}

.hero-band{min-height:760px;padding-top:clamp(74px,7vw,96px)}
.hero-art{width:min(920px,90vw);height:365px;margin-top:42px}
.hero-screen{width:min(730px,86vw);height:310px;border-radius:38px 38px 0 0;padding:23px 28px}
.blue-glow{width:min(620px,72vw);height:320px}

.presence-band{min-height:750px}
.browser-stage{height:395px;margin-top:42px}
.browser{width:min(860px,90vw);height:375px;border-radius:22px 22px 0 0}
.browser-body{height:333px;padding-inline:24px}
.browser-body img{margin-bottom:24px}
.browser-body h3{font-size:32px}

.system-band{min-height:790px}
.dashboard{width:min(900px,91vw);height:400px;margin-top:42px;border-radius:24px 24px 0 0}

/* Home grids */
.tile-grid{
  width:100%;max-width:var(--a-wide);margin-inline:auto;
  padding:12px;gap:12px;
}
.home-tile{min-height:600px;padding:58px clamp(24px,3vw,42px)}
.tile-copy{max-width:540px}
.tile-copy h2{font-size:clamp(40px,4.1vw,56px);line-height:1;letter-spacing:-.052em}
.tile-copy p{margin:13px auto 18px;line-height:1.4;font-size:17px}
.reels{height:310px}
.stack{bottom:42px}
.audience-orbit{bottom:-85px}
.blema-tile>img{bottom:-70px}

.process-band{min-height:690px;padding-bottom:70px}
.process-row{max-width:1024px;gap:12px;margin-top:48px}
.process-row article{min-height:178px;border-radius:24px;padding:22px 22px 20px;box-shadow:0 10px 34px rgba(0,0,0,.045)}
.process-row strong{margin:46px 0 7px;font-size:27px}
.pricing-grid-home .home-tile{min-height:410px}
.price-tile .tile-copy>strong{font-size:clamp(32px,3.5vw,48px);margin:24px 0 8px}
.team-band{min-height:820px;padding-bottom:68px}
.team-row{max-width:1024px;gap:12px;margin-top:46px}
.team-row>a{min-height:405px;border-radius:24px}
.team-row>a>div{left:20px;right:20px;bottom:20px}
.team-row strong{font-size:24px}
.apple-cta{padding:clamp(86px,9vw,124px) var(--a-gutter)}
.apple-cta h2{max-width:900px;font-size:clamp(52px,6.4vw,78px);line-height:.97;letter-spacing:-.058em}
.apple-cta>p:not(.kicker){font-size:19px;line-height:1.45;margin-top:22px}

/* Inner-page global rhythm */
body:not(.apple-home):not(.admin-body) .page-hero{
  padding:clamp(126px,12vw,160px) 0 clamp(68px,7vw,92px);
  border-bottom:1px solid #e5e5e7;
}
body:not(.apple-home):not(.admin-body) .page-hero-grid{
  width:min(calc(100% - (var(--a-gutter) * 2)),var(--a-content));
  grid-template-columns:160px minmax(0,1fr);
  gap:38px;
  margin:0 auto;
}
body:not(.apple-home):not(.admin-body) .page-hero-grid>div:first-child{display:contents}
body:not(.apple-home):not(.admin-body) .page-hero .eyebrow{grid-column:1;align-self:start;margin-top:8px}
body:not(.apple-home):not(.admin-body) .page-hero h1{grid-column:2;font-size:clamp(54px,6.2vw,86px);line-height:.97;letter-spacing:-.058em;max-width:920px}
body:not(.apple-home):not(.admin-body) .page-hero .lead{grid-column:2;max-width:700px;margin:20px 0 0;font-size:20px;line-height:1.48}
body:not(.apple-home):not(.admin-body) .eyebrow{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI",sans-serif;
  text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:#86868b;
}
body:not(.apple-home):not(.admin-body) .section,
body:not(.apple-home):not(.admin-body) .section-tight,
body:not(.apple-home):not(.admin-body) .section.compact-section{padding:var(--a-section) 0}
body:not(.apple-home):not(.admin-body) .section.compact-section{padding-block:clamp(58px,6vw,86px)}
body:not(.apple-home):not(.admin-body) .section>.container,
body:not(.apple-home):not(.admin-body) .section-tight>.container,
body:not(.apple-home):not(.admin-body) .section-head,
body:not(.apple-home):not(.admin-body) .centered-link{width:min(calc(100% - (var(--a-gutter) * 2)),var(--a-content))!important}
body:not(.apple-home):not(.admin-body) .section-head,
body:not(.apple-home):not(.admin-body) .section-head.center{margin:0 auto 34px!important;gap:10px!important}
body:not(.apple-home):not(.admin-body) .section-head h2,
body:not(.apple-home):not(.admin-body) .split-head h2,
body:not(.apple-home):not(.admin-body) .split-panel h2,
body:not(.apple-home):not(.admin-body) .cta-card h2,
body:not(.apple-home):not(.admin-body) .capability-card h2,
body:not(.apple-home):not(.admin-body) .offer-detail h2,
body:not(.apple-home):not(.admin-body) .case-card h2,
body:not(.apple-home):not(.admin-body) .process-timeline h2,
body:not(.apple-home):not(.admin-body) .faq-intro h2,
body:not(.apple-home):not(.admin-body) .system-card h2,
body:not(.apple-home):not(.admin-body) .boundary-panel h2{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI",sans-serif!important;
  font-size:clamp(38px,4.5vw,62px)!important;line-height:1!important;letter-spacing:-.052em!important;
}
body:not(.apple-home):not(.admin-body) .section-head p,
body:not(.apple-home):not(.admin-body) .split-head p:not(.eyebrow),
body:not(.apple-home):not(.admin-body) .split-panel p,
body:not(.apple-home):not(.admin-body) .cta-card p{font-size:17px;line-height:1.58!important;color:#6e6e73!important}

/* Inner-page surfaces */
body:not(.apple-home):not(.admin-body) .card-grid,
body:not(.apple-home):not(.admin-body) .capability-grid,
body:not(.apple-home):not(.admin-body) .case-grid,
body:not(.apple-home):not(.admin-body) .price-grid,
body:not(.apple-home):not(.admin-body) .audience-grid,
body:not(.apple-home):not(.admin-body) .step-grid,
body:not(.apple-home):not(.admin-body) .offer-detail-grid,
body:not(.apple-home):not(.admin-body) .system-stack{gap:14px!important}

body:not(.apple-home):not(.admin-body) .info-card,
body:not(.apple-home):not(.admin-body) .capability-card,
body:not(.apple-home):not(.admin-body) .offer-detail,
body:not(.apple-home):not(.admin-body) .case-card,
body:not(.apple-home):not(.admin-body) .system-card,
body:not(.apple-home):not(.admin-body) .price-card,
body:not(.apple-home):not(.admin-body) .audience-card,
body:not(.apple-home):not(.admin-body) .process-timeline article,
body:not(.apple-home):not(.admin-body) .faq-list details,
body:not(.apple-home):not(.admin-body) .request-intro,
body:not(.apple-home):not(.admin-body) .request-form,
body:not(.apple-home):not(.admin-body) .brief-builder-shell,
body:not(.apple-home):not(.admin-body) .boundary-panel,
body:not(.apple-home):not(.admin-body) .split-panel,
body:not(.apple-home):not(.admin-body) .cta-card{
  background:#fff!important;border:1px solid #e5e5e7!important;border-radius:24px!important;
  color:#1d1d1f!important;box-shadow:none!important;
}
body:not(.apple-home):not(.admin-body) .info-card:hover,
body:not(.apple-home):not(.admin-body) .capability-card:hover,
body:not(.apple-home):not(.admin-body) .case-card:hover,
body:not(.apple-home):not(.admin-body) .step-grid article:hover{transform:translateY(-2px)!important;border-color:#d2d2d7!important;box-shadow:0 14px 34px rgba(0,0,0,.045)!important}
body:not(.apple-home):not(.admin-body) .info-card{min-height:260px!important;padding:26px!important}
body:not(.apple-home):not(.admin-body) .info-card h3,
body:not(.apple-home):not(.admin-body) .capability-card h3{font-size:29px!important;line-height:1.05!important;margin:42px 0 11px!important;letter-spacing:-.042em!important}
body:not(.apple-home):not(.admin-body) .capability-card,
body:not(.apple-home):not(.admin-body) .offer-detail,
body:not(.apple-home):not(.admin-body) .case-card,
body:not(.apple-home):not(.admin-body) .system-card{padding:30px!important}
body:not(.apple-home):not(.admin-body) .audience-card,
body:not(.apple-home):not(.admin-body) .price-card{padding:24px!important;min-height:230px!important}
body:not(.apple-home):not(.admin-body) .price-card strong{color:#1d1d1f!important;margin:36px 0 12px!important}
body:not(.apple-home):not(.admin-body) .info-card p,
body:not(.apple-home):not(.admin-body) .capability-card p,
body:not(.apple-home):not(.admin-body) .offer-detail p,
body:not(.apple-home):not(.admin-body) .case-card p,
body:not(.apple-home):not(.admin-body) .system-card p,
body:not(.apple-home):not(.admin-body) .price-card p,
body:not(.apple-home):not(.admin-body) .audience-card p,
body:not(.apple-home):not(.admin-body) .process-timeline p,
body:not(.apple-home):not(.admin-body) .step-grid p,
body:not(.apple-home):not(.admin-body) .boundary-panel p,
body:not(.apple-home):not(.admin-body) .brief-side p{color:#6e6e73!important;line-height:1.6!important}
body:not(.apple-home):not(.admin-body) .info-card small,
body:not(.apple-home):not(.admin-body) .capability-card small,
body:not(.apple-home):not(.admin-body) .offer-detail small,
body:not(.apple-home):not(.admin-body) .case-card small,
body:not(.apple-home):not(.admin-body) .process-timeline small,
body:not(.apple-home):not(.admin-body) .step-grid small,
body:not(.apple-home):not(.admin-body) .audience-card small,
body:not(.apple-home):not(.admin-body) .price-card small,
body:not(.apple-home):not(.admin-body) .system-card small{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI",sans-serif!important;
  text-transform:none!important;letter-spacing:0!important;font-size:12px!important;color:#86868b!important;font-weight:600!important;
}
body:not(.apple-home):not(.admin-body) .deliverable-grid{gap:8px!important}
body:not(.apple-home):not(.admin-body) .deliverable-grid span,
body:not(.apple-home):not(.admin-body) .mini-list a{
  background:#f5f5f7!important;border:1px solid #e5e5e7!important;color:#424245!important;border-radius:14px!important;
}
body:not(.apple-home):not(.admin-body) .deliverable-grid span{padding:12px 13px!important;font-size:14px}
body:not(.apple-home):not(.admin-body) .mini-list a{padding:17px!important}
body:not(.apple-home):not(.admin-body) .mini-list a:hover{transform:none!important;background:#ededf0!important}
body:not(.apple-home):not(.admin-body) .mini-list strong{font-size:21px}
body:not(.apple-home):not(.admin-body) .mini-list span{color:#6e6e73}
body:not(.apple-home):not(.admin-body) .step-grid article{padding:22px!important;min-height:150px!important}
body:not(.apple-home):not(.admin-body) .step-grid h3{font-size:27px!important;margin:32px 0 8px!important}
body:not(.apple-home):not(.admin-body) .process-timeline article{grid-template-columns:64px minmax(180px,.55fr) 1fr;gap:24px;padding:25px!important}
body:not(.apple-home):not(.admin-body) .faq-list{gap:10px}
body:not(.apple-home):not(.admin-body) .faq-list summary{padding:21px 22px;font-size:20px}
body:not(.apple-home):not(.admin-body) .faq-list p{padding:0 22px 22px;color:#6e6e73!important}

/* Forms / brief / booking */
body:not(.apple-home):not(.admin-body) .request-shell{grid-template-columns:minmax(250px,.38fr) minmax(0,.62fr);gap:18px}
body:not(.apple-home):not(.admin-body) .request-intro{padding:25px!important;gap:18px}
body:not(.apple-home):not(.admin-body) .request-intro h2{font-family:inherit;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.05em}
body:not(.apple-home):not(.admin-body) .request-form{padding:26px!important;gap:17px}
body:not(.apple-home):not(.admin-body) .choice-tabs{gap:7px}
body:not(.apple-home):not(.admin-body) .choice-tabs button,
body:not(.apple-home):not(.admin-body) .date-options button,
body:not(.apple-home):not(.admin-body) .time-options button,
body:not(.apple-home):not(.admin-body) .booking-slots button{
  background:#f5f5f7!important;border:1px solid #e5e5e7!important;color:#1d1d1f!important;border-radius:12px!important;font-weight:600!important;
}
body:not(.apple-home):not(.admin-body) .choice-tabs button{padding:14px 15px}
body:not(.apple-home):not(.admin-body) .choice-tabs button.active,
body:not(.apple-home):not(.admin-body) .date-options button.active,
body:not(.apple-home):not(.admin-body) .time-options button.active,
body:not(.apple-home):not(.admin-body) .booking-slots button.active{background:#0071e3!important;border-color:#0071e3!important;color:#fff!important}
body:not(.apple-home):not(.admin-body) .request-form label span,
body:not(.apple-home):not(.admin-body) .brief-builder-form label>span,
body:not(.apple-home):not(.admin-body) .brief-builder-form>label>span{
  font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;color:#424245!important;font-size:13px!important;font-weight:600!important;
}
body:not(.apple-home):not(.admin-body) .request-form input,
body:not(.apple-home):not(.admin-body) .request-form textarea,
body:not(.apple-home):not(.admin-body) .request-form select,
body:not(.apple-home):not(.admin-body) .brief-builder-form input,
body:not(.apple-home):not(.admin-body) .brief-builder-form textarea,
body:not(.apple-home):not(.admin-body) .brief-builder-form select,
body:not(.apple-home):not(.admin-body) .booking-shell input,
body:not(.apple-home):not(.admin-body) .booking-shell textarea,
body:not(.apple-home):not(.admin-body) .booking-shell select{
  width:100%;min-height:48px;padding:12px 14px!important;border:1px solid #d2d2d7!important;border-radius:12px!important;background:#fff!important;color:#1d1d1f!important;outline:none!important;box-shadow:none!important;
}
body:not(.apple-home):not(.admin-body) textarea{resize:vertical}
body:not(.apple-home):not(.admin-body) .request-form input:focus,
body:not(.apple-home):not(.admin-body) .request-form textarea:focus,
body:not(.apple-home):not(.admin-body) .request-form select:focus,
body:not(.apple-home):not(.admin-body) .brief-builder-form input:focus,
body:not(.apple-home):not(.admin-body) .brief-builder-form textarea:focus,
body:not(.apple-home):not(.admin-body) .brief-builder-form select:focus{border-color:#0071e3!important;box-shadow:0 0 0 3px rgba(0,113,227,.12)!important}
body:not(.apple-home):not(.admin-body) .calendar-block{gap:10px}
body:not(.apple-home):not(.admin-body) .calendar-card{background:#f5f5f7!important;border:1px solid #e5e5e7!important;border-radius:16px!important;padding:16px!important}
body:not(.apple-home):not(.admin-body) .file-upload{background:#f5f5f7!important;border:1px dashed #b8b8bd!important;border-radius:14px!important;color:#424245!important}
body:not(.apple-home):not(.admin-body) .file-upload input{background:#fff!important;border-color:#d2d2d7!important;color:#1d1d1f!important}
body:not(.apple-home):not(.admin-body) .brief-builder-shell{grid-template-columns:minmax(240px,.38fr) minmax(0,.62fr);gap:30px;padding:30px!important}
body:not(.apple-home):not(.admin-body) .brief-side h2{font-family:inherit;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.05em}
body:not(.apple-home):not(.admin-body) .brief-progress span{background:#e5e5e7}
body:not(.apple-home):not(.admin-body) .brief-progress span.active{background:#0071e3}
body:not(.apple-home):not(.admin-body) .booking-shell{gap:16px}
body:not(.apple-home):not(.admin-body) .booking-slots{gap:8px}
body:not(.apple-home):not(.admin-body) .form-status{font-weight:600;color:#6e6e73}
body:not(.apple-home):not(.admin-body) .form-status.success{color:#16803d}.form-status.error{color:#c93131}

/* Buttons */
body:not(.apple-home):not(.admin-body) .btn{min-height:44px;padding:0 19px;border-radius:980px;font-size:14px;font-weight:600!important;transform:none!important}
body:not(.apple-home):not(.admin-body) .btn.primary{background:#0071e3!important;color:#fff!important}
body:not(.apple-home):not(.admin-body) .btn.primary:hover{background:#0077ed!important}
body:not(.apple-home):not(.admin-body) .btn.secondary{background:#e8e8ed!important;color:#1d1d1f!important}
body:not(.apple-home):not(.admin-body) .btn.secondary:hover{background:#dedee3!important}

/* Team cards on public inner pages */
body:not(.apple-home):not(.admin-body) .photo-card,
body:not(.apple-home):not(.admin-body) .founder-card{border-radius:24px!important;border:1px solid #e5e5e7!important;min-height:470px!important}
body:not(.apple-home):not(.admin-body) .photo-card:hover,
body:not(.apple-home):not(.admin-body) .founder-card:hover{transform:translateY(-2px)!important;border-color:#d2d2d7!important}

/* Footer */
.site-footer{padding:38px 0 22px!important}
.site-footer .container{width:min(calc(100% - 44px),var(--a-content))}
.footer-grid{grid-template-columns:1.45fr .8fr .8fr 1fr!important;gap:34px!important}
.footer-logo img{width:128px!important}
.footer-brand-block,.footer-col{gap:10px!important}
.footer-brand-block p,.footer-contact p{max-width:300px}
.footer-col>span{margin-bottom:3px}
.footer-col a{line-height:1.7!important;font-weight:400!important}
.footer-email{font-family:inherit!important;font-size:14px!important;letter-spacing:0!important;color:#424245!important}
.footer-whatsapp{border:0!important;background:none!important;padding:0!important}
.footer-bottom{margin-top:28px!important;padding-top:15px!important}

/* Safer animation fallback. Content is visible without JS. */
[data-animate]{opacity:1;transform:none}
.js [data-animate]{opacity:0;transform:translateY(18px)}
.js [data-animate].in-view{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js [data-animate]{opacity:1!important;transform:none!important}
}

@media(max-width:1040px){
  .product-band{padding-top:74px}
  .home-tile{min-height:560px}
  .process-row{max-width:760px}
  body:not(.apple-home):not(.admin-body) .page-hero-grid{grid-template-columns:130px minmax(0,1fr);gap:28px}
  body:not(.apple-home):not(.admin-body) .request-shell,
  body:not(.apple-home):not(.admin-body) .brief-builder-shell{grid-template-columns:1fr}
  body:not(.apple-home):not(.admin-body) .request-intro{position:static}
  .footer-grid{grid-template-columns:1.35fr 1fr 1fr!important}
  .footer-contact{grid-column:auto!important}
}

@media(max-width:780px){
  :root{--a-gutter:20px;--a-section:64px}
  .site-header:not(.admin-top) .nav-shell,.site-header:not(.admin-top) .nav-wrap{width:calc(100% - 28px);grid-template-columns:1fr auto auto}
  .apple-home .apple-notice{min-height:104px;padding-top:64px;padding-bottom:14px}
  .product-band{padding:58px 18px 0}
  .hero-band{min-height:670px}
  .product-band h1{font-size:clamp(48px,12.5vw,68px)}
  .product-band h2{font-size:clamp(42px,10.5vw,58px)}
  .subhead{font-size:19px;line-height:1.36}
  .hero-art{height:292px;margin-top:34px}
  .hero-screen{height:255px;padding:16px;border-radius:28px 28px 0 0}
  .presence-band{min-height:650px}.browser-stage{height:290px;margin-top:34px}.browser{height:278px}.browser-body{height:244px}
  .system-band{min-height:650px}.dashboard{height:294px;margin-top:34px}
  .tile-grid{padding:8px;gap:8px}
  .home-tile{min-height:530px;padding:44px 22px}
  .tile-copy h2{font-size:40px}
  .process-band{padding-bottom:52px}.process-row{grid-template-columns:1fr 1fr;padding:0;gap:8px;margin-top:36px}.process-row article{min-height:165px}
  .team-row{grid-template-columns:1fr;max-width:520px;padding:0;margin-top:36px}.team-row>a{min-height:410px}
  .apple-cta{padding:78px 20px}.apple-cta h2{font-size:clamp(46px,11vw,64px)}

  body:not(.apple-home):not(.admin-body) .page-hero{padding:112px 0 58px}
  body:not(.apple-home):not(.admin-body) .page-hero-grid{display:block;width:calc(100% - 40px)}
  body:not(.apple-home):not(.admin-body) .page-hero-grid>div:first-child{display:block}
  body:not(.apple-home):not(.admin-body) .page-hero .eyebrow{margin:0 0 12px!important}
  body:not(.apple-home):not(.admin-body) .page-hero h1{font-size:clamp(46px,11.5vw,64px)!important;max-width:11ch!important}
  body:not(.apple-home):not(.admin-body) .page-hero .lead{font-size:18px;margin-top:18px}
  body:not(.apple-home):not(.admin-body) .section>.container,
  body:not(.apple-home):not(.admin-body) .section-tight>.container,
  body:not(.apple-home):not(.admin-body) .section-head,
  body:not(.apple-home):not(.admin-body) .centered-link{width:calc(100% - 40px)!important}
  body:not(.apple-home):not(.admin-body) .card-grid.three,
  body:not(.apple-home):not(.admin-body) .audience-grid,
  body:not(.apple-home):not(.admin-body) .price-grid,
  body:not(.apple-home):not(.admin-body) .case-grid{grid-template-columns:1fr!important}
  body:not(.apple-home):not(.admin-body) .capability-grid{grid-template-columns:1fr!important}
  body:not(.apple-home):not(.admin-body) .process-timeline article{grid-template-columns:48px 1fr;gap:12px}
  body:not(.apple-home):not(.admin-body) .process-timeline article p{grid-column:2}
  body:not(.apple-home):not(.admin-body) .calendar-block{grid-template-columns:1fr}
  body:not(.apple-home):not(.admin-body) .form-grid.two{grid-template-columns:1fr}
  body:not(.apple-home):not(.admin-body) .brief-builder-shell,
  body:not(.apple-home):not(.admin-body) .request-form{padding:22px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 22px!important}
  .footer-brand-block{grid-column:1/-1}
}

@media(max-width:520px){
  :root{--a-gutter:16px}
  .product-band{padding-inline:16px}
  .product-band h1{font-size:48px;letter-spacing:-.055em}
  .product-band h2{font-size:42px;letter-spacing:-.05em}
  .text-links{gap:20px}.text-links a,.tile-copy a,.tile-button{font-size:16px}
  .hero-screen{height:230px}.hero-art{height:260px}
  .home-tile{min-height:500px;padding:40px 20px}.tile-copy h2{font-size:37px}
  .process-row{grid-template-columns:1fr}.process-row article{min-height:145px}.process-row strong{margin-top:31px}
  .pricing-grid-home .home-tile{min-height:345px}
  .team-row>a{min-height:365px}
  body:not(.apple-home):not(.admin-body) .page-hero-grid,
  body:not(.apple-home):not(.admin-body) .section>.container,
  body:not(.apple-home):not(.admin-body) .section-tight>.container,
  body:not(.apple-home):not(.admin-body) .section-head,
  body:not(.apple-home):not(.admin-body) .centered-link{width:calc(100% - 32px)!important}
  body:not(.apple-home):not(.admin-body) .date-options{grid-template-columns:repeat(3,1fr)}
  body:not(.apple-home):not(.admin-body) .time-options{grid-template-columns:repeat(2,1fr)}
  body:not(.apple-home):not(.admin-body) .request-intro,
  body:not(.apple-home):not(.admin-body) .request-form,
  body:not(.apple-home):not(.admin-body) .brief-builder-shell,
  body:not(.apple-home):not(.admin-body) .capability-card,
  body:not(.apple-home):not(.admin-body) .offer-detail,
  body:not(.apple-home):not(.admin-body) .case-card,
  body:not(.apple-home):not(.admin-body) .system-card{padding:20px!important;border-radius:20px!important}
  .footer-grid{grid-template-columns:1fr!important}.footer-brand-block{grid-column:auto}
  .site-footer .container{width:calc(100% - 32px)}
}


/* === Blemlab polish v3: work + team integration === */
body:not(.admin-body){-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button{transition:opacity .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(0,113,227,.35)!important;outline-offset:3px}
.site-header:not(.admin-top) .nav-shell{grid-template-columns:108px 1fr auto;gap:10px}
.desktop-nav a{padding-inline:11px}

/* Homepage selected work */
.home-work-section{background:#f5f5f7;padding:112px 12px 12px;overflow:hidden}
.home-work-heading{text-align:center;max-width:980px;margin:0 auto 54px;padding:0 20px}
.home-work-heading h2{margin:0;font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.065em;color:#1d1d1f}
.home-work-heading h2 span{color:#6e6e73}
.home-work-heading>p:not(.kicker){max-width:700px;margin:18px auto 0;font-size:clamp(18px,2vw,24px);line-height:1.35;color:#6e6e73}
.home-work-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;max-width:1500px;margin:0 auto}
.home-project{display:flex;flex-direction:column;min-width:0;min-height:620px;background:#fff;color:#1d1d1f;overflow:hidden;text-decoration:none}
.home-project:hover{transform:translateY(-2px)}
.hp-visual{position:relative;flex:1;min-height:500px;padding:48px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hp-visual>span{position:absolute;top:28px;left:30px;font-size:11px;font-weight:700;letter-spacing:.1em}
.hp-visual>strong{font-size:clamp(38px,4.4vw,66px);line-height:.95;letter-spacing:-.055em}
.hp-visual>i{font-size:14px;font-style:normal;margin-top:16px;color:#0071e3}
.hp-caption{min-height:96px;padding:19px 24px 20px;border-top:1px solid #e5e5e7;display:flex;flex-direction:column;justify-content:center;gap:5px}
.hp-caption small{font-size:11px;color:#86868b}.hp-caption b{font-size:23px;letter-spacing:-.035em}
.home-project--nourfe .hp-visual{background:radial-gradient(circle at 50% 110%,rgba(38,95,83,.16),transparent 45%),#f6f3ed}
.home-project--nourfe .hp-visual:after{content:"";position:absolute;width:62%;height:34%;bottom:-8%;border-radius:50% 50% 0 0;background:linear-gradient(150deg,#d7d0c5,#f8f6f1);box-shadow:0 -18px 65px rgba(38,42,39,.08)}
.home-project--nourfe .hp-visual>*{z-index:1}
.home-project--servio{background:#090a0d;color:#f5f5f7}.home-project--servio .hp-caption{border-color:#24252a}.home-project--servio .hp-caption small{color:#8e8e93}
.home-project--servio .hp-visual{background:radial-gradient(circle at 50% 70%,rgba(42,123,255,.24),transparent 40%),#08090c;justify-content:flex-end;padding-bottom:64px}
.home-project--servio .hp-visual>span{color:#8e8e93}
.hp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:330px;margin-bottom:32px}.hp-stats i{font-style:normal;background:#15161a;border:1px solid #24252b;border-radius:16px;padding:16px 10px;font-size:28px;font-weight:700}.hp-stats small{font-size:9px;color:#8e8e93;font-weight:500}
.home-project--creative .hp-visual{background:#eef0f4}.hp-reel-stack{position:relative;width:260px;height:190px;margin-top:34px}.hp-reel-stack i{position:absolute;left:50%;bottom:0;width:96px;height:170px;border-radius:20px;background:#111319;color:#fff;display:flex;align-items:flex-end;padding:15px;font-style:normal;font-size:12px;box-shadow:0 18px 42px rgba(0,0,0,.18)}.hp-reel-stack i:nth-child(1){transform:translateX(-125%) rotate(-10deg)}.hp-reel-stack i:nth-child(2){transform:translateX(-50%)}.hp-reel-stack i:nth-child(3){transform:translateX(25%) rotate(10deg)}

/* Team page profiles */
.team-hero{background:#fff!important}
.team-profile-section{padding:20px 0 104px!important;background:#f5f5f7}
.team-profile-section--dark{background:#000;color:#f5f5f7;padding-top:104px!important}
.team-profile{display:grid;grid-template-columns:.92fr 1.08fr;min-height:720px;border-radius:36px;overflow:hidden;background:#fff}
.team-profile--dark{background:#0d0d0f;color:#f5f5f7;border:1px solid #242428}
.team-profile--reverse .team-profile-media{order:2}.team-profile--reverse .team-profile-copy{order:1}
.team-profile-media{position:relative;min-height:720px;background:#e7e7e9;overflow:hidden}
.team-profile-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.12))}
.team-profile-media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.team-profile-copy{padding:62px 64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.profile-topline{width:100%;display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #e5e5e7;color:#86868b;font-size:12px}.team-profile--dark .profile-topline{border-color:#2c2c30}
.team-profile-copy h2{font-size:clamp(58px,6.8vw,98px);line-height:.86;letter-spacing:-.07em;margin:64px 0 12px}
.profile-role{font-size:22px;font-weight:600;letter-spacing:-.03em;margin:0 0 20px;color:#424245}.team-profile--dark .profile-role{color:#a1a1a6}
.profile-intro{font-size:18px;line-height:1.6;color:#6e6e73;max-width:620px;margin:0}.team-profile--dark .profile-intro{color:#a1a1a6}
.profile-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.profile-skills span{border:1px solid #d2d2d7;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:600;color:#424245}.team-profile--dark .profile-skills span{border-color:#33343a;color:#d2d2d7}
.profile-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}.profile-links a{font-size:15px;color:#6e6e73}.profile-links .profile-primary-link{display:inline-flex;min-height:44px;align-items:center;padding:0 18px;border-radius:999px;background:#0071e3;color:#fff;font-weight:600}.profile-links .profile-primary-link:hover{background:#0077ed;text-decoration:none}
.member-work-block{padding-top:56px}.member-work-heading{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:start;margin-bottom:24px}.member-work-heading>p:last-child{margin:0;color:#6e6e73;line-height:1.55;font-size:17px}.member-work-block--dark .member-work-heading>p:last-child{color:#a1a1a6}
.member-work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.member-work-card{min-width:0;background:#fff;border:1px solid #e5e5e7;border-radius:24px;overflow:hidden;color:#1d1d1f}.member-work-card:hover{transform:translateY(-3px)}.member-work-card--dark{background:#111216;border-color:#26272c;color:#f5f5f7}.member-work-card>div:first-child{height:300px}.member-work-copy{height:auto!important;padding:17px 18px 19px;border-top:1px solid #e5e5e7}.member-work-card--dark .member-work-copy{border-color:#2c2d31}.member-work-copy small{display:block;color:#86868b;font-size:10px}.member-work-copy h3{font-size:22px;letter-spacing:-.035em;margin:4px 0 9px}.member-work-copy span{font-size:13px;color:#0071e3}
.mini-browser,.mini-dashboard,.mini-editorial,.mini-pool{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;overflow:hidden}
.mini-browser{background:#f6f3ed}.mini-browser:before{content:"";position:absolute;inset:18px 18px auto;height:23px;border-radius:10px;background:#fff;border:1px solid #e2ded8;box-shadow:0 14px 50px rgba(0,0,0,.06)}.mini-browser span,.mini-editorial small,.mini-pool small{font-size:10px;letter-spacing:.12em;font-weight:700}.mini-browser strong,.mini-editorial strong,.mini-pool strong{font-size:31px;line-height:.98;letter-spacing:-.05em;margin:18px 0}.mini-browser i{font-size:11px;color:#7a746c;font-style:normal}
.mini-dashboard{background:radial-gradient(circle at 50% 90%,rgba(42,123,255,.25),transparent 45%),#090a0d;color:#fff}.mini-dashboard>span{position:absolute;top:24px;left:24px;color:#8e8e93;font-size:10px;letter-spacing:.12em}.mini-dashboard>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin:10px 0 20px}.mini-dashboard i{height:54px;border:1px solid #292b31;background:#15161a;border-radius:10px}.mini-dashboard strong{font-size:32px;letter-spacing:-.05em}.mini-dashboard em{font-size:10px;color:#8e8e93;font-style:normal;margin-top:8px}.mini-editorial{background:#f1ede7;color:#25221e}.mini-editorial span,.mini-pool span{font-size:11px;color:#807a71}.mini-pool{background:radial-gradient(circle at 50% 120%,rgba(42,123,255,.35),transparent 50%),#0d1821;color:#fff}.mini-pool span{color:#91a3b2}
.work-more-link{display:inline-block;margin-top:22px;font-size:16px;color:#0071e3;font-weight:600}.work-more-link--dark{color:#2997ff}
.creative-reel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.creative-reel-card{color:#f5f5f7}.reel-frame{height:360px;border-radius:24px;background:linear-gradient(150deg,#16171c,#24262e);border:1px solid #2d2e34;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.reel-frame:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(42,123,255,.16);filter:blur(8px)}.reel-frame>*{position:relative;z-index:1}.reel-frame b{font-size:12px;letter-spacing:.14em}.reel-frame span{font-size:38px;font-weight:800;line-height:.9;letter-spacing:-.055em;margin-top:12px}.reel-frame i{position:absolute;bottom:20px;right:20px;font-style:normal;font-size:11px;color:#8e8e93}.reel-frame--type{background:#f5f5f7;color:#111}.reel-frame--type:after{background:rgba(0,0,0,.05)}.reel-frame--event{background:linear-gradient(145deg,#10223f,#09101b)}.reel-frame--minimal{background:#0a0a0b}.creative-reel-card>small{display:block;color:#86868b;font-size:10px;margin-top:13px}.creative-reel-card>strong{display:block;font-size:18px;margin-top:4px}
.collaboration-section{background:#fff!important}.collaboration-card{text-align:center;max-width:1100px}.collaboration-card h2{font-size:clamp(50px,6vw,82px);line-height:.95;letter-spacing:-.06em;margin:10px auto 30px}.collaboration-flow{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin:0 auto 28px}.collaboration-flow span{padding:11px 15px;background:#f5f5f7;border-radius:999px;font-size:13px;font-weight:600}.collaboration-flow i{font-style:normal;color:#86868b}.collaboration-card>p:last-child{max-width:680px;margin:0 auto;color:#6e6e73;font-size:17px;line-height:1.6}
.blema-team-section{padding-top:0!important;background:#fff!important}.blema-team-panel{display:grid;grid-template-columns:1fr .7fr;align-items:center;min-height:520px;border-radius:34px;background:#000;color:#f5f5f7;overflow:hidden;padding:56px 56px 0}.blema-team-panel h2{font-size:clamp(48px,5vw,72px);line-height:.95;letter-spacing:-.055em;margin:12px 0 18px}.blema-team-panel p:not(.eyebrow){color:#a1a1a6;max-width:610px;font-size:17px;line-height:1.6}.blema-team-panel img{width:100%;max-width:420px;align-self:end;justify-self:center}

/* Real selected work page */
.work-showcase-section{padding-top:48px!important}.work-showcase-section--dark{background:#000!important;color:#f5f5f7;padding:110px 0!important}.work-section-title{margin-bottom:38px}.work-section-title h2{font-size:clamp(52px,6.6vw,88px);line-height:.93;letter-spacing:-.065em;margin:10px 0 18px}.work-section-title>p:last-child{max-width:700px;color:#6e6e73;line-height:1.6;font-size:18px;margin:0}.work-section-title--dark>p:last-of-type{color:#a1a1a6}.work-section-title--dark>a{display:inline-block;color:#2997ff;margin-top:18px;font-weight:600}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portfolio-card{background:#fff;border:1px solid #e5e5e7;border-radius:28px;overflow:hidden;color:#1d1d1f}.portfolio-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.06)}.portfolio-card--dark{background:#0c0d10;color:#f5f5f7;border-color:#24252a}.portfolio-visual{height:520px;padding:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.portfolio-card--wide{grid-column:1/-1}.portfolio-card--wide .portfolio-visual{height:610px}.pv-label{position:absolute;top:30px;left:32px;font-size:10px;font-weight:700;letter-spacing:.13em}.portfolio-visual>strong{font-size:clamp(46px,5.6vw,82px);line-height:.91;letter-spacing:-.065em}.portfolio-visual>em{font-style:normal;margin-top:16px;font-size:13px;opacity:.62}.pv-pills{display:flex;gap:8px;margin-top:28px}.pv-pills i{font-style:normal;font-size:11px;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:8px 12px}.portfolio-caption{min-height:104px;padding:19px 22px;border-top:1px solid #e5e5e7;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.portfolio-card--dark .portfolio-caption{border-color:#24252a}.portfolio-caption small{font-size:10px;color:#86868b}.portfolio-caption h3{font-size:26px;margin:4px 0 0;letter-spacing:-.04em}.portfolio-caption>span{font-size:13px;color:#6e6e73;text-align:right}.portfolio-card--dark .portfolio-caption>span{color:#a1a1a6}
.pc-nourfe .portfolio-visual{background:radial-gradient(circle at 50% 120%,rgba(48,83,71,.17),transparent 45%),#f3eee7}.pc-nourfe .portfolio-visual:after{content:"";position:absolute;bottom:-70px;width:74%;height:210px;border-radius:50% 50% 0 0;background:linear-gradient(150deg,#cfc6b8,#f8f5ef);box-shadow:0 -20px 70px rgba(0,0,0,.06)}.pc-nourfe .portfolio-visual>*{z-index:1}.pc-servio .portfolio-visual{background:radial-gradient(circle at 50% 88%,rgba(42,123,255,.26),transparent 42%),#090a0d}.servio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(520px,90%);margin-bottom:48px}.servio-stats i{font-style:normal;border:1px solid #292b31;background:#15161a;border-radius:18px;padding:18px;text-align:left}.servio-stats small{display:block;color:#86868b;font-size:10px}.servio-stats b{font-size:34px}.pc-teniri .portfolio-visual{background:#eeeae4}.pc-bricool .portfolio-visual{background:radial-gradient(circle at 50% 130%,rgba(100,180,255,.17),transparent 46%),#07080a}.service-search{margin-top:34px;width:min(420px,80%);display:flex;justify-content:space-between;background:#fff;color:#1d1d1f;padding:15px 18px;border-radius:999px;font-size:13px}.pc-benak .portfolio-visual{background:radial-gradient(circle at 50% 120%,rgba(45,150,225,.38),transparent 48%),#0b1c2a}.pc-noire .portfolio-visual{background:#f2f1ef;color:#171717}.noire-ui:after{content:"NOIRÉ";position:absolute;bottom:-28px;font-size:145px;font-weight:800;letter-spacing:-.08em;color:rgba(0,0,0,.035)}
.creative-work-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.creative-work-card{color:#f5f5f7}.creative-poster{height:500px;border-radius:26px;border:1px solid #2a2b30;background:#121318;padding:26px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.creative-poster:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(42,123,255,.14);filter:blur(12px)}.creative-poster>*{position:relative;z-index:1}.creative-poster>span{position:absolute;top:24px;left:24px;font-size:10px;letter-spacing:.14em;font-weight:700}.creative-poster>strong{font-size:clamp(36px,4vw,54px);line-height:.84;letter-spacing:-.06em}.creative-poster>i{position:absolute;bottom:23px;right:23px;font-style:normal;color:#86868b;font-size:11px}.cwc-two .creative-poster{background:#f1f1f3;color:#111}.cwc-two .creative-poster:after{background:rgba(0,0,0,.045)}.cwc-three .creative-poster{background:linear-gradient(145deg,#112746,#070d16)}.cwc-four .creative-poster{background:#090909}.creative-work-card>div:last-child{padding:17px 5px 0}.creative-work-card small{color:#86868b;font-size:10px}.creative-work-card h3{font-size:20px;margin:5px 0 7px}.creative-work-card p{font-size:13px;line-height:1.5;color:#a1a1a6;margin:0}

@media(max-width:1100px){
  .home-work-grid{grid-template-columns:1fr 1fr}.home-project:first-child{grid-column:1/-1}.home-project{min-height:560px}
  .team-profile{grid-template-columns:1fr 1fr}.team-profile-copy{padding:48px 42px}.member-work-grid,.creative-reel-grid,.creative-work-wall{grid-template-columns:repeat(2,1fr)}
  .creative-poster{height:430px}
}
@media(max-width:780px){
  .home-work-section{padding-top:78px}.home-work-heading{margin-bottom:34px}.home-work-grid{grid-template-columns:1fr}.home-project:first-child{grid-column:auto}.home-project{min-height:500px}.hp-visual{min-height:395px;padding:36px 22px}.hp-caption{min-height:82px}.hp-visual>span{top:22px;left:22px}
  .team-profile-section{padding:12px 0 74px!important}.team-profile-section--dark{padding-top:74px!important}.team-profile{grid-template-columns:1fr;border-radius:26px;min-height:0}.team-profile--reverse .team-profile-media{order:1}.team-profile--reverse .team-profile-copy{order:2}.team-profile-media{min-height:500px}.team-profile-copy{padding:38px 26px 44px}.team-profile-copy h2{margin-top:44px}.member-work-heading{grid-template-columns:1fr;gap:8px}.member-work-grid,.creative-reel-grid{grid-template-columns:1fr 1fr}.member-work-card>div:first-child{height:270px}.reel-frame{height:330px}.blema-team-panel{grid-template-columns:1fr;padding:40px 28px 0}.blema-team-panel img{max-width:330px;margin-top:20px}
  .portfolio-grid{grid-template-columns:1fr}.portfolio-card--wide{grid-column:auto}.portfolio-card--wide .portfolio-visual,.portfolio-visual{height:430px;padding:26px}.portfolio-caption{align-items:flex-start;flex-direction:column}.portfolio-caption>span{text-align:left}.creative-work-wall{grid-template-columns:1fr 1fr}.creative-poster{height:390px}
}
@media(max-width:520px){
  .home-work-section{padding-inline:8px}.home-work-heading{padding-inline:12px}.home-work-heading h2{font-size:45px}.home-project{min-height:460px}.hp-visual{min-height:360px}.hp-reel-stack{transform:scale(.86);margin-top:18px}
  .team-profile{border-radius:0}.team-profile-section>.container.team-profile{width:100%!important}.team-profile-media{min-height:430px}.team-profile-copy{padding:32px 20px 38px}.profile-topline{font-size:10px}.team-profile-copy h2{font-size:56px}.profile-links{align-items:flex-start;flex-direction:column;gap:14px}.member-work-grid,.creative-reel-grid,.creative-work-wall{grid-template-columns:1fr}.member-work-card>div:first-child{height:300px}.reel-frame{height:390px}.collaboration-flow{gap:8px}.collaboration-flow i{display:none}.blema-team-panel{border-radius:24px}.portfolio-card{border-radius:20px}.portfolio-visual,.portfolio-card--wide .portfolio-visual{height:390px;padding:24px}.portfolio-visual>strong{font-size:43px}.servio-stats{gap:6px}.servio-stats i{padding:12px}.creative-poster{height:440px}
}


/* =========================================================
   WORK ARCHIVE V4 — asset-ready editorial project sections
   ========================================================= */
html{scroll-behavior:smooth}
.work-index-hero{background:#f5f5f7;padding:150px 0 48px;border-bottom:1px solid #dedee2}
.work-index-copy{max-width:1180px}
.work-index-copy h1{margin:10px 0 24px;font-size:clamp(64px,9vw,132px);line-height:.88;letter-spacing:-.075em;color:#1d1d1f;max-width:1100px}
.work-index-copy h1 span{color:#86868b}
.work-index-copy>p:last-child{max-width:760px;margin:0;font-size:clamp(19px,2vw,26px);line-height:1.42;color:#6e6e73;letter-spacing:-.025em}
.work-project-index{max-width:1500px;margin:74px auto 0;padding:0 18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #d2d2d7}
.work-project-index a{min-height:76px;padding:17px 10px 15px;border-bottom:1px solid #d2d2d7;color:#1d1d1f;font-size:13px;font-weight:600;letter-spacing:-.015em;display:flex;align-items:flex-start;gap:8px;transition:opacity .2s ease}
.work-project-index a:hover{opacity:.55}
.work-project-index a span{color:#86868b;font:500 9px/1.3 "IBM Plex Mono",monospace;padding-top:2px}
.case-project{padding:124px 18px 132px;scroll-margin-top:48px}
.case-project--light{background:#fff;color:#1d1d1f}
.case-project--dark{background:#000;color:#f5f5f7}
.case-project-shell{max-width:1460px;margin:0 auto}
.case-project-head{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(280px,460px);gap:24px;align-items:end;margin:0 0 48px}
.case-project-index{align-self:start;padding-top:12px;color:#86868b;font:500 11px/1 "IBM Plex Mono",monospace}
.case-project-title .eyebrow{margin:0 0 12px}
.case-project--dark .eyebrow{color:#86868b}
.case-project-title h2{margin:0;font-size:clamp(64px,8vw,116px);line-height:.86;letter-spacing:-.075em}
.case-project-summary{margin:0 0 8px;color:#6e6e73;font-size:17px;line-height:1.55;max-width:430px}
.case-project--dark .case-project-summary{color:#a1a1a6}
.project-media{display:grid;gap:14px}
.project-media-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.project-media-row--feature{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}
.project-media-row--portrait{grid-template-columns:repeat(3,minmax(0,1fr))}
.work-asset,.home-case-media{position:relative;overflow:hidden;background:#f5f5f7;border:1px solid rgba(0,0,0,.075);border-radius:28px;isolation:isolate}
.case-project--dark .work-asset{background:#0c0c0e;border-color:#242428}
.work-asset--cinema{aspect-ratio:16/8.3}
.work-asset--wide{aspect-ratio:16/10}
.work-asset--square{aspect-ratio:1/1}
.work-asset--portrait{aspect-ratio:4/5}
.work-asset-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#6e6e73;background-image:radial-gradient(circle at 50% 42%,rgba(0,113,227,.065),transparent 31%),linear-gradient(135deg,transparent 0 49.8%,rgba(0,0,0,.035) 50%,transparent 50.2%),linear-gradient(45deg,transparent 0 49.8%,rgba(0,0,0,.035) 50%,transparent 50.2%);background-size:auto,80px 80px,80px 80px}
.case-project--dark .work-asset-placeholder{color:#86868b;background-image:radial-gradient(circle at 50% 42%,rgba(41,151,255,.12),transparent 31%),linear-gradient(135deg,transparent 0 49.8%,rgba(255,255,255,.03) 50%,transparent 50.2%),linear-gradient(45deg,transparent 0 49.8%,rgba(255,255,255,.03) 50%,transparent 50.2%)}
.work-asset-placeholder span{position:absolute;top:24px;left:25px;border:1px solid currentColor;border-radius:999px;padding:7px 10px;font:600 9px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.work-asset-placeholder strong{max-width:78%;font-size:clamp(28px,3vw,48px);line-height:.95;letter-spacing:-.055em;color:inherit}
.work-asset-placeholder small{margin-top:12px;font:500 10px/1.2 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em;opacity:.55}
.work-live-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.work-asset.has-media:after,.home-case-media.has-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.home-work-section--v4{padding-bottom:12px}
.home-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1500px;margin:0 auto}
.home-case-card{background:#fff;color:#1d1d1f;border-radius:28px;overflow:hidden;border:1px solid #e5e5e7;transition:transform .3s ease,box-shadow .3s ease}
.home-case-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.06)}
.home-case-card--hero{grid-column:1/-1}
.home-case-media{border:0;border-radius:0;aspect-ratio:16/10;background:#eeeef0}
.home-case-card--hero .home-case-media{aspect-ratio:16/7.3}
.home-case-meta{min-height:94px;padding:20px 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.home-case-meta span{color:#86868b;font-size:11px}
.home-case-meta strong{font-size:24px;letter-spacing:-.04em;text-align:right}
.home-case-media .work-asset-placeholder strong{font-size:clamp(25px,3vw,45px)}
.home-case-media .work-asset-placeholder span{top:20px;left:20px}

@media(max-width:980px){
  .work-project-index{grid-template-columns:repeat(3,minmax(0,1fr))}
  .case-project{padding:92px 14px 100px}
  .case-project-head{grid-template-columns:50px 1fr;gap:14px 18px}
  .case-project-summary{grid-column:2;margin-top:6px}
  .project-media-row--feature{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .work-index-hero{padding:112px 0 28px}
  .work-index-copy{padding-inline:20px}
  .work-index-copy h1{font-size:clamp(52px,16vw,78px)}
  .work-index-copy>p:last-child{font-size:18px}
  .work-project-index{margin-top:48px;padding:0 10px;grid-template-columns:1fr 1fr}
  .work-project-index a{min-height:64px;font-size:12px}
  .case-project{padding:76px 8px 84px}
  .case-project-head{padding:0 12px;margin-bottom:28px;grid-template-columns:32px 1fr}
  .case-project-title h2{font-size:clamp(54px,17vw,82px)}
  .case-project-summary{font-size:15px}
  .project-media,.project-media-row{gap:8px}
  .project-media-row,.project-media-row--feature{grid-template-columns:1fr}
  .project-media-row--portrait{grid-template-columns:1fr 1fr}
  .project-media-row--portrait .work-asset:last-child{grid-column:1/-1;aspect-ratio:16/9}
  .work-asset{border-radius:20px}
  .work-asset--cinema{aspect-ratio:4/3}
  .work-asset--wide{aspect-ratio:4/3}
  .work-asset-placeholder span{top:17px;left:18px}
  .work-asset-placeholder strong{font-size:28px}
  .home-case-grid{grid-template-columns:1fr;padding:0}
  .home-case-card--hero{grid-column:auto}
  .home-case-card{border-radius:20px}
  .home-case-card--hero .home-case-media,.home-case-media{aspect-ratio:4/3}
  .home-case-meta{min-height:78px;padding:16px 18px;align-items:flex-start;flex-direction:column;gap:5px}
  .home-case-meta strong{text-align:left;font-size:22px}
}


/* LUGA CASE STUDY — video-led editorial layout */
.case-project--luga{padding-top:132px}
.case-project--luga .case-project-head{margin-bottom:56px}
.case-project--luga .case-project-summary{max-width:500px;font-size:18px}
.case-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.72fr);gap:12px;margin:0 0 54px}
.case-story-block,.case-story-facts{border-top:1px solid #242428;padding-top:20px}
.case-story-block>span,.case-story-facts span{display:block;color:#86868b;font:600 10px/1.2 "IBM Plex Mono",monospace;letter-spacing:.09em;text-transform:uppercase}
.case-story-block p{margin:18px 0 0;max-width:520px;color:#d2d2d7;font-size:18px;line-height:1.55;letter-spacing:-.02em}
.case-story-facts{display:grid;grid-template-columns:1fr;gap:18px}
.case-story-facts div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid #1c1c1f}
.case-story-facts strong{font-size:14px;font-weight:600;letter-spacing:-.02em;text-align:right}
.luga-video-feature{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:14px;align-items:stretch;margin-bottom:14px}
.luga-feature-copy{min-height:720px;padding:54px 50px;border-radius:28px;background:#0c0c0e;border:1px solid #242428;display:flex;flex-direction:column;justify-content:flex-end}
.luga-feature-copy .eyebrow{margin:0 0 auto;color:#86868b}
.luga-feature-copy h3{max-width:600px;margin:0 0 20px;font-size:clamp(52px,5.6vw,88px);line-height:.91;letter-spacing:-.068em}
.luga-feature-copy>p:not(.eyebrow){max-width:520px;margin:0;color:#a1a1a6;font-size:17px;line-height:1.55}
.luga-video-name{margin-top:34px;color:#f5f5f7;font:500 10px/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.luga-feature-stage{min-height:720px;border-radius:28px;background:#0c0c0e;border:1px solid #242428;overflow:hidden;display:flex;align-items:center;justify-content:center}
.work-asset--luga-feature{width:100%;height:100%;min-height:720px;border:0;border-radius:0;background:#000}
.work-live-media--contain{object-fit:contain;background:#000}
.luga-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.luga-video-card{min-width:0}
.work-asset--reel{aspect-ratio:9/16;border-radius:28px;background:#000}
.luga-video-meta{padding:14px 4px 0;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.luga-video-meta span{color:#86868b;font:500 9px/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.luga-video-meta strong{font-size:14px;font-weight:600;letter-spacing:-.025em;text-align:right}

@media(max-width:1100px){
  .case-story-grid{grid-template-columns:1fr 1fr}.case-story-facts{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
  .case-story-facts div{display:block}.case-story-facts strong{display:block;margin-top:8px;text-align:left}
  .luga-video-feature{grid-template-columns:1fr 1fr}.luga-feature-copy,.luga-feature-stage,.work-asset--luga-feature{min-height:580px}
  .luga-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .case-project--luga{padding-top:82px}
  .case-project--luga .case-project-head{margin-bottom:38px}
  .case-story-grid{grid-template-columns:1fr;gap:28px;padding:0 12px;margin-bottom:40px}
  .case-story-facts{grid-column:auto;grid-template-columns:1fr;gap:10px}
  .case-story-block p{font-size:16px}
  .luga-video-feature{grid-template-columns:1fr;gap:8px}
  .luga-feature-copy{min-height:430px;padding:32px 24px;border-radius:20px}
  .luga-feature-copy h3{font-size:clamp(50px,15vw,72px)}
  .luga-feature-stage{min-height:auto;border-radius:20px}
  .work-asset--luga-feature{min-height:0;aspect-ratio:9/16}
  .luga-video-grid{grid-template-columns:1fr 1fr;gap:8px}
  .work-asset--reel{border-radius:20px}
  .luga-video-meta{padding:10px 3px 14px;display:block}
  .luga-video-meta strong{display:block;margin-top:5px;text-align:left;font-size:13px}
}

/* LUGA BRAND MARKS */
.work-project-index-luga{align-items:center!important}
.work-project-index-luga span{align-self:flex-start}
.work-project-index-luga img{display:block;width:auto;height:31px;max-width:104px;object-fit:contain;object-position:left center;margin-top:-3px}
.case-project-title--logo{min-width:0}
.case-project-logo{display:block;width:auto;object-fit:contain;object-position:left center}
.case-project-logo--luga{height:clamp(108px,11vw,160px);max-width:min(100%,620px);margin-top:-10px;margin-bottom:-8px}

@media(max-width:700px){
  .work-project-index-luga img{height:26px;max-width:90px;margin-top:-2px}
  .case-project-logo--luga{height:clamp(82px,23vw,118px);max-width:100%;margin-top:-4px;margin-bottom:-4px}
}

/* =========================================================
   V8 — PORTRAIT VIDEO SYSTEM + LUGA HERO SCALE
   Every portfolio video is presented in its native 9:16 frame.
   ========================================================= */

/* Work archive: every video slot keeps one consistent portrait ratio,
   regardless of the generic asset class attached to it. */
.work-asset[data-asset-type="video"],
.home-case-media[data-asset-type="video"]{
  aspect-ratio:9/16 !important;
  height:auto !important;
  min-height:0 !important;
}

/* Let portrait video frames size themselves instead of inheriting the
   old landscape feature-stage height. */
.luga-feature-stage{
  min-height:0;
  align-self:start;
}
.work-asset--luga-feature[data-asset-type="video"]{
  width:min(100%,540px);
  margin-inline:auto;
}

/* Any video placed in the 3-up media row stays portrait on mobile too. */
@media(max-width:700px){
  .project-media-row--portrait .work-asset[data-asset-type="video"]:last-child{
    grid-column:auto;
    aspect-ratio:9/16 !important;
  }
}

/* Homepage selected-work video previews use a portrait stage rather than
   stretching the reel into the old landscape project-card ratio. */
.home-case-card:has(.home-case-media[data-asset-type="video"]){
  display:grid;
  grid-template-columns:minmax(220px,420px) minmax(180px,1fr);
  align-items:stretch;
}
.home-case-card:has(.home-case-media[data-asset-type="video"]) .home-case-media{
  width:100%;
  max-width:420px;
}
.home-case-card:has(.home-case-media[data-asset-type="video"]) .home-case-meta{
  min-height:100%;
  align-items:flex-end;
  padding:28px;
}
.home-case-card--hero:has(.home-case-media[data-asset-type="video"]){
  grid-column:1/-1;
  grid-template-columns:minmax(280px,460px) 1fr;
}

/* Luga wordmark: restore the visual presence of the original oversized
   project title. Width-based sizing works better for this wide mark. */
.case-project-logo--luga{
  width:clamp(390px,38vw,610px);
  height:auto;
  max-width:100%;
  margin-top:-30px;
  margin-bottom:-22px;
}

@media(max-width:700px){
  .home-case-card:has(.home-case-media[data-asset-type="video"]),
  .home-case-card--hero:has(.home-case-media[data-asset-type="video"]){
    grid-template-columns:minmax(0,1fr) minmax(120px,.6fr);
  }
  .home-case-card:has(.home-case-media[data-asset-type="video"]) .home-case-media{
    max-width:none;
  }
  .home-case-card:has(.home-case-media[data-asset-type="video"]) .home-case-meta{
    padding:18px 16px;
    justify-content:flex-end;
  }
  .case-project-logo--luga{
    width:min(94vw,470px);
    height:auto;
    max-width:100%;
    margin-top:-22px;
    margin-bottom:-16px;
  }
}

/* =========================================================
   V9 — LUGA WORDMARK SCALE CORRECTION
   Keep the Luga identity larger than the first pass, but preserve the
   same header rhythm as the other project sections. This is intentionally
   scoped to Luga only so no other case-study title or spacing changes.
   ========================================================= */
.case-project--luga .case-project-title--logo{
  min-width:0;
}
.case-project--luga .case-project-logo--luga{
  display:block;
  width:auto;
  height:clamp(126px,10vw,148px);
  max-width:min(100%,360px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}

@media(max-width:700px){
  .case-project--luga .case-project-logo--luga{
    height:clamp(96px,28vw,122px);
    max-width:min(100%,300px);
    margin:0;
  }
}


/* =========================================================
   V10 — INNOEST CASE STUDY
   Uses the client-provided Innoest lockup in the project index and
   project heading, matching the Luga identity treatment without
   changing the sizing or rhythm of any other project.
   ========================================================= */
.work-project-index-innoest{align-items:center!important}
.work-project-index-innoest span{align-self:flex-start}
.work-project-index-innoest img{
  display:block;
  width:auto;
  height:31px;
  max-width:104px;
  object-fit:contain;
  object-position:left center;
  margin-top:-3px;
}
.case-project--innoest .case-project-title--innoest{min-width:0}
.case-project--innoest .case-project-logo--innoest{
  display:block;
  width:auto;
  height:clamp(126px,10vw,148px);
  max-width:min(100%,470px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}

.case-project--innoest{overflow:hidden}
.innoest-showcase{display:grid;gap:18px}
.innoest-browser{
  overflow:hidden;
  border:1px solid #d9d9de;
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.07);
}
.innoest-browser-bar{
  height:46px;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:7px;
  border-bottom:1px solid #e5e5e8;
  background:#f7f7f9;
}
.innoest-browser-bar i{display:block;width:8px;height:8px;border-radius:50%;background:#c7c7cc}
.innoest-browser-bar span{
  margin-left:9px;
  color:#86868b;
  font:500 9px/1 "IBM Plex Mono",monospace;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.innoest-screen{
  border:0;
  border-radius:0;
  aspect-ratio:1904/906;
  background:#fff;
}
.innoest-screen .work-live-media{object-fit:cover;object-position:top center}
.innoest-editorial-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,410px);
  gap:18px;
  align-items:stretch;
}
.innoest-editorial-copy{
  min-height:680px;
  padding:58px;
  border-radius:28px;
  background:#0b4f91;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.innoest-editorial-copy .eyebrow{margin:0 0 auto;color:#ffd21c}
.innoest-editorial-copy h3{
  max-width:790px;
  margin:0 0 24px;
  font-size:clamp(54px,6vw,92px);
  line-height:.91;
  letter-spacing:-.065em;
}
.innoest-editorial-copy>p:not(.eyebrow){
  max-width:660px;
  margin:0;
  color:rgba(255,255,255,.74);
  font-size:17px;
  line-height:1.55;
}
.innoest-video-wrap{
  min-width:0;
  padding:14px;
  border-radius:28px;
  background:#f1f1f3;
  display:flex;
  flex-direction:column;
}
.innoest-video{width:100%;aspect-ratio:9/16!important;border-radius:20px;background:#000;overflow:hidden}
.innoest-video-caption{padding:16px 4px 2px;display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.innoest-video-caption span{color:#86868b;font:500 9px/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.innoest-video-caption strong{color:#1d1d1f;font-size:14px;font-weight:600;letter-spacing:-.02em;text-align:right}
.innoest-browser-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.innoest-browser-grid .innoest-screen{aspect-ratio:1904/913}

@media(max-width:1000px){
  .innoest-editorial-row{grid-template-columns:minmax(0,1fr) minmax(240px,340px)}
  .innoest-editorial-copy{min-height:590px;padding:44px 38px}
}
@media(max-width:700px){
  .work-project-index-innoest img{height:26px;max-width:90px;margin-top:-2px}
  .case-project--innoest .case-project-logo--innoest{
    height:clamp(96px,28vw,122px);
    max-width:min(100%,380px);
    margin:0;
  }
  .innoest-showcase{gap:8px}
  .innoest-browser{border-radius:20px}
  .innoest-browser-bar{height:38px;padding:0 12px}
  .innoest-screen{aspect-ratio:4/3}
  .innoest-screen .work-live-media{object-fit:cover;object-position:top center}
  .innoest-editorial-row{grid-template-columns:1fr;gap:8px}
  .innoest-editorial-copy{min-height:460px;padding:34px 24px;border-radius:20px}
  .innoest-editorial-copy h3{font-size:clamp(48px,14vw,70px)}
  .innoest-editorial-copy>p:not(.eyebrow){font-size:15px}
  .innoest-video-wrap{padding:8px;border-radius:20px}
  .innoest-video{border-radius:15px}
  .innoest-video-caption{padding:12px 4px 4px;display:block}
  .innoest-video-caption strong{display:block;margin-top:5px;text-align:left}
  .innoest-browser-grid{grid-template-columns:1fr;gap:8px}
  .innoest-browser-grid .innoest-screen{aspect-ratio:4/3}
}


/* =========================================================
   V11 — SHARED CASE DESCRIPTIONS + HAMOUD BOUALEM
   ========================================================= */
/* The Luga story component is now shared by every project. */
.case-project--light .case-story-block,
.case-project--light .case-story-facts{border-top-color:#d2d2d7}
.case-project--light .case-story-block p{color:#515154}
.case-project--light .case-story-facts div{border-bottom-color:#e5e5e7}
.case-project--light .case-story-facts strong{color:#1d1d1f}
.case-project:not(.case-project--luga) .case-story-grid{margin-bottom:42px}

/* Hamoud Boualem identity: use the supplied lockup in the index and
   heading only. No global logo sizing is changed. */
.work-project-index-hammoud{align-items:center!important}
.work-project-index-hammoud span{align-self:flex-start}
.work-project-index-hammoud img{
  display:block;
  width:auto;
  height:46px;
  max-width:88px;
  object-fit:contain;
  object-position:left center;
  margin-top:-5px;
}
.case-project--hammoud .case-project-title--hammoud{min-width:0}
.case-project--hammoud .case-project-logo--hammoud{
  display:block;
  width:auto;
  height:clamp(126px,10vw,148px);
  max-width:min(100%,180px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}
.case-project--hammoud{overflow:hidden}
.hammoud-showcase{display:grid;gap:14px}
.hammoud-feature-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px;align-items:start}
.hammoud-editorial-copy{
  min-height:620px;
  border-radius:28px;
  padding:54px 50px;
  background:#17130c;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  position:relative;
  overflow:hidden;
}
.hammoud-editorial-copy:before{
  content:"1878";
  position:absolute;
  right:-18px;
  top:12px;
  font-size:clamp(120px,17vw,270px);
  line-height:.8;
  font-weight:800;
  letter-spacing:-.09em;
  color:#ffc400;
  opacity:.94;
}
.hammoud-editorial-copy .eyebrow{position:relative;z-index:1;margin:0 0 auto;color:#ffc400}
.hammoud-editorial-copy h3{position:relative;z-index:1;max-width:760px;margin:0 0 20px;font-size:clamp(58px,6.2vw,96px);line-height:.88;letter-spacing:-.07em}
.hammoud-editorial-copy>p:not(.eyebrow){position:relative;z-index:1;max-width:600px;margin:0;color:#c7c7cc;font-size:17px;line-height:1.55}
.hammoud-editorial-copy>span{position:relative;z-index:1;margin-top:34px;color:#ffc400;font:600 10px/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.hammoud-video-stage{padding:12px;border-radius:28px;background:#ffc400;display:flex;align-items:center;justify-content:center}
.hammoud-video{width:100%;aspect-ratio:9/16!important;border-radius:20px;background:#000;border:0}
.hammoud-still-grid{display:grid;grid-template-columns:1fr 1fr .72fr;gap:14px;align-items:stretch}
.hammoud-still{border-radius:28px;background:#17130c}
.hammoud-still--wide{aspect-ratio:16/9}
.hammoud-still--square{aspect-ratio:1/1}
.hammoud-still .work-live-media{object-fit:cover}

@media(max-width:980px){
  .hammoud-feature-row{grid-template-columns:1fr minmax(280px,.62fr)}
  .hammoud-editorial-copy{min-height:560px;padding:44px 38px}
  .hammoud-still-grid{grid-template-columns:1fr 1fr}
  .hammoud-still--square{grid-column:1/-1;aspect-ratio:16/9}
}
@media(max-width:700px){
  .work-project-index-hammoud img{height:38px;max-width:70px;margin-top:-4px}
  .case-project--hammoud .case-project-logo--hammoud{height:clamp(100px,29vw,122px);max-width:150px}
  .case-project:not(.case-project--luga) .case-story-grid{margin-bottom:34px}
  .hammoud-showcase{gap:8px}
  .hammoud-feature-row{grid-template-columns:1fr;gap:8px}
  .hammoud-editorial-copy{min-height:450px;padding:34px 24px;border-radius:20px}
  .hammoud-editorial-copy:before{right:-8px;top:18px;font-size:clamp(112px,38vw,180px)}
  .hammoud-editorial-copy h3{font-size:clamp(52px,15vw,72px)}
  .hammoud-editorial-copy>p:not(.eyebrow){font-size:15px}
  .hammoud-video-stage{padding:8px;border-radius:20px}
  .hammoud-video{border-radius:15px}
  .hammoud-still-grid{grid-template-columns:1fr;gap:8px}
  .hammoud-still--wide,.hammoud-still--square{grid-column:auto;aspect-ratio:16/9}
  .hammoud-still{border-radius:20px}
}


/* =========================================================
   V12 — CASE MEDIA RHYTHM + HAMOUD 16:9
   Refines spacing between project assets without changing the
   header/logo systems. Hamoud's film is intentionally 16:9 only.
   ========================================================= */
.case-project .case-story-grid{
  column-gap:28px;
  row-gap:22px;
  margin-bottom:56px;
}
.case-project .project-media{gap:20px}
.case-project .project-media-row{gap:20px}
.case-project .project-media > .work-asset,
.case-project .project-media-row > .work-asset{min-width:0}

/* Keep custom showcases on the same spacing rhythm. */
.case-project--luga .luga-showcase,
.case-project--innoest .innoest-showcase{gap:20px}
.case-project--luga .luga-video-grid,
.case-project--innoest .innoest-browser-grid{gap:20px}

/* Hamoud: landscape film + editorial still composition. */
.case-project--hammoud .hammoud-showcase{gap:20px}
.case-project--hammoud .hammoud-feature-row{
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:20px;
  align-items:stretch;
}
.case-project--hammoud .hammoud-editorial-copy{
  min-height:0;
  padding:48px 44px;
}
.case-project--hammoud .hammoud-video-stage{
  min-width:0;
  padding:12px;
  border-radius:28px;
  align-self:stretch;
}
.case-project--hammoud .hammoud-video{
  width:100%;
  height:auto;
  aspect-ratio:16/9!important;
  border-radius:20px;
}
.case-project--hammoud .hammoud-still-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.case-project--hammoud .hammoud-still{min-width:0}
.case-project--hammoud .hammoud-still:nth-child(1){
  grid-column:1/-1;
  aspect-ratio:16/9;
}
.case-project--hammoud .hammoud-still:nth-child(2),
.case-project--hammoud .hammoud-still:nth-child(3){
  grid-column:auto;
  aspect-ratio:16/9;
}
.case-project--hammoud .hammoud-still .work-live-media{
  object-fit:cover;
  object-position:center;
}

@media(max-width:980px){
  .case-project .case-story-grid{margin-bottom:48px}
  .case-project--hammoud .hammoud-feature-row{grid-template-columns:1fr}
  .case-project--hammoud .hammoud-editorial-copy{min-height:430px;padding:44px 38px}
}

@media(max-width:700px){
  .case-project .case-story-grid{column-gap:14px;row-gap:18px;margin-bottom:34px}
  .case-project .project-media,
  .case-project .project-media-row,
  .case-project--luga .luga-showcase,
  .case-project--luga .luga-video-grid,
  .case-project--innoest .innoest-showcase,
  .case-project--innoest .innoest-browser-grid,
  .case-project--hammoud .hammoud-showcase,
  .case-project--hammoud .hammoud-feature-row,
  .case-project--hammoud .hammoud-still-grid{gap:10px}
  .case-project--hammoud .hammoud-editorial-copy{min-height:390px;padding:32px 24px}
  .case-project--hammoud .hammoud-video-stage{padding:8px;border-radius:20px}
  .case-project--hammoud .hammoud-video{border-radius:15px}
  .case-project--hammoud .hammoud-still-grid{grid-template-columns:1fr}
  .case-project--hammoud .hammoud-still:nth-child(1),
  .case-project--hammoud .hammoud-still:nth-child(2),
  .case-project--hammoud .hammoud-still:nth-child(3){grid-column:auto;aspect-ratio:16/9}
}


/* =========================================================
   V13 — MAISON RKA CASE STUDY
   Maison RKA now uses its supplied logo in the project index and
   heading, with a cleaner website-image layout built around all
   provided screenshots.
   ========================================================= */
.work-project-index-maison-rka{align-items:center!important}
.work-project-index-maison-rka span{align-self:flex-start}
.work-project-index-maison-rka img{
  display:block;
  width:auto;
  height:31px;
  max-width:112px;
  object-fit:contain;
  object-position:left center;
  margin-top:-3px;
}
.case-project--maison-rka .case-project-title--maison-rka{min-width:0}
.case-project--maison-rka .case-project-logo--maison-rka{
  display:block;
  width:auto;
  height:clamp(116px,9.5vw,138px);
  max-width:min(100%,420px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}
.case-project--maison-rka .maison-rka-showcase{gap:20px}
.case-project--maison-rka .project-media-row{gap:20px}
.case-project--maison-rka .work-asset .work-live-media{object-position:top center}

@media(max-width:700px){
  .work-project-index-maison-rka img{height:26px;max-width:96px;margin-top:-2px}
  .case-project--maison-rka .case-project-logo--maison-rka{
    height:clamp(88px,25vw,110px);
    max-width:min(100%,300px);
  }
}


/* =========================================================
   V14 — NOURFE CASE STUDY
   Nourfe now uses the supplied wordmark in the project index and
   heading, with the real website screens integrated into the case.
   ========================================================= */
.work-project-index-nourfe{align-items:center!important}
.work-project-index-nourfe span{align-self:flex-start}
.work-project-index-nourfe img{
  display:block;
  width:auto;
  height:28px;
  max-width:112px;
  object-fit:contain;
  object-position:left center;
  margin-top:-1px;
}
.case-project--nourfe .case-project-title--nourfe{min-width:0}
.case-project--nourfe .case-project-logo--nourfe{
  display:block;
  width:auto;
  height:clamp(84px,7vw,108px);
  max-width:min(100%,300px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}
.case-project--nourfe .nourfe-showcase{gap:20px}
.case-project--nourfe .project-media-row{gap:20px}
.case-project--nourfe .work-asset .work-live-media{object-position:top center}

@media(max-width:700px){
  .work-project-index-nourfe img{height:24px;max-width:96px;margin-top:0}
  .case-project--nourfe .case-project-logo--nourfe{
    height:clamp(68px,20vw,88px);
    max-width:min(100%,240px);
  }
}


/* =========================================================
   V15 — SINDJAB CASE STUDY
   Custom kitchen website case study with supplied brand logo
   and real site screens.
   ========================================================= */
.work-project-index-sindjab{align-items:center!important}
.work-project-index-sindjab span{align-self:flex-start}
.work-project-index-sindjab img{
  display:block;
  width:auto;
  height:27px;
  max-width:126px;
  object-fit:contain;
  object-position:left center;
  margin-top:-1px;
}
.case-project--sindjab .case-project-title--sindjab{min-width:0}
.case-project--sindjab .case-project-logo--sindjab{
  display:block;
  width:auto;
  height:clamp(70px,6vw,92px);
  max-width:min(100%,320px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}
.case-project--sindjab .sindjab-showcase{gap:20px}
.case-project--sindjab .project-media-row{gap:20px}
.case-project--sindjab .work-asset .work-live-media{object-position:top center}

@media(max-width:700px){
  .work-project-index-sindjab img{height:23px;max-width:108px;margin-top:0}
  .case-project--sindjab .case-project-logo--sindjab{
    height:clamp(58px,17vw,74px);
    max-width:min(100%,260px);
  }
}


/* =========================================================
   V16 — FAREEQIK CASE STUDY
   Fareeqik now uses the supplied logo in the index and heading,
   with real platform screens integrated into the case study.
   ========================================================= */
.work-project-index-fareeqik{align-items:center!important}
.work-project-index-fareeqik span{align-self:flex-start}
.work-project-index-fareeqik img{
  display:block;
  width:auto;
  height:26px;
  max-width:124px;
  object-fit:contain;
  object-position:left center;
  margin-top:-1px;
}
.case-project--fareeqik .case-project-title--fareeqik{min-width:0}
.case-project--fareeqik .case-project-logo--fareeqik{
  display:block;
  width:auto;
  height:clamp(82px,7vw,102px);
  max-width:min(100%,340px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}
.case-project--fareeqik .fareeqik-showcase{gap:20px}
.case-project--fareeqik .project-media-row{gap:20px}
.case-project--fareeqik .work-asset .work-live-media{object-position:top center}

@media(max-width:700px){
  .work-project-index-fareeqik img{height:22px;max-width:108px;margin-top:0}
  .case-project--fareeqik .case-project-logo--fareeqik{
    height:clamp(62px,19vw,82px);
    max-width:min(100%,260px);
  }
}


/* =========================================================
   V17 — SERVIO CASE STUDY
   Servio now uses the supplied logo in the index and heading,
   with real platform screens integrated into the case study.
   ========================================================= */
.work-project-index-servio{align-items:center!important}
.work-project-index-servio span{align-self:flex-start}
.work-project-index-servio img{
  display:block;
  width:auto;
  height:28px;
  max-width:134px;
  object-fit:contain;
  object-position:left center;
  margin-top:-1px;
}
.case-project--servio .case-project-title--servio{min-width:0}
.case-project--servio .case-project-logo--servio{
  display:block;
  width:auto;
  height:clamp(82px,7vw,110px);
  max-width:min(100%,360px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}
.case-project--servio .servio-showcase{gap:20px}
.case-project--servio .project-media-row{gap:20px}
.case-project--servio .work-asset .work-live-media{object-position:top center}

@media(max-width:700px){
  .work-project-index-servio img{height:23px;max-width:112px;margin-top:0}
  .case-project--servio .case-project-logo--servio{
    height:clamp(64px,18vw,84px);
    max-width:min(100%,270px);
  }
}


/* =========================================================
   V18 — FAREEQIK PRESENTATION VIDEO
   The supplied Cloudinary presentation film is displayed in its
   native 9:16 format, scoped to Fareeqik only.
   ========================================================= */
.case-project--fareeqik .fareeqik-video-showcase{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  gap:20px;
  align-items:stretch;
}
.case-project--fareeqik .fareeqik-video-copy{
  min-height:560px;
  padding:48px;
  border:1px solid #242428;
  border-radius:28px;
  background:#0c0c0e;
  color:#f5f5f7;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.case-project--fareeqik .fareeqik-video-copy .eyebrow{
  margin:0 0 auto;
  color:#a995df;
}
.case-project--fareeqik .fareeqik-video-copy h3{
  max-width:760px;
  margin:0 0 20px;
  font-size:clamp(50px,5.4vw,82px);
  line-height:.92;
  letter-spacing:-.06em;
}
.case-project--fareeqik .fareeqik-video-copy>p:not(.eyebrow){
  max-width:650px;
  margin:0;
  color:#a1a1a6;
  font-size:16px;
  line-height:1.55;
}
.case-project--fareeqik .fareeqik-video-stage{
  min-width:0;
  padding:12px;
  border-radius:28px;
  background:#17151d;
  display:flex;
  align-items:center;
  justify-content:center;
}
.case-project--fareeqik .fareeqik-video{
  width:100%;
  aspect-ratio:9/16!important;
  border-radius:20px;
  overflow:hidden;
  background:#000;
  border:0;
}
.case-project--fareeqik .fareeqik-video .work-live-media{
  object-fit:cover;
  object-position:center;
}

@media(max-width:900px){
  .case-project--fareeqik .fareeqik-video-showcase{
    grid-template-columns:1fr minmax(240px,320px);
  }
  .case-project--fareeqik .fareeqik-video-copy{min-height:500px;padding:38px}
}
@media(max-width:700px){
  .case-project--fareeqik .fareeqik-video-showcase{grid-template-columns:1fr;gap:10px}
  .case-project--fareeqik .fareeqik-video-copy{min-height:390px;padding:30px 24px;border-radius:20px}
  .case-project--fareeqik .fareeqik-video-copy h3{font-size:clamp(46px,14vw,66px)}
  .case-project--fareeqik .fareeqik-video-stage{padding:8px;border-radius:20px}
  .case-project--fareeqik .fareeqik-video{width:min(100%,360px);border-radius:15px;margin-inline:auto}
}


/* =========================================================
   V20 — NOIRÉ CASE STUDY
   White mark in the dark case-study header, black mark in the
   light selected-work index, with the supplied website screens.
   ========================================================= */
.work-project-index-noire{align-items:center!important}
.work-project-index-noire span{align-self:flex-start}
.work-project-index-noire img{
  display:block;
  width:auto;
  height:28px;
  max-width:132px;
  object-fit:contain;
  object-position:left center;
  margin-top:-1px;
}
.case-project--noire .case-project-title--noire{min-width:0}
.case-project--noire .case-project-logo--noire{
  display:block;
  width:auto;
  height:clamp(96px,8vw,126px);
  max-width:min(100%,470px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}
.case-project--noire .noire-showcase{gap:20px}
.case-project--noire .project-media-row{gap:20px}
.case-project--noire .work-asset .work-live-media{object-position:top center}
.case-project--noire .work-asset{background:#0a0a0a;border-color:#1d1d1f}

@media(max-width:700px){
  .work-project-index-noire img{height:23px;max-width:108px;margin-top:0}
  .case-project--noire .case-project-logo--noire{
    height:clamp(74px,21vw,96px);
    max-width:min(100%,320px);
  }
}


/* =========================================================
   V21 — BENAKPOOL CASE STUDY
   Real website screens + supplied wordmark integrated with
   project-specific sizing and screenshot proportions.
   ========================================================= */
.work-project-index-benakpool{align-items:center!important}
.work-project-index-benakpool span{align-self:flex-start}
.work-project-index-benakpool img{
  display:block;
  width:auto;
  height:27px;
  max-width:132px;
  object-fit:contain;
  object-position:left center;
  margin-top:-1px;
}
.case-project--benakpool .case-project-title--benakpool{min-width:0}
.case-project--benakpool .case-project-logo--benakpool{
  display:block;
  width:auto;
  height:clamp(68px,5.8vw,88px);
  max-width:min(100%,360px);
  margin:0;
  object-fit:contain;
  object-position:left center;
}
.case-project--benakpool .benakpool-showcase{gap:20px}
.case-project--benakpool .project-media-row{gap:20px}
.case-project--benakpool .benakpool-screen{aspect-ratio:1900/909}
.case-project--benakpool .benakpool-screen .work-live-media{
  object-fit:cover;
  object-position:top center;
}
@media(max-width:700px){
  .work-project-index-benakpool img{height:23px;max-width:112px;margin-top:0}
  .case-project--benakpool .case-project-logo--benakpool{
    height:clamp(56px,16vw,72px);
    max-width:min(100%,280px);
  }
  .case-project--benakpool .benakpool-screen{aspect-ratio:1900/909}
}


/* =========================================================
   V23 — AL OSRA FOOD + TÉNIRI DENTAL REFRESH
   Real logos and supplied website screens.
   ========================================================= */
.work-project-index-alosra,
.work-project-index-teniri{align-items:center!important}
.work-project-index-alosra span,
.work-project-index-teniri span{align-self:flex-start}
.work-project-index-alosra img{
  display:block;width:auto;height:40px;max-width:138px;object-fit:contain;object-position:left center;margin-top:-7px
}
.work-project-index-teniri img{
  display:block;width:auto;height:42px;max-width:146px;object-fit:contain;object-position:left center;margin-top:-7px
}
.case-project--alosra .case-project-title--alosra,
.case-project--teniri .case-project-title--teniri{min-width:0}
.case-project--alosra .case-project-logo--alosra{
  display:block;width:auto;height:clamp(92px,8vw,126px);max-width:min(100%,250px);margin:0;object-fit:contain;object-position:left center
}
.case-project--teniri .case-project-logo--teniri{
  display:block;width:auto;height:clamp(104px,9vw,142px);max-width:min(100%,290px);margin:0;object-fit:contain;object-position:left center
}
.case-project--alosra .alosra-showcase,
.case-project--teniri .teniri-showcase{gap:20px}
.case-project--alosra .project-media-row,
.case-project--teniri .project-media-row{gap:20px}
.case-project--alosra .alosra-screen .work-live-media,
.case-project--teniri .teniri-screen .work-live-media{
  object-fit:contain!important;object-position:top center!important;background:#fff
}
.case-project--alosra .alosra-screen,
.case-project--teniri .teniri-screen{background:#fff}

@media(max-width:700px){
  .work-project-index-alosra img{height:31px;max-width:110px;margin-top:-3px}
  .work-project-index-teniri img{height:33px;max-width:116px;margin-top:-4px}
  .case-project--alosra .case-project-logo--alosra{height:82px;max-width:220px}
  .case-project--teniri .case-project-logo--teniri{height:94px;max-width:250px}
}


/* =========================================================
   V24 — MEDORA BRAND IDENTITY
   Real logo and supplied brand-system presentation assets.
   ========================================================= */
.work-project-index-medora{align-items:center!important}
.work-project-index-medora span{align-self:flex-start}
.work-project-index-medora img{
  display:block;width:auto;height:34px;max-width:140px;object-fit:contain;object-position:left center;margin-top:-3px
}
.case-project--medora .case-project-title--medora{min-width:0}
.case-project--medora .case-project-logo--medora{
  display:block;width:auto;height:clamp(72px,6.8vw,102px);max-width:min(100%,390px);margin:0;object-fit:contain;object-position:left center
}
.case-project--medora .medora-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:20px;
  align-items:start;
}
.case-project--medora .medora-module{
  margin:0;
  padding:14px;
  border-radius:30px;
  background:linear-gradient(180deg,#0a1016 0%,#070b10 100%);
  border:1px solid rgba(88,130,177,.22);
  box-shadow:0 22px 50px rgba(0,0,0,.28);
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.case-project--medora .medora-module--signage{grid-column:1;grid-row:1 / span 2}
.case-project--medora .medora-module--palette{grid-column:2;grid-row:1}
.case-project--medora .medora-module--application{grid-column:2;grid-row:2}
.case-project--medora .medora-module--system{grid-column:1 / -1;grid-row:3}
.case-project--medora .medora-screen{background:#05080b;border-color:#1b2530;border-radius:22px}
.case-project--medora .medora-screen .work-live-media{
  object-fit:contain!important;object-position:center!important;background:#05080b
}
.case-project--medora .medora-screen--signage{aspect-ratio:1349/568}
.case-project--medora .medora-screen--palette{aspect-ratio:1348/555}
.case-project--medora .medora-screen--system{aspect-ratio:1348/491}
.case-project--medora .medora-screen--application{aspect-ratio:1353/359}
.case-project--medora .medora-caption{display:grid;gap:6px;padding:2px 4px 4px}
.case-project--medora .medora-caption span{
  font:600 11px/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#69b7eb;
}
.case-project--medora .medora-caption strong{
  color:#f5f7fa;
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.03em;
}
.case-project--medora .medora-caption p{
  margin:0;
  color:#9db0c1;
  font-size:14px;
  line-height:1.55;
}

@media(max-width:980px){
  .case-project--medora .medora-showcase{grid-template-columns:1fr 1fr}
  .case-project--medora .medora-module--signage{grid-column:1 / -1;grid-row:auto}
  .case-project--medora .medora-module--palette{grid-column:1;grid-row:auto}
  .case-project--medora .medora-module--application{grid-column:2;grid-row:auto}
  .case-project--medora .medora-module--system{grid-column:1 / -1;grid-row:auto}
}

@media(max-width:700px){
  .work-project-index-medora img{height:27px;max-width:112px;margin-top:0}
  .case-project--medora .case-project-logo--medora{height:clamp(54px,14vw,72px);max-width:min(100%,300px)}
  .case-project--medora .medora-showcase{grid-template-columns:1fr;gap:12px}
  .case-project--medora .medora-module{padding:10px;border-radius:22px;gap:10px}
  .case-project--medora .medora-module--signage,
  .case-project--medora .medora-module--palette,
  .case-project--medora .medora-module--application,
  .case-project--medora .medora-module--system{grid-column:auto;grid-row:auto}
  .case-project--medora .medora-caption strong{font-size:16px}
  .case-project--medora .medora-caption p{font-size:13px}
}


/* =========================================================
   V27 — BLEMLAB HOMEPAGE FILM
   Studio-owned video sits outside client work as an editorial feature.
   ========================================================= */
.blemlab-film-section{
  background:#000;
  color:#f5f5f7;
  padding:120px 18px;
  overflow:hidden;
}
.blemlab-film-shell{
  max-width:1460px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
  gap:56px;
  align-items:center;
}
.blemlab-film-copy{max-width:760px}
.blemlab-film-copy .kicker{color:#86868b}
.blemlab-film-copy h2{
  margin:12px 0 26px;
  font-size:clamp(66px,8.4vw,126px);
  line-height:.86;
  letter-spacing:-.075em;
  color:#f5f5f7;
}
.blemlab-film-copy h2 span{color:#86868b}
.blemlab-film-copy>p:not(.kicker){
  max-width:610px;
  margin:0 0 30px;
  color:#a1a1a6;
  font-size:clamp(18px,1.7vw,24px);
  line-height:1.45;
  letter-spacing:-.025em;
}
.blemlab-film-copy>a{
  color:#f5f5f7;
  font-weight:600;
  font-size:15px;
}
.blemlab-film-stage{
  width:min(100%,520px);
  justify-self:end;
  padding:12px;
  border-radius:32px;
  background:#111114;
  border:1px solid #242428;
}
.blemlab-home-video{
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  overflow:hidden;
  border-radius:22px;
  background:#050507;
}
.blemlab-home-video .work-live-media{
  object-fit:contain!important;
  object-position:center!important;
  background:#050507;
}
.blemlab-film-meta{
  padding:16px 5px 4px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
}
.blemlab-film-meta span{
  color:#86868b;
  font:500 9px/1.2 "IBM Plex Mono",monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.blemlab-film-meta strong{
  color:#f5f5f7;
  font-size:16px;
  letter-spacing:-.025em;
}
@media(max-width:980px){
  .blemlab-film-section{padding:92px 18px}
  .blemlab-film-shell{grid-template-columns:1fr 1fr;gap:28px}
  .blemlab-film-copy h2{font-size:clamp(58px,9vw,90px)}
}
@media(max-width:700px){
  .blemlab-film-section{padding:76px 12px}
  .blemlab-film-shell{grid-template-columns:1fr;gap:36px}
  .blemlab-film-copy{padding-inline:8px}
  .blemlab-film-copy h2{font-size:clamp(54px,16vw,78px)}
  .blemlab-film-copy>p:not(.kicker){font-size:17px}
  .blemlab-film-stage{width:min(100%,390px);justify-self:center;padding:8px;border-radius:24px}
  .blemlab-home-video{border-radius:17px}
  .blemlab-film-meta{padding:13px 4px 3px}
}


/* APPLE — project 11 */
.work-project-index-apple{align-items:center!important}
.work-project-index-apple span{align-self:flex-start}
.work-project-index-apple img{display:block;width:auto;height:28px;max-width:112px;object-fit:contain;object-position:left center;margin-top:-1px}
.case-project-head--apple{grid-template-columns:80px minmax(0,1fr)}
.case-project-title--apple{min-width:0}
.case-project--apple .case-project-logo--apple{height:clamp(86px,8vw,118px);max-width:min(100%,520px);margin-top:-4px;margin-bottom:-2px}
.case-project--apple .apple-video{aspect-ratio:9/16!important;width:min(100%,520px);margin:0 auto;border-radius:28px}
.case-project--apple .apple-video .work-live-media{object-fit:contain;background:#000}
@media(max-width:700px){
  .work-project-index-apple img{height:23px;max-width:92px;margin-top:0}
  .case-project--apple .case-project-logo--apple{height:clamp(62px,18vw,84px);max-width:100%;margin-top:0}
  .case-project-head--apple{grid-template-columns:46px minmax(0,1fr)}
  .case-project--apple .apple-video{border-radius:20px}
}

/* Project brand marks — actual logos wherever projects are visually presented */
.home-case-logo{display:block;width:auto;max-width:180px;max-height:48px;object-fit:contain;object-position:right center;flex:0 0 auto}
.home-case-logo--servio{max-height:52px;max-width:128px}
.home-case-logo--apple{max-height:38px;max-width:150px}
.home-case-logo--noire{max-height:42px;max-width:176px}
.home-case-logo--teniri-dental{max-height:54px;max-width:128px}
.home-case-logo--sindjab{max-height:42px;max-width:160px}
.home-case-logo--nourfe{max-height:46px;max-width:150px}
.member-work-logo{display:block;width:auto;max-width:150px;max-height:44px;object-fit:contain;object-position:left center;margin:9px 0 11px}
.member-work-logo--nourfe{max-height:39px;max-width:126px}
.member-work-logo--servio{max-height:45px;max-width:88px;filter:brightness(0) invert(1)}
.member-work-logo--teniri{max-height:50px;max-width:94px}
.member-work-logo--benakpool{max-height:31px;max-width:138px;filter:brightness(0) invert(1)}
.member-work-preview-logo{display:block;width:auto;object-fit:contain;position:relative;z-index:2}
.mini-browser .member-work-preview-logo{max-width:118px;max-height:42px;margin:4px 0 0}
.mini-dashboard .member-work-preview-logo{position:absolute;top:22px;left:22px;max-width:62px;max-height:44px;filter:brightness(0) invert(1);object-position:left center}
.mini-editorial .member-work-preview-logo{max-width:96px;max-height:58px;margin:0 0 2px}
.mini-pool .member-work-preview-logo{max-width:132px;max-height:34px;filter:brightness(0) invert(1);margin:0 0 2px}
.case-inline-brand-logo{display:block;width:auto;object-fit:contain;object-position:left center}
.case-inline-brand-logo--innoest{height:30px;max-width:112px}
@media(max-width:700px){
  .home-case-logo{object-position:left center;max-height:42px;max-width:160px}
  .home-case-logo--servio{max-height:46px;max-width:112px}
  .home-case-logo--apple{max-height:34px;max-width:138px}
  .home-case-logo--teniri-dental{max-height:48px;max-width:112px}
  .member-work-logo{max-width:138px}
}


/* Team portfolio media — real project work */
.member-site-card>div:first-child{height:300px}
.member-site-preview{position:relative;overflow:hidden;background:#f5f5f7}
.member-site-preview:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.035);pointer-events:none}
.member-site-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.member-site-card:hover .member-site-preview img{transform:scale(1.025)}
.member-site-card .member-work-copy{background:inherit}
.creative-video-grid{align-items:start}
.creative-video-card{min-width:0}
.reel-video-frame{height:auto!important;aspect-ratio:9/16;padding:0;background:#08090b;border-color:#2d2e34}
.reel-video-frame:after{display:none}
.reel-video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#08090b}
.reel-video-frame .video-index{position:absolute;z-index:2;right:14px;bottom:14px;margin:0;padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.52);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font:600 10px/1 'IBM Plex Mono',monospace;letter-spacing:.08em}
.creative-video-card>small{display:block;color:#86868b;font-size:10px;margin-top:13px}
.creative-video-card>strong{display:block;font-size:18px;margin-top:4px;color:#f5f5f7}
@media (max-width:760px){.member-site-card>div:first-child{height:280px}.reel-video-frame{aspect-ratio:9/16}}

/* Team / Ouassim — large website showcase cards */
.member-site-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.member-site-card{
  border-radius:28px;
  box-shadow:0 18px 55px rgba(0,0,0,.06);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s cubic-bezier(.2,.8,.2,1);
}
.member-site-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 72px rgba(0,0,0,.11);
}
.member-site-card>div.member-site-browser{
  height:auto;
}
.member-site-browser{
  overflow:hidden;
  background:#ececef;
}
.member-work-card--dark .member-site-browser{
  background:#202126;
}
.member-site-bar{
  height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 15px;
  border-bottom:1px solid rgba(0,0,0,.08);
  background:#f5f5f7;
}
.member-work-card--dark .member-site-bar{
  border-color:rgba(255,255,255,.08);
  background:#1a1b1f;
}
.member-site-bar i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#c7c7cc;
  flex:0 0 auto;
}
.member-work-card--dark .member-site-bar i{
  background:#55565d;
}
.member-site-bar span{
  margin-left:8px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#86868b;
  font-size:10px;
  letter-spacing:.01em;
}
.member-site-preview{
  aspect-ratio:1900/907;
  height:auto!important;
  background:#fff;
}
.member-site-preview img{
  object-fit:cover;
  object-position:top center;
}
.member-site-card .member-work-copy{
  min-height:118px;
  padding:19px 21px 21px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 1fr;
  column-gap:18px;
  align-items:center;
}
.member-site-card .member-work-copy small{
  grid-column:1 / -1;
  margin-bottom:10px;
}
.member-site-card .member-work-logo{
  grid-column:1;
  grid-row:2;
  max-width:150px;
  max-height:38px;
  object-fit:contain;
  object-position:left center;
}
.member-site-card .member-work-copy span{
  grid-column:2;
  grid-row:2;
  align-self:end;
  white-space:nowrap;
}
@media (max-width:900px){
  .member-site-grid{gap:16px}
  .member-site-card .member-work-copy{min-height:108px;padding:16px 17px 18px}
}
@media (max-width:700px){
  .member-site-grid{grid-template-columns:1fr}
  .member-site-card{border-radius:22px}
  .member-site-bar{height:38px;padding:0 13px}
  .member-site-preview{aspect-ratio:1900/907;height:auto!important}
}


/* Team / Ouassim — three selected website cards */
#ouassim .member-site-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
#ouassim .member-site-card{
  border-radius:24px;
}
#ouassim .member-site-card .member-work-copy{
  min-height:112px;
  padding:17px 18px 19px;
}
#ouassim .member-site-card .member-work-logo--innoest-team{
  max-width:126px;
  max-height:38px;
}
#ouassim .member-site-card .member-work-logo--sindjab-team{
  max-width:148px;
  max-height:40px;
}
#ouassim .member-site-card .member-work-logo--maison-team{
  max-width:104px;
  max-height:48px;
}
@media (max-width:900px){
  #ouassim .member-site-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  #ouassim .member-site-grid{grid-template-columns:1fr;}
}