/* Signare brand interactions, based on the supplied original website CSS. */
:root{--brand-orange:#e95030;--brand-orange-hover:#ce3d21;--brand-ease:cubic-bezier(.2,.7,.2,1);--brand-radius:22px}
h1,h2,h3,h4,h5,h6{transition:color .25s ease}h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover{color:var(--brand-orange)}h1:hover span,h1:hover em,h2:hover span,h2:hover em{color:inherit}h1 a,h2 a,h3 a,h4 a{transition:color .25s ease}.project:hover h3,.project:focus-visible h3,.blog-card:hover h3,.blog-card:focus-within h3,.featured-copy h2:focus-within,.sidebar-post:hover h3,.sidebar-post:focus-visible h3,summary:hover h3,summary:focus-visible h3{color:var(--brand-orange)}
.button,.button.light,.button.dark,.journal-page .button,header .nav-cta{background:var(--brand-orange);color:#fff;border:1px solid var(--brand-orange);border-radius:10px;box-shadow:0 8px 22px rgba(233,80,48,.14);transition:background-color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.button:hover,.button.light:hover,.button.dark:hover,.journal-page .button:hover,header .nav-cta:hover{background:var(--brand-orange-hover);border-color:var(--brand-orange-hover);color:#fff;transform:translateY(-3px);box-shadow:0 12px 26px rgba(233,80,48,.23)}.button:active,header .nav-cta:active{transform:translateY(0)}.button span{display:inline-block;transition:transform .25s ease}.button:hover span{transform:translate(3px,-2px)}.email-option{color:#b53a21}.email-option:hover,.text-link:hover{color:var(--brand-orange);border-color:var(--brand-orange)}.pagination a[aria-current]{background:var(--brand-orange);border-color:var(--brand-orange);color:white}.pagination a:hover{border-color:var(--brand-orange);color:var(--brand-orange)}.pagination a[aria-current]:hover{color:white;background:var(--brand-orange-hover)}
.project{display:block;background:#f7f7f5;border:1px solid rgba(38,42,45,.12);border-radius:17px;overflow:hidden;box-shadow:0 12px 30px rgba(38,42,45,.05);transition:transform .35s var(--brand-ease),box-shadow .35s ease,border-color .35s ease}.project .project-meta{padding:20px 22px 23px}.project .project-meta>span{right:22px}.project .project-image{border-radius:0;overflow:hidden}.project .project-image img{transition:transform .65s var(--brand-ease),filter .4s ease}.project:hover,.project:focus-visible{transform:translateY(-5px);border-color:rgba(233,80,48,.38);box-shadow:0 24px 50px rgba(38,42,45,.13)}.project:hover .project-image img,.project:focus-visible .project-image img{transform:scale(1.04);filter:saturate(1.06)}
.blog-card,.journal-page .blog-card{border-radius:17px;overflow:hidden;border-color:rgba(38,42,45,.12);transition:transform .35s var(--brand-ease),box-shadow .35s ease,border-color .35s ease}.blog-card:hover,.journal-page .blog-card:hover,.blog-card:focus-within{transform:translateY(-6px);border-color:rgba(233,80,48,.38);box-shadow:0 24px 50px rgba(38,42,45,.09)}.blog-card img,.journal-page .blog-card img{transition:transform .65s var(--brand-ease),filter .4s ease;transform-origin:center top}.blog-card:hover img,.blog-card:focus-within img{transform:scale(1.035);filter:saturate(1.06)}.blog-card-copy{position:relative;background:#f7f7f5}.journal-page .blog-card-copy{background:white}
.featured-image,.journal-page .featured-image,.article-cover,.journal-page .article-cover{border-radius:var(--brand-radius);overflow:hidden}.featured-post{padding:18px;background:#f7f7f5;border:1px solid rgba(38,42,45,.1);border-radius:var(--brand-radius)}.featured-image img{transition:transform .65s var(--brand-ease)}.featured-image:hover img{transform:scale(1.055)}.sidebar-post img{border-radius:10px}.browser-card{border-radius:22px;overflow:hidden}.hero{border-radius:0 0 28px 28px}.ticker{margin:20px 3% 0;border-radius:14px}.about{margin:0 3%;border-radius:var(--brand-radius)}.contact{margin:0 3% 30px;border-radius:var(--brand-radius)}.article-cta{background:#f5f6f6;border:1px solid #e2e5e6;border-radius:18px;padding:24px!important}.service-list details{transition:background-color .25s ease,padding .25s ease;border-radius:10px}.service-list details:hover{background:rgba(233,80,48,.045)}
.project-banner{margin:0 7% 80px;border-radius:22px;background:#262a2d;overflow:hidden;border:1px solid rgba(38,42,45,.12);display:grid;grid-template-columns:.9fr 1.1fr;min-height:300px}.project-banner-copy{padding:38px;color:#f7f7f5;align-self:center}.project-banner-copy .eyebrow{color:#ff967d;display:block;margin-bottom:16px}.project-banner-copy h2{font-size:clamp(23px,2.3vw,32px);line-height:1.5;margin:0 0 24px}.project-banner-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;padding:30px 25px 30px 0;overflow:hidden}.project-banner-media a{display:block;border-radius:13px;overflow:hidden;box-shadow:0 15px 30px #0003;transform:rotate(-4deg);transition:transform .45s var(--brand-ease)}.project-banner-media a:nth-child(2){transform:translateY(20px) rotate(3deg)}.project-banner-media a:hover{transform:translateY(-5px) rotate(0deg)}.project-banner-media img{display:block;width:100%;height:235px;object-fit:cover;object-position:top}
@media(max-width:700px){.project-banner{grid-template-columns:1fr;margin:0 6% 55px}.project-banner-copy{padding:28px}.project-banner-media{padding:0 22px 35px;gap:9px}.project-banner-media img{height:160px}.about,.contact{margin-left:3%;margin-right:3%;border-radius:18px}.featured-post{padding:12px}.featured-image,.journal-page .featured-image,.article-cover,.journal-page .article-cover{border-radius:14px}.hero{border-radius:0 0 20px 20px}}
@media(hover:none){.project:hover,.blog-card:hover,.journal-page .blog-card:hover,.button:hover{transform:none}.project:hover .project-image img,.blog-card:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.project:hover,.blog-card:hover,.journal-page .blog-card:hover,.featured-image:hover img,.project:hover .project-image img,.blog-card:hover img,.button:hover,.project-banner-media a:hover{transform:none!important}}