.section-enterwapp[data-node].inner-banner-style{}

/* =========================================================
   INNER BANNER
========================================================= */
section[data-module="inner-banner-style"] {
    position: relative;
    width: 100%;
    height: 550px;
    min-height: 550px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--color-primary-light);
}

section[data-module="inner-banner-style"] .inner-banner-background {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    pointer-events: none;
}

section[data-module="inner-banner-style"] .inner-banner-background-default { background-color: var(--color-primary-light); }
section[data-module="inner-banner-style"] .inner-banner-background-image { background-repeat:no-repeat; background-position:center center; background-size:cover; }

section[data-module="inner-banner-style"] .inner-banner-background::before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    z-index:2;
    height:260px;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.14) 36%,rgba(255,255,255,.28) 58%,rgba(255,255,255,.56) 78%,rgba(255,255,255,.82) 100%);
    mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.98) 42%,rgba(0,0,0,.90) 56%,rgba(0,0,0,.72) 68%,rgba(0,0,0,.48) 79%,rgba(0,0,0,.24) 89%,rgba(0,0,0,.08) 96%,transparent 100%);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.98) 42%,rgba(0,0,0,.90) 56%,rgba(0,0,0,.72) 68%,rgba(0,0,0,.48) 79%,rgba(0,0,0,.24) 89%,rgba(0,0,0,.08) 96%,transparent 100%);
}

section[data-module="inner-banner-style"] .inner-banner-background::after {
    content:"";position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.88) 4%,rgba(255,255,255,.62) 9%,rgba(255,255,255,.34) 14%,rgba(255,255,255,.14) 19%,rgba(255,255,255,.04) 23%,rgba(255,255,255,0) 27%,rgba(255,255,255,0) 64%,rgba(255,255,255,.03) 68%,rgba(255,255,255,.08) 72%,rgba(255,255,255,.16) 76%,rgba(255,255,255,.28) 80%,rgba(255,255,255,.44) 84%,rgba(255,255,255,.62) 88%,rgba(255,255,255,.78) 92%,rgba(255,255,255,.90) 95%,rgba(255,255,255,.97) 98%,rgba(255,255,255,1) 100%);
}

section[data-module="inner-banner-style"] .inner-banner-container {position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0 100px}
section[data-module="inner-banner-style"] .inner-banner-title {order:2;width:100%;margin:0;color:var(--color-white);text-align:center;line-height:1.12;text-shadow:0 2px 5px rgba(0,0,0,.16)}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb {position:relative;top:auto;right:auto;order:1;width:100%;max-width:none;margin:0 0 14px;padding:0;text-align:center}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb ol {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0;padding:0;list-style:none}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li {display:inline-flex;align-items:center;margin:0;padding:0;font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.4;color:rgba(86,86,86,.72)}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li:not(:last-child)::after {content:">";display:inline-block;margin:0 10px;color:rgba(86,86,86,.72)}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb a {color:rgba(86,86,86,.72);text-decoration:none;transition:color .3s ease}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb a:hover {color:var(--color-primary-dark)}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb .is-current span {position:relative;display:inline-block;color:var(--color-primary-dark);text-decoration:none}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb .is-current span::after {display:none;content:none}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual {position:relative;top:auto;right:auto;order:1;width:100%;max-width:none;margin:0 0 14px;padding:0;color:var(--color-primary-dark);font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.4;text-align:center}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual .is-current {position:relative;display:inline-block;color:var(--color-primary-dark);text-decoration:none}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual .is-current::after {display:none;content:none}

/* =========================================================
   TEXT ANIMATION
========================================================= */
@keyframes innerBannerTitleReveal {
    0% {opacity:0;transform:translateY(42px);clip-path:inset(0 0 100% 0)}
    100% {opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}
}

@keyframes innerBannerBreadcrumbReveal {
    0% {opacity:0;transform:translateY(-12px)}
    100% {opacity:1;transform:translateY(0)}
}

section[data-module="inner-banner-style"] .inner-banner-title {
    opacity:0;
    will-change:opacity,transform,clip-path;
    animation:innerBannerTitleReveal 1.65s cubic-bezier(.16,1,.3,1) .18s both;
}

section[data-module="inner-banner-style"] .inner-banner-breadcrumb,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual {
    opacity:0;
    will-change:opacity,transform;
    animation:innerBannerBreadcrumbReveal 1.05s cubic-bezier(.22,1,.36,1) .82s both;
}

@media (max-width:1600px){
section[data-module="inner-banner-style"] .inner-banner-container{padding:0 80px}
}

@media (max-width:1400px){
section[data-module="inner-banner-style"]{height:550px;min-height:550px}
section[data-module="inner-banner-style"] .inner-banner-container{padding:0 60px}
}

@media (min-width:1201px) and (max-width:1600px){
section[data-module="inner-banner-style"]{height:520px;min-height:520px}
section[data-module="inner-banner-style"] .inner-banner-container{padding-top:70px}
}

@media (max-width:1200px){
section[data-module="inner-banner-style"]{height:460px;min-height:460px}
section[data-module="inner-banner-style"] .inner-banner-container{padding:0 40px}
}

@media (max-width:1024px){
section[data-module="inner-banner-style"]{height:380px;min-height:380px}
section[data-module="inner-banner-style"] .inner-banner-container{padding:0 30px}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li,section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual{font-size:13px}
}

@media (max-width:767px){
section[data-module="inner-banner-style"]{height:400px;min-height:400px}
section[data-module="inner-banner-style"] .inner-banner-background::before{display:none}
section[data-module="inner-banner-style"] .inner-banner-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:0 18px}
section[data-module="inner-banner-style"] .inner-banner-title{order:2;width:100%;margin:0;padding:0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.14);animation-duration:1.35s;animation-delay:.14s}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb{position:relative;top:auto;right:auto;order:1;width:100%;max-width:none;margin:0 0 12px;padding:0;text-align:center}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb ol{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;margin:0;padding:0}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li{font-size:12px;line-height:1.4;color:rgba(86,86,86,.72)}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li:not(:last-child)::after{margin:0 6px;color:rgba(86,86,86,.72)}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb a{color:rgba(86,86,86,.72)}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb .is-current span{color:var(--color-primary-dark);text-decoration:none}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual{position:relative;top:auto;right:auto;order:1;display:block;width:100%;max-width:none;margin:0 0 12px;padding:0;font-size:12px;line-height:1.4;text-align:center;color:var(--color-primary-dark)}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual .is-current{color:var(--color-primary-dark);text-decoration:none}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb .is-current span::after,section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual .is-current::after{display:none;content:none}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb a:hover{color:var(--color-primary-dark)}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb,section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual{animation-duration:.88s;animation-delay:.66s}
}

@media (max-width:480px){
section[data-module="inner-banner-style"]{height:350px;min-height:270px}
section[data-module="inner-banner-style"] .inner-banner-container{padding:0 10px}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb,section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual{margin-bottom:10px}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li,section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual{font-size:11px}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li:not(:last-child)::after{margin:0 5px}
}

@media (prefers-reduced-motion:reduce){
section[data-module="inner-banner-style"] .inner-banner-title,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual{opacity:1;transform:none;clip-path:none;animation:none!important}
}


/* Title reveal parity with home-banner (letter-by-letter, 2026-11-02). */
section[data-module="inner-banner-style"] .inner-banner-title.ib-letter-ready {
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

section[data-module="inner-banner-style"] .ib-letter-word {
    display: inline-block;
    white-space: nowrap;
    vertical-align: baseline;
}

section[data-module="inner-banner-style"] .ib-letter {
    display: inline-block;
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    filter: blur(3px);
    transition:
        opacity .54s ease,
        transform .82s cubic-bezier(.16, 1, .3, 1),
        filter .72s ease;
    transition-delay: 0s;
    will-change: opacity, transform, filter;
}

section[data-module="inner-banner-style"] .inner-banner-title.ib-letter-playing .ib-letter {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
    transition-delay: calc(.3s + var(--ib-letter-index) * .045s);
}

@media (max-width: 767px) {
    section[data-module="inner-banner-style"] .ib-letter {
        transform: translate3d(0, 12px, 0);
        filter: blur(1px);
    }
}
@media (prefers-reduced-motion: reduce) {
    section[data-module="inner-banner-style"] .ib-letter {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
        will-change: auto;
    }
}


/* Breadcrumb readability: white text with soft dark shadow (2026-11-11) */
section[data-module="inner-banner-style"] .inner-banner-breadcrumb,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li:not(:last-child)::after,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb a,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb .is-current span,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual .is-current {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 24, 49, .40), 0 2px 5px rgba(0, 24, 49, .20);
}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb li,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual {
    font-weight: 500;
}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb .is-current span,
section[data-module="inner-banner-style"] .inner-banner-breadcrumb-manual .is-current {
    font-weight: 600;
}
section[data-module="inner-banner-style"] .inner-banner-breadcrumb a:hover {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}