@font-face{font-family:Manrope;src:url(/wp-content/themes/ajunais-2026/brand-release-20260916/assets/manrope-variable.woff2) format("woff2");font-weight:200 800;font-display:swap}
.brand-header-preview{;font-family:Manrope,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.46}
.brand-header-preview header,.brand-header-preview nav,.brand-header-preview a,.brand-header-preview button,.brand-header-preview img{all:revert;box-sizing:border-box}.brand-header-preview *,.brand-header-preview *::before,.brand-header-preview *::after{box-sizing:border-box}.brand-header-preview a{color:inherit;text-decoration:none}.brand-header-preview button{font:inherit}.brand-header-preview img{display:block;max-width:100%}.brand-header-preview :focus-visible{outline:2px solid #ccfd99;outline-offset:5px}
.brand-header-preview{--paper: #f0ecec; --paper-bright: #fbfaf7; --mist: #a9c2cb; --mist-soft: #d7e5e9; --lavender: #cdb4ef; --lavender-soft: #e9def8; --celadon: #cce8c2; --signal: #ccfd99; --signal-soft: #e8ffd0; --signal-deep: #79ad49; --ink: #18252d; --ink-soft: #31434d; --accent-on-dark: #607985; --line: rgba(24, 37, 45, 0.2); --white-line: rgba(251, 250, 247, 0.34); --radius-sm: 0.85rem; --radius-md: 1.4rem; --radius-lg: 2.4rem; --radius-pill: 999px; --gutter: clamp(1.15rem, 3.1vw, 3.75rem); --content: 92rem; --header-h: 5.25rem; --ease: cubic-bezier(0.22, 1, 0.36, 1); --font: "Manrope", "Helvetica Neue", sans-serif; --font-editorial: "Instrument Serif", Georgia, serif;}
.brand-header-preview .site-header{position: fixed; inset: 0 0 auto; z-index: 900; padding: 1rem var(--gutter); color: var(--ink); transition: color 280ms ease, transform 420ms var(--ease);}
.brand-header-preview .site-header.is-hidden{transform: translateY(calc(-100% - 3.5rem));}
.brand-header-preview .site-header.is-on-dark:not(.is-scrolled){color: var(--paper-bright);}
.brand-header-preview .site-header.is-on-dark:not(.is-scrolled) .menu-toggle{border-color: rgba(251, 250, 247, 0.55); background: rgba(24, 37, 45, 0.22); color: var(--paper-bright);}
.brand-header-preview .site-header.is-on-dark:not(.is-scrolled) .header-action{border-color: rgba(251, 250, 247, 0.6); background: rgba(251, 250, 247, 0.92);}
.brand-header-preview .site-header__inner{display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 1rem; min-height: 3.35rem;}
.brand-header-preview .site-header::before{content: ""; position: absolute; inset: 0; z-index: -1; border-bottom: 1px solid transparent; background: rgba(240, 236, 236, 0); backdrop-filter: blur(0); transition: background 280ms ease, backdrop-filter 280ms ease, border-color 280ms ease;}
.brand-header-preview .site-header.is-scrolled::before{border-color: rgba(24, 37, 45, 0.11); background: rgba(240, 236, 236, 0.78); backdrop-filter: blur(18px);}
.brand-header-preview .site-logo{display: block; width: 3.15rem; height: 3.15rem; border-radius: 50%; transition: transform 300ms var(--ease);}
.brand-header-preview .site-logo:hover{transform: rotate(-5deg) scale(1.04);}
.brand-header-preview .site-logo img{width: 100%; height: 100%;}
.brand-header-preview .site-nav{justify-self: center; display: flex; align-items: center; gap: clamp(1.25rem, 2.2vw, 2.75rem); font-size: 0.74rem; font-weight: 680; letter-spacing: -0.015em;}
.brand-header-preview .site-nav a{position: relative; padding-block: 0.4rem;}
.brand-header-preview .site-nav a::after{content: ""; position: absolute; right: 0; bottom: 0.15rem; left: 0; height: 1px; transform: scaleX(0); transform-origin: right; background: currentColor; transition: transform 260ms var(--ease);}
.brand-header-preview .site-nav a:hover::after,.brand-header-preview .site-nav a[aria-current="page"]::after{transform: scaleX(1); transform-origin: left;}
.brand-header-preview .header-action{display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; gap: 0.8rem; padding: 0.82rem 1.35rem; border: 1px solid rgba(24, 37, 45, 0.44); border-radius: var(--radius-pill); background: var(--paper-bright); color: var(--ink); font-size: 0.77rem; font-weight: 680; letter-spacing: -0.015em; transition: color 260ms ease, background 260ms ease, border-color 260ms ease, transform 260ms var(--ease);}
.brand-header-preview .header-action:hover{transform: translateY(-2px); border-color: var(--ink); background: var(--ink); color: var(--paper-bright);}
.brand-header-preview .menu-toggle{display: none; width: 3.1rem; height: 3.1rem; padding: 0; border: 1px solid rgba(24, 37, 45, 0.34); border-radius: 50%; background: rgba(251, 250, 247, 0.76); color: var(--ink);}
.brand-header-preview .menu-toggle span{display: block; width: 1rem; height: 1px; margin: 0.24rem auto; background: currentColor; transition: transform 240ms ease, opacity 240ms ease;}
.brand-header-preview.menu-open .menu-toggle span:nth-child(1){transform: translateY(0.25rem) rotate(45deg);}
.brand-header-preview.menu-open .menu-toggle span:nth-child(2){opacity: 0;}
.brand-header-preview.menu-open .menu-toggle span:nth-child(3){transform: translateY(-0.25rem) rotate(-45deg);}
.brand-header-preview .nav-drawer{position: fixed; inset: 0; z-index: 850; display: grid; visibility: hidden; align-content: center; padding: calc(var(--header-h) + 4rem) var(--gutter) 3rem; background: var(--lavender); opacity: 0; transition: opacity 420ms var(--ease), visibility 420ms var(--ease);}
.brand-header-preview.menu-open .nav-drawer{visibility: visible; opacity: 1;}
.brand-header-preview .nav-drawer__links{display: grid; gap: 0.25rem;}
.brand-header-preview .nav-drawer__links a{display: flex; align-items: baseline; justify-content: space-between; padding-block: 0.45rem; border-bottom: 1px solid rgba(24, 37, 45, 0.25); font-size: clamp(2.8rem, 10vw, 7rem); font-weight: 500; letter-spacing: -0.075em; line-height: 0.95;}
.brand-header-preview .nav-drawer__links span{font-size: 0.7rem; font-weight: 680; letter-spacing: 0;}
.brand-header-preview .nav-drawer__meta{display: flex; justify-content: space-between; gap: 1rem; margin-top: 2rem; font-size: 0.75rem;}
@media (max-width: 980px){.brand-header-preview{--header-h: 4.75rem;}
.brand-header-preview .site-nav,.brand-header-preview .header-action{display: none;}
.brand-header-preview .site-header__inner{grid-template-columns: auto 1fr auto;}
.brand-header-preview .menu-toggle{display: block; grid-column: 3;}
}
@media (max-width: 720px){.brand-header-preview{--gutter: 1rem; --radius-lg: 1.35rem;}
.brand-header-preview .site-header{padding-top: 0.75rem;}
.brand-header-preview .site-logo{width: 2.85rem; height: 2.85rem;}
}
.brand-header-preview .site-nav{display: none;}
.brand-header-preview .site-header__inner{position: relative; grid-template-columns: auto 1fr auto auto; gap: 0.65rem;}
.brand-header-preview .site-logo{position: absolute; top: 0; left: 0; z-index: 1; width: 6.3rem; height: 6.3rem;}
.brand-header-preview .site-header .menu-toggle,.brand-header-preview .site-header.is-on-dark:not(.is-scrolled) .menu-toggle{position: relative; grid-column: 3; display: grid; width: 7.15rem; height: 3.05rem; grid-template-columns: 0.9rem auto; align-items: center; justify-content: center; gap: 0.72rem; padding: 0 1.05rem; border: 1px solid rgba(251, 250, 247, 0.16); border-radius: 0.9rem; background: var(--ink); color: var(--paper-bright); cursor: pointer; box-shadow: 0 0.7rem 2rem rgba(24, 37, 45, 0.12); transition: transform 300ms var(--ease), background 300ms ease, border-color 300ms ease;}
.brand-header-preview .site-header .header-action{position: relative; z-index: 1; display: inline-flex; grid-column: 4; min-height: 3.05rem; padding: 0 1.2rem; border-radius: 0.9rem; white-space: nowrap; box-shadow: 0 0.7rem 2rem rgba(24, 37, 45, 0.1);}
.brand-header-preview .site-header .menu-toggle:hover{transform: translateY(-2px); border-color: rgba(251, 250, 247, 0.38); background: #0f191e;}
.brand-header-preview .menu-toggle span{display: none;}
.brand-header-preview .menu-toggle::before{content: ""; width: 0.9rem; height: 0.9rem; background-image: radial-gradient(circle, currentColor 0 1.5px, transparent 1.8px); background-position: 0 0; background-size: 0.45rem 0.45rem;}
.brand-header-preview .menu-toggle::after{content: "Menu"; font-size: 0.74rem; font-weight: 680; letter-spacing: -0.015em;}
.brand-header-preview.menu-open .menu-toggle::after{content: "Close";}
.brand-header-preview.menu-open .site-header,.brand-header-preview.menu-open .site-header.is-hidden{transform: none; color: var(--paper-bright);}
.brand-header-preview.menu-open .site-header::before{border-color: transparent; background: transparent; backdrop-filter: none;}
.brand-header-preview .site-header.is-on-dark{color: var(--paper-bright);}
.brand-header-preview .site-header.is-on-dark.is-scrolled::before{border-color: rgba(251, 250, 247, 0.1); background: rgba(16, 25, 30, 0.78);}
.brand-header-preview .nav-drawer{isolation: isolate; display: grid; grid-template-columns: minmax(14rem, 0.48fr) minmax(34rem, 1fr); grid-template-rows: 1fr auto; align-content: stretch; gap: clamp(2rem, 5vw, 6rem); padding: calc(var(--header-h) + 3.4rem) var(--gutter) clamp(2rem, 4vw, 4rem); overflow: hidden; background: #10191e; color: var(--paper-bright); opacity: 1; clip-path: inset(0 0 100% 0); transition: clip-path 720ms var(--ease), visibility 720ms var(--ease);}
.brand-header-preview .nav-drawer::before{content: ""; position: absolute; z-index: -1; right: -12vw; bottom: -24vw; width: min(82vw, 72rem); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 37% 34%, rgba(251, 250, 247, 0.48), transparent 17%),
    radial-gradient(circle at 53% 45%, rgba(205, 180, 239, 0.7), transparent 34%),
    radial-gradient(circle at 67% 60%, rgba(169, 194, 203, 0.66), transparent 51%); filter: blur(2.8rem); opacity: 0.54; transform: translate3d(4%, 5%, 0) scale(0.92); animation: menuAmbient 16s ease-in-out infinite alternate;}
.brand-header-preview.menu-open .nav-drawer{visibility: visible; clip-path: inset(0);}
.brand-header-preview .nav-drawer__links{position: relative; grid-row: 1; grid-column: 2; align-self: center; justify-self: end; width: min(100%, 53rem); gap: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: translate3d(0, 2.2rem, 0) scale(0.985); opacity: 0; transition: transform 660ms var(--ease) 150ms, opacity 480ms ease 150ms;}
.brand-header-preview.menu-open .nav-drawer__links{transform: none; opacity: 1;}
.brand-header-preview .nav-drawer__links a{display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; justify-content: initial; gap: clamp(0.8rem, 1.8vw, 1.7rem); padding: clamp(0.62rem, 1.15vh, 0.95rem) 0; border-bottom: 1px solid rgba(251, 250, 247, 0.13); font-size: clamp(2.25rem, 4.25vw, 4.65rem); font-weight: 430; letter-spacing: -0.072em; line-height: 0.92; opacity: 0; transform: translateY(1rem); transition: color 260ms ease, background 260ms ease, padding 320ms var(--ease), opacity 440ms ease, transform 520ms var(--ease);}
.brand-header-preview .nav-drawer__links a::after{content: "↗"; font-size: 0.95rem; font-weight: 430; letter-spacing: 0; opacity: 0.42;}
.brand-header-preview .nav-drawer__links a:last-child{border-bottom: 0;}
.brand-header-preview .nav-drawer__links a:hover,.brand-header-preview .nav-drawer__links a:focus-visible,.brand-header-preview .nav-drawer__links a[aria-current="page"]{padding-inline: 0.8rem 0; border-radius: 0; background: transparent; color: var(--mist-soft); outline: none;}
.brand-header-preview.menu-open .nav-drawer__links a{opacity: 1; transform: none;}
.brand-header-preview.menu-open .nav-drawer__links a:nth-child(1){transition-delay: 220ms;}
.brand-header-preview.menu-open .nav-drawer__links a:nth-child(2){transition-delay: 270ms;}
.brand-header-preview.menu-open .nav-drawer__links a:nth-child(3){transition-delay: 320ms;}
.brand-header-preview.menu-open .nav-drawer__links a:nth-child(4){transition-delay: 370ms;}
.brand-header-preview.menu-open .nav-drawer__links a:nth-child(5){transition-delay: 420ms;}
.brand-header-preview.menu-open .nav-drawer__links a:nth-child(6){transition-delay: 470ms;}
.brand-header-preview .nav-drawer__meta{grid-row: 2; grid-column: 2; display: grid; grid-template-columns: minmax(12rem, 1fr) auto; align-items: end; justify-self: end; justify-content: stretch; align-self: end; gap: clamp(1.5rem, 3vw, 3rem); width: min(100%, 53rem); max-width: none; margin: 0; color: rgba(251, 250, 247, 0.58); font-size: 0.76rem; line-height: 1.4; opacity: 0; transform: translateY(1rem); transition: opacity 420ms ease 460ms, transform 520ms var(--ease) 460ms;}
.brand-header-preview .nav-drawer__address{display: grid; gap: 0.08rem; font-style: normal;}
.brand-header-preview .nav-drawer__email{margin-top: 0.58rem; color: inherit; text-decoration: none; transition: color 220ms ease;}
.brand-header-preview .nav-drawer__email:hover,.brand-header-preview .nav-drawer__email:focus-visible{color: var(--paper-bright); outline: none;}
.brand-header-preview .nav-drawer__socials{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.35rem 1.15rem;}
.brand-header-preview .nav-drawer__socials a{color: inherit; transition: color 220ms ease;}
.brand-header-preview .nav-drawer__socials a:hover,.brand-header-preview .nav-drawer__socials a:focus-visible{color: var(--paper-bright); outline: none;}
.brand-header-preview.menu-open .nav-drawer__meta{opacity: 1; transform: none;}
@keyframes menuAmbient { 
  from {transform: translate3d(4%, 5%, 0) scale(0.92) rotate(-3deg);} 
  to {transform: translate3d(-4%, -2%, 0) scale(1.06) rotate(4deg);} 
}
@media (max-width: 980px){.brand-header-preview .nav-drawer{grid-template-columns: 1fr; grid-template-rows: 1fr auto; gap: 1.5rem; overflow-y: auto;}
.brand-header-preview .nav-drawer__links{grid-row: 1; grid-column: 1; align-self: center; justify-self: stretch; width: 100%;}
.brand-header-preview .nav-drawer__meta{grid-row: 2; grid-column: 1; justify-self: stretch; width: 100%;}
}
@media (max-width: 720px){.brand-header-preview .site-logo{width: 5.7rem; height: 5.7rem;}
.brand-header-preview .site-header .menu-toggle,.brand-header-preview .site-header.is-on-dark:not(.is-scrolled) .menu-toggle{width: 6.25rem; height: 2.8rem; grid-template-columns: 0.82rem auto; gap: 0.58rem; padding-inline: 0.85rem; border-radius: 0.8rem;}
.brand-header-preview .site-header .header-action{min-height: 2.8rem; padding-inline: 0.9rem; border-radius: 0.8rem; font-size: 0.69rem;}
.brand-header-preview .nav-drawer{padding: calc(var(--header-h) + 2.4rem) var(--gutter) 1.2rem;}
.brand-header-preview .nav-drawer::before{right: -48vw; bottom: -12vw; width: 138vw;}
.brand-header-preview .nav-drawer__links{padding: 0; border-radius: 0;}
.brand-header-preview .nav-drawer__links a{grid-template-columns: minmax(0, 1fr) auto; gap: 0.75rem; padding: clamp(0.58rem, 1.4vh, 0.78rem) 0; font-size: clamp(2rem, 10.8vw, 3.25rem);}
.brand-header-preview .nav-drawer__links a:hover,.brand-header-preview .nav-drawer__links a:focus-visible,.brand-header-preview .nav-drawer__links a[aria-current="page"]{padding-inline: 0.65rem 0;}
.brand-header-preview .nav-drawer__meta{grid-template-columns: 1fr; justify-items: end; gap: 0.8rem; max-width: none; font-size: 0.66rem; text-align: right;}
.brand-header-preview .nav-drawer__socials{justify-content: flex-end;}
}
@media (max-width: 340px){.brand-header-preview .site-header__inner{gap: 0.35rem;}
.brand-header-preview .site-header .menu-toggle,.brand-header-preview .site-header.is-on-dark:not(.is-scrolled) .menu-toggle{width: 5.65rem; gap: 0.45rem; padding-inline: 0.65rem;}
.brand-header-preview .site-header .header-action{padding-inline: 0.7rem; font-size: 0.65rem;}
}

.brand-header-preview .nav-drawer{overflow-y:auto}.brand-header-preview .site-header{font-family:Manrope,"Helvetica Neue",sans-serif}.brand-header-preview .menu-toggle{appearance:none}.brand-header-preview .nav-drawer__links a{font-family:Manrope,"Helvetica Neue",sans-serif}@media(prefers-reduced-motion:reduce){.brand-header-preview *,.brand-header-preview *::before,.brand-header-preview *::after{animation:none!important;transition:none!important}}
@font-face{font-family:"Instrument Serif";src:url(/wp-content/themes/ajunais-2026/brand-release-20260916/assets/instrument-serif-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
.brand-hero-preview{font-family:Manrope,"Helvetica Neue",sans-serif;font-size:16px;font-weight:430;line-height:1.46;color:#18252d;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.brand-hero-preview *,.brand-hero-preview *::before,.brand-hero-preview *::after{all:revert;box-sizing:border-box}.brand-hero-preview p,.brand-hero-preview h1{margin:0}.brand-hero-preview a{color:inherit;text-decoration:none!important}.brand-hero-preview img{display:block;max-width:100%}
.brand-hero-preview{--paper: #f0ecec; --paper-bright: #fbfaf7; --mist: #a9c2cb; --mist-soft: #d7e5e9; --lavender: #cdb4ef; --lavender-soft: #e9def8; --celadon: #cce8c2; --signal: #ccfd99; --signal-soft: #e8ffd0; --signal-deep: #79ad49; --ink: #18252d; --ink-soft: #31434d; --accent-on-dark: #607985; --line: rgba(24, 37, 45, 0.2); --white-line: rgba(251, 250, 247, 0.34); --radius-sm: 0.85rem; --radius-md: 1.4rem; --radius-lg: 2.4rem; --radius-pill: 999px; --gutter: clamp(1.15rem, 3.1vw, 3.75rem); --content: 92rem; --header-h: 5.25rem; --ease: cubic-bezier(0.22, 1, 0.36, 1); --font: "Manrope", "Helvetica Neue", sans-serif; --font-editorial: "Instrument Serif", Georgia, serif;}
.brand-hero-preview .container{width: min(calc(100% - (var(--gutter) * 2)), var(--content)); margin-inline: auto;}
.brand-hero-preview .button{display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; gap: 0.8rem; padding: 0.82rem 1.35rem; border: 1px solid rgba(24, 37, 45, 0.44); border-radius: var(--radius-pill); background: var(--paper-bright); color: var(--ink); font-size: 0.77rem; font-weight: 680; letter-spacing: -0.015em; transition: color 260ms ease, background 260ms ease, border-color 260ms ease, transform 260ms var(--ease);}
.brand-hero-preview .button::after{content: "↗"; font-size: 1rem; line-height: 1;}
.brand-hero-preview .button:hover{transform: translateY(-2px); border-color: var(--ink); background: var(--ink); color: var(--paper-bright);}
.brand-hero-preview .button--ink{border-color: var(--ink); background: var(--ink); color: var(--paper-bright);}
.brand-hero-preview .button--ghost{background: transparent;}
.brand-hero-preview .button--white{border-color: var(--paper-bright); background: var(--paper-bright);}
.brand-hero-preview .hero-cinema{position: relative; min-height: 100svh; overflow: hidden; background: var(--mist);}
.brand-hero-preview .hero-cinema__media,.brand-hero-preview .hero-cinema__media video,.brand-hero-preview .hero-cinema__media img{position: absolute; inset: 0; width: 100%; height: 100%;}
.brand-hero-preview .hero-cinema__media video,.brand-hero-preview .hero-cinema__media img{object-fit: cover; object-position: center;}
.brand-hero-preview .poster-first-media > .deferred-video-poster{z-index: 0; object-fit: cover;}
.brand-hero-preview .poster-first-media > video{z-index: 1; opacity: 0; transition: opacity 180ms ease;}
.brand-hero-preview .poster-first-media > video.is-video-ready{opacity: 1;}
.brand-hero-preview .hero-cinema__media::after{content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(240, 236, 236, 0.95) 0%, rgba(240, 236, 236, 0.64) 34%, rgba(240, 236, 236, 0) 63%),
    linear-gradient(0deg, rgba(24, 37, 45, 0.1), transparent 35%);}
.brand-hero-preview .hero-cinema__content{position: relative; z-index: 2; display: grid; min-height: 100svh; align-content: center; padding-top: calc(var(--header-h) + 4rem); padding-bottom: 5rem;}
.brand-hero-preview .hero-cinema__copy{width: min(63rem, 65vw);}
.brand-hero-preview .hero-cinema__role{max-width: 24rem; margin-bottom: clamp(1.25rem, 2.5vw, 2.5rem); font-size: 0.72rem; font-weight: 710; letter-spacing: 0.015em; text-transform: uppercase;}
.brand-hero-preview .hero-cinema h1{max-width: 12ch; font-size: clamp(4.25rem, 9.3vw, 10.5rem); font-weight: 480; letter-spacing: -0.085em; line-height: 0.78;}
.brand-hero-preview .hero-cinema h1 span{display: block;}
.brand-hero-preview .hero-cinema h1 .hero-cinema__shift{margin-left: 0.6em;}
.brand-hero-preview .hero-cinema__intro{max-width: 34rem; margin-top: clamp(1.6rem, 3vw, 3rem); margin-left: clamp(0rem, 7vw, 8rem); font-size: clamp(1rem, 1.4vw, 1.35rem); line-height: 1.45;}
.brand-hero-preview .hero-cinema__actions{display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; margin-left: clamp(0rem, 7vw, 8rem);}
.brand-hero-preview .hero-cinema__scroll{position: absolute; right: var(--gutter); bottom: 1.6rem; z-index: 2; display: flex; width: min(24rem, 35vw); align-items: center; justify-content: space-between; padding-top: 0.85rem; border-top: 1px solid rgba(24, 37, 45, 0.4); font-size: 0.66rem; font-weight: 680; text-transform: uppercase;}
.brand-hero-preview .hero-cinema__scroll i{display: block; width: 0.55rem; height: 0.55rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); animation: scrollDrop 1.2s ease-in-out infinite;}
.brand-hero-preview .editorial-accent{position: relative; z-index: 0; display: inline-block; isolation: isolate; font-family: var(--font-editorial); font-size: 1.08em; font-style: italic; font-weight: 400; letter-spacing: -0.055em; color: inherit; vertical-align: baseline;}
.brand-hero-preview .editorial-accent::before{content: ""; position: absolute; right: -0.035em; bottom: 0.035em; left: -0.035em; z-index: -1; height: 0.43em; background: var(--signal); transform: scaleX(0); transform-origin: left center; transition: transform 1100ms cubic-bezier(0.76, 0, 0.24, 1); will-change: transform;}
.brand-hero-preview .editorial-accent.editorial-accent.is-signal-live{color: var(--ink);}
.brand-hero-preview .editorial-accent.is-signal-live::before{transform: scaleX(1);}
@media (max-width: 980px){.brand-hero-preview{--header-h: 4.75rem;}
.brand-hero-preview .hero-cinema__copy{width: min(48rem, 82vw);}
.brand-hero-preview .hero-cinema h1{font-size: clamp(4.3rem, 12vw, 8rem);}
}
@media (max-width: 720px){.brand-hero-preview{--gutter: 1rem; --radius-lg: 1.35rem;}
.brand-hero-preview .hero-cinema{min-height: 115svh;}
.brand-hero-preview .hero-cinema__media{height: 62svh;}
.brand-hero-preview .hero-cinema__media video,.brand-hero-preview .hero-cinema__media img{object-position: 72% center;}
.brand-hero-preview .hero-cinema__media::after{background: linear-gradient(0deg, var(--paper) 0%, rgba(240, 236, 236, 0.92) 17%, rgba(240, 236, 236, 0) 53%),
      linear-gradient(90deg, rgba(240, 236, 236, 0.28), transparent 55%);}
.brand-hero-preview .hero-cinema__content{min-height: 115svh; align-content: end; padding-top: 52svh; padding-bottom: 3rem;}
.brand-hero-preview .hero-cinema__copy{width: 100%;}
.brand-hero-preview .hero-cinema__role{margin-bottom: 1rem;}
.brand-hero-preview .hero-cinema h1{max-width: 10ch; font-size: clamp(3.5rem, 18vw, 6rem); line-height: 0.83;}
.brand-hero-preview .hero-cinema h1 .hero-cinema__shift{margin-left: 0;}
.brand-hero-preview .hero-cinema__intro,.brand-hero-preview .hero-cinema__actions{margin-left: 0;}
.brand-hero-preview .hero-cinema__intro{max-width: 29rem;}
.brand-hero-preview .hero-cinema__actions{display: grid; grid-template-columns: 1fr;}
.brand-hero-preview .hero-cinema__actions .button{width: 100%;}
.brand-hero-preview .hero-cinema__scroll{display: none;}
}

/* Only the approved header/hero revision. Homepage composition and real assets. */
.brand-hero-preview .hero-cinema{background:var(--paper)}
.brand-hero-preview .hero-cinema h1{color:var(--ink);text-transform:none;font-family:var(--font)}
.brand-hero-preview .hero-cinema__role{color:var(--ink)}
.brand-hero-preview .hero-cinema__intro{color:var(--ink)}
.brand-hero-preview .hero-cinema__actions a{min-height:48px}
.brand-hero-preview .hero-cinema__scroll i{animation:none}
.brand-hero-preview .editorial-accent::before{transition:none;will-change:auto}
.brand-hero-preview a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:720px){
 .brand-hero-preview .hero-cinema{min-height:100svh}
 .brand-hero-preview .hero-cinema__media{height:54svh}
 .brand-hero-preview .hero-cinema__content{min-height:100svh;padding-top:44svh;padding-bottom:2rem}
 .brand-hero-preview .hero-cinema__actions{padding-right:4rem}
}
@media(prefers-reduced-motion:reduce){
 .brand-hero-preview *,.brand-hero-preview *::before,.brand-hero-preview *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Section 02 only: use the current AJUNAIS editorial system. Banner stays locked. */
#pain{
 all:revert;box-sizing:border-box;display:block;position:relative;isolation:isolate;
 background:radial-gradient(ellipse at 100% 0%,rgba(169,194,203,.25),transparent 48%),#fbfaf7;
 color:#18252d;font-family:Manrope,"Helvetica Neue",sans-serif;font-size:16px;font-weight:430;line-height:1.46;
 padding:clamp(72px,8vw,132px) 0;scroll-margin-top:24px;
}
#pain::before,#pain::after{content:none}
#pain *:not(:where(.editorial-line-icon *)),#pain *::before,#pain *::after{all:revert;box-sizing:border-box}
#pain .container{display:block;width:min(calc(100% - clamp(32px,6.2vw,120px)),1472px);margin:0 auto}
#pain .pain-intro,#pain .pain-copy-rail,#pain .pain-section-id{display:block}
#pain .eyebrow{margin:0 0 32px;font-size:11px;line-height:1.3;font-weight:720;letter-spacing:.025em;text-transform:uppercase}
#pain .pain-copy-block{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(36px,6vw,96px);align-items:end}
#pain h2{margin:0;max-width:13ch;color:#18252d;font-family:Manrope,"Helvetica Neue",sans-serif;font-size:clamp(54px,6.5vw,104px);font-weight:470;letter-spacing:-.077em;line-height:.92;text-transform:none}
#pain h2>span{display:block}
#pain h2 em{display:inline-block;position:relative;isolation:isolate;font-family:"Instrument Serif",Georgia,serif;font-size:1.08em;font-style:italic;font-weight:400;letter-spacing:-.055em;line-height:inherit}
#pain h2 em::before{content:"";position:absolute;z-index:-1;left:-.035em;right:-.035em;bottom:.035em;height:.43em;background:#ccfd99}
#pain .pain-lead{margin:0;max-width:31rem;font-size:clamp(17px,1.35vw,21px);line-height:1.5;color:#31434d}
#pain .pain-grid-block{display:block;margin-top:clamp(48px,6vw,88px)}
#pain .kicker-line{margin:0 0 20px;font-size:12px;font-weight:680;letter-spacing:.01em}
#pain .pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:clamp(36px,6vw,96px);row-gap:40px}
#pain .pain-card{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:20px;align-content:start;align-items:baseline;margin:0;padding:24px 0 0;border-top:1px solid rgba(24,37,45,.24);min-width:0;background:transparent;box-shadow:none;border-radius:0}
#pain .pain-index{grid-column:1;grid-row:1/3;display:block;font-size:12px;font-weight:680;line-height:1.4;color:#607985}
#pain .pain-card h3{grid-column:2;margin:0 0 14px;color:#18252d;font-family:Manrope,"Helvetica Neue",sans-serif;font-size:clamp(26px,2.6vw,38px);font-weight:480;line-height:1.06;letter-spacing:-.06em}
#pain .pain-card p{grid-column:2;margin:0;max-width:38ch;font-size:16px;line-height:1.55;color:#31434d}
#pain .pain-next{display:flex;justify-content:flex-end;margin-top:48px}
#pain .button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 22px;border:1px solid #18252d;border-radius:999px;background:#18252d;color:#fbfaf7;font:680 12px/1.45 Manrope,"Helvetica Neue",sans-serif;letter-spacing:-.015em;text-decoration:none;transition:background 180ms ease,color 180ms ease}
#pain .button span{font-size:18px;line-height:1}
#pain .button:hover{background:#ccfd99;color:#18252d}
#pain .button:focus-visible{outline:2px solid #18252d;outline-offset:5px}
@media(max-width:1000px){
 #pain .pain-copy-block{grid-template-columns:1fr;gap:30px}
 #pain h2{max-width:16ch}
 #pain .pain-lead{max-width:40rem}
 #pain .pain-card{grid-template-columns:24px minmax(0,1fr);column-gap:14px}
}
@media(max-width:600px){
 #pain{padding:64px 0}
 #pain .eyebrow{margin-bottom:24px}
 #pain h2{font-size:clamp(48px,12.8vw,68px);max-width:13ch;line-height:.95}
 #pain .pain-lead{font-size:17px}
 #pain .pain-grid{grid-template-columns:1fr!important;row-gap:30px}
 #pain .pain-card h3{font-size:30px}
 #pain .pain-next{justify-content:flex-start;padding-right:64px;margin-top:36px}
 #pain .button{width:100%}
}
@media(prefers-reduced-motion:reduce){#pain *,#pain *::before,#pain *::after{animation:none!important;transition:none!important}}

/* Complete-page visual proposal. Approved header/hero rules remain untouched. */
.full-page-review{margin:0;background:#fbfaf7;color:#18252d;font-family:Manrope,sans-serif}
.full-page-review main{display:block}
.full-page-review main>.site-ambient{display:none}
.full-page-review>.background-grid,.full-page-review>.background-orb,.full-page-review .site-ambient{display:none!important}
.brand-section,.brand-footer-preview{all:revert;box-sizing:border-box;display:block;position:relative;isolation:isolate;color:#18252d;background:#fbfaf7;font:430 16px/1.5 Manrope,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
.brand-section{padding:clamp(76px,8vw,132px) 0;scroll-margin-top:24px}
.full-page-review #pain,.brand-footer-preview{scroll-margin-top:24px}
.full-page-review.body-reading .brand-header-preview:not(.menu-open) .site-header{transform:translateY(-140%);opacity:0;pointer-events:none}
.brand-section::before,.brand-section::after{content:none}
.brand-section *:not(:where(.editorial-line-icon *)),.brand-section *::before,.brand-section *::after,.brand-footer-preview *,.brand-footer-preview *::before,.brand-footer-preview *::after{all:revert;box-sizing:border-box;min-width:0}
.brand-section [hidden],.brand-footer-preview [hidden]{display:none!important}
.brand-section .container,.brand-footer-preview .container{width:min(calc(100% - clamp(32px,6.2vw,120px)),1472px);margin:0 auto}
.brand-section p,.brand-section h2,.brand-section h3,.brand-section figure,.brand-footer-preview p{margin:0}
.brand-section a,.brand-footer-preview a{color:inherit;text-decoration:none}
.brand-section button,.brand-section input,.brand-section select,.brand-section textarea{font:inherit}
.brand-section img,.brand-footer-preview img{display:block;max-width:100%;height:auto}
.brand-section h2{max-width:17ch;font:470 clamp(48px,6vw,96px)/.95 Manrope,sans-serif;letter-spacing:-.074em;text-transform:none}
.brand-section h2 em{font:400 1.06em/.95 "Instrument Serif",Georgia,serif;letter-spacing:-.045em}
.brand-section h3{font:480 clamp(26px,2.7vw,42px)/1.05 Manrope,sans-serif;letter-spacing:-.055em;text-transform:none}
.brand-section p{color:#31434d;font-size:16px;line-height:1.55}
.brand-section .eyebrow{color:inherit;font-size:11px;font-weight:720;letter-spacing:.03em;line-height:1.3;text-transform:uppercase;margin-bottom:30px}
.brand-section .section-head{display:block;margin-bottom:clamp(44px,5vw,80px)}
.brand-section .section-copy{font-size:clamp(17px,1.4vw,21px);max-width:42rem;margin-top:28px}
.brand-section .button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:14px 23px;border:1px solid #18252d;border-radius:999px;background:#18252d;color:#fbfaf7;font:680 12px/1.4 Manrope,sans-serif;text-align:center;cursor:pointer;transition:background .18s,color .18s}
.brand-section .button::after{content:'↗';font-size:19px;line-height:1}
.brand-section .button:hover{background:#ccfd99;color:#18252d}
.brand-section .button-secondary{background:transparent;color:#18252d}
.brand-section :is(a,button,input,textarea,select):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.brand-section .chapter-number{display:block;font-size:12px;font-weight:680;line-height:1.3;margin-bottom:32px}
.brand-section :is(.about-footer,.advantage-footer,.bottom-line-footer,.framework-actions,.deliverables-footer,.industry-actions){display:flex;flex-wrap:wrap;gap:12px;margin-top:48px}

/* About: the same studio-blue portrait language as the homepage. */
#about{background:#a9c2cb}
#about .about-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(40px,6vw,100px)}
#about h2{font-size:clamp(48px,5.4vw,84px);max-width:16ch}
#about h2 em{display:inline-block;white-space:nowrap}
#about .about-story{display:grid;gap:18px;max-width:39rem;margin-top:36px}
#about .about-story p{font-size:17px}
#about .about-copy{display:flex;flex-direction:column}
#about .about-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;flex:1;align-content:space-between;margin-top:48px}
#about .about-stat-card{display:grid;align-content:start;gap:16px;border-top:1px solid #18252d40;padding:28px 0 12px}
#about .about-stat-card strong{font-size:clamp(44px,5.3vw,82px);font-weight:470;letter-spacing:-.065em;line-height:1}
#about .about-stat-card span{font-size:12px;color:#31434d}
#about .about-visual{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:18px;background:#f0ecec}
#about .about-aj-cutout{width:100%;height:100%;object-fit:cover;object-position:66% center}
#about .about-principles{display:grid;margin-top:32px}
#about .about-principle{display:grid;grid-template-columns:32px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #18252d35}
#about .about-principle-index{font-size:11px;font-weight:700}
#about .about-principle-copy p{color:#18252d;font-size:15px}

/* Outcomes and service scope: open editorial rows, not legacy illustrated cards. */
#outcomes .advantage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
#outcomes .advantage-card{display:block;border-top:1px solid #18252d40;padding-top:24px}
#outcomes h3{max-width:13ch;min-height:2.2em;margin-bottom:24px}
#outcomes .outcome-copy p{max-width:33ch}
#services{background:#cdb4ef}
#services .services-layout{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:clamp(36px,7vw,110px);align-items:start}
#services .services-nav{display:grid;position:sticky;top:32px;gap:6px}
#services .service-nav-link{padding:13px 0;border-bottom:1px solid #18252d30;font-size:13px;line-height:1.4}
#services .service-nav-link:hover{text-decoration:underline;text-underline-offset:4px}
#services .services-stack{display:grid}
#services .service-showcase{display:grid;grid-template-columns:38px 1fr;gap:20px;border-top:1px solid #18252d50;padding:32px 0 40px;scroll-margin-top:32px}
#services .service-showcase-meta{display:grid;gap:24px}
#services .chapter-number{margin-top:8px}
#services .service-showcase-copy p{max-width:43rem;margin-top:20px;font-size:17px}
#services .service-showcase-label{font-size:10px;text-transform:uppercase;font-weight:700;margin-bottom:12px}
#services .service-tag-list{display:flex;gap:8px;flex-wrap:wrap}
#services .service-tag-list span{display:block;border:1px solid #18252d40;border-radius:999px;padding:7px 12px;font-size:11px}
#bottom-line{background:#f0ecec}
#bottom-line .bottom-line-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
#bottom-line .bottom-line-card{border-top:1px solid #18252d40;padding-top:26px}
#bottom-line h3{font-size:clamp(25px,2.3vw,35px);max-width:15ch;margin-bottom:24px;min-height:2.1em}
#bottom-line p{max-width:34ch}

/* Framework: deliberate, usable tabs with all content retained in the DOM. */
#framework{background:#18252d;color:#fbfaf7}
#framework p{color:#d6dfe0}
#framework h2 em{color:#ccfd99}
#framework .tab-list{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #fbfaf740;padding-bottom:22px;margin-bottom:40px}
#framework .tab-button{display:block;border:1px solid #fbfaf750;border-radius:999px;background:transparent;color:#fbfaf7;padding:13px 20px;min-height:48px;font-size:12px;cursor:pointer}
#framework .tab-button[aria-selected=true]{background:#ccfd99;color:#18252d;border-color:#ccfd99}
#framework .process-list,#framework .workflow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
#framework .process-card,#framework .workflow-card{display:block;border-top:1px solid #fbfaf735;padding:26px 0}
#framework .process-card h3,#framework .workflow-card h3{margin:0 0 22px}
#framework .chapter-number,#framework .workflow-card>span{display:block;color:#ccfd99;margin-bottom:36px;font-size:12px}
#framework .workflow-card h3{font-size:30px}
#framework .phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 50px}
#framework .phase-card{border-top:1px solid #fbfaf740;padding-top:24px}
#framework .phase-card>span{display:block;font-size:24px;line-height:1.1;letter-spacing:-.045em;margin-bottom:20px}
#framework .button-primary{background:#ccfd99;color:#18252d;border-color:#ccfd99}
#framework .button-secondary{color:#fbfaf7;border-color:#fbfaf780}
#framework-detail .deliverables-grid{display:grid}
#framework-detail .deliverable-card{display:grid;grid-template-columns:48px minmax(0,.85fr) minmax(0,1.25fr);gap:32px;border-top:1px solid #18252d35;padding:30px 0 38px}
#framework-detail .chapter-number{margin-top:8px}
#framework-detail h3{font-size:clamp(25px,2.4vw,36px);max-width:17ch}
#framework-detail .deliverable-card p{max-width:62ch}

/* Existing work remains real work: images retained, quiet consistent framing. */
#work{background:#18252d;color:#fbfaf7}
#work h2{max-width:17ch}
#work h2 em{color:#cdb4ef}
#work .work-section-top{margin-bottom:64px}
#work .work-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
#work .work-column{display:grid;gap:44px;align-content:start}
#work .work-card-link{display:block}
#work .work-card-media{position:relative;aspect-ratio:4/3;background:#f0ecec;overflow:hidden;border-radius:14px}
#work .work-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
#work .work-card-link:hover img{transform:scale(1.035)}
#work .work-card-plus{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fbfaf7;color:#18252d;font-size:24px}
#work .work-card-copy{padding-top:22px}
#work .work-card-meta{display:flex;align-items:start;justify-content:space-between;gap:16px}
#work .work-card-meta h3{font-size:clamp(24px,2.1vw,32px)}
#work .work-card-cta{font-size:9px;letter-spacing:.025em;max-width:13ch;text-align:right;line-height:1.4;color:#bcced4}
#work .work-card-copy p{font-size:13px;color:#bcced4;margin-top:12px}
#work .case-study-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;color:#18252d}
#work:has(.case-study-overlay:not([hidden])){z-index:20000}
.full-page-review.portfolio-open .brand-header-preview{visibility:hidden}
#work .case-study-backdrop{position:absolute;inset:0;background:#101b24c9;backdrop-filter:blur(6px)}
#work .case-study-panel{position:relative;max-width:1100px;width:100%;max-height:calc(100svh - 48px);overflow:auto;background:#fbfaf7;border-radius:18px}
#work .case-study-scroll{padding:32px}
#work .case-study-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}
#work .case-study-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
#work .case-study-close{display:grid;place-items:center;min-width:48px;min-height:48px;border:1px solid #18252d40;border-radius:50%;background:transparent;cursor:pointer;font-size:28px}
#work .case-study-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:40px}
#work .case-study-rail-block{margin-bottom:26px}
#work .case-study-rail-label{font-size:10px;text-transform:uppercase;font-weight:700;margin-bottom:10px}
#work .case-study-services{display:grid;gap:8px;font-size:13px}
#work .case-study-title{font-size:clamp(36px,5vw,70px);line-height:1;letter-spacing:-.06em}
#work .case-study-tagline{font-size:21px;margin-top:18px}
#work .case-study-overview{margin-top:24px}
#work .case-study-hero-media{margin:30px 0}
#work .case-study-hero-media img{width:100%;border-radius:10px;max-height:480px;object-fit:contain;background:#f0ecec}
#work .case-study-section-list{display:grid;gap:28px}
#work .case-study-section-list h4{margin:0 0 10px;font-size:23px;font-weight:500;letter-spacing:-.04em}
#work .case-study-impact-card{padding:26px;background:#a9c2cb;margin-top:32px;border-radius:10px}
#work .case-study-impact-label{font-size:10px;text-transform:uppercase;margin-bottom:12px}
#work .case-study-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
#work .case-study-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
#work .case-study-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

/* Testimonial rail: manual, keyboard-reachable, no autoplay. */
#testimonials .testimonials-slider{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:18px;align-items:center}
#testimonials .testimonials-viewport{overflow:hidden}
#testimonials .testimonials-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 2px 20px}
#testimonials .testimonial-card{position:relative;display:flex;flex-direction:column;flex:0 0 calc(50% - 12px);scroll-snap-align:start;padding:36px;background:#f0ecec;border-radius:16px;min-height:360px}
#testimonials .testimonial-visual{width:64px;height:64px;object-fit:cover;border-radius:50%;margin-bottom:26px}
#testimonials .testimonial-quote{font-size:clamp(19px,1.65vw,24px);line-height:1.35;letter-spacing:-.035em;color:#18252d;margin-bottom:30px}
#testimonials .testimonial-author{display:grid;gap:6px;margin-top:auto}
#testimonials .testimonial-author strong{font-size:13px;font-weight:700}
#testimonials .testimonial-author span{font-size:11px;line-height:1.5;max-width:36ch;color:#52626b}
#testimonials .testimonial-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #18252d50;border-radius:50%;background:transparent;cursor:pointer;font-size:20px}
#testimonials .testimonial-arrow:hover{background:#ccfd99}
#testimonials .testimonials-pagination{display:none}
#brand-statement{padding:44px 0;background:#ccfd99;overflow:hidden}
#brand-statement .marquee-track{display:block}
#brand-statement .marquee-group:first-child{display:block;text-align:center}
#brand-statement .marquee-group[aria-hidden=true],#brand-statement .marquee-item:not(:first-child){display:none}
#brand-statement .marquee-item{font:470 clamp(25px,4.2vw,64px)/1 Manrope,sans-serif;letter-spacing:-.06em;text-transform:none}
#best-fit{background:#cdb4ef}
#best-fit .segment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
#best-fit .segment-card{border-top:1px solid #18252d40;padding-top:24px}
#best-fit .segment-tag{font-size:11px;font-weight:700;margin-bottom:32px}
#best-fit h3{font-size:clamp(27px,3vw,44px);max-width:14ch;margin-bottom:24px}
#best-fit .segment-card>p:last-child{max-width:34ch}
#working-together .application-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,9vw,144px);align-items:start}
#working-together h2{font-size:clamp(48px,5.7vw,86px)}
#working-together .scarcity-number{font:400 clamp(100px,12vw,180px)/1 "Instrument Serif",Georgia,serif;margin-top:36px;letter-spacing:-.06em}
#working-together .scarcity-subtitle{font-size:13px;color:#18252d}
#working-together .scarcity-list p{border-top:1px solid #18252d30;padding:23px 0;font-size:20px;letter-spacing:-.025em;line-height:1.4;color:#18252d}
#working-together .scarcity-note{font-size:13px;max-width:46ch;margin:12px 0 28px}
#checklist{background:#a9c2cb}
#checklist .lead-magnet-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center}
#checklist .section-head{margin:0}
#checklist h2{max-width:11ch}
#checklist .magnet-form{display:flex;flex-wrap:wrap;gap:14px}
#checklist input[type=email]{flex:1 1 220px}
#checklist .magnet-note{font-size:11px;margin-top:16px}

/* FAQ, enquiry and footer complete the same visual system. */
#faq{background:#f0ecec}
#faq .faq-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px}
#faq .faq-intro>p:not(.eyebrow){margin:30px 0;max-width:31ch}
#faq .faq-item{border-top:1px solid #18252d35}
#faq .faq-trigger{display:flex;justify-content:space-between;align-items:start;gap:24px;width:100%;min-height:72px;padding:25px 0;border:0;background:transparent;color:#18252d;text-align:left;cursor:pointer;font-size:20px;letter-spacing:-.025em;line-height:1.3}
#faq .faq-trigger span:last-child{font-size:25px;line-height:1}
#faq .faq-body{padding:0 44px 28px 0;color:#31434d;font-size:16px;line-height:1.55;max-width:60ch}
#contact{background:#cdb4ef}
#contact .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,120px)}
#contact h2{font-size:clamp(48px,5.7vw,86px);max-width:12ch}
#contact .contact-copy>p:not(.eyebrow){max-width:35ch;margin-top:30px;font-size:18px}
#contact .contact-form-fields{display:grid;gap:28px}
#contact .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#contact label{display:grid;gap:12px}
#contact label>span{font-size:11px;font-weight:700}
.brand-section .field-input{display:block;width:100%;min-height:52px;padding:14px 0;border:0;border-bottom:1px solid #18252d80;border-radius:0;background:transparent;color:#18252d;font:430 16px/1.5 Manrope,sans-serif;appearance:auto}
.brand-section .field-input::placeholder{color:#42545f;opacity:.8}
.brand-section .field-textarea{min-height:130px;resize:vertical}
.brand-section .field-select{padding-right:20px}
/* Contact-only affordance: lavender input boxes, without changing form behavior. */
#contact .field-input{min-height:56px;padding:14px 16px;border:1px solid #6b4c87;border-radius:10px;background:#bfa4df;transition:border-color .15s,background-color .15s}
#contact .field-input::placeholder{color:#4c3b60;opacity:1}
#contact .field-input:hover{border-color:#503764}
#contact .field-input:focus{border-color:#18252d;background:#c4ace5;outline:2px solid #18252d;outline-offset:3px}
#contact .field-textarea{min-height:160px}
#contact .field-select{padding-right:32px}
.brand-section .bot-trap,.brand-section input[type=hidden]{display:none!important}
.brand-section .demo-notice{font-size:11px;line-height:1.5;width:100%;margin-bottom:20px;color:#42545f}
.brand-section .form-feedback{margin-top:18px;font-size:14px;color:#18252d}
.brand-section .form-feedback:empty{display:none}
#contact .contact-note{font-size:12px}
#contact .button{justify-self:start;margin-top:4px}

.brand-footer-preview{background:#18252d;color:#fbfaf7;overflow:hidden}
.brand-footer-preview::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 70%,#cdb4ef20,transparent 65%),radial-gradient(ellipse at 10% 30%,#a9c2cb24,transparent 60%)}
.brand-footer-preview .site-footer__inner{position:relative;display:grid;gap:80px;padding-top:100px;padding-bottom:20px;container-type:inline-size}
.brand-footer-preview .site-footer__top{display:grid;grid-template-columns:1.2fr .4fr .4fr;gap:clamp(32px,6vw,100px)}
.brand-footer-preview .site-footer__brand{display:grid;justify-items:start;align-content:start;gap:32px}
.brand-footer-preview .site-footer__mark{width:96px;height:96px}
.brand-footer-preview .site-footer__statement{max-width:15ch;font-size:clamp(36px,5vw,72px);line-height:.95;letter-spacing:-.07em}
.brand-footer-preview .site-footer__column>span{display:block;font-size:10px;text-transform:uppercase;font-weight:700;color:#b6c7cf;margin-bottom:20px}
.brand-footer-preview .site-footer__column a{display:block;width:fit-content;font-size:14px;min-height:36px;line-height:1.5;padding:7px 0}
.brand-footer-preview a:hover{text-decoration:underline;text-underline-offset:4px}
.brand-footer-preview a:focus-visible{outline:2px solid #ccfd99;outline-offset:5px}
.brand-footer-preview .site-footer__base{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #fbfaf735;padding-top:26px}
.brand-footer-preview .site-footer__legal-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:11px;color:#b6c7cf;align-items:center}
.brand-footer-preview .site-footer__top-link{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #fbfaf755;border-radius:50%}
.brand-footer-preview .site-footer__top-link>span{display:block;font-size:23px;line-height:1}
.brand-footer-preview .site-footer__top-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.brand-footer-preview .site-footer__word{display:block;margin:0;font:480 25cqw/1.15 Manrope,sans-serif;letter-spacing:-.075em;text-align:center;color:transparent;background:linear-gradient(110deg,#a9c2cb,#cdb4ef,#fbfaf7,#cce8c2);background-clip:text;-webkit-background-clip:text;white-space:nowrap;pointer-events:none}
/* Put the inherited quick-contact link in document flow, so it cannot cover copy. */
.full-page-review>.aj-whatsapp-float{box-sizing:border-box;position:relative;inset:auto;display:flex;width:100%;height:auto;min-height:64px;gap:12px;justify-content:center;align-items:center;margin:0;padding:16px;border:0;border-radius:0;background:#18252d;color:#fbfaf7;box-shadow:none;animation:none;transform:none}
.full-page-review>.aj-whatsapp-float::before{content:none}
.full-page-review>.aj-whatsapp-float::after{content:'Chat with AJ on WhatsApp';position:static;display:block;font:600 12px/1.5 Manrope,sans-serif;background:none;transform:none;opacity:1;visibility:visible}
.full-page-review>.aj-whatsapp-float svg{width:22px;height:22px}

@media(max-width:1100px){
 #contact .form-row{grid-template-columns:1fr}
}
@media(max-width:1000px){
 .brand-section h2{font-size:clamp(48px,7.6vw,76px)}
 #about .about-stage{grid-template-columns:1fr 1fr;gap:32px}
 #about h2{font-size:clamp(46px,5.9vw,64px)}
 #about .about-visual{aspect-ratio:3/4}
 #outcomes .advantage-grid,#bottom-line .bottom-line-grid,#best-fit .segment-grid{gap:24px}
 #services .services-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}
 #framework .process-list,#framework .workflow-list{gap:24px}
 #framework-detail .deliverable-card{grid-template-columns:32px minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
 #work .work-columns{gap:24px}
 #work .work-card-meta{display:grid;gap:10px}
 #work .work-card-cta{text-align:left;max-width:none}
 #faq .faq-layout,#contact .contact-grid{gap:40px}
 #checklist .lead-magnet-shell{gap:40px}
 #testimonials .testimonials-slider{grid-template-columns:1fr 1fr;gap:18px}
 #testimonials .testimonials-viewport{grid-row:1;grid-column:1/-1}
 #testimonials .testimonial-arrow-prev{justify-self:end}
 #testimonials .testimonial-arrow-next{justify-self:start}
}
@media(max-width:700px){
 .brand-section{padding:68px 0}
 .brand-section h2{font-size:clamp(46px,12.7vw,68px);max-width:17ch;line-height:.96}
 .brand-section h3{font-size:30px}
 .brand-section .section-head{margin-bottom:40px}
 .brand-section .eyebrow{margin-bottom:25px}
 .brand-section .button{max-width:100%}
 #about .about-stage,#services .services-layout,#working-together .application-card,#checklist .lead-magnet-shell,#faq .faq-layout,#contact .contact-grid{grid-template-columns:1fr;gap:40px}
 #about h2,#working-together h2,#contact h2{font-size:clamp(46px,12.7vw,68px)}
 #about .about-rail{display:grid;gap:0}
 #about .about-visual{aspect-ratio:4/3}
 #about .about-aj-cutout{object-position:65% center}
 #outcomes .advantage-grid,#bottom-line .bottom-line-grid,#best-fit .segment-grid,#framework .process-list,#framework .workflow-list,#framework .phase-grid{grid-template-columns:1fr;gap:30px}
 #outcomes h3,#bottom-line h3,#best-fit h3{min-height:0;max-width:19ch;margin-bottom:20px}
 #outcomes .outcome-copy p,#bottom-line p,#best-fit .segment-card>p:last-child{max-width:45ch}
 #services .services-nav{position:static;display:flex;flex-wrap:wrap;gap:8px}
 #services .service-nav-link{border:1px solid #18252d50;padding:10px 13px;border-radius:999px;font-size:11px;min-height:40px}
 #services .service-showcase{grid-template-columns:24px minmax(0,1fr);gap:16px}
 #services .service-showcase-copy p{font-size:16px}
 #framework .tab-list{gap:6px}
 #framework .tab-button{padding:12px 14px;font-size:11px}
 #framework .chapter-number{margin-bottom:24px}
 #framework-detail .deliverable-card{grid-template-columns:24px minmax(0,1fr);gap:16px}
 #framework-detail .deliverable-card p{grid-column:2}
 #framework-detail h3{font-size:29px}
 #framework-detail .chapter-number{grid-row:1/3}
 #work .work-columns{grid-template-columns:1fr;gap:36px}
 #work .work-column{gap:36px}
 #work .work-card-meta{display:flex;gap:16px}
 #work .work-card-meta h3{font-size:28px}
 #work .work-card-cta{max-width:13ch;text-align:right}
 #work .case-study-overlay{padding:12px}
 #work .case-study-panel{max-height:calc(100svh - 24px);border-radius:12px}
 #work .case-study-scroll{padding:22px}
 #work .case-study-layout{display:flex;flex-direction:column;gap:16px}
 #work .case-study-rail{display:flex;gap:24px;flex-wrap:wrap}
 #work .case-study-rail-block{margin-bottom:0}
 #work .case-study-hero-media img{max-height:340px}
 #work .case-study-gallery{grid-template-columns:1fr}
 #testimonials .testimonial-card{flex-basis:100%;padding:26px;min-height:390px}
 #testimonials .testimonial-quote{font-size:23px}
 #brand-statement{padding:34px 16px}
 #brand-statement .marquee-item{font-size:31px;line-height:1.1}
 #working-together .scarcity-number{font-size:110px}
 #working-together .scarcity-list p{font-size:19px}
 #checklist .magnet-form{display:grid;grid-template-columns:1fr}
 #checklist .magnet-form .button{justify-self:start}
 #faq .faq-trigger{font-size:18px;gap:18px}
 #faq .faq-body{padding-right:24px}
 #contact .form-row{grid-template-columns:1fr;gap:26px}
 #contact .contact-copy>p:not(.eyebrow){font-size:17px}
 .brand-footer-preview .site-footer__inner{padding-top:64px;gap:48px}
 .brand-footer-preview .site-footer__top{grid-template-columns:1fr 1fr;gap:40px 20px}
 .brand-footer-preview .site-footer__brand{grid-column:1/-1}
 .brand-footer-preview .site-footer__statement{font-size:45px;max-width:15ch}
 .brand-footer-preview .site-footer__mark{width:72px;height:72px}
 .brand-footer-preview .site-footer__word{font-size:25cqw}
 .brand-footer-preview .site-footer__base{gap:20px}
}
@media(prefers-reduced-motion:reduce){.brand-section *,.brand-section *::before,.brand-section *::after,.brand-footer-preview *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Whole-page imagery and motion, requested by AJ. No production styles are changed. */
#pain .pain-card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:22px;align-items:start}
#pain .pain-card h3,#pain .pain-card p{grid-column:2}
#pain .editorial-line-icon{grid-column:1;grid-row:1/3}
.brand-section .editorial-line-icon,#pain .editorial-line-icon{display:block;width:44px;height:44px;color:#18252d}
.brand-section .editorial-line-icon svg,#pain .editorial-line-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#about .about-principle{display:block}
#outcomes .advantage-grid{gap:clamp(22px,3vw,48px)}
#outcomes .advantage-card{border-top:0;padding-top:0}
#outcomes .outcome-editorial-image{--object-size:190px;position:relative;display:grid;align-items:center;justify-items:start;height:190px;overflow:visible;margin:0 0 30px;background:transparent}
/* Offset the transparent canvas padding, so the actual sculpture aligns with its heading. */
#outcomes .advantage-card:nth-child(1){--object-inset:-.3142;--object-width:.4195}
#outcomes .advantage-card:nth-child(2){--object-inset:-.0279;--object-width:.9537}
#outcomes .advantage-card:nth-child(3){--object-inset:-.1635;--object-width:.6898}
#outcomes .outcome-editorial-image::after{content:'';position:absolute;z-index:-1;bottom:0;left:0;width:calc(var(--object-size)*var(--object-width));height:5%;border-radius:50%;background:#18252d12;filter:blur(12px)}
#outcomes .outcome-editorial-image img{position:relative;left:calc(var(--object-size)*var(--object-inset));width:var(--object-size);height:var(--object-size);object-fit:contain;filter:drop-shadow(0 14px 16px #41305512);animation:object-float 8s ease-in-out infinite alternate;animation-play-state:paused}
#outcomes .advantage-card:nth-child(2) img{animation-delay:-2.5s;animation-duration:9s}
#outcomes .advantage-card:nth-child(3) img{animation-delay:-5s;animation-duration:10s}
#outcomes .floating-object.is-floating-visible img{animation-play-state:running}
@keyframes object-float{from{transform:translateY(8px) rotate(-3deg)}to{transform:translateY(-12px) rotate(3deg)}}
#outcomes h3{min-height:0}
#services .services-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(56px,7vw,120px);align-items:start}
#services .services-stack{grid-column:1;grid-row:1}
#services .services-sticky-rail{position:sticky;top:100px;align-self:start;grid-column:2;grid-row:1}
#services .services-sticky-rail .section-head{margin-bottom:30px}
#services .services-sticky-rail h2{font-size:clamp(44px,4.5vw,70px);max-width:12ch}
#services .services-sticky-rail .eyebrow{margin-bottom:22px}
#services .services-sticky-rail .section-copy{font-size:16px;max-width:36ch;margin-top:24px}
#services .services-nav{position:static;gap:0}
#services .service-nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 15px;border:0;border-bottom:1px solid #18252d26;transition:background .2s,color .2s}
#services .service-nav-link::after{content:'↗';opacity:0;font-size:19px}
#services .service-nav-link[aria-current=location]{background:#18252d;color:#fbfaf7;border-radius:7px;border-color:transparent}
#services .service-nav-link[aria-current=location]::after{opacity:1}
#services .service-nav-link:hover{text-decoration:none;background:#fbfaf73a}
#services .service-nav-link[aria-current=location]:hover{background:#18252d}
#services .service-showcase{grid-template-columns:1fr;gap:28px;padding:0 0 70px;margin-bottom:52px;align-items:start;border-top:0;border-bottom:1px solid #18252d40;scroll-margin-top:110px}
#services .service-showcase:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
#services .service-editorial-image{position:relative;display:block;aspect-ratio:1.8/1;overflow:hidden;border-radius:14px;background:#18252d}
#services .service-editorial-image img{width:100%;height:100%;object-fit:cover}
#services .service-showcase:nth-child(even) .service-editorial-image{order:0}
#services .service-showcase h3{font-size:clamp(30px,2.8vw,45px);max-width:20ch}
#services .service-showcase-copy p{margin-top:20px;font-size:16px}
#bottom-line .strategy-visual{position:relative;display:block;aspect-ratio:2.2/1;overflow:hidden;margin:0 0 clamp(40px,5vw,76px);border-radius:16px;background:#e8e5df}
#bottom-line .strategy-visual picture{display:block;width:100%;height:100%}
#bottom-line .strategy-visual img{width:100%;height:100%;object-fit:cover}
#framework .process-card{border-top:0;padding-top:0}
#framework .workflow-card,#framework .phase-card{border-top:0;padding-top:0}
#framework .framework-editorial-image{--object-size:240px;position:relative;display:block;height:240px;overflow:visible;margin-bottom:26px;border-radius:0;background:transparent;padding:0}
#framework .process-card:nth-child(1){--object-inset:-.1587}
#framework .process-card:nth-child(2){--object-inset:-.0694}
#framework .process-card:nth-child(3){--object-inset:-.2321}
#framework .framework-editorial-image img{position:relative;left:max(calc(var(--object-size)*var(--object-inset)),calc(100%*var(--object-inset)));display:block;width:var(--object-size);height:var(--object-size);object-fit:contain}
#framework-detail .deliverable-card{grid-template-columns:48px minmax(0,.85fr) minmax(0,1.25fr);align-items:start}
#framework-detail .deliverable-card p{grid-column:3}
#best-fit .segment-card{padding-top:0;border-top:0}
#best-fit .audience-editorial-image{display:flex;align-items:flex-end;justify-content:center;height:260px;margin-bottom:30px;overflow:hidden;border-radius:50% 50% 0 0;background:#e5d6f640}
#best-fit .audience-editorial-image img{width:auto;max-width:94%;height:100%;object-fit:contain;object-position:center bottom}
#best-fit .segment-tag{border-top:1px solid #18252d40;padding-top:22px;margin-bottom:22px}
.brand-section [data-motion-image]{isolation:isolate}
.brand-section [data-motion-parallax]{transform-origin:center;will-change:auto}
.brand-section [data-motion-reveal],#pain [data-motion-reveal]{visibility:visible}
.full-page-review [data-motion-state="waiting"],.full-page-review #pain [data-motion-state="waiting"]{opacity:0}
.full-page-review [data-motion-state="waiting"]:focus-within{opacity:1}
.brand-section .body-editorial-accent,#pain .body-editorial-accent{position:relative;display:inline-block;isolation:isolate}
#pain h2 em::before{content:none}
.brand-section .body-editorial-accent::after,#pain .body-editorial-accent::after{content:'';position:absolute;z-index:-1;left:-.025em;right:-.035em;bottom:.035em;height:.43em;background:#ccfd99;transform:scaleX(1);transform-origin:left;transition:transform 1100ms cubic-bezier(.76,0,.24,1)}
.full-page-review[data-motion-mode=full] .body-editorial-accent:not(.is-signal-live)::after{transform:scaleX(0)}
#framework .body-editorial-accent::after,#work .body-editorial-accent::after{background:#657e85}
.brand-section .work-carousel{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:22px;align-items:center}
#work .work-carousel-viewport{min-width:0;overflow:hidden}
#work .work-carousel-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px)}
#work .is-carousel .work-carousel-track{grid-template-columns:1fr;gap:0}
#work .work-page{display:grid;grid-area:1/1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);visibility:hidden;pointer-events:none}
#work .work-page.is-current{visibility:visible;pointer-events:auto}
#work .work-carousel .work-card-media{aspect-ratio:3/4;border-radius:12px}
#work .work-carousel .work-card-meta{display:block}
#work .work-carousel .work-card-cta{display:block;max-width:none;text-align:left;margin-top:10px}
#work .work-carousel .work-card-copy p{margin-top:8px}
#work .work-arrow{display:grid;place-items:center;width:52px;height:52px;border:1px solid #fbfaf780;border-radius:50%;background:transparent;color:#fbfaf7;cursor:pointer;align-self:center;margin-top:-100px;transition:background .2s,color .2s}
#work .work-arrow span{font-size:25px;line-height:1}
#work .work-arrow:hover{background:#ccfd99;border-color:#ccfd99;color:#18252d}
#work .work-carousel-status{grid-column:2;text-align:center;font-size:12px;color:#bcced4;margin-top:6px}
#work .work-carousel:not(.is-carousel){display:block}
#work .work-carousel:not(.is-carousel) .work-carousel-track{row-gap:36px}
.brand-hero-preview .hero-cinema__media video{pointer-events:none}
.full-page-review.motion-reduced [data-motion-reveal],.full-page-review.motion-reduced [data-motion-image],.full-page-review.motion-reduced [data-motion-parallax]{visibility:visible!important;opacity:1!important;transform:none!important;clip-path:none!important}
.full-page-review.motion-reduced .hero-cinema__media{transform:none!important}
.full-page-review.motion-reduced .hero-cinema__media video{display:none!important}
.full-page-review.motion-reduced .body-editorial-accent::after{transform:scaleX(1);transition:none}
 .full-page-review.motion-reduced .floating-object img{animation:none!important;transform:none!important}
@media(min-width:1001px) and (max-height:800px){
 #services .services-sticky-rail{top:86px}
 #services .services-sticky-rail h2{font-size:44px}
 #services .services-sticky-rail .section-copy{font-size:14px;margin-top:16px}
 #services .services-sticky-rail .section-head{margin-bottom:22px}
 #services .service-nav-link{min-height:44px;padding:10px 12px}
}
@media(max-width:1000px){
 #services .services-layout{grid-template-columns:1fr}
 #services .services-sticky-rail{position:static;grid-column:auto;grid-row:auto}
 #services .services-stack{grid-column:auto;grid-row:auto}
 #services .services-sticky-rail h2{font-size:clamp(48px,6vw,70px);max-width:17ch}
 #services .services-nav{position:static;display:flex;flex-wrap:wrap;gap:8px}
 #services .service-nav-link{border:1px solid #18252d40;border-radius:999px;padding:10px 14px;min-height:44px;font-size:11px}
 #services .service-nav-link[aria-current=location]{border-radius:999px}
 #services .service-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #services .service-showcase h3{font-size:clamp(30px,4vw,45px)}
 #framework-detail .deliverable-card{grid-template-columns:40px minmax(0,.9fr) minmax(0,1.1fr);gap:22px}
}
@media(max-width:800px){
 #work .work-carousel{grid-template-columns:1fr 1fr;gap:22px}
 #work .work-carousel-viewport{grid-column:1/-1;grid-row:1}
 #work .work-carousel-track{grid-template-columns:1fr}
 #work .work-page{grid-template-columns:1fr}
 #work .work-arrow{grid-row:2;margin:0}
 #work .work-previous{justify-self:start}
 #work .work-next{justify-self:end}
 #work .work-carousel-status{grid-column:1/-1;grid-row:3;margin-top:-10px}
 #work .work-carousel .work-card-media{aspect-ratio:4/4.3}
}
@media(max-width:700px){
 #pain .pain-card{grid-template-columns:36px minmax(0,1fr);column-gap:16px}
 #pain .editorial-line-icon{width:34px;height:34px}
 .brand-section [data-motion-parallax]{transform:none!important}
 #services .service-showcase{grid-template-columns:1fr;gap:26px;padding:30px 0 40px}
 #services .service-editorial-image{aspect-ratio:1.35/1}
 #services .service-showcase:nth-child(even) .service-editorial-image{order:0}
 #services .service-showcase h3{font-size:34px;max-width:16ch}
 #outcomes .outcome-editorial-image{--object-size:170px;height:170px;margin-bottom:24px}
 #bottom-line .strategy-visual{aspect-ratio:2.2/1;border-radius:10px}
 #framework .framework-editorial-image{--object-size:220px;height:220px}
 #framework-detail .deliverable-card{grid-template-columns:36px minmax(0,1fr);gap:16px 20px}
 #framework-detail .editorial-line-icon{width:34px;height:34px}
 #framework-detail .deliverable-card p{grid-column:2}
 #best-fit .audience-editorial-image{height:245px}
}
@media(prefers-reduced-motion:reduce){
 .brand-hero-preview .hero-cinema__media video{display:none!important}
 .brand-section [data-motion-reveal],#pain [data-motion-reveal],.brand-section [data-motion-image],.brand-section [data-motion-parallax]{visibility:visible!important;transform:none!important;opacity:1!important;clip-path:none!important}
 .brand-section .body-editorial-accent::after{transform:scaleX(1);transition:none}
 #outcomes .floating-object img{animation:none!important;transform:none!important}
}
@media print{.full-page-review [data-motion-state]{visibility:visible!important;opacity:1!important;transform:none!important;clip-path:none!important}}


:root{--ease:cubic-bezier(.22,1,.36,1);--radius-pill:999px;--ink:#18252d;--ink-soft:#25343c;--signal:#ccfd99;--signal-soft:#ddffbd;--lavender:#cdb4ef}
.contact-dock{position: fixed; right: max(1.15rem, env(safe-area-inset-right)); bottom: max(1.15rem, env(safe-area-inset-bottom)); z-index: 880; display: grid; gap: 0.78rem; opacity: 0; transform: translateY(0.8rem); transition: opacity 420ms var(--ease), transform 420ms var(--ease), visibility 220ms ease;}
.is-loaded .contact-dock{opacity: 1; transform: none;}
.menu-open .contact-dock{visibility: hidden; opacity: 0; pointer-events: none;}
.contact-dock__button{position: relative; display: grid; width: 3.7rem; aspect-ratio: 1; place-items: center; padding: 0; border: 1px solid rgba(24, 37, 45, 0.16); border-radius: 50%; cursor: pointer; box-shadow: 0 1rem 2.5rem rgba(24, 37, 45, 0.18); transition: transform 240ms var(--ease), background-color 240ms ease, color 240ms ease, box-shadow 240ms ease;}
.contact-dock__button svg{width: 1.7rem; height: 1.7rem;}
.contact-dock__button::after{content: attr(data-label); position: absolute; top: 50%; right: calc(100% + 0.72rem); width: max-content; padding: 0.45rem 0.68rem; border: 1px solid rgba(24, 37, 45, 0.1); border-radius: var(--radius-pill); background: rgba(251, 250, 247, 0.9); color: var(--ink); font-size: 0.68rem; font-weight: 650; letter-spacing: 0.02em; opacity: 0; pointer-events: none; transform: translate(0.45rem, -50%); transition: opacity 180ms ease, transform 220ms var(--ease); backdrop-filter: blur(12px);}
.contact-dock__button:hover,
.contact-dock__button:focus-visible{outline: none; transform: translateY(-2px) scale(1.035);}
.contact-dock__button:hover::after,
.contact-dock__button:focus-visible::after{opacity: 1; transform: translate(0, -50%);}
.contact-dock__button--whatsapp{background: var(--signal); color: var(--ink);}
.contact-dock__button--whatsapp:hover,
.contact-dock__button--whatsapp:focus-visible{background: var(--signal-soft); box-shadow: 0 1rem 2.7rem rgba(121, 173, 73, 0.24);}
.contact-dock__button--chat{border: 0.28rem solid rgba(169, 194, 203, 0.82); background: var(--ink); color: var(--signal);}
.contact-dock__button--chat:hover,
.contact-dock__button--chat:focus-visible{border-color: var(--lavender); background: var(--ink-soft); box-shadow: 0 1rem 2.7rem rgba(205, 180, 239, 0.2);}
.contact-dock__button--chat.is-loading svg{animation: contactDockBreath 850ms ease-in-out infinite alternate;}
#zsiq_float{display: none !important;}
@keyframes contactDockBreath { 
  from {opacity: 0.45; transform: scale(0.88);} 
  to {opacity: 1; transform: scale(1);} 
}@media (max-width: 720px){.contact-dock{right: max(0.85rem, env(safe-area-inset-right)); bottom: max(0.9rem, env(safe-area-inset-bottom)); gap: 0.62rem;}
.contact-dock__button{width: 3.25rem;}
.contact-dock__button svg{width: 1.48rem; height: 1.48rem;}
.contact-dock__button::after{display: none;}
}

.portfolio-open .contact-dock,body:has(.brand-header-preview.menu-open) .contact-dock{visibility:hidden;pointer-events:none}.contact-dock a{text-decoration:none}.contact-dock__button:focus-visible{outline:3px solid #fff;outline-offset:3px}.form-feedback{overflow-wrap:anywhere}.brand-section button:disabled{cursor:default;opacity:.7}

#checklist .form-feedback{color:#fbfaf7}#checklist .form-feedback .button{margin-top:16px;border-color:#ccfd99;color:#ccfd99}@media(max-width:720px){body:has(#contact :is(input,textarea,select):focus) .contact-dock{visibility:hidden;pointer-events:none}}