/* Bright coral direction. Light surfaces keep the full content easy to scan. */
 body{
    background:var(--cream)
}
 h1,h2,h3{
    font-weight:600
}
 .opening{
    background:var(--coral);
    color:var(--plum)
}
 .header{
    background:var(--cream)
}
 .nav-cta{
    background:var(--plum);
    color:var(--cream)
}
 .nav-cta:hover{
    background:#5d3d57
}
 .brand-period{
    color:var(--accent)
}
 .hero-eyebrow{
    color:var(--plum)
}
 .hero h1{
    font-weight:600;
    letter-spacing:-.065em
}
 .hero .text-link.light{
    color:var(--plum);
    border-color:#38283866
}
 .hero .text-link.light:hover{
    color:#5d2948
}
 .hero-small{
    opacity:1
}
 .hero-image:after{
    background:linear-gradient(90deg,#fffcf524,transparent 58%)
}
 .hero-image>img{
    object-position:center 54%
}
 .image-index{
    background:var(--cream);
    color:var(--plum);
    padding:9px 13px;
    border-radius:4px;
    letter-spacing:.07em
}
 .down-button{
    color:var(--plum);
    border-color:var(--plum);
    background:var(--cream)
}
 .down-button:hover{
    background:var(--plum);
    color:var(--cream)
}
 .feature-tile{
    border:0;
    color:var(--plum)
}
 .feature-brand{
    background:#ffe4d8
}
 .feature-digital{
    background:var(--cream)
}
 .tile-title{
    font-weight:600
}
 .tile-caption span{
    color:var(--accent)
}
 .parallel-lines{
    background:repeating-linear-gradient(90deg,transparent,transparent 17px,#ff705f88 18px,#ff705f88 19px)
}
 .tile-orbit{
    border-color:#ff705f88;
    box-shadow:0 0 0 20px #ff705f08,0 0 0 40px #ff705f0b,0 0 0 60px #ff705f0b
}
 .about-copy .lede{
    color:var(--plum)!important
}
 .capsule-image span{
    background-image:url('assets/about-fresh.webp')
}
 .dark-section{
    background:#ffe9df;
    color:var(--plum)
}
 .capabilities .eyebrow,.capabilities .section-heading>p{
    color:var(--muted)
}
 .service{
    background:var(--cream);
    border:1px solid #ffe9df;
    border-radius:12px
}
 .service-icon{
    stroke:var(--accent)
}
 .service-number{
    color:var(--accent);
    font-size:.8125rem
}
 .service>p:not(.service-number),.service ul{
    color:var(--muted)
}
 .service li{
    border-color:var(--line)
}
 .service .text-link.light{
    color:var(--plum);
    border-color:var(--coral)
}
 .service .text-link.light:hover{
    color:var(--accent)
}
 .outline-type{
    -webkit-text-stroke:1.5px var(--coral);
    font-weight:600
}
 .experience-number p{
    color:var(--plum);
    font-size:.75rem
}
 .project-note{
    color:var(--muted);
    border-color:var(--line)
}
 .text-link{
    border-color:var(--coral)
}
 .legal-art{
    background:#f6f5f2;
    box-shadow:none;
    border-color:#e8e3e4
}
 .legal-art .art-label{
    color:var(--muted)
}
 .legal-art .art-bottom{
    border-color:#d5cdd4
}
 .energy-art{
    background:#f7faf8
}
 .work-row:hover{
    background:#ffe4d833
}
 .step-number{
    color:var(--accent)
}
 .moments{
    background:#ffe9df
}
 .moment-list details{
    border-color:#dcbdb5
}
 .industry-list{
    border-color:var(--line)
}
 .brand-statement{
    background:#fff2eb
}
 .statement-symbol{
    color:var(--accent)
}
 .brand-statement h2>span{
    color:var(--accent)
}
 .contact{
    background:var(--coral);
    color:var(--plum)
}
 .contact-lines{
    background:repeating-linear-gradient(90deg,transparent 0,transparent 25px,#fffcf566 26px,#fffcf566 27px)
}
 .contact h2{
    font-weight:600
}
 .conversation{
    background:var(--cream);
    color:var(--plum);
    font-weight:600
}
 .circle-arrow{
    background:var(--plum);
    color:var(--cream)
}
 .conversation:hover .circle-arrow{
    background:#5d3d57
}
 .footer{
    background:var(--cream);
    color:var(--plum)
}
 .footer-main>div>p,.footer-bottom,.review-notes{
    color:var(--muted)
}
 .footer-col h2{
    color:var(--accent)
}
 .footer-col a:hover{
    color:var(--accent)
}
 .footer-bottom{
    border-color:var(--line)
}
 .real-identities{
    padding-bottom:5px
}
 @media(max-width:820px){
    .service-number{
        font-size:.75rem
    }
    .service .text-link{
        font-size:.875rem
    }
    .energy-identity>span{
        font-size:.75rem
    }
    .hero-eyebrow{
        font-size:.75rem
    }
    .hero-intro .text-link{
        font-size:.9375rem
    }
    .experience-number p{
        font-size:.75rem
    }
    .row-scope{
        font-size:.875rem
    }
}
 @media(max-width:640px){
    .hero-eyebrow{
        font-size:.6875rem;
        letter-spacing:.08em
    }
    .hero-image>img{
        object-position:65% center
    }
    .hero-image:after{
        background:none
    }
    .image-index{
        font-size:.625rem;
        padding:7px 9px;
        max-width:240px
    }
    .tile-caption{
        font-size:.8125rem
    }
    .capsule-image{
        height:370px
    }
    .service .text-link{
        font-size:.9375rem
    }
    .service-number{
        font-size:.8125rem
    }
    .contact-meta{
        font-size:.8125rem
    }
    .header nav{
        box-shadow:0 18px 35px #38283822
    }
    .energy-identity>span{
        font-size:.6875rem
    }
}