/* ==========================================================================
   Component: Internal Hero System v1.0
   Shared by all StorageRankers internal service pages.
   Page modifiers provide only the background motif and hero illustration.
   ========================================================================== */

.internal-hero{
    --internal-hero-bg-image:none;
    position:relative;
    min-height:420px;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:var(--white);
    background:var(--navy-950);
}
.internal-hero__bg{
    position:absolute;top:0;left:0;right:0;bottom:0;
    background-color:var(--navy-950);
    background-image:var(--internal-hero-bg-image);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:0;
}
.internal-hero__overlay{
    position:absolute;top:0;left:0;right:0;bottom:0;
    background:
        radial-gradient(circle at 72% 42%,rgba(19,167,179,.08),transparent 34%),
        linear-gradient(135deg,rgba(0,31,49,.92) 0%,rgba(11,48,73,.84) 52%,rgba(0,31,49,.78) 100%);
    z-index:1;
}
.internal-hero__inner{
    position:relative;z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);
    gap:56px;
    align-items:center;
    padding-top:40px;
    padding-bottom:40px;
}
.internal-hero__content{min-width:0;}
.internal-hero__breadcrumb{
    display:block;
    position:static;
    height:auto;
    padding:0;
    margin:0 0 12px;
    color:rgba(255,255,255,.62);
    font-size:.8rem;
    line-height:1.4;
    text-align:left;
}
.internal-hero__breadcrumb a{color:rgba(255,255,255,.62);text-decoration:none;transition:color .2s ease;}
.internal-hero__breadcrumb a:hover{color:var(--teal-300);}
.internal-hero__content .section-eyebrow{text-align:left;margin-bottom:10px;}
.internal-hero__content h1{
    max-width:670px;
    margin:0 0 16px;
    color:var(--white);
    font-size:clamp(2.15rem,3.1vw,2.55rem);
    font-weight:800;
    line-height:1.1;
    letter-spacing:-.025em;
}
.internal-hero__content p{
    max-width:600px;
    margin:0 0 24px;
    color:var(--gray-300);
    font-size:1rem;
    line-height:1.58;
}
.internal-hero__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.internal-hero__visual{min-width:0;}

@media (max-width:1024px){
    .internal-hero{min-height:0;}
    .internal-hero__inner{grid-template-columns:1fr;gap:0;padding-top:42px;padding-bottom:42px;}
    .internal-hero__visual{display:none;}
    .internal-hero__content h1{max-width:760px;}
    .internal-hero__content p{max-width:680px;}
}

@media (max-width:640px){
    .internal-hero__inner{padding-top:34px;padding-bottom:38px;}
    .internal-hero__content h1{font-size:2rem;line-height:1.08;}
    .internal-hero__content p{font-size:.98rem;line-height:1.55;margin-bottom:22px;}
    .internal-hero__actions{flex-direction:column;align-items:stretch;}
    .internal-hero__actions .btn{display:flex;width:100%;justify-content:center;text-align:center;}
}