/* =========================================================
   BLEMLAB / HOST READY FINAL LAYER
   Stable navbar, responsive polish, card rhythm, forms,
   global public-page finish, and Blema chat presentation.
   Loaded last on every public/client-facing page.
   ========================================================= */

:root{
  --final-header:68px;
  --final-blue:#2a7bff;
  --final-ink:#111113;
  --final-soft:#6e6e73;
  --final-paper:#f5f5f7;
  --final-line:rgba(17,17,19,.09);
  --final-radius:28px;
  --final-shadow:0 24px 70px rgba(0,0,0,.08);
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--final-header) + 24px)}
body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,video{max-width:100%}
button,a,input,select,textarea{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--final-blue)!important;outline-offset:3px!important}
::selection{background:rgba(42,123,255,.18)}

/* ---------- Bigger original-style navbar, without GPU blur glitches ---------- */
.site-header:not(.admin-top){
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  height:var(--final-header)!important;padding:0 22px!important;z-index:1000!important;
  display:flex!important;align-items:center!important;background:rgba(17,17,19,.90)!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.08)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  transform:none!important;contain:none!important;pointer-events:auto!important;
}
.site-header:not(.admin-top).is-scrolled{background:rgba(17,17,19,.965)!important;box-shadow:0 12px 36px rgba(0,0,0,.14)!important}
.site-header:not(.admin-top) .nav-shell,
.site-header:not(.admin-top) .nav-wrap{
  width:min(1280px,100%)!important;height:var(--final-header)!important;margin:0 auto!important;padding:0!important;
  display:grid!important;grid-template-columns:150px minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;pointer-events:auto!important;
}
.site-header:not(.admin-top) .brand{height:var(--final-header)!important;display:flex!important;align-items:center!important;min-width:0!important}
.site-header:not(.admin-top) .brand img{width:126px!important;height:auto!important;max-height:30px!important;object-fit:contain!important;object-position:left center!important}
.site-header:not(.admin-top) .desktop-nav{
  justify-self:center!important;display:flex!important;align-items:center!important;gap:2px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;white-space:nowrap!important;
}
.site-header:not(.admin-top) .desktop-nav>a,
.site-header:not(.admin-top) .nav-more>summary{
  height:var(--final-header)!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0 13px!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:rgba(255,255,255,.74)!important;font-size:13px!important;font-weight:540!important;line-height:1!important;
  letter-spacing:-.01em!important;cursor:pointer!important;list-style:none!important;transition:color .18s ease!important;
}
.site-header:not(.admin-top) .nav-more>summary::-webkit-details-marker{display:none!important}
.site-header:not(.admin-top) .desktop-nav>a:hover,
.site-header:not(.admin-top) .desktop-nav>a.active,
.site-header:not(.admin-top) .nav-more>summary:hover,
.site-header:not(.admin-top) .nav-more[open]>summary{color:#fff!important;background:transparent!important}
.site-header:not(.admin-top) .nav-more{position:relative!important;height:var(--final-header)!important}
.site-header:not(.admin-top) .nav-more>summary span{margin-left:5px!important;font-size:11px!important;transition:transform .18s ease!important}
.site-header:not(.admin-top) .nav-more[open]>summary span{transform:rotate(180deg)!important}
.site-header:not(.admin-top) .nav-more-menu{
  position:absolute!important;top:calc(100% - 2px)!important;right:-90px!important;width:330px!important;padding:10px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:20px!important;background:#1b1b1e!important;
  box-shadow:0 28px 80px rgba(0,0,0,.34)!important;overflow:hidden!important;
}
.site-header:not(.admin-top) .nav-more-link{display:grid!important;gap:3px!important;padding:12px 13px!important;border-radius:13px!important;color:#f5f5f7!important;background:transparent!important}
.site-header:not(.admin-top) .nav-more-link:hover{background:rgba(255,255,255,.065)!important}
.site-header:not(.admin-top) .nav-more-link span{font-size:13px!important;font-weight:650!important}
.site-header:not(.admin-top) .nav-more-link small{color:#8e8e93!important;font-size:10px!important;line-height:1.3!important}
.site-header:not(.admin-top) .nav-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;height:38px!important;min-height:38px!important;
  padding:0 17px!important;border:0!important;border-radius:999px!important;background:var(--final-blue)!important;color:#fff!important;
  font-size:12px!important;font-weight:650!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
.site-header:not(.admin-top) .nav-cta:hover{opacity:.92!important;transform:translateY(-1px)!important}
.site-header:not(.admin-top) .menu-button{display:none!important;width:42px!important;height:42px!important;position:relative!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.07)!important;color:#fff!important}
.site-header:not(.admin-top) .menu-button span{position:absolute!important;left:11px!important;right:11px!important;height:1.5px!important;background:currentColor!important;transition:.22s ease!important}
.site-header:not(.admin-top) .menu-button span:first-child{top:16px!important}.site-header:not(.admin-top) .menu-button span:last-child{top:25px!important}
.site-header:not(.admin-top) .menu-button[aria-expanded="true"] span:first-child,.site-header:not(.admin-top) .menu-button[aria-expanded="true"] span:last-child{top:21px!important}
.site-header:not(.admin-top) .menu-button[aria-expanded="true"] span:first-child{transform:rotate(45deg)!important}.site-header:not(.admin-top) .menu-button[aria-expanded="true"] span:last-child{transform:rotate(-45deg)!important}
.mobile-nav{
  position:fixed!important;top:var(--final-header)!important;left:0!important;right:0!important;max-height:calc(100dvh - var(--final-header))!important;
  overflow:auto!important;padding:16px 22px 30px!important;border:0!important;border-radius:0!important;background:#151517!important;
  box-shadow:0 30px 80px rgba(0,0,0,.28)!important;overscroll-behavior:contain!important;
}
.mobile-nav a{display:flex!important;align-items:center!important;min-height:50px!important;padding:8px 2px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;color:#f5f5f7!important;font-size:22px!important;font-weight:620!important;letter-spacing:-.025em!important}
.mobile-nav a.active{color:#8fbaff!important}.mobile-nav .mobile-cta{justify-content:center!important;min-height:46px!important;margin-top:18px!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:var(--final-blue)!important;color:#fff!important;font-size:15px!important}
body.menu-open{overflow:hidden!important}
.apple-home .apple-notice{min-height:112px!important;height:auto!important;padding:calc(var(--final-header) + 18px) 18px 16px!important}

/* ---------- Global page rhythm ---------- */
body:not(.apple-home):not(.error-page) main#main{padding-top:var(--final-header)}
.page-hero{padding-top:clamp(72px,8vw,112px)!important;padding-bottom:clamp(48px,6vw,82px)!important}
.page-hero-grid{gap:20px!important}
.page-hero h1{max-width:1080px!important;letter-spacing:-.055em!important}
.page-hero .lead{max-width:840px!important;color:#6e6e73!important;font-size:clamp(17px,1.7vw,22px)!important;line-height:1.48!important}
.section{padding-top:clamp(64px,7vw,104px)!important;padding-bottom:clamp(64px,7vw,104px)!important}
.section.compact-section{padding-top:clamp(48px,5vw,76px)!important;padding-bottom:clamp(48px,5vw,76px)!important}
.container{width:min(var(--max,1180px),calc(100% - 48px))!important}
.eyebrow,.kicker{letter-spacing:.02em!important}

/* ---------- Shared card finish ---------- */
.info-card,.capability-card,.system-card,.price-card,.audience-card,.offer-detail,.cta-card,.boundary-panel,.calendar-card,.booking-slots,.portal-shell>article,
.brief-side,.brief-builder-form,.collaboration-card{
  border-color:var(--final-line)!important;border-radius:var(--final-radius)!important;
}
.capability-card,.system-card,.price-card,.audience-card,.offer-detail,.info-card{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
@media (hover:hover){
  .capability-card:hover,.system-card:hover,.price-card:hover,.audience-card:hover,.offer-detail:hover,.info-card:hover{transform:translateY(-3px)!important;box-shadow:var(--final-shadow)!important;border-color:rgba(17,17,19,.14)!important}
}
.capability-grid,.audience-grid,.offer-detail-grid,.price-grid,.system-stack{gap:18px!important;align-items:stretch!important}
.capability-card,.system-card,.price-card,.audience-card,.offer-detail{height:100%!important;min-height:0!important}
.capability-card p,.system-card p,.price-card p,.audience-card p,.offer-detail p,.info-card p{line-height:1.55!important}
.btn{min-height:44px!important;border-radius:999px!important;padding-inline:19px!important;font-weight:650!important;transition:transform .18s ease,opacity .18s ease,background .18s ease!important}
.btn:hover{transform:translateY(-1px)!important}.btn:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important}

/* ---------- Home polish without changing its work-section concept ---------- */
.apple-home .blemlab-video-hero{
  position:relative!important;
  width:100%!important;
  min-height:100svh!important;
  overflow:hidden!important;
  background:#000!important;
}
.apple-home .blemlab-video-hero__media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.apple-home .hero-band--copy-only,
.apple-home .presence-band--copy-only{
  min-height:0!important;
  padding-top:clamp(104px,11vw,168px)!important;
  padding-bottom:clamp(104px,11vw,168px)!important;
}
.apple-home .hero-band--copy-only .product-copy,
.apple-home .presence-band--copy-only .product-copy{
  max-width:1080px!important;
}
.apple-home .product-band{overflow:hidden!important}
.apple-home .product-copy{padding-inline:24px!important}
.apple-home .home-tile{border-radius:30px!important;overflow:hidden!important}
.apple-home .tile-grid{gap:16px!important}
.apple-home .home-work-section{padding-top:88px!important;padding-bottom:100px!important}
.apple-home .home-case-grid{gap:16px!important}
.apple-home .home-case-card{overflow:hidden!important;border-radius:26px!important;transition:transform .25s ease,box-shadow .25s ease!important}
@media(hover:hover){.apple-home .home-case-card:hover{transform:translateY(-4px)!important;box-shadow:0 28px 70px rgba(0,0,0,.12)!important}}
.apple-home .home-case-media{overflow:hidden!important}.apple-home .home-case-media img,.apple-home .home-case-media video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.apple-home .home-case-logo{display:flex!important;align-items:center!important;min-height:44px!important}.apple-home .home-case-logo img{max-height:32px!important;max-width:150px!important;object-fit:contain!important}
.apple-home .process-row,.apple-home .team-row{gap:16px!important}
.apple-home .apple-cta{border-radius:30px!important}

/* ---------- Work: preserve the restored layout, just tighten system consistency ---------- */
.work-page .work-project-index{gap:0!important}
.work-page .work-project-index a{transition:opacity .18s ease,transform .18s ease!important}
@media(hover:hover){.work-page .work-project-index a:hover{transform:translateX(4px)!important}}
.work-page .case-project{overflow:hidden!important}
.work-page .case-project-shell{padding-top:clamp(62px,7vw,98px)!important;padding-bottom:clamp(62px,7vw,98px)!important}
.work-page .case-project-head{gap:24px!important}
.work-page .case-project-logo{display:flex!important;align-items:center!important;min-height:58px!important}
.work-page .case-project-logo img{display:block!important;width:auto!important;height:auto!important;max-width:min(280px,72vw)!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important}
.work-page .project-media,.work-page .work-asset{overflow:hidden!important;border-radius:24px!important}
.work-page .work-asset img,.work-page .work-asset video,.work-page .project-media img,.work-page .project-media video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.work-page .work-asset[data-video-fit="contain"] video,.work-page .work-asset[data-video-fit="contain"] .work-live-media,.work-page .apple-video video,.work-page .apple-video .work-live-media{object-fit:contain!important;background:#000!important}
.work-page .apple-video{aspect-ratio:9/16!important;width:min(100%,520px)!important;margin-inline:auto!important}
.work-page .case-story-block{border-radius:24px!important}

/* ---------- Offers / pricing / systems / audiences ---------- */
.offers-page .offer-detail{padding:38px!important}
.offers-page .offer-detail.featured{box-shadow:0 26px 80px rgba(42,123,255,.12)!important}
.deliverable-grid{gap:8px!important}.deliverable-grid span{border-radius:999px!important;padding:9px 12px!important;line-height:1.15!important}
.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.system-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.system-stack>.system-card:first-child{grid-column:1/-1!important}

/* ---------- Team / portfolio cards ---------- */
.team-profile{border-radius:32px!important;overflow:hidden!important}
.member-site-grid{gap:16px!important}
.member-site-card{border-radius:24px!important;overflow:hidden!important;box-shadow:0 16px 44px rgba(0,0,0,.08)!important}
.member-site-preview{aspect-ratio:16/9!important;overflow:hidden!important}.member-site-preview img{width:100%!important;height:100%!important;object-fit:cover!important}
.member-work-logo{min-height:38px!important;display:flex!important;align-items:center!important}.member-work-logo img{max-height:30px!important;max-width:145px!important;object-fit:contain!important}
.creative-video-grid,.creative-reel-grid{gap:16px!important}.creative-video-card,.creative-reel-card{border-radius:24px!important;overflow:hidden!important}

/* ---------- FAQ / process / brief / booking / portal ---------- */
.faq-layout{gap:36px!important}.faq-list{display:grid!important;gap:10px!important}.faq-list details{border:1px solid var(--final-line)!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important}.faq-list summary{padding:20px 22px!important;cursor:pointer!important;font-weight:650!important}.faq-list details p{padding:0 22px 20px!important;margin:0!important;color:var(--final-soft)!important;line-height:1.55!important}
.process-timeline{gap:14px!important}.process-timeline article{border-radius:24px!important}
.brief-builder-shell,.booking-shell{gap:18px!important;align-items:start!important}
.brief-builder-form,.brief-side,.booking-slots{padding:30px!important;background:#fff!important;box-shadow:0 16px 50px rgba(0,0,0,.045)!important}
.brief-builder-form label,.booking-shell label{gap:8px!important}
.portal-hero{padding-bottom:38px!important}.portal-shell{min-height:330px!important}.portal-shell .info-card{padding:30px!important}

/* ---------- Form finish ---------- */
input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.request-form input,.request-form select,.request-form textarea,.brief-builder-form input,.brief-builder-form select,.brief-builder-form textarea,.booking-shell input,.booking-shell select,.booking-shell textarea{
  border-radius:14px!important;border-color:#d7d7dc!important;background:#fafafa!important;color:#1d1d1f!important
}
.request-form input:focus,.request-form select:focus,.request-form textarea:focus,.brief-builder-form input:focus,.brief-builder-form select:focus,.brief-builder-form textarea:focus,.booking-shell input:focus,.booking-shell select:focus,.booking-shell textarea:focus{background:#fff!important;border-color:#8db8ff!important;box-shadow:0 0 0 4px rgba(42,123,255,.10)!important;outline:0!important}
.form-status.success{color:#167a3f!important}.form-status.error{color:#b42318!important}

/* ---------- Footer ---------- */
.site-footer{padding-top:72px!important}.footer-grid{gap:34px!important}.footer-logo img{max-width:130px!important;height:auto!important;background:transparent!important}.footer-col a,.footer-socials a{transition:opacity .18s ease,color .18s ease!important}.footer-col a:hover,.footer-socials a:hover{opacity:.72!important}.footer-bottom{padding-top:28px!important;padding-bottom:28px!important}

/* ---------- Blema AI ---------- */
.blema-chat{position:fixed!important;right:22px!important;bottom:22px!important;width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;z-index:1200!important;pointer-events:none!important}
.blema-launcher{position:absolute!important;right:0!important;bottom:0!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(17,17,19,.10)!important;border-radius:50%!important;background:#fff!important;color:#1d1d1f!important;box-shadow:0 14px 42px rgba(0,0,0,.18)!important;cursor:pointer!important;pointer-events:auto!important;transition:transform .2s ease,box-shadow .2s ease!important}
.blema-launcher:hover{transform:translateY(-2px)!important;box-shadow:0 18px 48px rgba(0,0,0,.23)!important}.blema-bot-icon{width:27px!important;height:27px!important}
.blema-panel{position:absolute!important;right:0!important;bottom:72px!important;width:min(410px,calc(100vw - 30px))!important;height:min(590px,calc(100dvh - 110px))!important;max-height:590px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;border:1px solid rgba(17,17,19,.10)!important;border-radius:26px!important;background:#f5f5f7!important;color:#1d1d1f!important;box-shadow:0 32px 90px rgba(0,0,0,.26)!important;overflow:hidden!important;pointer-events:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform-origin:bottom right!important;animation:blemaOpen .18s ease-out!important}
.blema-panel[hidden]{display:none!important}@keyframes blemaOpen{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.blema-head{min-height:70px!important;padding:11px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #e0e0e4!important;background:#fff!important}
.blema-identity{display:flex!important;align-items:center!important;gap:11px!important}.blema-avatar{display:block!important;width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important;background:#ececef!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)!important}.blema-identity strong{display:block!important;font-size:14px!important;font-weight:700!important;letter-spacing:-.02em!important}.blema-identity small{display:flex!important;align-items:center!important;margin-top:3px!important;color:#85858a!important;font-size:10px!important}.blema-status-dot{display:inline-block!important;width:7px!important;height:7px!important;margin-right:5px!important;border-radius:50%!important;background:#34c759!important;box-shadow:0 0 0 3px rgba(52,199,89,.11)!important}
.blema-head>button{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:50%!important;background:#ededf0!important;color:#55555a!important;font-size:20px!important;line-height:1!important;cursor:pointer!important}
.blema-thread{min-height:0!important;padding:18px 14px 22px!important;display:flex!important;flex-direction:column!important;gap:9px!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}
.blema-bubble{max-width:84%!important;padding:10px 13px!important;border-radius:18px!important;font-size:13.5px!important;line-height:1.48!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.blema-bubble--bot{align-self:flex-start!important;background:#fff!important;color:#1d1d1f!important;border-bottom-left-radius:6px!important;box-shadow:0 1px 3px rgba(0,0,0,.045)!important}.blema-bubble--user{align-self:flex-end!important;background:#0071e3!important;color:#fff!important;border-bottom-right-radius:6px!important}
.blema-form{margin:0!important;padding:10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;gap:8px!important;align-items:center!important;border:0!important;border-top:1px solid #e0e0e4!important;background:#fff!important}
.blema-form input{height:42px!important;min-width:0!important;padding:0 14px!important;border:1px solid #d2d2d7!important;border-radius:999px!important;background:#f7f7f8!important;color:#1d1d1f!important;font-size:13px!important;outline:0!important}.blema-form input:focus{border-color:#9fbfff!important;background:#fff!important;box-shadow:0 0 0 4px rgba(0,113,227,.08)!important}.blema-form input:disabled{opacity:.7!important}
.blema-form button{width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#0071e3!important;color:#fff!important;cursor:pointer!important}.blema-form button:disabled{opacity:.42!important;cursor:wait!important}.blema-form button svg{width:18px!important;height:18px!important}
.blema-typing{display:flex!important;align-items:center!important;gap:4px!important;min-height:38px!important;width:52px!important}.blema-typing i{width:6px!important;height:6px!important;border-radius:50%!important;background:#9a9aa0!important;animation:blemaDot 1s infinite ease-in-out!important}.blema-typing i:nth-child(2){animation-delay:.14s!important}.blema-typing i:nth-child(3){animation-delay:.28s!important}@keyframes blemaDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}

/* ---------- 404 / success ---------- */
.error-main{padding-top:var(--final-header)!important}.error-stage{min-height:calc(100dvh - var(--final-header))!important}.error-copy{max-width:720px!important}.error-actions a{border-radius:999px!important}

/* ---------- Responsive ---------- */
@media(max-width:1120px){
  .site-header:not(.admin-top) .nav-shell,.site-header:not(.admin-top) .nav-wrap{grid-template-columns:125px minmax(0,1fr) auto!important;gap:12px!important}
  .site-header:not(.admin-top) .brand img{width:112px!important}.site-header:not(.admin-top) .desktop-nav>a,.site-header:not(.admin-top) .nav-more>summary{padding-inline:9px!important;font-size:12px!important}
  .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  :root{--final-header:62px}
  .site-header:not(.admin-top){padding:0 14px!important}.site-header:not(.admin-top) .nav-shell,.site-header:not(.admin-top) .nav-wrap{grid-template-columns:1fr auto!important;gap:12px!important}
  .site-header:not(.admin-top) .brand img{width:116px!important;max-height:28px!important}.site-header:not(.admin-top) .desktop-nav,.site-header:not(.admin-top) .nav-cta{display:none!important}.site-header:not(.admin-top) .menu-button{display:block!important}
  .price-grid,.system-stack{grid-template-columns:1fr!important}.system-stack>.system-card:first-child{grid-column:auto!important}
  .offers-page .offer-detail{padding:30px!important}
}
@media(max-width:760px){
  .container{width:min(var(--max,1180px),calc(100% - 28px))!important}
  .page-hero{padding-top:56px!important;padding-bottom:42px!important}.page-hero h1{font-size:clamp(44px,13vw,68px)!important}.page-hero .lead{font-size:17px!important}
  .section{padding-top:58px!important;padding-bottom:58px!important}.section.compact-section{padding-top:44px!important;padding-bottom:44px!important}
  .capability-grid,.audience-grid,.price-grid,.offer-detail-grid,.system-stack{grid-template-columns:1fr!important}
  .capability-card,.system-card,.price-card,.audience-card,.offer-detail,.info-card{padding:24px!important;border-radius:22px!important}
  .apple-home .blemlab-video-hero{min-height:100svh!important}.apple-home .hero-band--copy-only,.apple-home .presence-band--copy-only{padding-top:82px!important;padding-bottom:82px!important}.apple-home .product-copy{padding-inline:16px!important}.apple-home .tile-grid{gap:10px!important}.apple-home .home-tile{border-radius:22px!important}.apple-home .home-work-section{padding-top:62px!important;padding-bottom:70px!important}.apple-home .home-case-grid{gap:10px!important}.apple-home .home-case-card{border-radius:20px!important}
  .work-page .case-project-shell{padding-top:54px!important;padding-bottom:54px!important}.work-page .project-media,.work-page .work-asset,.work-page .case-story-block{border-radius:18px!important}
  .brief-builder-form,.brief-side,.booking-slots{padding:22px!important}
  .site-footer{padding-top:52px!important}.footer-grid{gap:26px!important}
  .blema-chat{right:12px!important;bottom:12px!important;width:54px!important;height:54px!important}.blema-launcher{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}.blema-panel{position:fixed!important;left:8px!important;right:8px!important;bottom:74px!important;width:auto!important;height:min(590px,calc(100dvh - 88px))!important;max-height:calc(100dvh - 88px)!important;border-radius:22px!important;transform-origin:bottom center!important}.blema-head{min-height:66px!important}.blema-avatar{width:39px!important;height:39px!important}
}
@media(max-width:460px){
  .mobile-nav{padding-inline:18px!important}.mobile-nav a{font-size:20px!important}
  .page-hero h1{font-size:clamp(40px,12.5vw,58px)!important}.offers-page .offer-detail{padding:24px!important}
  .blema-bubble{max-width:88%!important;font-size:13px!important}.blema-form{grid-template-columns:minmax(0,1fr) 38px!important}.blema-form input{height:40px!important}.blema-form button{width:38px!important;height:38px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}


/* Live work links */
.case-project-summary .case-live-link{
  width:max-content;
  max-width:100%;
  margin-top:20px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:11px 15px 11px 16px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  color:#1d1d1f;
  background:rgba(255,255,255,.72);
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
  font-size:13px;
  font-weight:650;
  line-height:1;
  letter-spacing:-.01em;
  text-decoration:none;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.case-project--dark .case-project-summary .case-live-link{
  color:#f5f5f7;
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.07);
  box-shadow:none;
}
.case-project-summary .case-live-link:hover{
  transform:translateY(-1px);
  background:#fff;
  border-color:rgba(0,0,0,.22);
  box-shadow:0 8px 26px rgba(0,0,0,.08);
}
.case-project--dark .case-project-summary .case-live-link:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.3);
  box-shadow:none;
}
.case-live-link-arrow{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:rgba(0,0,0,.06);
  font-size:12px;
  line-height:1;
  transition:transform .2s ease;
}
.case-project--dark .case-live-link-arrow{background:rgba(255,255,255,.12)}
.case-live-link:hover .case-live-link-arrow{transform:translate(1px,-1px)}

.work-asset--live{
  cursor:pointer;
  position:relative;
  outline:none;
}
.work-asset--live:focus-visible{
  box-shadow:0 0 0 3px rgba(0,113,227,.38),0 0 0 6px rgba(255,255,255,.8);
}
.work-live-badge{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  color:#fff;
  background:rgba(18,18,20,.68);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 30px rgba(0,0,0,.16);
  font-size:11px;
  font-weight:650;
  line-height:1;
  letter-spacing:.01em;
  pointer-events:none;
  transition:transform .2s ease,background-color .2s ease;
}
.work-live-badge::after{content:'↗';font-size:12px}
.work-asset--live:hover .work-live-badge{transform:translate(1px,-1px);background:rgba(18,18,20,.82)}

@media (max-width:700px){
  .case-project-summary .case-live-link{margin-top:16px;padding:10px 13px 10px 14px;font-size:12px}
  .work-live-badge{right:10px;bottom:10px;padding:8px 10px;font-size:10px}
}

/* Contact hero: edge-to-edge 16:9 video with no crop or section spacing. */
.contact-page .contact-video-hero{
  width:100%;
  margin:0;
  padding:0;
  aspect-ratio:16 / 9;
  overflow:hidden;
  background:#000;
}
.contact-page .contact-video-hero__media{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  object-fit:contain;
}